.belt,
.belt-1280 {
    width: 100%;
    margin: auto
}
.item-block,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
.franquicias-menu a,
.uppercase {
    text-transform: uppercase
}
.article-button:after,
.communication-type-button:after,
.custom-slide-marca .custom-slide-container a:after,
.more-button:after {
    -webkit-transition: all ease-out .2s;
    -moz-transition: all ease-out .2s;
    -o-transition: all ease-out .2s;
    -ms-transition: all ease-out .2s
}
@font-face {
    font-family: FSLola;
    src: url(base/fonts/fslola.eot);
    src: url(fonts/fslola.eot?#iefix) format('embedded-opentype'), url(base/fonts/fslola.woff) format('woff'), url(base/fonts/fslola.ttf) format('truetype'), url(fonts/fslola.svg#svgfslola) format('svg')
}
@font-face {
    font-family: FSLolaBold;
    src: url(base/fonts/fs_lola_bold-webfont.eot);
    src: url(fonts/fs_lola_bold-webfont.eot?#iefix) format('embedded-opentype'), url(base/fonts/fs_lola_bold-webfont.woff) format('woff'), url(base/fonts/fs_lola_bold-webfont.ttf) format('truetype'), url(fonts/fs_lola_bold-webfont.svg#svgfs_lola_bold-webfont) format('svg')
}
@font-face {
    font-family: SegoePrint;
    src: url(base/fonts/Segoe-Print.eot);
    src: url(fonts/Segoe-Print.eot?#iefix) format('embedded-opentype'), url(base/fonts/Segoe-Print.woff) format('woff'), url(base/fonts/Segoe-Print.ttf) format('truetype'), url(fonts/Segoe-Print.svg#svgSegoe-Print) format('svg')
}
@font-face {
    font-family: TexGyreAdventor;
    src: url(base/fonts/texgyreadventor-regular-webfont.eot);
    src: url(fonts/texgyreadventor-regular-webfont.eot?#iefix) format('embedded-opentype'), url(base/fonts/texgyreadventor-regular-webfont.woff) format('woff'), url(base/fonts/texgyreadventor-regular-webfont.ttf) format('truetype'), url(fonts/texgyreadventor-regular-webfont.svg#svgtexgyreadventor-regular-webfont) format('svg')
}
@font-face {
    font-family: TexGyreAdventorBold;
    src: url(base/fonts/texgyreadventor-bold-webfont.eot);
    src: url(fonts/texgyreadventor-bold-webfont.eot?#iefix) format('embedded-opentype'), url(base/fonts/texgyreadventor-bold-webfont.woff) format('woff'), url(base/fonts/texgyreadventor-bold-webfont.ttf) format('truetype'), url(fonts/texgyreadventor-bold-webfont.svg#svgtexgyreadventor-bold-webfont) format('svg')
}
@font-face {
    font-family: TexGyreAdventorItalic;
    src: url(base/fonts/texgyreadventor-italic-webfont.eot);
    src: url(fonts/texgyreadventor-italic-webfont.eot?#iefix) format('embedded-opentype'), url(base/fonts/texgyreadventor-italic-webfont.woff) format('woff'), url(base/fonts/texgyreadventor-italic-webfont.ttf) format('truetype'), url(fonts/texgyreadventor-italic-webfont.svg#svgtexgyreadventor-italic-webfont) format('svg')
}
@font-face {
    font-family: TexGyreAdventorBoldItalic;
    src: url(base/fonts/texgyreadventor-bolditalic-webfont.eot);
    src: url(fonts/texgyreadventor-bolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(base/fonts/texgyreadventor-bolditalic-webfont.woff) format('woff'), url(base/fonts/texgyreadventor-bolditalic-webfont.ttf) format('truetype'), url(fonts/texgyreadventor-bolditalic-webfont.svg#svgtexgyreadventor-bolditalic-webfont) format('svg')
}
@font-face {
    font-family: CoconLight;
    src: url(base/fonts/Cocon-Light.eot);
    src: url(fonts/Cocon-Light.eot?#iefix) format('embedded-opentype'), url(base/fonts/Cocon-Light.woff) format('woff'), url(base/fonts/Cocon-Light.ttf) format('truetype'), url(fonts/Cocon-Light.svg#svgCocon-Light) format('svg')
}
@font-face {
    font-family: CoconBold;
    src: url(base/fonts/CoconOT-Bold.eot);
    src: url(fonts/CoconOT-Bold.eot?#iefix) format('embedded-opentype'), url(base/fonts/CoconOT-Bold.woff) format('woff'), url(base/fonts/CoconOT-Bold.ttf) format('truetype'), url(fonts/CoconOT-Bold.svg#svgCoconOT-Bold) format('svg')
}
@font-face {
    font-family: CoconBoldExcon;
    src: url(base/fonts/CoconOT-BoldExcon.eot);
    src: url(fonts/CoconOT-BoldExcon.eot?#iefix) format('embedded-opentype'), url(base/fonts/CoconOT-BoldExcon.woff) format('woff'), url(base/fonts/CoconOT-BoldExcon.ttf) format('truetype'), url(fonts/CoconOT-BoldExcon.svg#svgCoconOT-BoldExcon) format('svg')
}
@font-face {
    font-family: Conv_ITCAvantGardeStd-Demi;
    src: url(base/fonts/ITCAvantGardeStd-Demi.eot);
    src: url(fonts/ITCAvantGardeStd-Demi.eot?#iefix) format('embedded-opentype'), url(base/fonts/ITCAvantGardeStd-Demi.woff) format('woff'), url(base/fonts/ITCAvantGardeStd-Demi.ttf) format('truetype'), url(fonts/ITCAvantGardeStd-Demi.svg#svgITCAvantGardeStd-Demi) format('svg')
}
@font-face {
    font-family: ITCAvantGardeStd-bk;
    src: url(base/fonts/ITCAvantGardeStd-bk.eot);
    src: url(fonts/ITCAvantGardeStd-bk.eot?#iefix) format('embedded-opentype'), url(base/fonts/ITCAvantGardeStd-bk.woff) format('woff'), url(base/fonts/ITCAvantGardeStd-bk.ttf) format('truetype'), url(fonts/ITCAvantGardeStd-bk.svg#svgITCAvantGardeStd-bk) format('svg')
}
@font-face {
    font-family: ITCAvantGardeStd-Demi;
    src: url(base/fonts/ITCAvantGardeStd-Demi.eot);
    src: url(fonts/ITCAvantGardeStd-Demi.eot?#iefix) format('embedded-opentype'), url(base/fonts/ITCAvantGardeStd-Demi.woff) format('woff'), url(base/fonts/ITCAvantGardeStd-Demi.ttf) format('truetype'), url(fonts/ITCAvantGardeStd-Demi.svg#svgITCAvantGardeStd-Demi) format('svg')
}
@font-face {
    font-family: ITCAvantGardeStd-Bold;
    src: url(base/fonts/ITCAvantGardeStd-Bold.eot);
    src: url(fonts/ITCAvantGardeStd-Bold.eot?#iefix) format('embedded-opentype'), url(base/fonts/ITCAvantGardeStd-Bold.woff) format('woff'), url(base/fonts/ITCAvantGardeStd-Bold.ttf) format('truetype'), url(fonts/ITCAvantGardeStd-Bold.svg#svgITCAvantGardeStd-Bold) format('svg')
}
@font-face {
    font-family: ITCAvantGardePro;
    src: url(base/fonts/ITCAvantGardePro-Bk.eot);
    src: url(fonts/ITCAvantGardePro-Bk.eot?#iefix) format('embedded-opentype'), url(base/fonts/ITCAvantGardePro-Bk.woff) format('woff'), url(base/fonts/ITCAvantGardePro-Bk.ttf) format('truetype'), url(fonts/ITCAvantGardePro-Bk.svg#ITCAvantGardePro-Bk) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: ITCAvantGardePro;
    src: url(base/fonts/ITCAvantGardePro-Demi.eot);
    src: url(fonts/ITCAvantGardePro-Demi.eot?#iefix) format('embedded-opentype'), url(base/fonts/ITCAvantGardePro-Demi.woff) format('woff'), url(base/fonts/ITCAvantGardePro-Demi.ttf) format('truetype'), url(fonts/ITCAvantGardePro-Demi.svg#ITCAvantGardePro-Demi) format('svg');
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: ITCAvantGardePro-Demi;
    src: url(base/fonts/ITCAvantGardePro-Demi.eot);
    src: url(fonts/ITCAvantGardePro-Demi.eot?#iefix) format('embedded-opentype'), url(base/fonts/ITCAvantGardePro-Demi.woff) format('woff'), url(base/fonts/ITCAvantGardePro-Demi.ttf) format('truetype'), url(fonts/ITCAvantGardePro-Demi.svg#ITCAvantGardePro-Demi) format('svg')
}
@font-face {
    font-family: ITCAvantGardePro;
    src: url(base/fonts/ITCAvantGardePro-Md.eot);
    src: url(fonts/ITCAvantGardePro-Md.eot?#iefix) format('embedded-opentype'), url(base/fonts/ITCAvantGardePro-Md.woff) format('woff'), url(base/fonts/ITCAvantGardePro-Md.ttf) format('truetype'), url(fonts/ITCAvantGardePro-Md.svg#ITCAvantGardePro-Md) format('svg');
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: ITCAvantGardePro;
    src: url(base/fonts/ITCAvantGardePro-Bold.eot);
    src: url(fonts/ITCAvantGardePro-Bold.eot?#iefix) format('embedded-opentype'), url(base/fonts/ITCAvantGardePro-Bold.woff) format('woff'), url(base/fonts/ITCAvantGardePro-Bold.ttf) format('truetype'), url(fonts/ITCAvantGardePro-Bold.svg#ITCAvantGardePro-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: ITCAvantGardePro-Bold;
    src: url(base/fonts/ITCAvantGardePro-Bold.eot);
    src: url(fonts/ITCAvantGardePro-Bold.eot?#iefix) format('embedded-opentype'), url(base/fonts/ITCAvantGardePro-Bold.woff) format('woff'), url(base/fonts/ITCAvantGardePro-Bold.ttf) format('truetype'), url(fonts/ITCAvantGardePro-Bold.svg#ITCAvantGardePro-Bold) format('svg')
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}
*,
.header-navtop * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.button-footer a,
.text-typo-regular {
    font-family: TexGyreAdventor, arial, sans-serif
}
body {
    line-height: 1
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
* {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    text-rendering: optimizeLegibility
}
.belt {
    max-width: 1400px;
    clear: both
}
.belt-1280 {
    max-width: 1280px;
    clear: both
}
.sello img,
.wrap {
    max-width: 100%
}
.wrap {
    width: 100%;
    min-height: 100%
}
.hide,
.visually-hidden {
    width: 1px;
    height: 1px;
    overflow: hidden
}
.wrapper {
    padding: 0
}
.wpb_row {
    margin-bottom: 0!important
}
.vc_row {
    margin: 0!important
}
.vc_column_container,
.wpb_column {
    padding: 0!important
}
.item-inline {
    display: inline-block;
    vertical-align: top
}
.margin-0 {
    margin: 0
}
.padding-0 {
    padding: 0
}
.padding-5 {
    padding: 5%
}
.padding-10 {
    padding: 10%
}
.padding-y-10-x-0 {
    padding: 10% 0
}
.padding-y-0-x-10 {
    padding: 0 10%
}
.padding-y-10 {
    padding-bottom: 10%
}
.text-padding-bottom-10 {
    padding-bottom: 10px
}
.text-padding-top-10 {
    padding-top: 10px
}
.margin4top {
    margin-top: 40px!important
}
.only-sml {
    display: none!important
}
.only-lrg {
    display: block!important
}
.visually-hidden {
    margin: -1px;
    padding: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute
}
.hide {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}
.clear {
    clear: both
}
.is-hidden {
    display: none
}
.is-hidden-mobile {
    display: block
}
.text-md {
    font-size: 20px
}
.text-sm {
    font-size: 14px;
    line-height: 17px
}
.text-xs {
    font-size: 10px
}
.text-lg {
    font-size: 30px
}
.text-xl {
    font-size: 50px
}
.text-xxl {
    font-size: 70px
}
.text-xxxl {
    font-size: 80px
}
.wysiwyg-content h1 {
    font-size: 36px
}
.wysiwyg-content h2 {
    font-size: 30px
}
.wysiwyg-content h3 {
    font-size: 24px
}
.wysiwyg-content h4 {
    font-size: 18px
}
.wysiwyg-content h5 {
    font-size: 14px
}
.wysiwyg-content h6 {
    font-size: 12px
}
.text-typo-bold,
strong {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
em,
italic {
    font-family: TexGyreAdventorItalic, arial, sans-serif
}
strong em {
    font-family: TexGyreAdventorBoldItalic, arial, sans-serif
}
.alignLeft,
.alignleft {
    float: left!important;
    margin-right: 20px!important;
    margin-top: 0!important
}
.alignRight,
.alignright {
    float: right!important;
    margin-left: 20px!important;
    margin-top: 0!important
}
.center ul {
    text-align: center;
    margin-bottom: 20px
}
.center {
    text-align: center!important
}
.wysiwyg-content blockquote,
.wysiwyg-content q {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "\201C""\201D""\2018""\2019"
}
.wysiwyg-content ol,
.wysiwyg-content ul {
    list-style: inherit;
    margin-left: 20px
}
.wysiwyg-content blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 40px;
    line-height: .2em;
    margin-right: .25em;
    vertical-align: -.7em
}
.bg-aqua .text-color,
.bg-black .text-color,
.bg-blue .text-color,
.bg-brown .text-color,
.bg-light-green .text-color,
.bg-orange .text-color,
.bg-red .text-color,
.bg-yellow .text-color,
.button-footer a,
.communication-type-button.text-color {
    color: #fff
}
.wysiwyg-content ol {
    list-style-type: decimal
}
@media only screen and (max-width: 1100px) {
    .padding-5 {
        padding: 2.5%
    }
    .padding-10 {
        padding: 5%
    }
    .padding-y-10-x-0 {
        padding: 5% 0
    }
    .padding-y-0-x-10 {
        padding: 0 5%
    }
    .padding-y-10 {
        padding-bottom: 5%
    }
    .text-md {
        font-size: 15px
    }
    .text-lg {
        font-size: 20px
    }
    .text-xl {
        font-size: 30px
    }
    .text-xxl {
        font-size: 40px
    }
    .text-xxxl {
        font-size: 50px
    }
}
.article-button,
.communication-type-button,
.more-button {
    font-size: 28px;
    height: 55px;
    width: 55px;
    display: block;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: Helvetica;
    font-weight: bolder;
    background-color: rgba(255, 255, 255, .5);
    text-indent: -9999px
}
.article-button:hover:after,
.communication-type-button:hover:after,
.more-button:hover:after {
    background-size: 50%
}
.article-button:after,
.communication-type-button:after,
.more-button:after {
    content: '';
    display: block;
    height: 40px;
    width: 40px;
    padding: 27px;
    background-image: url(../img/base/icon-more-white.png);
    background-position: center;
    background-size: 40%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease-out .2s
}
.communication-type-button:hover {
    text-decoration: none
}
.blog-article .article-button {
    background-color: rgba(221, 220, 220, .5)
}
.button-play-wrapper {
    position: absolute;
    top: 47%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.button-play {
    background-image: url(../img/base/icon-play.png);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin: auto;
    width: 60px;
    height: 60px;
    z-index: 2
}
.button-buy,
.button-tab {
    font-size: 28px;
    height: 55px;
    width: 55px;
    text-align: center;
    position: absolute;
    bottom: 0;
    background-position: center;
    display: block;
    background-repeat: no-repeat;
    box-sizing: border-box;
    right: 0;
    text-indent: -9999px;
    text-decoration: none
}
.button-buy {
    background-color: rgba(0, 0, 0, .2);
    background-image: url(../img/recetas/detalle/icon-buy.png)
}
.button-tab {
    background-color: rgba(0, 0, 0, .1);
    background-image: url(../img/base/arrow-white-down.png)
}
.button-tab.active {
    background-image: url(../img/base/arrow-white-up.png)
}
#cboxClose {
    background-image: url(../img/base/icon-close-white.png);
    background-size: 100%;
    height: 20px;
    width: 20px;
    text-indent: -9999px;
    right: 0;
    top: 0;
    bottom: auto
}
.button-footer {
    width: 100%
}
.button-footer a {
    width: 50%;
    display: block;
    background-color: #f0301c;
    text-align: right;
    padding: 20px 50px 20px 20px;
    margin-left: auto;
    font-size: 17px;
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-image: url(../img/form/arrow-right.png);
    background-position: 90% center;
    background-repeat: no-repeat
}
.aqua .header-section,
.black .header-section,
.blue .header-section,
.bluegreen .header-section,
.brown .header-section,
.gold .header-section,
.green .header-section,
.light-orange .header-section,
.lime .header-section,
.ocher .header-section,
.orange .header-section,
.pink .header-section,
.purple .header-section,
.red .header-section,
.white .header-section,
.yellow .header-section {
    overflow: hidden;
    background-position: 58.6%;
    background-size: 158%
}
.light-blue .bg-color-1 {
    background-color: #addbec
}
.light-blue .bg-color-2 {
    background-color: #9cd4e8
}
.light-blue .bg-color-3 {
    background-color: #a8daed
}
.light-blue .bg-color-4 {
    background-color: #95d9f3
}
.light-blue .bg-color-5 {
    background-color: #7ecfed
}
.light-blue .bg-color-6 {
    background-color: #84c6de
}
.blue .bg-color-1 {
    background-color: #80bbcf
}
.blue .bg-color-2 {
    background-color: #86c1d6
}
.blue .bg-color-3 {
    background-color: #96cce0
}
.blue .bg-color-4 {
    background-color: #75b5cb
}
.blue .bg-color-5 {
    background-color: #86b5c6
}
.blue .bg-color-6 {
    background-color: #74b4c9
}
.dark-blue .bg-color-1 {
    background-color: #0082bc
}
.dark-blue .bg-color-2 {
    background-color: #60b0de
}
.dark-blue .bg-color-3 {
    background-color: #8fcdeb
}
.dark-blue .bg-color-4 {
    background-color: #71c0e6
}
.dark-blue .bg-color-5 {
    background-color: #5bb7e3
}
.dark-blue .bg-color-6 {
    background-color: #a9d8f0
}
.blue-marine .bg-color-1 {
    background-color: #1573b9
}
.blue-marine .bg-color-2 {
    background-color: #1e66b1
}
.blue-marine .bg-color-3 {
    background-color: #0e4f93
}
.blue-marine .bg-color-4 {
    background-color: #0057a1
}
.blue-marine .bg-color-5 {
    background-color: #1573b9
}
.blue-marine .bg-color-6 {
    background-color: #1e66b1
}
.aquamarine .bg-color-1 {
    background-color: #7bcfb6
}
.aquamarine .bg-color-2 {
    background-color: #5fceba
}
.aquamarine .bg-color-3 {
    background-color: #66c7aa
}
.aquamarine .bg-color-4 {
    background-color: #5fbb9f
}
.aquamarine .bg-color-5 {
    background-color: #6bd0b2
}
.aquamarine .bg-color-6 {
    background-color: #6fd6b7
}
.khaki-green .bg-color-1 {
    background-color: #d1d2ab
}
.khaki-green .bg-color-2 {
    background-color: #CECE89
}
.khaki-green .bg-color-3 {
    background-color: #B9B980
}
.khaki-green .bg-color-4 {
    background-color: #E0F3B8
}
.khaki-green .bg-color-5 {
    background-color: #B4B785
}
.khaki-green .bg-color-6 {
    background-color: #CED29D
}
.light-green .bg-color-1 {
    background-color: #40a872
}
.light-green .bg-color-2 {
    background-color: #47a169
}
.light-green .bg-color-3 {
    background-color: #3a9867
}
.light-green .bg-color-4 {
    background-color: #46ab77
}
.light-green .bg-color-5 {
    background-color: #369f68
}
.light-green .bg-color-6 {
    background-color: #56b283
}
.green .bg-color-1 {
    background-color: #419358
}
.green .bg-color-2 {
    background-color: #479a5c
}
.green .bg-color-3 {
    background-color: #3b9866
}
.green .bg-color-4 {
    background-color: #439851
}
.green .bg-color-5 {
    background-color: #338c4b
}
.green .bg-color-6 {
    background-color: #579d6a
}
.dark-green .bg-color-1 {
    background-color: #70875a
}
.dark-green .bg-color-2 {
    background-color: #5f804d
}
.dark-green .bg-color-3 {
    background-color: #5b7a45
}
.dark-green .bg-color-4 {
    background-color: #586e42
}
.dark-green .bg-color-5 {
    background-color: #6c8354
}
.dark-green .bg-color-6 {
    background-color: #637c4a
}
.dark-brown .bg-color-1 {
    background-color: #643f39
}
.dark-brown .bg-color-2 {
    background-color: #73423c
}
.dark-brown .bg-color-3 {
    background-color: #71514a
}
.dark-brown .bg-color-4 {
    background-color: #774a44
}
.dark-brown .bg-color-5 {
    background-color: #824d44
}
.dark-brown .bg-color-6 {
    background-color: #81564f
}
.light-brown .bg-color-1 {
    background-color: #a06258
}
.light-brown .bg-color-2 {
    background-color: #a25c55
}
.light-brown .bg-color-3 {
    background-color: #a87066
}
.light-brown .bg-color-4 {
    background-color: #985d54
}
.light-brown .bg-color-5 {
    background-color: #a56757
}
.light-brown .bg-color-6 {
    background-color: #a06258
}
.brown .bg-color-1 {
    background-color: #91625d
}
.brown .bg-color-2 {
    background-color: #9b6e6a
}
.brown .bg-color-3 {
    background-color: #916763
}
.brown .bg-color-4 {
    background-color: #9a6864
}
.brown .bg-color-5 {
    background-color: #906a66
}
.brown .bg-color-6 {
    background-color: #9b6e6a
}
.ocher .bg-color-1 {
    background-color: #c9bca1
}
.ocher .bg-color-2 {
    background-color: #DCC9A0
}
.ocher .bg-color-3 {
    background-color: #beae8e
}
.ocher .bg-color-4 {
    background-color: #CAB588
}
.ocher .bg-color-5 {
    background-color: #D6C8AA
}
.ocher .bg-color-6 {
    background-color: #C3B494
}
.dark-ocher .bg-color-1 {
    background-color: #A98A4C
}
.dark-ocher .bg-color-2 {
    background-color: #826831
}
.dark-ocher .bg-color-3 {
    background-color: #65532E
}
.dark-ocher .bg-color-4 {
    background-color: #887349
}
.dark-ocher .bg-color-5 {
    background-color: #9E8656
}
.dark-ocher .bg-color-6 {
    background-color: #9C7A33
}
.orange .bg-color-1 {
    background-color: #e86515
}
.orange .bg-color-2 {
    background-color: #EC8B45
}
.orange .bg-color-3 {
    background-color: #ed8123
}
.orange .bg-color-4 {
    background-color: #ef8c36
}
.orange .bg-color-5 {
    background-color: #e86515
}
.orange .bg-color-6 {
    background-color: #EA7B37
}
.light-red .bg-color-1 {
    background-color: #EF493E
}
.light-red .bg-color-2 {
    background-color: #F35F56
}
.light-red .bg-color-3 {
    background-color: #D0432F
}
.light-red .bg-color-4 {
    background-color: #F35F56
}
.light-red .bg-color-5 {
    background-color: #DC3018
}
.light-red .bg-color-6 {
    background-color: #EF493E
}
.soft-red .bg-color-1 {
    background-color: #DE320B
}
.soft-red .bg-color-2 {
    background-color: #D81C11
}
.soft-red .bg-color-3 {
    background-color: #C3240D
}
.soft-red .bg-color-4 {
    background-color: #C3271E
}
.soft-red .bg-color-5 {
    background-color: #B32302
}
.soft-red .bg-color-6 {
    background-color: #D81C11
}
.red .bg-color-1 {
    background-color: #DE180B
}
.red .bg-color-2 {
    background-color: #F33D32
}
.red .bg-color-3 {
    background-color: #E02409
}
.red .bg-color-4 {
    background-color: #EF443A
}
.red .bg-color-5 {
    background-color: #E03A31
}
.red .bg-color-6 {
    background-color: #DD180A
}
.medium-red .bg-color-1 {
    background-color: #CC0D28
}
.medium-red .bg-color-2 {
    background-color: #C30125
}
.medium-red .bg-color-3 {
    background-color: #AB1A21
}
.medium-red .bg-color-4 {
    background-color: #C12C33
}
.medium-red .bg-color-5 {
    background-color: #D43F37
}
.medium-red .bg-color-6 {
    background-color: #C11C10
}
.dark-red .bg-color-1 {
    background-color: #AF0A0A
}
.dark-red .bg-color-2 {
    background-color: #901911
}
.dark-red .bg-color-3 {
    background-color: #A72411
}
.dark-red .bg-color-4 {
    background-color: #A52D26
}
.dark-red .bg-color-5 {
    background-color: #AF0A0A
}
.dark-red .bg-color-6 {
    background-color: #901911
}
.pink .bg-color-1 {
    background-color: #CC92AA
}
.pink .bg-color-2 {
    background-color: #BF7191
}
.pink .bg-color-3 {
    background-color: #B94D79
}
.pink .bg-color-4 {
    background-color: #AB5C7C
}
.pink .bg-color-5 {
    background-color: #A03A64
}
.pink .bg-color-6 {
    background-color: #B1567C
}
.dark-pink .bg-color-1 {
    background-color: #a7606b
}
.dark-pink .bg-color-2 {
    background-color: #a25a66
}
.dark-pink .bg-color-3 {
    background-color: #a7606b
}
.dark-pink .bg-color-4 {
    background-color: #af6672
}
.dark-pink .bg-color-5 {
    background-color: #95555f
}
.dark-pink .bg-color-6 {
    background-color: #af6e78
}
.magenta .bg-color-1 {
    background-color: #82153D
}
.magenta .bg-color-2 {
    background-color: #772443
}
.magenta .bg-color-3 {
    background-color: #671B38
}
.magenta .bg-color-4 {
    background-color: #690C33
}
.magenta .bg-color-5 {
    background-color: #80173D
}
.magenta .bg-color-6 {
    background-color: #77173B
}
.purple .bg-color-1 {
    background-color: #bb86b3
}
.purple .bg-color-2 {
    background-color: #caa0c3
}
.purple .bg-color-3 {
    background-color: #c591b7
}
.purple .bg-color-4 {
    background-color: #b57cac
}
.purple .bg-color-5 {
    background-color: #AD71A4
}
.purple .bg-color-6 {
    background-color: #c89fc1
}
.black .bg-color-1 {
    background-color: #282828
}
.black .bg-color-2 {
    background-color: #232323
}
.black .bg-color-3 {
    background-color: #2b2b2b
}
.black .bg-color-4 {
    background-color: #212121
}
.black .bg-color-5 {
    background-color: #1e1b1e
}
.black .bg-color-6 {
    background-color: #1a171b
}
.green .header-section {
    background-image: url(../img/section/header-green-bg.png)
}
.red .header-section {
    background-image: url(../img/section/header-red-bg.png)
}
.blue .header-section {
    background-image: url(../img/section/header-blue-bg.png)
}
.light-orange .header-section {
    background-image: url(../img/section/header-light-orange-bg.png)
}
.lime .header-section {
    background-image: url(../img/section/header-lime-bg.png)
}
.ocher .header-section {
    background-image: url(../img/section/header-ocher-bg.png)
}
.purple .header-section {
    background-image: url(../img/section/header-purple-bg.png)
}
.orange .header-section {
    background-image: url(../img/section/header-orange-bg.png)
}
.light-green .header-section {
    overflow: hidden;
    background-position: 58.6%;
    background-size: 158%;
    background-image: url(../img/section/header-light-green-bg.png)
}
.aqua .header-section {
    background-image: url(../img/section/header-aqua-bg.png)
}
.brown .header-section {
    background-image: url(../img/section/header-brown-bg.png)
}
.pink .header-section {
    background-image: url(../img/section/header-pink-bg.png)
}
.gold .header-section {
    background-image: url(../img/section/header-gold-bg.png)
}
.yellow .header-section {
    background-image: url(../img/section/header-yellow-bg.png)
}
.black .header-section {
    background-image: url(../img/section/header-black-bg.png)
}
.white .header-section {
    background-image: url(../img/section/header-white-bg.png)
}
.bluegreen .header-section {
    background-image: url(../img/section/header-bluegreen-bg.png)
}
.red .header-section .header-section-mosaic .mosaic-1,
.red .header-section .header-section-mosaic .mosaic-2 {
    background-color: #dc262e
}
.red .header-section .header-section-mosaic .mosaic-3 {
    background-color: #e14849
}
.red .header-section .header-section-mosaic .mosaic-4 {
    background-color: #df3b3c
}
.orange .header-section .header-section-mosaic .mosaic-1 {
    background-color: #ed6f18
}
.orange .header-section .header-section-mosaic .mosaic-2 {
    background-color: #e6461d
}
.orange .header-section .header-section-mosaic .mosaic-3 {
    background-color: #f29151
}
.orange .header-section .header-section-mosaic .mosaic-4 {
    background-color: #eb6420
}
.light-orange .header-section .header-section-mosaic .mosaic-1 {
    background-color: #ed6f18
}
.light-orange .header-section .header-section-mosaic .mosaic-2 {
    background-color: #e6461d
}
.light-orange .header-section .header-section-mosaic .mosaic-3 {
    background-color: #f29151
}
.light-orange .header-section .header-section-mosaic .mosaic-4 {
    background-color: #eb6420
}
.green .header-section .header-section-mosaic .mosaic-1 {
    background-color: #02553d
}
.green .header-section .header-section-mosaic .mosaic-2 {
    background-color: #04442d
}
.green .header-section .header-section-mosaic .mosaic-3 {
    background-color: #035235
}
.green .header-section .header-section-mosaic .mosaic-4 {
    background-color: #055b3c
}
.ocher .header-section .header-section-mosaic .mosaic-1 {
    background-color: #e8d9b0
}
.ocher .header-section .header-section-mosaic .mosaic-2 {
    background-color: #dbbf7e
}
.ocher .header-section .header-section-mosaic .mosaic-3 {
    background-color: #dcc8a1
}
.ocher .header-section .header-section-mosaic .mosaic-4 {
    background-color: #c39f59
}
.purple .header-section .header-section-mosaic .mosaic-1 {
    background-color: #ac4788
}
.purple .header-section .header-section-mosaic .mosaic-2 {
    background-color: #b9458f
}
.purple .header-section .header-section-mosaic .mosaic-3 {
    background-color: #b2508f
}
.purple .header-section .header-section-mosaic .mosaic-4 {
    background-color: #c2519a
}
.blue .header-section .header-section-mosaic .mosaic-1 {
    background-color: #93d3ea
}
.blue .header-section .header-section-mosaic .mosaic-2 {
    background-color: #87cde7
}
.blue .header-section .header-section-mosaic .mosaic-3 {
    background-color: #7cc6e1
}
.blue .header-section .header-section-mosaic .mosaic-4 {
    background-color: #68bddd
}
.lime .header-section .header-section-mosaic .mosaic-1 {
    background-color: #9fd34b
}
.lime .header-section .header-section-mosaic .mosaic-2 {
    background-color: #afda66
}
.lime .header-section .header-section-mosaic .mosaic-3 {
    background-color: #bce177
}
.lime .header-section .header-section-mosaic .mosaic-4 {
    background-color: #99cf43
}
.gold .header-section .header-section-mosaic .mosaic-1 {
    background-color: #ee8b15
}
.gold .header-section .header-section-mosaic .mosaic-2 {
    background-color: #efb169
}
.gold .header-section .header-section-mosaic .mosaic-3 {
    background-color: #efa955
}
.gold .header-section .header-section-mosaic .mosaic-4 {
    background-color: #e69b40
}
.light-green .header-section .header-section-mosaic .mosaic-1 {
    background-color: #479431
}
.light-green .header-section .header-section-mosaic .mosaic-2 {
    background-color: #437e2e
}
.light-green .header-section .header-section-mosaic .mosaic-3 {
    background-color: #62b444
}
.light-green .header-section .header-section-mosaic .mosaic-4 {
    background-color: #42aa32
}
.aqua .header-section .header-section-mosaic .mosaic-1 {
    background-color: #6cc2ba
}
.aqua .header-section .header-section-mosaic .mosaic-2 {
    background-color: #59bcb7
}
.aqua .header-section .header-section-mosaic .mosaic-3 {
    background-color: #83cbc9
}
.aqua .header-section .header-section-mosaic .mosaic-4 {
    background-color: #63c0be
}
.brown .header-section .header-section-mosaic .mosaic-1 {
    background-color: #6c4227
}
.brown .header-section .header-section-mosaic .mosaic-2 {
    background-color: #9c631b
}
.brown .header-section .header-section-mosaic .mosaic-3 {
    background-color: #9e6230
}
.brown .header-section .header-section-mosaic .mosaic-4 {
    background-color: #752e1a
}
.pink .header-section .header-section-mosaic .mosaic-1 {
    background-color: #c70058
}
.pink .header-section .header-section-mosaic .mosaic-2 {
    background-color: #980058
}
.pink .header-section .header-section-mosaic .mosaic-3 {
    background-color: #cc5ca0
}
.pink .header-section .header-section-mosaic .mosaic-4 {
    background-color: #ca1f85
}
.yellow .header-section .header-section-mosaic .mosaic-1 {
    background-color: #fad504
}
.yellow .header-section .header-section-mosaic .mosaic-2 {
    background-color: #fec701
}
.yellow .header-section .header-section-mosaic .mosaic-3 {
    background-color: #f7de37
}
.yellow .header-section .header-section-mosaic .mosaic-4 {
    background-color: #fdce00
}
.black .header-section .header-section-mosaic .mosaic-1 {
    background-color: #272627
}
.black .header-section .header-section-mosaic .mosaic-2 {
    background-color: #0b0a0b
}
.black .header-section .header-section-mosaic .mosaic-3 {
    background-color: #313133
}
.black .header-section .header-section-mosaic .mosaic-4 {
    background-color: #1a1a1a
}
.white .header-section .header-section-mosaic .mosaic-1 {
    background-color: #ededed
}
.white .header-section .header-section-mosaic .mosaic-2 {
    background-color: #dadada
}
.white .header-section .header-section-mosaic .mosaic-3 {
    background-color: #f6f6f6
}
.white .header-section .header-section-mosaic .mosaic-4 {
    background-color: #e3e3e3
}
.bluegreen .header-section .header-section-mosaic .mosaic-1 {
    background-color: #7ab8b2
}
.bluegreen .header-section .header-section-mosaic .mosaic-2 {
    background-color: #83c1ba
}
.bluegreen .header-section .header-section-mosaic .mosaic-3 {
    background-color: #87c3ba
}
.bluegreen .header-section .header-section-mosaic .mosaic-4 {
    background-color: #7ab8b2
}
.bg-blue .bg-2 {
    background-color: #9cd4e8
}
.bg-blue .bg-3 {
    background-color: #fff
}
.bg-blue .bg-4 {
    background-color: #77bce3
}
.bg-blue .bg-5 {
    background-color: #5bb7e3
}
.bg-blue .bg-6 {
    background-color: #8acceb
}
.bg-blue .bg-7 {
    background-color: #44a3d8
}
.bg-blue .communication-type-button {
    background-color: rgba(255, 255, 255, .5)
}
.bg-aqua .bg-2 {
    background-color: #00C7CC
}
.bg-aqua .bg-3 {
    background-color: #83CBC9
}
.bg-aqua .bg-4 {
    background-color: #0197A8
}
.bg-aqua .bg-5 {
    background-color: #83cbc9
}
.bg-aqua .bg-6 {
    background-color: #00C7CC
}
.bg-aqua .bg-7 {
    background-color: #01819A
}
.bg-aqua .communication-type-button {
    background-color: rgba(255, 255, 255, .5)
}
.bg-red .bg-2 {
    background-color: #BE2128
}
.bg-red .bg-3 {
    background-color: #df3b3c
}
.bg-red .bg-4 {
    background-color: #CE232A
}
.bg-red .bg-5,
.bg-red .bg-6 {
    background-color: #BE2128
}
.bg-red .bg-7 {
    background-color: #df3b3c
}
.bg-red .communication-type-button {
    background-color: rgba(255, 255, 255, .5)
}
.bg-purple .bg-2 {
    background-color: #ac4788
}
.bg-purple .bg-3 {
    background-color: #b57cac
}
.bg-purple .bg-4 {
    background-color: #b2508f
}
.bg-purple .bg-5,
.bg-purple .bg-6 {
    background-color: #c2519a
}
.bg-purple .bg-7 {
    background-color: #b9458f
}
.bg-purple .text-color {
    color: #fff
}
.bg-purple .communication-type-button {
    background-color: rgba(255, 255, 255, .5)
}
.bg-yellow .bg-2 {
    background-color: #fec701
}
.bg-yellow .bg-3 {
    background-color: #f7de37
}
.bg-yellow .bg-4 {
    background-color: #fad504
}
.bg-yellow .bg-5,
.bg-yellow .bg-6 {
    background-color: #fdce00
}
.bg-yellow .bg-7 {
    background-color: #f7de37
}
.bg-yellow .communication-type-button {
    background-color: rgba(255, 255, 255, .5)
}
.bg-orange .bg-2 {
    background-color: #ed6f18
}
.bg-orange .bg-3 {
    background-color: #e6461d
}
.bg-orange .bg-4 {
    background-color: #eb6420
}
.bg-orange .bg-5,
.bg-orange .bg-6 {
    background-color: #f29151
}
.bg-orange .bg-7 {
    background-color: #e6461d
}
.bg-orange .communication-type-button {
    background-color: rgba(255, 255, 255, .5)
}
.bg-light-green .bg-2 {
    background-color: #479431
}
.bg-light-green .bg-3 {
    background-color: #437e2e
}
.bg-light-green .bg-4 {
    background-color: #62b444
}
.bg-light-green .bg-5,
.bg-light-green .bg-6 {
    background-color: #42aa32
}
.bg-light-green .bg-7 {
    background-color: #437e2e
}
.bg-light-green .communication-type-button {
    background-color: rgba(255, 255, 255, .5)
}
.bg-black .bg-2 {
    background-color: #272627
}
.bg-black .bg-3 {
    background-color: #0b0a0b
}
.bg-black .bg-4 {
    background-color: #313133
}
.bg-black .bg-5,
.bg-black .bg-6 {
    background-color: #1a1a1a
}
.bg-black .bg-7 {
    background-color: #0b0a0b
}
.bg-black .communication-type-button {
    background-color: rgba(255, 255, 255, .5)
}
.bg-brown .bg-2 {
    background-color: #6c4227
}
.bg-brown .bg-3 {
    background-color: #752e1a
}
.bg-brown .bg-4 {
    background-color: #9e6230
}
.bg-brown .bg-5 {
    background-color: #752e1a
}
.bg-brown .bg-6 {
    background-color: #6c4227
}
.bg-brown .bg-7 {
    background-color: #9c631b
}
.bg-brown .communication-type-button {
    background-color: rgba(255, 255, 255, .5)
}
.bg-beige .bg-2,
.bg-beige .bg-3 {
    background-color: #e4ebd5
}
.bg-beige .bg-4 {
    background-color: #f0f4e8
}
.bg-beige .bg-5 {
    background-color: #d1d2ab
}
.bg-beige .bg-6 {
    background-color: #eeefdf
}
.bg-beige .bg-7 {
    background-color: #d1debc
}
.bg-beige .text-color {
    color: #463722
}
.basic .text-color,
.belle .text-color,
.bg-beige .communication-type-button.text-color,
.bg-green .text-color,
.bg-pink .text-color,
.ecron .text-color,
.seleqtia .text-color {
    color: #fff
}
.bg-beige .communication-type-button {
    background-color: rgba(198, 212, 176, .8)
}
.bg-green .bg-2 {
    background-color: #02553d
}
.bg-green .bg-3 {
    background-color: #0d815e
}
.bg-green .bg-4 {
    background-color: #0f6747
}
.bg-green .bg-5,
.bg-green .bg-6 {
    background-color: #02553d
}
.bg-green .bg-7 {
    background-color: #0d815e
}
.bg-green .communication-type-button {
    background-color: rgba(6, 102, 74, .5)
}
.bg-pink .bg-2 {
    background-color: #c70058
}
.bg-pink .bg-3 {
    background-color: #980058
}
.bg-pink .bg-4 {
    background-color: #cc5ca0
}
.bg-pink .bg-5,
.bg-pink .bg-6 {
    background-color: #c70058
}
.bg-pink .bg-7 {
    background-color: #980058
}
.bg-pink .communication-type-button {
    background-color: rgba(6, 102, 74, .5)
}
.seleqtia .bg-2 {
    background-color: #1e1e1e
}
.seleqtia .bg-4 {
    background-color: #282828
}
.seleqtia .bg-5 {
    background-color: #232323
}
.seleqtia .bg-6 {
    background-color: #2b2b2b
}
.seleqtia .bg-7 {
    background-color: #212121
}
.ecron .bg-2 {
    background-color: #1e1e1e
}
.ecron .bg-4 {
    background-color: #282828
}
.ecron .bg-5 {
    background-color: #232323
}
.ecron .bg-6 {
    background-color: #2b2b2b
}
.ecron .bg-7 {
    background-color: #212121
}
.belle .bg-2 {
    background-color: #b57cac
}
.belle .bg-4 {
    background-color: #bb86b3
}
.belle .bg-5 {
    background-color: #914486
}
.belle .bg-6 {
    background-color: #caa0c3
}
.belle .bg-7 {
    background-color: #c591b7
}
.basic .bg-2 {
    background-color: #e86515
}
.basic .bg-4 {
    background-color: #e25601
}
.basic .bg-5 {
    background-color: #ed8123
}
.basic .bg-6 {
    background-color: #ef8c36
}
.basic .bg-7 {
    background-color: #e86515
}
.faccile .text-color,
.natur .text-color {
    color: #473823
}
.faccile .bg-2 {
    background-color: #c9bca1
}
.faccile .bg-4 {
    background-color: #f2ebdd
}
.faccile .bg-5 {
    background-color: #d9cfbc
}
.faccile .bg-6 {
    background-color: #ded5c5
}
.faccile .bg-7 {
    background-color: #eae5d7
}
.natur .bg-2 {
    background-color: #d1d2ab
}
.natur .bg-4 {
    background-color: #eeefdf
}
.natur .bg-5 {
    background-color: #d1debc
}
.natur .bg-6 {
    background-color: #e1e1c7
}
.natur .bg-7 {
    background-color: #e4ebd5
}
.eroski .text-color,
.sannia .text-color,
.seleqtia .brand-main-menu li a {
    color: #fff
}
.sannia .bg-2 {
    background-color: #0082bc
}
.sannia .bg-4 {
    background-color: #8fcdeb
}
.sannia .bg-5 {
    background-color: #60b0de
}
.sannia .bg-6 {
    background-color: #a9d8f0
}
.sannia .bg-7 {
    background-color: #71c0e6
}
.eroski .bg-2 {
    background-color: #0057a1
}
.eroski .bg-4 {
    background-color: #1e66b1
}
.eroski .bg-5 {
    background-color: #0e4f93
}
.eroski .bg-6 {
    background-color: #1573b9
}
.eroski .bg-7 {
    background-color: #1e66b1
}
.seleqtia {
    background-color: #000
}
.basic,
.belle,
.eroski,
.faccile,
.natur,
.sannia {
    background-color: #fff
}
.ecron .header-brand-wrapper,
.seleqtia .header-brand-wrapper {
    background-color: #1a171b
}
.belle .header-brand-wrapper {
    background-color: #983b81
}
.basic .header-brand-wrapper {
    background-color: #e63c2e
}
.faccile .header-brand-wrapper {
    background-color: #beae8e
}
.natur .header-brand-wrapper {
    background-color: #e4ebd5
}
.sannia .header-brand-wrapper {
    background-color: #5bb7e3
}
.eroski .header-brand-wrapper {
    background-color: #003c7b
}
.sin-gluten .header-brand-wrapper {
    background-color: #fff
}
.seleqtia .brand-main-menu li a:hover,
.seleqtia .brand-main-menu li.active a {
    color: #a60e3f
}
.ecron .brand-main-menu li a {
    color: #fff
}
.ecron .brand-main-menu li a:hover,
.ecron .brand-main-menu li.active a {
    color: #E6002B
}
.belle .brand-main-menu li a {
    color: #fff
}
.belle .brand-main-menu li a:hover,
.belle .brand-main-menu li.active a {
    color: #ff86e1
}
.basic .brand-main-menu li a {
    color: #fff
}
.basic .brand-main-menu li a:hover,
.basic .brand-main-menu li.active a {
    color: #ef9241
}
.faccile .brand-main-menu li a {
    color: #fff
}
.faccile .brand-main-menu li a:hover,
.faccile .brand-main-menu li.active a {
    color: #41311c
}
.natur .brand-main-menu li a {
    color: #a5aa9b
}
.natur .brand-main-menu li a:hover,
.natur .brand-main-menu li.active a {
    color: #41311c
}
.sannia .brand-main-menu li a {
    color: #f1f1f1
}
.sannia .brand-main-menu li a:hover,
.sannia .brand-main-menu li.active a {
    color: #74e6ff
}
.eroski .brand-main-menu li a {
    color: #fff
}
.eroski .brand-main-menu li a:hover,
.eroski .brand-main-menu li.active a {
    color: #1573b9
}
.sin-gluten .brand-main-menu li a {
    color: #9cd4e8
}
.sin-gluten .brand-main-menu li a:hover,
.sin-gluten .brand-main-menu li.active a {
    color: #5bb7e3
}
.grasas-trans .brand-main-menu li a,
.grasas-trans .brand-main-menu li a:hover,
.grasas-trans .brand-main-menu li.active a {
    color: #2a8da4
}
.semaforo .brand-main-menu li a {
    color: #9cd4e8
}
.semaforo .brand-main-menu li a:hover,
.semaforo .brand-main-menu li.active a {
    color: #5bb7e3
}
.green .brand-main-menu li a,
.green .brand-main-menu li a:hover,
.green .brand-main-menu li.active a {
    color: #056140
}
.ocher .brand-main-menu li a,
.ocher .brand-main-menu li a:hover,
.ocher .brand-main-menu li.active a {
    color: #b68d3e
}
.blue .brand-main-menu li a,
.blue .brand-main-menu li a:hover,
.blue .brand-main-menu li.active a {
    color: #0082bc
}
.basic .hero-brand-title,
.belle .hero-brand-title,
.ecron .hero-brand-title,
.seleqtia .hero-brand-title {
    color: #fff
}
.faccile .hero-brand-title,
.natur .hero-brand-title {
    color: #473823
}
.eroski .hero-brand-title,
.sannia .hero-brand-title {
    color: #fff
}
.belle .intro-brand {
    background-color: #b57cac;
    color: #fff
}
.belle .intro-brand .bg-2 {
    background-color: #ca9abd
}
.belle .intro-brand .bg-4 {
    background-color: #c591b7
}
.belle .intro-brand .bg-5 {
    background-color: #d4aeca
}
.belle .intro-brand .bg-6 {
    background-color: #914486
}
.belle .intro-brand .bg-7 {
    background-color: #b572a3
}
.basic .intro-brand {
    background-color: #e63c2e
}
.basic .intro-brand .bg-5 {
    background-color: #ef8c36
}
.basic .intro-brand .bg-6 {
    background-color: #ed8123
}
.basic .intro-brand .bg-7 {
    background-color: #e25601
}
.faccile .intro-brand {
    background-color: #c9bca1;
    color: #230801
}
.faccile .intro-brand .bg-2 {
    background-color: #f2ebdd
}
.faccile .intro-brand .bg-4 {
    background-color: #d1c7b0
}
.faccile .intro-brand .bg-5 {
    background-color: #f2ebdd
}
.faccile .intro-brand .bg-6 {
    background-color: #eae5d7
}
.faccile .intro-brand .bg-7 {
    background-color: #e0d8c8
}
.natur .intro-brand {
    background-color: #d1d2ab;
    color: #473823
}
.natur .intro-brand .bg-2 {
    background-color: #d1debc
}
.natur .intro-brand .bg-4 {
    background-color: #e1e1c7
}
.natur .intro-brand .bg-5 {
    background-color: #e4ebd5
}
.natur .intro-brand .bg-6 {
    background-color: #eeefdf
}
.natur .intro-brand .bg-7 {
    background-color: #d8e2c7
}
.sannia .intro-brand {
    background-color: #8fcdeb
}
.sannia .intro-brand .bg-2,
.sannia .intro-brand .bg-4 {
    background-color: #60b0de
}
.sannia .intro-brand .bg-5 {
    background-color: #0082bc
}
.sannia .intro-brand .bg-6 {
    background-color: #8fcdeb
}
.sannia .intro-brand .bg-7 {
    background-color: #4998c6
}
.eroski .intro-brand {
    background-color: #0057a1
}
.basic .body-brand,
.belle .body-brand,
.ecron .body-brand,
.seleqtia .body-brand {
    color: #fff
}
.basic .brand-title {
    color: #e63c2e
}
.faccile .body-brand {
    color: #fff
}
.faccile .brand-title {
    color: #473823
}
.basic .text-brand,
.belle .text-brand,
.blue .body-brand,
.ecron .text-brand,
.eroski .body-brand,
.natur .body-brand,
.sannia .body-brand,
.seleqtia .text-brand {
    color: #fff
}
.faccile .text-brand {
    color: #230801
}
.eroski .text-brand,
.natur .text-brand,
.sannia .text-brand {
    color: #fff
}
.seleqtia .brand-main {
    background-color: #3d3c3f
}
.seleqtia .brand-image {
    background-color: #cececf
}
.seleqtia .new-product .body-brand-description span {
    background-color: #6a2a85
}
.seleqtia .mosaic-brand-price {
    color: #3d3c3f;
    background-color: rgba(206, 206, 207, .8)
}
.seleqtia .mosaic-brand {
    background-color: #1a171b;
    color: #fff
}
.ecron .brand-main {
    background-color: #3d3c3f
}
.ecron .brand-image {
    background-color: #cececf
}
.ecron .new-product .body-brand-description span {
    background-color: #6a2a85
}
.ecron .mosaic-brand-price {
    color: #3d3c3f;
    background-color: rgba(206, 206, 207, .8)
}
.ecron .mosaic-brand {
    background-color: #1a171b;
    color: #fff
}
.belle .brand-main {
    background-color: #914486
}
.belle .brand-image {
    background-color: #f3ebf2
}
.belle .new-product .body-brand-description span {
    background-color: #d5379f
}
.belle .mosaic-brand-price {
    color: #914486;
    background-color: rgba(243, 235, 242, .8)
}
.belle .mosaic-brand {
    background-color: #fff;
    color: #fff
}
.basic .brand-main {
    background-color: #e63c2e
}
.basic .brand-image {
    background-color: #f2f2f2
}
.basic .new-product .body-brand-description span {
    background-color: #c7449a
}
.basic .mosaic-brand-price {
    color: #e63c2e;
    background-color: rgba(242, 242, 242, .8)
}
.basic .mosaic-brand {
    background-color: #ef9241;
    color: #fff
}
.faccile .brand-main {
    background-color: #c9bca1
}
.faccile .brand-image {
    background-color: #fefefe
}
.faccile .new-product .body-brand-description span {
    background-color: #c7449a
}
.faccile .mosaic-brand-price {
    color: #c9bca1;
    background-color: rgba(254, 254, 254, .8)
}
.faccile .mosaic-brand {
    background-color: #f2ebdd;
    color: #fff
}
.natur .brand-main {
    background-color: #d1d2ab
}
.natur .mosaic-brand .brand-main:nth-child(1) {
    background-color: #98C14A
}
.natur .mosaic-brand .brand-main:nth-child(2) {
    background-color: #880B39
}
.natur .mosaic-brand .brand-main:nth-child(3) {
    background-color: #005b99
}
.natur .brand-image {
    background-color: #fefefe
}
.natur .new-product .body-brand-description span {
    background-color: #c7449a
}
.natur .mosaic-brand-price {
    color: #d1d2ab;
    background-color: rgba(254, 254, 254, .8)
}
.natur .mosaic-brand {
    background-color: #f5f5ec;
    color: #fff
}
.sannia .brand-main {
    background-color: #5bb7e3
}
.sannia .brand-image {
    background-color: #efefef
}
.sannia .new-product .body-brand-description span {
    background-color: #c7449a
}
.sannia .mosaic-brand-price {
    color: #5bb7e3;
    background-color: rgba(239, 239, 239, .8)
}
.sannia .mosaic-brand {
    background-color: #dbeff9;
    color: #fff
}
.eroski .brand-main {
    background-color: #0057a1
}
.eroski .brand-image {
    background-color: #f2f2f2
}
.eroski .new-product .body-brand-description span {
    background-color: #780d7e
}
.eroski .mosaic-brand-price {
    color: #3b9ed0;
    background-color: rgba(239, 239, 239, .8)
}
.basic .quote-brand blockquote,
.basic .quote-signature,
.basic .video-brand,
.belle .quote-brand blockquote,
.belle .quote-signature,
.belle .video-brand,
.ecron .quote-brand blockquote,
.ecron .quote-signature,
.ecron .video-brand,
.seleqtia .quote-brand blockquote,
.seleqtia .quote-signature,
.seleqtia .video-brand {
    color: #fff
}
.eroski .mosaic-brand {
    background-color: #1573b9;
    color: #fff
}
.seleqtia .quote-brand,
.seleqtia .text-brand {
    background-color: #1e1b1e
}
.seleqtia .recipes-item .recipes-item-title {
    background-color: #3d3c3f
}
.ecron .quote-brand,
.ecron .text-brand {
    background-color: #1e1b1e
}
.ecron .recipes-item .recipes-item-title {
    background-color: #3d3c3f
}
.belle .quote-brand,
.belle .text-brand {
    background-color: #c89fc1
}
.belle .recipes-item .recipes-item-title {
    background-color: #914486
}
.basic .quote-brand,
.basic .text-brand {
    background-color: #e5691d
}
.basic .recipes-item .recipes-item-title {
    background-color: #e63c2e
}
.faccile .quote-brand,
.faccile .text-brand {
    background-color: #eae5d7
}
.faccile .recipes-item .recipes-item-title {
    background-color: #c9bca1
}
.faccile .quote-brand blockquote,
.faccile .quote-signature {
    color: #230801
}
.blue .mosaic-rollover-text,
.blue .mosaic-title-text,
.eroski .quote-brand blockquote,
.eroski .quote-signature,
.eroski .video-brand,
.faccile .video-brand,
.natur .quote-brand blockquote,
.natur .quote-signature,
.natur .video-brand,
.sannia .quote-brand blockquote,
.sannia .quote-signature,
.sannia .video-brand {
    color: #fff
}
.natur .quote-brand,
.natur .recipes-item .recipes-item-title,
.natur .text-brand {
    background-color: #a2a578
}
.sannia .quote-brand,
.sannia .recipes-item .recipes-item-title,
.sannia .text-brand {
    background-color: #77c2e7
}
.eroski .quote-brand,
.eroski .recipes-item .recipes-item-title,
.eroski .text-brand {
    background-color: #1573b9
}
.blue .recipes-item .recipes-item-title {
    background-color: #74c6e4
}
.sin-gluten .brand-image {
    background-color: #9cd4e8
}
.grasas-trans .brand-image {
    background-color: #91d6e5
}
.semaforo .brand-image {
    background-color: #9cc3e8
}
.sin-gluten .mosaic-brand-image:nth-child(1) .mosaic-title {
    background-color: #5bb7e3
}
.sin-gluten .mosaic-brand-image:nth-child(2) .mosaic-title {
    background-color: #8acceb
}
.sin-gluten .mosaic-brand-image:nth-child(3) .mosaic-title {
    background-color: #77bce3
}
.sin-gluten .mosaic-brand-image:nth-child(4) .mosaic-title {
    background-color: #5bb7e3
}
.sin-gluten .mosaic-brand-image:nth-child(5) .mosaic-title {
    background-color: #44a3d8
}
.sin-gluten .mosaic-brand-image:nth-child(1) .mosaic-rollover {
    background-color: rgba(91, 183, 227, .7)
}
.sin-gluten .mosaic-brand-image:nth-child(2) .mosaic-rollover {
    background-color: rgba(138, 204, 235, .7)
}
.sin-gluten .mosaic-brand-image:nth-child(3) .mosaic-rollover {
    background-color: rgba(119, 188, 227, .7)
}
.sin-gluten .mosaic-brand-image:nth-child(4) .mosaic-rollover {
    background-color: rgba(91, 183, 227, .7)
}
.sin-gluten .mosaic-brand-image:nth-child(5) .mosaic-rollover {
    background-color: rgba(68, 163, 216, .7)
}
.grasas-trans .mosaic-brand-image:nth-child(1) .mosaic-title {
    background-color: #5fc3da
}
.grasas-trans .mosaic-brand-image:nth-child(2) .mosaic-title {
    background-color: #91d6e5
}
.grasas-trans .mosaic-brand-image:nth-child(3) .mosaic-title {
    background-color: #89c6cc
}
.grasas-trans .mosaic-brand-image:nth-child(4) .mosaic-title {
    background-color: #6bcdd9
}
.grasas-trans .mosaic-brand-image:nth-child(5) .mosaic-title {
    background-color: #5fc3da
}
.grasas-trans .mosaic-brand-image:nth-child(1) .mosaic-rollover {
    background-color: rgba(95, 195, 218, .7)
}
.grasas-trans .mosaic-brand-image:nth-child(2) .mosaic-rollover {
    background-color: rgba(145, 214, 229, .7)
}
.grasas-trans .mosaic-brand-image:nth-child(3) .mosaic-rollover {
    background-color: rgba(137, 198, 204, .7)
}
.grasas-trans .mosaic-brand-image:nth-child(4) .mosaic-rollover {
    background-color: rgba(107, 205, 217, .7)
}
.grasas-trans .mosaic-brand-image:nth-child(5) .mosaic-rollover {
    background-color: rgba(95, 195, 218, .7)
}
.semaforo .mosaic-brand-image:nth-child(1) .mosaic-title {
    background-color: #5ba1e3
}
.semaforo .mosaic-brand-image:nth-child(2) .mosaic-title {
    background-color: #8abfeb
}
.semaforo .mosaic-brand-image:nth-child(3) .mosaic-title {
    background-color: #77a2e3
}
.semaforo .mosaic-brand-image:nth-child(4) .mosaic-title {
    background-color: #5ba1e3
}
.semaforo .mosaic-brand-image:nth-child(5) .mosaic-title {
    background-color: #8abfeb
}
.semaforo .mosaic-brand-image:nth-child(1) .mosaic-rollover {
    background-color: rgba(91, 161, 227, .7)
}
.semaforo .mosaic-brand-image:nth-child(2) .mosaic-rollover {
    background-color: rgba(138, 191, 235, .7)
}
.semaforo .mosaic-brand-image:nth-child(3) .mosaic-rollover {
    background-color: rgba(119, 162, 227, .7)
}
.semaforo .mosaic-brand-image:nth-child(4) .mosaic-rollover {
    background-color: rgba(91, 161, 227, .7)
}
.semaforo .mosaic-brand-image:nth-child(5) .mosaic-rollover {
    background-color: rgba(138, 191, 235, .7)
}
.sin-gluten .quote-brand {
    background-color: #5bb7e3
}
.grasas-trans .quote-brand {
    background-color: #46b0c9
}
.semaforo .quote-brand {
    background-color: #5ba5e3
}
.belle .layout-text {
    color: #914486
}
.basic .layout-text {
    color: #e63c2e
}
.faccile .layout-text {
    color: #230801
}
.ecron .layout-text,
.seleqtia .layout-text {
    color: #fff
}
.natur .layout-text {
    color: #473823
}
.sannia .layout-text {
    color: #60b0de
}
.eroski .layout-text {
    color: #0057a1
}
.ecron .article-description,
.seleqtia .article-description {
    background-color: #222223
}
.belle .article-description {
    background-color: #f3ebf2
}
.basic .article-description {
    background-color: #f2f2f2
}
.faccile .article-description {
    background-color: #eae5d7
}
.natur .article-description {
    background-color: #eeefdf
}
.sannia .article-description {
    background-color: #dbeff9
}
.eroski .article-description {
    background-color: #1573b9
}
.ecron .date,
.seleqtia .date {
    color: #fff
}
.basic .date,
.belle .date,
.faccile .date,
.natur .date,
.sannia .date {
    color: #585858
}
.ecron .intro,
.eroski .date,
.seleqtia .intro {
    color: #fff
}
.basic .intro,
.belle .intro,
.faccile .intro,
.natur .intro,
.sannia .intro {
    color: #585858
}
.eroski .intro {
    color: #fff
}
.seleqtia .marcas .title.blog-article-title,
.seleqtia .marcas .title.blog-article-title a {
    color: #a60e3f
}
.ecron .marcas .title.blog-article-title,
.ecron .marcas .title.blog-article-title a {
    color: #987927
}
.belle .marcas .title.blog-article-title,
.belle .marcas .title.blog-article-title a {
    color: #d5379f
}
.basic .marcas .title.blog-article-title,
.basic .marcas .title.blog-article-title a {
    color: #e63c2e
}
.faccile .marcas .title.blog-article-title,
.faccile .marcas .title.blog-article-title a {
    color: #473823
}
.natur .marcas .title.blog-article-title,
.natur .marcas .title.blog-article-title a {
    color: #a2a578
}
.sannia .marcas .title.blog-article-title,
.sannia .marcas .title.blog-article-title a {
    color: #0082bc
}
.ecron .blog-detail .blog-article-content p,
.eroski .marcas .title.blog-article-title,
.eroski .marcas .title.blog-article-title a,
.seleqtia .blog-detail .blog-article-content p {
    color: #fff
}
.ecron .blog-article .article-button,
.seleqtia .blog-article .article-button {
    background-color: #2c2c2d
}
.belle .blog-article .article-button {
    background-color: #d5379f
}
.basic .blog-article .article-button {
    background-color: #e63c2e
}
.faccile .blog-article .article-button {
    background-color: #473823
}
.natur .blog-article .article-button {
    background-color: #a2a578
}
.sannia .blog-article .article-button {
    background-color: #0082bc
}
.eroski .blog-article .article-button {
    background-color: #003c7b
}
.ecron .blog-wrapper,
.seleqtia .blog-wrapper {
    background-color: #2b2b2c
}
.belle .blog-wrapper {
    background-color: #f3ebf2
}
.basic .blog-wrapper {
    background-color: #f2f2f2
}
.faccile .blog-wrapper {
    background-color: #eae5d7
}
.natur .blog-wrapper {
    background-color: #eeefdf
}
.sannia .blog-wrapper {
    background-color: #dbeff9
}
.eroski .blog-wrapper {
    background-color: #1573b9;
    color: #fff
}
.basic .blog-detail .blog-article-content p,
.belle .blog-detail .blog-article-content p,
.faccile .blog-detail .blog-article-content p,
.natur .blog-detail .blog-article-content p,
.sannia .blog-detail-title .blog-article-content p {
    color: #585858
}
.eroski .blog-detail-title .blog-article-content p {
    color: #fff
}
.green .blog-detail .blog-article-content p {
    color: #056140
}
.blue .blog-detail .blog-article-content p,
.red .blog-detail .blog-article-content p {
    color: #585858
}
.seleqtia .blog-hero {
    background-color: #947627
}
.ecron .blog-hero {
    background-color: #E6002B
}
.belle .blog-hero {
    background-color: #914486
}
.basic .blog-hero {
    background-color: #e5691d
}
.faccile .blog-hero {
    background-color: #c9bca1
}
.natur .blog-hero {
    background-color: #d1d2ab
}
.sannia .blog-hero {
    background-color: #77c2e7
}
.eroski .blog-hero {
    background-color: #0057a1
}
.green .blog-hero {
    background-color: #057b57
}
.red .blog-hero {
    background-color: #e85d55
}
.blue .blog-hero {
    background-color: #74c6e4
}
.green .article:nth-child(1) .article-description {
    background-color: #057b57
}
.green .article:nth-child(2) .article-description {
    background-color: #056140
}
.green .article:nth-child(3) .article-description {
    background-color: #04442d
}
.green .article:nth-child(4) .article-description {
    background-color: #057b57
}
.green .article:nth-child(5) .article-description {
    background-color: #056140
}
.green .article:nth-child(6) .article-description {
    background-color: #04442d
}
.green .article:nth-child(7) .article-description {
    background-color: #057b57
}
.green .article:nth-child(8) .article-description {
    background-color: #056140
}
.red .article:nth-child(odd) .article-description {
    background-color: #de180b
}
.red .article:nth-child(even) .article-description {
    background-color: #e85d55
}
.ocher .box-article-description {
    background-color: #dbbf7e
}
.blue .article-description {
    background-color: #74c6e4
}
.bluegreen .article-description {
    background-color: #64a8a2
}
.blue .blog-article .article-button,
.green .blog-article .article-button,
.red .blog-article .article-button {
    background-color: rgba(255, 255, 255, .5)
}
.bluegreen .title.blog-article-title,
.bluegreen .title.blog-article-title a,
.green .title.blog-article-title,
.green .title.blog-article-title a {
    color: #fff
}
.green .blog-detail .title.blog-article-title,
.green .blog-detail .title.blog-article-title a {
    color: #056140
}
.blue .title.blog-article-title,
.blue .title.blog-article-title a,
.ocher .title.box-article-title {
    color: #fff
}
.blue .blog-detail .title.blog-article-title,
.blue .blog-detail .title.blog-article-title a {
    color: #74c6e4
}
.red .title.blog-article-title,
.red .title.blog-article-title a {
    color: #fff
}
.red .blog-detail .title.blog-article-title,
.red .blog-detail .title.blog-article-title a {
    color: #e85d55
}
.blue .date,
.blue .intro,
.bluegreen .date,
.bluegreen .intro,
.green .date,
.green .intro {
    color: #fff
}
.green .blog-detail .date,
.green .blog-detail .intro {
    color: #056140
}
.ocher .intro.box-article-intro,
.red .date,
.red .intro {
    color: #fff
}
.blue .box-product-description {
    background-color: #dbeff9;
    color: #0082bc
}
.seleqtia .blog-detail-title .title {
    color: #a60e3f
}
.ecron .blog-detail-title .title {
    color: #E6002B
}
.belle .blog-detail-title .title {
    color: #914486
}
.basic .blog-detail-title .title {
    color: #e63c2e
}
.faccile .blog-detail-title .title {
    color: #473823
}
.natur .blog-detail-title .title {
    color: #a2a578
}
.sannia .blog-detail .title {
    color: #0082bc
}
.ecron .blog-detail .detail-comment .detail-comment-text,
.eroski .blog-detail .title,
.seleqtia .blog-detail .detail-comment .detail-comment-text {
    color: #fff
}
.ecron .input-textarea.input-wrapper textarea,
.seleqtia .input-textarea.input-wrapper textarea {
    background-color: #3c3c3d
}
.basic .input-textarea.input-wrapper textarea,
.belle .input-textarea.input-wrapper textarea,
.eroski .input-textarea.input-wrapper textarea,
.faccile .input-textarea.input-wrapper textarea,
.natur .input-textarea.input-wrapper textarea,
.sannia .input-textarea.input-wrapper textarea {
    background-color: #fff
}
.ecron .detail-comment,
.seleqtia .detail-comment {
    background-color: #3c3c3d
}
.basic .detail-comment,
.belle .detail-comment,
.eroski .detail-comment,
.faccile .detail-comment,
.natur .detail-comment,
.sannia .detail-comment {
    background-color: #fff
}
.basic .blog-detail .detail-comment .detail-comment-text,
.belle .blog-detail .detail-comment .detail-comment-text,
.faccile .blog-detail .detail-comment .detail-comment-text,
.natur .blog-detail .detail-comment .detail-comment-text,
.sannia .blog-detail .detail-comment .detail-comment-text {
    color: #585858
}
.eroski .blog-detail .detail-comment .detail-comment-text {
    color: #1573b9
}
.seleqtia .blog-detail-other-comments .detail-comment-content .detail-comment-name {
    color: #a60e3f
}
.ecron .blog-detail-other-comments .detail-comment-content .detail-comment-name {
    color: #E6002B
}
.belle .blog-detail-other-comments .detail-comment-content .detail-comment-name {
    color: #d5379f
}
.basic .blog-detail-other-comments .detail-comment-content .detail-comment-name {
    color: #e5691d
}
.faccile .blog-detail-other-comments .detail-comment-content .detail-comment-name {
    color: #c9bca1
}
.natur .blog-detail-other-comments .detail-comment-content .detail-comment-name {
    color: #41311c
}
.sannia .blog-detail-other-comments .detail-comment-content .detail-comment-name {
    color: #5bb7e3
}
.eroski .blog-detail-other-comments .detail-comment-content .detail-comment-name {
    color: #003c7b
}
.ecron .input-submit input[type=submit],
.seleqtia .input-submit input[type=submit] {
    background-color: #3c3c3d;
    color: #fff
}
.belle .input-submit input[type=submit] {
    background-color: #fff;
    color: #914486
}
.basic .input-submit input[type=submit] {
    background-color: #fff;
    color: #e63c2e
}
.faccile .input-submit input[type=submit] {
    background-color: #d9cfbc;
    color: #473823
}
.natur .input-submit input[type=submit] {
    background-color: #e1e1c7;
    color: #473823
}
.sannia .input-submit input[type=submit] {
    background-color: #a9d8f0;
    color: #fff
}
.eroski .input-submit input[type=submit] {
    background-color: #003c7b;
    color: #fff
}
.ecron .recetas-detail-wrapper,
.seleqtia .recetas-detail-wrapper {
    background-color: #2b2b2c
}
.belle .recetas-detail-wrapper {
    background-color: #f3ebf2
}
.basic .recetas-detail-wrapper {
    background-color: #f2f2f2
}
.faccile .recetas-detail-wrapper {
    background-color: #eae5d7
}
.natur .recetas-detail-wrapper {
    background-color: #eeefdf
}
.sannia .recetas-detail-wrapper {
    background-color: #dbeff9
}
.eroski .recetas-detail-wrapper {
    background-color: #1573b9
}
.seleqtia .recetas-detail-description {
    background-color: #1a1a1a
}
.ecron .recetas-detail-description {
    background-color: #E6002B
}
.belle .recetas-detail-description {
    background-color: #b57cac
}
.basic .recetas-detail-description {
    background-color: #e86515
}
.faccile .recetas-detail-description {
    background-color: #c9bca1
}
.natur .recetas-detail-description {
    background-color: #d1d2ab
}
.sannia .recetas-detail-description {
    background-color: #0082bc
}
.eroski .recetas-detail-description {
    background-color: #0057a1
}
.seleqtia .recetas-detail-content .recetas-detail-header div.recetas-detail-color-1 {
    background-color: #373637
}
.seleqtia .recetas-detail-content .recetas-detail-header div.recetas-detail-title {
    background-color: #262324
}
.seleqtia .recetas-detail-content .recetas-detail-header div.recetas-detail-color-2 {
    background-color: #404041
}
.seleqtia .recetas-detail-content .recetas-detail-header div.recetas-detail-image {
    background-color: #2e2c2d
}
.belle .recetas-detail-content .recetas-detail-header div.recetas-detail-color-1 {
    background-color: #bb86b3
}
.belle .recetas-detail-content .recetas-detail-header div.recetas-detail-title {
    background-color: #914486
}
.belle .recetas-detail-content .recetas-detail-header div.recetas-detail-color-2 {
    background-color: #caa0c3
}
.belle .recetas-detail-content .recetas-detail-header div.recetas-detail-image {
    background-color: #c591b7
}
.basic .recetas-detail-content .recetas-detail-header div.recetas-detail-color-1 {
    background-color: #e25601
}
.basic .recetas-detail-content .recetas-detail-header div.recetas-detail-title {
    background-color: #ed8123
}
.basic .recetas-detail-content .recetas-detail-header div.recetas-detail-color-2 {
    background-color: #ef8c36
}
.basic .recetas-detail-content .recetas-detail-header div.recetas-detail-image {
    background-color: #e86515
}
.faccile .recetas-detail-content .recetas-detail-header div.recetas-detail-color-1 {
    background-color: #f2ebdd
}
.faccile .recetas-detail-content .recetas-detail-header div.recetas-detail-title {
    background-color: #d9cfbc
}
.faccile .recetas-detail-content .recetas-detail-header div.recetas-detail-color-2 {
    background-color: #ded5c5
}
.faccile .recetas-detail-content .recetas-detail-header div.recetas-detail-image {
    background-color: #eae5d7
}
.natur .recetas-detail-content .recetas-detail-header div.recetas-detail-color-1 {
    background-color: #eeefdf
}
.natur .recetas-detail-content .recetas-detail-header div.recetas-detail-title {
    background-color: #d1debc
}
.natur .recetas-detail-content .recetas-detail-header div.recetas-detail-color-2 {
    background-color: #e1e1c7
}
.natur .recetas-detail-content .recetas-detail-header div.recetas-detail-image {
    background-color: #e4ebd5
}
.sannia .recetas-detail-content .recetas-detail-header div.recetas-detail-color-1 {
    background-color: #8fcdeb
}
.sannia .recetas-detail-content .recetas-detail-header div.recetas-detail-title {
    background-color: #60b0de
}
.sannia .recetas-detail-content .recetas-detail-header div.recetas-detail-color-2 {
    background-color: #a9d8f0
}
.sannia .recetas-detail-content .recetas-detail-header div.recetas-detail-image {
    background-color: #71c0e6
}
.eroski .recetas-detail-content .recetas-detail-header div.recetas-detail-color-1 {
    background-color: #1e66b1
}
.eroski .recetas-detail-content .recetas-detail-header div.recetas-detail-title {
    background-color: #0e4f93
}
.eroski .recetas-detail-content .recetas-detail-header div.recetas-detail-color-2 {
    background-color: #1573b9
}
.eroski .recetas-detail-content .recetas-detail-header div.recetas-detail-image {
    background-color: #1e66b1
}
.seleqtia .recetas-detail-description-mosaic .mosaic-dark {
    background-color: #272627
}
.belle .recetas-detail-description-mosaic .mosaic-dark {
    background-color: #914486
}
.basic .recetas-detail-description-mosaic .mosaic-dark {
    background-color: #e25601
}
.faccile .recetas-detail-description-mosaic .mosaic-dark {
    background-color: #d9cfbc
}
.natur .recetas-detail-description-mosaic .mosaic-dark {
    background-color: #d1debc
}
.sannia .recetas-detail-description-mosaic .mosaic-dark {
    background-color: #60b0de
}
.eroski .recetas-detail-description-mosaic .mosaic-dark {
    background-color: #0e4f93
}
.seleqtia .recetas-detail-description-mosaic .mosaic-light {
    background-color: #313133
}
.belle .recetas-detail-description-mosaic .mosaic-light {
    background-color: #caa0c3
}
.basic .recetas-detail-description-mosaic .mosaic-light {
    background-color: #ef8c36
}
.faccile .recetas-detail-description-mosaic .mosaic-light {
    background-color: #ded5c5
}
.natur .recetas-detail-description-mosaic .mosaic-light {
    background-color: #e1e1c7
}
.sannia .recetas-detail-description-mosaic .mosaic-light {
    background-color: #71c0e6
}
.eroski .recetas-detail-description-mosaic .mosaic-light {
    background-color: #1e66b1
}
.marcas .recetas-detail-description .input-print {
    background: 0 0
}
.sannia .recetas-detail-description .input-print a {
    color: #473823
}
.seleqtia .detail-title .title {
    color: #a60e3f
}
.ecron .detail-title .title {
    color: #E6002B
}
.belle .detail-title .title {
    color: #914486
}
.basic .detail-title .title {
    color: #e63c2e
}
.faccile .detail-title .title {
    color: #473823
}
.natur .detail-title .title {
    color: #a2a578
}
.sannia .detail-title .title {
    color: #0082bc
}
.eroski .detail-title .title {
    color: #fff
}
.ecron .recetas-detail-ingredients-content,
.seleqtia .recetas-detail-ingredients-content {
    background-color: #3c3c3d;
    color: #fff
}
.basic .recetas-detail-ingredients-content,
.belle .recetas-detail-ingredients-content,
.faccile .recetas-detail-ingredients-content,
.natur .recetas-detail-ingredients-content,
.sannia .recetas-detail-ingredients-content {
    background-color: #fff;
    color: #585858
}
.eroski .recetas-detail-ingredients-content {
    background-color: #1e66b1;
    color: #0057a1
}
.ecron .detail-content,
.seleqtia .detail-content {
    color: #fff
}
.basic .detail-content,
.belle .detail-content,
.faccile .detail-content,
.natur .detail-content,
.sannia .detail-content {
    color: #585858
}
.eroski .detail-content {
    color: #fff
}
.ecron .input-submit a,
.seleqtia .input-submit a {
    background-color: #3c3c3d;
    color: #fff
}
.belle .input-submit a {
    background-color: #fff;
    color: #914486
}
.basic .input-submit a {
    background-color: #fff;
    color: #e63c2e
}
.faccile .input-submit a {
    background-color: #d9cfbc;
    color: #473823
}
.natur .input-submit a {
    background-color: #e1e1c7;
    color: #473823
}
.sannia .input-submit a {
    background-color: #a9d8f0;
    color: #fff
}
.eroski .input-submit a {
    background-color: #003c7b;
    color: #fff
}
.ecron .recipes-link,
.seleqtia .recipes-link {
    background-color: #2b2b2c
}
.green .single-text {
    background-color: #04442d;
    color: #fff
}
.ocher .single-text {
    background-color: #eeeadf;
    color: #b68d3e
}
.blue .single-text {
    background-color: #dbeff9;
    color: #0082bc
}
.ocher .box-product-description {
    background-color: #eeeadf;
    color: #b68d3e
}
.gasolineras .quote-nuestras-tiendas {
    background-color: #d81d24;
    color: #fff
}
.gasolineras .body-nuestras-tiendas {
    background-color: #fff
}
.gasolineras .body-title {
    color: #585858
}
.green-colour-range .header-section-content {
    background-color: #2f5127
}
.green-colour-range .header-section-title-text {
    color: #ccbb96
}
.light-colour-range .header-section-title-text,
.white-colour-range .header-section .header-section-title-text {
    color: #7e7e7e
}
.yellow-colour-range .header-section-content {
    background-color: #ee8b15
}
.red-colour-range .header-section-content {
    background-color: #d81d24
}
.lime-colour-range .header-section-content {
    background-color: #9fc10c
}
.blue-colour-range .header-section-content {
    background-color: #74c6e4
}
.ocher-colour-range .header-section-content {
    background-color: #beae8e
}
.grey-colour-range .header-section-content {
    background-color: #585858
}
.dark-colour-range .header-section-content {
    background-color: #2d2e33
}
.light-colour-range .header-section-content {
    background-color: #fbfbfb
}
.white-colour-range .header-section-content {
    background-color: #fff
}
.turquesa-colour-range .header-section-content {
    background-color: #64a8a2
}
.turquesa-colour-range .header-section-title-text {
    color: #fff
}
.dark-colour-range .text-module {
    background-color: #2d2e33
}
.dark-colour-range .text-module .text {
    color: #fbfbfb
}
.light-grey-colour-range .text-module {
    background-color: #fbfbfb
}
.light-grey-colour-range .text-module .text {
    color: #7e7e7e
}
.light-colour-range .text-module {
    background-color: #fff;
    color: #585858
}
.red-grey-colour-range .text-module {
    background-color: #fbfbfb
}
.yellow-colour-range .box-article-description {
    background-color: #ee8b15
}
.red-colour-range .box-article-description {
    background-color: #d81d24
}
.lime-colour-range .box-article-description {
    background-color: #9fc10c
}
.white-colour-range .box-article-description,
.white-light-colour-range .box-article-description {
    background-color: #fff
}
.light-grey-colour-range .box-article-description {
    background-color: #fbfbfb
}
.blue-colour-range .box-article-description {
    background-color: #74c6e4
}
.black-colour-range .box-article-description {
    background-color: #1a1a1a
}
.bluegreen-colour-range .box-article-description {
    background-color: #7ab8b2
}
.ocher-colour-range .box-article-description {
    background-color: #beae8e
}
.green-colour-range .box-article-description {
    background-color: #2f5127
}
.dark-colour-range .box-article-description {
    background-color: #2d2e33
}
.light-colour-range .box-article-description {
    background-color: #fbfbfb
}
.turquesa-colour-range .box-article-description {
    background-color: #64a8a2
}
.gris-digital .box-article-description {
    background-color: #dadada
}
.rojo-ahorro .box-article-description {
    background-color: #d9272e
}
.rojo-school .box-article-description {
    background-color: #ba2e37
}
.naranja-rojizo .box-article-description {
    background-color: #c85432
}
.naranja-cooperativa .box-article-description {
    background-color: #e6461d
}
.naranja-facile .box-article-description {
    background-color: #d3a351
}
.verde-local .box-article-description {
    background-color: #0f3625
}
.azul-salud .box-article-description {
    background-color: #1a91d7
}
.verde-eco .box-article-description {
    background-color: #437e2e
}
.turquesa-escucha .box-article-description {
    background-color: #59bcb7
}
.verde-opinion .box-article-description {
    background-color: #83c1ba
}
.marron-experiencia-positiva .box-article-description {
    background-color: #9c631b
}
.morado-belle .box-article-description {
    background-color: #582056
}
.negro-seleqtia .box-article-description {
    background-color: #0a0b0a
}
.azul-sannia .box-article-description {
    background-color: #1a91d7
}
.azul-eroski .box-article-description {
    background-color: #19326d
}
.naranja-basic .box-article-description {
    background-color: #f15d2a
}
.turquesa-eroski-bebe .box-article-description {
    background-color: #88ccbf
}
.verde-natur .box-article-description {
    background-color: #bbbf91
}
.marron-faccile .box-article-description {
    background-color: #7a3721
}
.azul-parafarmacia .box-article-description {
    background-color: #1b8da9
}
.rosa-dietetica .box-article-description {
    background-color: rgba(202, 31, 133, .63)
}
.gris-sin .box-article-description {
    background-color: #dadada
}
.rojo-eroski-club .box-article-description {
    background-color: #db1720
}
.amarillo .box-article-description {
    background-color: #fecd26
}
.amarillo-descuento .box-article-description {
    background-color: rgba(249, 218, 82, 1)
}
.rojo-navidad .box-article-description {
    background: rgba(153, 25, 31, 1);
    background: -moz-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(153, 25, 31, 1)), color-stop(45%, rgba(153, 25, 31, 1)), color-stop(100%, rgba(220, 12, 21, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: linear-gradient(135deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#991920', endColorstr='#dc0b16', GradientType=1)
}
.dorado-navidad .box-article-description {
    background: rgba(202, 154, 38, 1);
    background: -moz-linear-gradient(45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(202, 154, 38, 1)), color-stop(45%, rgba(202, 154, 38, 1)), color-stop(100%, rgba(248, 230, 165, 1)));
    background: -webkit-linear-gradient(45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: linear-gradient(45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ca9926', endColorstr='#f8e5a5', GradientType=1)
}
.azul-verano .box-article-description {
    background: rgba(0, 165, 178, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(0, 165, 178, 1)), color-stop(45%, rgba(0, 165, 178, 1)), color-stop(100%, rgba(130, 204, 210, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a6b2', endColorstr='#82cbd2', GradientType=1)
}
.rojo-verano .box-article-description {
    background: rgba(228, 49, 25, 1);
    background: -moz-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(228, 49, 25, 1)), color-stop(30%, rgba(238, 116, 16, 1)), color-stop(70%, rgba(252, 211, 4, 1)), color-stop(100%, rgba(252, 211, 4, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: linear-gradient(135deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e43119', endColorstr='#fcd304', GradientType=1)
}
.white-colour-range .title.box-article-title,
.white-colour-range p strong {
    color: #de180b
}
.white-colour-range .intro.box-article-intro,
.white-colour-range .intro.box-article-intro a,
.white-colour-range p,
.white-light-colour-range .intro.box-article-intro,
.white-light-colour-range .intro.box-article-intro a,
.white-light-colour-range .title.box-article-title,
.white-light-colour-range p,
.white-light-colour-range p strong {
    color: #747474
}
.black-colour-range .intro.box-article-intro,
.black-colour-range .intro.box-article-intro a,
.black-colour-range .title.box-article-title,
.black-colour-range .title.box-article-title a,
.black-colour-range a,
.black-colour-range a strong,
.black-colour-range p,
.black-colour-range p strong,
.bluegreen-colour-range .intro.box-article-intro,
.bluegreen-colour-range .intro.box-article-intro a,
.bluegreen-colour-range .title.box-article-title,
.bluegreen-colour-range .title.box-article-title a,
.bluegreen-colour-range a,
.bluegreen-colour-range a strong,
.bluegreen-colour-range p,
.bluegreen-colour-range p strong,
.lime-colour-range .intro.box-article-intro,
.lime-colour-range .intro.box-article-intro a,
.lime-colour-range .title.box-article-title,
.lime-colour-range .title.box-article-title a,
.lime-colour-range a,
.lime-colour-range p,
.lime-colour-range p strong,
.red-colour-range .intro.box-article-intro,
.red-colour-range .intro.box-article-intro a,
.red-colour-range .title.box-article-title,
.red-colour-range .title.box-article-title a,
.red-colour-range a,
.red-colour-range p,
.red-colour-range p strong,
.yellow-colour-range .intro.box-article-intro,
.yellow-colour-range .intro.box-article-intro a,
.yellow-colour-range .title.box-article-title,
.yellow-colour-range .title.box-article-title a,
.yellow-colour-range a,
.yellow-colour-range p,
.yellow-colour-range p strong {
    color: #fff
}
.light-colour-range .intro.box-article-intro,
.light-colour-range .intro.box-article-intro a,
.light-colour-range .title.box-article-title,
.light-colour-range p,
.light-colour-range p strong {
    color: #747474
}
.light-grey-colour-range .title.box-article-title,
.light-grey-colour-range p strong {
    color: #de180b
}
.light-grey-colour-range .intro.box-article-intro,
.light-grey-colour-range .intro.box-article-intro a,
.light-grey-colour-range p {
    color: #747474
}
.blue-colour-range .intro.box-article-intro,
.blue-colour-range .intro.box-article-intro a,
.blue-colour-range .title.box-article-title,
.blue-colour-range .title.box-article-title a,
.blue-colour-range p,
.blue-colour-range p strong,
.green-colour-range .intro.box-article-intro,
.green-colour-range .intro.box-article-intro a,
.green-colour-range .title.box-article-title,
.green-colour-range p,
.green-colour-range p strong {
    color: #fff
}
.dark-colour-range .intro.box-article-intro,
.dark-colour-range .intro.box-article-intro a,
.dark-colour-range .title.box-article-title,
.dark-colour-range p,
.dark-colour-range p strong {
    color: #fbfbfb
}
.gris-digital .title.box-article-title,
.turquesa-colour-range .intro.box-article-intro,
.turquesa-colour-range .intro.box-article-intro a,
.turquesa-colour-range .title.box-article-title,
.turquesa-colour-range p,
.turquesa-colour-range p strong {
    color: #fff
}
.gris-digital p strong {
    color: #000
}
.gris-digital .intro.box-article-intro,
.gris-digital .intro.box-article-intro a,
.gris-digital .title.blog-article-title a {
    color: #fff
}
.gris-digital p {
    color: #000
}
.azul-eroski .intro.box-article-intro,
.azul-eroski .intro.box-article-intro a,
.azul-eroski .title.blog-article-title a,
.azul-eroski .title.box-article-title,
.azul-eroski p,
.azul-eroski p strong,
.azul-parafarmacia .intro.box-article-intro,
.azul-parafarmacia .intro.box-article-intro a,
.azul-parafarmacia .title.blog-article-title a,
.azul-parafarmacia .title.box-article-title,
.azul-parafarmacia p,
.azul-parafarmacia p strong,
.azul-salud .intro.box-article-intro,
.azul-salud .intro.box-article-intro a,
.azul-salud .title.blog-article-title a,
.azul-salud .title.box-article-title,
.azul-salud p,
.azul-salud p strong,
.azul-sannia .intro.box-article-intro,
.azul-sannia .intro.box-article-intro a,
.azul-sannia .title.blog-article-title a,
.azul-sannia .title.box-article-title,
.azul-sannia p,
.azul-sannia p strong,
.marron-experiencia-positiva .intro.box-article-intro,
.marron-experiencia-positiva .intro.box-article-intro a,
.marron-experiencia-positiva .title.blog-article-title a,
.marron-experiencia-positiva .title.box-article-title,
.marron-experiencia-positiva p,
.marron-experiencia-positiva p strong,
.marron-faccile .intro.box-article-intro,
.marron-faccile .intro.box-article-intro a,
.marron-faccile .title.blog-article-title a,
.marron-faccile .title.box-article-title,
.marron-faccile p,
.marron-faccile p strong,
.morado-belle .intro.box-article-intro,
.morado-belle .intro.box-article-intro a,
.morado-belle .title.blog-article-title a,
.morado-belle .title.box-article-title,
.morado-belle p,
.morado-belle p strong,
.naranja-basic .intro.box-article-intro,
.naranja-basic .intro.box-article-intro a,
.naranja-basic .title.blog-article-title a,
.naranja-basic .title.box-article-title,
.naranja-basic p,
.naranja-basic p strong,
.naranja-cooperativa .intro.box-article-intro,
.naranja-cooperativa .intro.box-article-intro a,
.naranja-cooperativa .title.blog-article-title a,
.naranja-cooperativa .title.box-article-title,
.naranja-cooperativa p,
.naranja-cooperativa p strong,
.naranja-facile .intro.box-article-intro,
.naranja-facile .intro.box-article-intro a,
.naranja-facile .title.blog-article-title a,
.naranja-facile .title.box-article-title,
.naranja-facile p,
.naranja-facile p strong,
.naranja-rojizo .intro.box-article-intro,
.naranja-rojizo .intro.box-article-intro a,
.naranja-rojizo .title.blog-article-title a,
.naranja-rojizo .title.box-article-title,
.naranja-rojizo p,
.naranja-rojizo p strong,
.negro-seleqtia .intro.box-article-intro,
.negro-seleqtia .intro.box-article-intro a,
.negro-seleqtia .title.blog-article-title a,
.negro-seleqtia .title.box-article-title,
.negro-seleqtia p,
.negro-seleqtia p strong,
.rojo-ahorro .intro.box-article-intro,
.rojo-ahorro .intro.box-article-intro a,
.rojo-ahorro .title.blog-article-title a,
.rojo-ahorro .title.box-article-title,
.rojo-ahorro p,
.rojo-ahorro p strong,
.rojo-school .intro.box-article-intro,
.rojo-school .intro.box-article-intro a,
.rojo-school .title.blog-article-title a,
.rojo-school .title.box-article-title,
.rojo-school p,
.rojo-school p strong,
.rosa-dietetica .intro.box-article-intro,
.rosa-dietetica .intro.box-article-intro a,
.rosa-dietetica .title.blog-article-title a,
.rosa-dietetica .title.box-article-title,
.rosa-dietetica p,
.rosa-dietetica p strong,
.turquesa-eroski-bebe .intro.box-article-intro,
.turquesa-eroski-bebe .intro.box-article-intro a,
.turquesa-eroski-bebe .title.blog-article-title a,
.turquesa-eroski-bebe .title.box-article-title,
.turquesa-eroski-bebe p,
.turquesa-eroski-bebe p strong,
.turquesa-escucha .intro.box-article-intro,
.turquesa-escucha .intro.box-article-intro a,
.turquesa-escucha .title.blog-article-title a,
.turquesa-escucha .title.box-article-title,
.turquesa-escucha p,
.turquesa-escucha p strong,
.verde-eco .intro.box-article-intro,
.verde-eco .intro.box-article-intro a,
.verde-eco .title.blog-article-title a,
.verde-eco .title.box-article-title,
.verde-eco p,
.verde-eco p strong,
.verde-local .intro.box-article-intro,
.verde-local .intro.box-article-intro a,
.verde-local .title.blog-article-title a,
.verde-local .title.box-article-title,
.verde-local p,
.verde-local p strong,
.verde-natur .intro.box-article-intro,
.verde-natur .intro.box-article-intro a,
.verde-natur .title.blog-article-title a,
.verde-natur .title.box-article-title,
.verde-natur p,
.verde-natur p strong,
.verde-opinion .intro.box-article-intro,
.verde-opinion .intro.box-article-intro a,
.verde-opinion .title.blog-article-title a,
.verde-opinion .title.box-article-title,
.verde-opinion p,
.verde-opinion p strong {
    color: #fff
}
.gris-sin .intro.box-article-intro,
.gris-sin .intro.box-article-intro a,
.gris-sin .title.blog-article-title a,
.gris-sin .title.box-article-title,
.gris-sin .title.box-article-title a,
.gris-sin p,
.gris-sin p strong {
    color: #000
}
.rojo-eroski-club .intro.box-article-intro,
.rojo-eroski-club .title.box-article-title,
.rojo-eroski-club .title.box-article-title a {
    color: #fff
}
.amarillo .intro.box-article-intro,
.amarillo .title.box-article-title,
.amarillo .title.box-article-title a,
.amarillo-descuento .intro.box-article-intro,
.amarillo-descuento .title.box-article-title,
.amarillo-descuento .title.box-article-title a,
.prefooter-title,
.prefooter-title a {
    color: #000
}
.azul-verano .intro.box-article-intro,
.azul-verano .title.box-article-title,
.azul-verano .title.box-article-title a,
.dorado-navidad .intro.box-article-intro,
.dorado-navidad .title.box-article-title,
.dorado-navidad .title.box-article-title a,
.rojo-navidad .intro.box-article-intro,
.rojo-navidad .title.box-article-title,
.rojo-navidad .title.box-article-title a,
.rojo-verano .intro.box-article-intro,
.rojo-verano .title.box-article-title,
.rojo-verano .title.box-article-title a {
    color: #fff
}
.light-grey-colour-range .module-title,
.light-grey-colour-range .module-title a {
    color: #7e7e7e;
    background-color: #fff
}
.red-colour-range .module-title,
.red-colour-range .module-title a,
.red-colour-range .module-title p {
    color: #de180b
}
.red-white-colour-range .module-title {
    background-color: #d62304;
    color: #fff
}
.red-white-colour-range .module-iframe {
    background-color: #d62304
}
.white-colour-range .single-text .text .single-text-title {
    color: #747474
}
.lime-colour-range .single-text {
    background-color: #9fc10c
}
.lime-colour-range .single-text .single-text-title,
.lime-colour-range .single-text .text {
    color: #fff
}
.lime-colour-range .single-text-title {
    color: #747474
}
.blue-colour-range .single-text .single-text-title,
.blue-colour-range .single-text .text,
.blue-colour-range .single-text h2,
.blue-colour-range .single-text h3,
.blue-colour-range .single-text h4,
.blue-colour-range .single-text p,
.blue-colour-range .single-text-title,
.dark-colour-range .single-text .single-text-title,
.dark-colour-range .single-text .text,
.dark-colour-range .single-text h2,
.dark-colour-range .single-text h3,
.dark-colour-range .single-text h4,
.dark-colour-range .single-text p,
.dark-colour-range .single-text-title,
.green-colour-range .single-text .single-text-title,
.green-colour-range .single-text .text,
.green-colour-range .single-text h2,
.green-colour-range .single-text h3,
.green-colour-range .single-text h4,
.green-colour-range .single-text p,
.green-colour-range .single-text-title,
.lime-colour-range .single-text h2,
.lime-colour-range .single-text h3,
.lime-colour-range .single-text h4,
.lime-colour-range .single-text p,
.ocher-colour-range .single-text .single-text-title,
.ocher-colour-range .single-text .text,
.ocher-colour-range .single-text h2,
.ocher-colour-range .single-text h3,
.ocher-colour-range .single-text h4,
.ocher-colour-range .single-text p,
.ocher-colour-range .single-text-title,
.red-colour-range .single-text .single-text-title,
.red-colour-range .single-text .text,
.red-colour-range .single-text h2,
.red-colour-range .single-text h3,
.red-colour-range .single-text h4,
.red-colour-range .single-text p,
.red-colour-range .single-text-title,
.turquesa-colour-range .single-text .single-text-title,
.turquesa-colour-range .single-text .text,
.turquesa-colour-range .single-text h2,
.turquesa-colour-range .single-text h3,
.turquesa-colour-range .single-text h4,
.turquesa-colour-range .single-text p,
.turquesa-colour-range .single-text-title,
.yellow-colour-range .single-text .single-text-title,
.yellow-colour-range .single-text .text,
.yellow-colour-range .single-text h2,
.yellow-colour-range .single-text h3,
.yellow-colour-range .single-text h4,
.yellow-colour-range .single-text p,
.yellow-colour-range .single-text-title {
    color: #fff
}
.yellow-colour-range .single-text {
    background-color: #ee8b15
}
.blue-colour-range .single-text {
    background-color: #74c6e4
}
.turquesa-colour-range .single-text {
    background-color: #64a8a2
}
.red-colour-range .single-text {
    background-color: #d81d24
}
.ocher-colour-range .single-text {
    background-color: #beae8e
}
.green-colour-range .single-text {
    background-color: #2f5127
}
.dark-colour-range .single-text {
    background-color: #2d2e33
}
.light-grey-colour-range .single-text .text .single-text-title,
.white-colour-range .single-text .single-text-title,
.white-colour-range .single-text .text,
.white-colour-range .single-text h2,
.white-colour-range .single-text h3,
.white-colour-range .single-text h4,
.white-colour-range .single-text p,
.white-colour-range .single-text-title {
    color: #747474
}
.white-colour-range .single-text {
    background-color: #fff
}
.light-grey-colour-range .single-text,
.red-grey-colour-range .single-text {
    background-color: #fbfbfb
}
.red-grey-colour-range .single-text .text .single-text-title {
    color: #de180b
}
.hover-effect {
    position: relative
}
.hover-effect__cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.home-club-slider-outstandings .hover-effect__cover,
.home-slider-outstandings .hover-effect__cover {
    z-index: 1
}
.hover-effect__container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    letter-spacing: 0
}
.hover-effect__item {
    position: absolute;
    background-color: #fff;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0 ease-in-out;
    -moz-transition: opacity 0 ease-in-out;
    -ms-transition: opacity 0 ease-in-out;
    -o-transition: opacity 0 ease-in-out;
    transition: opacity 0 ease-in-out
}
.hover-effect--opt-1 .hover-effect__item--1 {
    top: 0;
    line-height: 0
}
.hover-effect--opt-1 .hover-effect__item--2 {
    top: 0;
    line-height: 1px
}
.hover-effect--opt-1 .hover-effect__item--3 {
    top: 50%;
    line-height: 0
}
.hover-effect--opt-1 .hover-effect__item--4 {
    top: 50%;
    line-height: 1px
}
.hover-effect--opt-1 .hover-effect__item--5 {
    top: 0;
    line-height: 5px
}
.hover-effect--opt-1 .hover-effect__item--6 {
    top: 75%;
    line-height: 0
}
.hover-effect--opt-1 .hover-effect__item--7 {
    top: 75%;
    line-height: 1px
}
.hover-effect--opt-1 .hover-effect__item--8 {
    top: 25%;
    line-height: 2px
}
.hover-effect--opt-1 .hover-effect__item--10,
.hover-effect--opt-1 .hover-effect__item--9 {
    top: 0;
    line-height: 5px;
    display: none
}
.hover-effect--opt-2 .hover-effect__item--1 {
    top: 50%;
    line-height: 0
}
.hover-effect--opt-2 .hover-effect__item--2 {
    top: 0;
    line-height: 1px;
    display: none
}
.hover-effect--opt-2 .hover-effect__item--3 {
    top: 50%;
    line-height: 1px
}
.hover-effect--opt-2 .hover-effect__item--4 {
    top: 50%;
    line-height: 0
}
.hover-effect--opt-2 .hover-effect__item--5 {
    top: 0;
    line-height: 5px
}
.hover-effect--opt-2 .hover-effect__item--6 {
    top: 25%;
    line-height: 0
}
.hover-effect--opt-2 .hover-effect__item--7 {
    top: 75%;
    line-height: 2px
}
.hover-effect--opt-2 .hover-effect__item--8 {
    top: 25%;
    line-height: 0
}
.hover-effect--opt-2 .hover-effect__item--9 {
    top: 0;
    line-height: 0
}
.hover-effect--opt-2 .hover-effect__item--10 {
    top: 25%;
    line-height: 1px
}
.hover-effect--opt-3 .hover-effect__item--1 {
    top: 0;
    line-height: 0
}
.hover-effect--opt-3 .hover-effect__item--2 {
    top: 0;
    line-height: 1px;
    display: none
}
.hover-effect--opt-3 .hover-effect__item--3 {
    top: 50%;
    line-height: 1px;
    display: none
}
.hover-effect--opt-3 .hover-effect__item--4 {
    top: 50%;
    line-height: 0;
    display: none
}
.hover-effect--opt-3 .hover-effect__item--5 {
    top: 0;
    line-height: 5px;
    display: none
}
.hover-effect--opt-3 .hover-effect__item--6 {
    top: 25%;
    line-height: 0;
    display: none
}
.hover-effect--opt-3 .hover-effect__item--7 {
    top: 75%;
    line-height: 2px;
    display: none
}
.hover-effect--opt-3 .hover-effect__item--8 {
    top: 50%;
    line-height: 0
}
.hover-effect--opt-3 .hover-effect__item--9 {
    top: 75%;
    line-height: 0
}
.hover-effect--opt-3 .hover-effect__item--10 {
    top: 75%;
    line-height: 1px
}
.header-wrapper {
    position: relative;
    top: 0;
    z-index: 10;
    background-color: #fff;
    float: none;
    display: block
}
.header-menu-mobile,
.header-wrapper.fixed .header-menu-wrapper-top {
    display: none
}
.header-wrapper.fixed {
    position: fixed;
    z-index: 12;
    background-color: rgba(255, 255, 255, .8)
}
.header-wrapper.fixed:hover {
    background-color: #fff
}
.header-wrapper.fixed .header-menu-wrapper-bottom {
    margin: 15px auto;
    padding-bottom: 0
}
.header-wrapper.fixed .logo-menu {
    height: 30px;
    background-image: url(../img/header/eroski-logo-min.png);
    position: relative;
    z-index: 12
}
.header-menu-wrapper {
    margin: auto;
    float: none;
    position: relative
}
.header-menu {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 13px
}
.contact-menu a,
.language-menu select,
.user-type-menu li {
    font-family: TexGyreAdventor, arial, sans-serif
}
.header-menu-wrapper-bottom {
    margin: 20px auto 0;
    width: 85%;
    padding-bottom: 0;
    position: relative;
    overflow: inherit;
    top: 0;
    clear: both;
    float: none
}
.user-type-menu {
    float: left
}
.top-right-menu {
    float: right
}
.top-right-menu ul {
    text-align: center
}
.header-menu li {
    float: none;
    display: inline-block
}
.header-menu li.language-men {
    float: left
}
.header-menu-wrapper-app {
    display: none
}
.user-type-menu li {
    padding: 10px 10px 10px 30px;
    background-image: url(../img/header/arrow-right-off.jpg);
    background-repeat: no-repeat;
    background-position: 10% center
}
.main-menu,
.user-type-menu li.active {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.user-type-menu li a {
    color: #8f8f92
}
.user-type-menu li.active {
    background-image: url(../img/header/arrow-down-on.jpg)
}
.user-type-menu li.active a {
    text-decoration: none;
    color: #79797a
}
.header-submenu {
    padding: 8px;
    box-sizing: border-box
}
.search-bar-menu {
    width: 40px;
    overflow: hidden;
    display: none;
    position: absolute;
    right: 0;
    -webkit-transition: width ease-out .5s;
    -moz-transition: width ease-out .5s;
    -o-transition: width ease-out .5s;
    -ms-transition: width ease-out .5s;
    transition: width ease-out .5s;
    z-index: 3
}
.search-bar-menu-desktop {
    display: inline-block;
    float: right
}
.search-bar-menu.active {
    width: 80%
}
.search-bar-menu input[type=submit] {
    float: right;
    width: 20px;
    height: 30px;
    margin-left: 12px;
    margin-right: 12px;
    background-color: transparent;
    background-image: url(../img/header/search-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    transition: all ease-in .2s;
    text-indent: -9999px
}
.search-bar-menu.active input[type=submit] {
    background-image: url(../img/header/close-icon.png);
    width: 20px
}
.search-bar-menu input[type=text] {
    height: 30px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    width: 0;
    -webkit-transition: all ease-out .4s;
    -moz-transition: all ease-out .4s;
    -o-transition: all ease-out .4s;
    -ms-transition: all ease-out .4s;
    transition: all ease-out .4s;
    float: right;
    font-size: 14px;
    background-color: #fff;
    line-height: 20px
}
.search-bar-menu.active input[type=text] {
    width: 93%;
    margin: 0;
    border: 1px solid #d1d1d1;
    height: 30px;
    background-image: url(../img/header/search-icon.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 30px;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-style: italic;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    -ms-transition: all ease-out .5s;
    transition: all ease-out .5s
}
.contact-menu,
.contact-menu a {
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s
}
.language-menu {
    padding: 8px
}
.language-menu select {
    color: #79797a;
    border: 0;
    font-size: 13px;
    font-weight: 700
}
.contact-menu {
    padding: 8px 0;
    position: relative;
    height: 46px;
    -moz-transition: all ease-out .3s;
    transition: all ease-out .3s
}
.contact-menu a {
    color: #79797a;
    font-weight: 700;
    display: block;
    width: 100%;
    padding-right: 40px;
    padding-top: 5px;
    height: 100%;
    -moz-transition: all ease-out .3s;
    transition: all ease-out .3s
}
.contact-menu:hover a {
    width: 100%
}
.contact-menu.schedule:after,
.contact-menu.shops:after,
.contact-menu:after {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-position: center top;
    margin-left: 5px;
    position: absolute;
    top: 10px;
    right: 10px;
    content: '';
    cursor: pointer
}
.contact-menu:after {
    background-image: url(../img/header/submenu/icon-comment.png);
    background-size: 100%
}
.contact-menu.schedule:after {
    background-image: url(../img/header/submenu/icon-schedule.png);
    background-size: 100%
}
.contact-menu.shops:after {
    background-image: url(../img/header/submenu/icon-location.png);
    background-size: 85%
}
#topHeader .wrapper #despl-menu li a,
.franquicias-menu a {
    height: auto;
    margin: 0;
    background-image: none;
    line-height: 2;
    font-size: 12px
}
.header-menu .franquicias-menu {
    float: right;
    background-color: #ECECE9;
    width: 120px;
    text-align: center;
    padding: 0;
    position: relative
}
.franquicias-menu a {
    color: #79797b;
    width: 100%;
    display: block;
    padding: 6px 0
}
.franquicias-menu ul {
    display: none;
    position: absolute;
    z-index: 4;
    width: 100%;
    max-width: 240px;
    background-color: #ECECE9;
    text-align: left;
    padding: 10px 20px;
    text-transform: initial;
    min-width: 240px;
    right: 0
}
.franquicias-menu li {
    display: block
}
#topHeader {
    float: right
}
#topHeader .wrapper {
    width: auto;
    padding: 0
}
#despl-menu {
    float: right;
    position: relative
}
.header-menu #despl-menu li {
    background-color: #79797b;
    width: 120px;
    text-align: center;
    padding: 0
}
#topHeader .wrapper #despl-menu li a {
    color: #fff;
    width: 100%;
    display: block;
    text-transform: uppercase;
    padding: 6px 0
}
.header-menu #despl-menu #tab-eroski-club {
    background-color: #de180b;
    width: 120px;
    text-align: center;
    float: left;
    padding: 0
}
#topHeader .wrapper #despl-menu>ul>li>ul {
    border-bottom: none;
    border-radius: 0;
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    width: 150%;
    z-index: 5;
    background: inherit;
    padding: 10px 15px;
    background-image: none
}
#topHeader ul.submenu>li {
    width: 50%
}
#topHeader #tab-logged-user ul.submenu>li:last-child {
    width: 100%;
    padding-top: 0;
    text-align: center
}
#topHeader #despl-menu .submenuNoClub>li.closemenu,
#topHeader ul.submenu>li #closeMenu {
    background-image: url(../img/base/arrow-white-up.png)!important;
    min-height: 20px!important;
    width: 20px;
    position: relative;
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}
#topHeader #despl-menu .submenuNoClub>li.closemenu:hover {
    border: 0!important
}
#topHeader #despl-menu ul.submenu li ul li a,
#topHeader #despl-menu ul.submenuNoClub li ul li a {
    text-transform: inherit;
    line-height: 20px
}
#topHeader #despl-menu ul.submenu li ul li,
#topHeader #despl-menu ul.submenuNoClub li ul li {
    padding: 0
}
#topHeader .wrapper #despl-menu li#tab-logged-user ul {
    min-height: auto!important;
    display: block
}
#topHeader .wrapper #despl-menu li#tab-logged-user ul.submenu,
#topHeader .wrapper #despl-menu li#tab-logged-user ul.submenuNoClub {
    display: none
}
#despl-menu #tab-not-logged .submenu li:first-child {
    border-top: 0;
    border-bottom: 1px solid #fff
}
#despl-menu #tab-not-logged .submenu li,
#despl-menu #tab-not-logged .submenuNoClub li {
    height: 50%;
    text-align: left;
    background-color: #79797b;
    width: 100%;
    font-size: 14px;
    border: 0
}
#despl-menu ul.submenu li,
#despl-menu ul.submenuNoClub li {
    background-image: none;
    padding: 5%;
    text-align: left
}
#despl-menu ul.submenuNoClub>li {
    width: 50%
}
#despl-menu ul.submenu li a,
#despl-menu ul.submenuNoClub li a {
    text-indent: 0
}
#despl-menu .submenu>li span,
#despl-menu .submenuNoClub>li span {
    display: inline-block;
    color: #fff;
    min-height: 30px!important;
    font-size: 12px!important
}
#despl-menu #tab-logged-user ul li {
    float: none!important
}
.login-submenu {
    display: none
}
.login-submenu.active {
    display: block
}
.header-wrapper .logo-menu {
    height: 60px;
  /*  background-image: url("/wp-content/themes/eroski/img/header/eroski-logo.png");*/
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: center top;
    display: inline-block;
    vertical-align: top;
    float: left;
    position: relative;
    z-index: 14
}
.logo-menu a {
    display: block;
    width: 100%;
    height: 100%
}
.header-wrapper .logo-menu-mobile {
    display: none;
    height: 0
}
.bottom-right-menu {
    float: right
}
.bottom-right-menu li {
    float: left;
    font-size: 11px;
    margin-right: 10px
}
.bottom-right-menu li a {
    color: #79797a;
    padding: 5px 0;
    display: block;
    float: left
}
.location-menu:before {
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    float: left;
    background-image: url(../img/header/location-icon.png);
    background-repeat: no-repeat;
    background-position: center
}
.contact-us-menu:before,
.schedule-menu:before {
    content: '';
    display: block;
    width: 26px;
    height: 21px;
    float: left;
    background-position: center;
    background-repeat: no-repeat
}
.schedule-menu:before {
    background-image: url(../img/header/schedule-icon.png)
}
.contact-us-menu:before {
    background-image: url(../img/header/contact-us-icon.png)
}
.main-menu {
    display: none;
    height: 60px;
    vertical-align: top;
    float: none
}
.main-menu.active,
.main-menu>ul>li {
    display: inline-block
}
.header-wrapper.fixed .main-menu {
    height: auto
}
.main-menu>ul {
    text-align: center;
    height: 30px
}
.header-wrapper.fixed .main-menu>ul {
    height: auto
}
.main-menu>ul>li {
    vertical-align: middle;
    width: auto;
    margin: 5px 1%;
    text-align: center;
    font-size: 18px;
    cursor: pointer
}
.main-menu>ul>li a {
    color: #454346;
    text-decoration: none;
    position: relative;
    z-index: 3;
    display: block;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    transition: all ease-out .3s
}
.main-menu ul li.current-menu-ancestor>a,
.main-menu ul li.current-menu-item>a,
.main-menu>ul>li a.active,
.main-menu>ul>li a:hover {
    color: #de180b
}
.main-menu .main-menu-item>ul {
    position: absolute;
    left: -45%;
    top: 25px;
    padding: 0 30%;
    box-sizing: border-box;
    width: 202%;
    max-width: 1405px;
    visibility: hidden;
    max-height: 0;
    height: auto;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    -ms-transition: all ease .4s;
    transition: all ease .4s;
    overflow: hidden;
    background-color: #fff;
    z-index: -1
}
.header-wrapper.fixed .main-menu .main-menu-item>ul {
    top: 0;
    padding-top: 50px
}
.main-menu .main-menu-item>ul.active {
    min-height: 300px;
    max-height: 700px;
    visibility: inherit;
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    -ms-transition: all ease .4s;
    transition: all ease .4s;
    z-index: 2
}
.main-menu .main-menu-item>ul>li>a {
    font-size: 0;
    -webkit-transition: all ease 0s;
    -moz-transition: all ease 0s;
    -o-transition: all ease 0s;
    -ms-transition: all ease 0s;
    transition: all ease 0s
}
.main-menu .main-menu-item>ul.active>li>a {
    font-size: 18px;
    -webkit-transition: all ease 0s;
    -moz-transition: all ease 0s;
    -o-transition: all ease 0s;
    -ms-transition: all ease 0s;
    transition: all ease 0s
}
.main-menu .main-menu-item .sub-menu {
    text-align: left;
    min-height: 140px
}
.sub-menu>ul>li {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 18px;
    margin: 20px 2% 20px 0;
    color: #454346;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: font-size ease-out .3s;
    -moz-transition: font-size ease-out .3s;
    -o-transition: font-size ease-out .3s;
    -ms-transition: font-size ease-out .3s;
    transition: font-size ease-out .3s
}
.main-menu .main-menu-item .sub-menu>ul>li>a,
.sub-menu>ul>li:hover,
.sub-menu>ul>li:hover ul li {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.sub-menu>ul>li ul li a:after,
.sub-menu>ul>li ul li.active a:after,
.sub-menu>ul>li:hover ul li a:hover:after,
.sub-menu>ul>li:hover ul li.active a:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    position: absolute;
    bottom: 2px
}
.sub-menu>ul>li:hover ul li a:hover:after,
.sub-menu>ul>li:hover ul li.active a:after {
    background-image: url(../img/header/arrow-right-red.png);
    background-position: center;
    background-repeat: no-repeat
}
.sub-menu>ul>li>ul {
    margin-top: 20px
}
.sub-menu>ul>li>ul>li {
    display: block;
    font-size: 15.5px;
    margin: 10px 0;
    line-height: 16px;
    -webkit-transition: font-size ease-out .6s;
    -moz-transition: font-size ease-out .6s;
    -o-transition: font-size ease-out .6s;
    -ms-transition: font-size ease-out .6s;
    transition: font-size ease-out .6s
}
.main-menu .main-menu-item .sub-menu>ul>li {
    max-width: 17.5%;
    min-width: 17.5%;
    width: auto;
    display: inline-block;
    text-align: left;
    -webkit-transition: font-size ease .6s;
    -moz-transition: font-size ease .6s;
    -o-transition: font-size ease .6s;
    -ms-transition: font-size ease .6s;
    transition: font-size ease .6s
}
.main-menu .loc-menu,
.rrss li a img {
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s
}
.main-menu .main-menu-item .sub-menu>ul>li>a {
    width: 80%;
    display: block;
    height: 35px
}
.img-menu span,
.loc-menu li {
    font-family: TexGyreAdventor, arial, sans-serif
}
.header-menu-2 .main-menu-item.language-men {
    display: none
}
.main-menu .main-menu-item .img-menu {
    position: relative
}
.main-menu .main-menu-item .img-menu ul {
    text-align: left
}
.main-menu .main-menu-item .img-menu li {
    width: 24.5%;
    margin-top: 40px;
    display: inline-block;
    position: relative;
    text-align: center
}
.img-menu img {
    width: 100%;
    height: auto
}
.img-menu span {
    color: #454346;
    font-size: 13px
}
.img-menu>span {
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0
}
.img-menu li a:hover span {
    text-decoration: underline
}
.f2-quicklinks__content:hover,
.nav-menu-wrapper li:hover,
.prefooter-title a {
    text-decoration: none
}
.img-menu li span {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    background: rgba(20, 20, 20, .8);
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 10px 0
}
.main-menu .loc-menu {
    text-align: right;
    position: absolute;
    right: -10%;
    top: 75px;
    display: none;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    transition: all ease-out .3s
}
.main-menu .loc-menu.active {
    display: block;
    z-index: 3;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100)
}
.header-wrapper.fixed .main-menu .loc-menu {
    top: 60px
}
.loc-menu li {
    background-repeat: no-repeat;
    background-position: right;
    height: 27px;
    padding-top: 6px;
    padding-right: 35px;
    margin: 10px 0;
    font-size: 13px
}
.loc-menu li a {
    vertical-align: -webkit-baseline-middle
}
.loc-menu li.loc-menu-info {
    background-image: url(../img/header/submenu/icon-info.png);
    font-style: italic
}
.loc-menu li.loc-menu-location {
    background-image: url(../img/header/submenu/icon-location.png)
}
.loc-menu li.loc-menu-schedule {
    background-image: url(../img/header/submenu/icon-schedule.png)
}
.loc-menu li.loc-menu-contact {
    background-image: url(../img/header/submenu/icon-comment.png)
}
.loc-menu li.loc-menu-brochure {
    background-image: url(../img/header/submenu/icon-brochure.png)
}
.text-grey {
    color: #79797a
}
.buy-online-mobile {
    display: none
}
@media only screen and (max-width: 1200px) {
    .main-menu .main-menu-item>ul {
        left: -38%;
        width: 162.5%;
        padding: 0 10%
    }
    .main-menu .main-menu-item>ul.active {
        padding-top: 50px;
        padding-bottom: 50px
    }
}
@media only screen and (max-width: 1024px) {
    .main-menu>ul>li {
        margin: 5px .3%
    }
}
@media only screen and (max-width: 992px) {
    .logo-menu {
        margin-left: 10px
    }
    .main-menu {
        width: 75%
    }
    .main-menu .loc-menu {
        right: 0;
        padding: 0
    }
    .search-bar-menu-desktop {
        float: none
    }
    .main-menu .main-menu-item>ul {
        width: 135%;
        left: -25%;
        padding: 0 4%
    }
    .main-menu .main-menu-item>ul.active {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .main-menu .main-menu-item .loc-menu {
        right: 5%
    }
    .main-menu .main-menu-item .img-menu li {
        width: 24%
    }
    .search-bar-menu.active input[type=text] {
        width: 92%
    }
    .sub-menu>ul>li {
        font-size: 15px
    }
    .sub-menu>ul>li>ul>li {
        font-size: 13px
    }
    .main-menu>ul>li {
        margin: 5px .2%
    }
}
.eroski-print,
.gsearch .gsc-search-button {
    display: none
}

.gsearch {
    float: left;
    width: 95%;
    position: absolute
}
.gsearch .gsc-input-box {
    height: 30px
}
.header-menu.search-bar-menu input[type=submit] {
    position: relative;
    z-index: 10
}
.header-menu.search-bar-menu .gsearch {
    opacity: 0
}
.header-menu.search-bar-menu.active .gsearch {
    opacity: 1
}
.gsst_a .gscb_a {
    color: #de180b!important;
    opacity: .5
}
.gsst_a:focus .gscb_a,
.gsst_a:hover .gscb_a {
    color: #de180b!important;
    opacity: 1
}
@media print {
    .eroski-print {
        display: block;
        max-width: 1400px;
        margin: 40px auto 0
    }
}
@media all and (max-width: 767px) {
    .header-menu.search-bar-menu .gsearch {
        display: none
    }
    .header-menu-2 .buy-online-mobile {
        display: block;
        width: calc(100% - 80px);
        background-color: #db1720;
        height: 40px;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .header-menu-2 .buy-online-mobile-link {
        display: inline-block;
        font-family: font-family: ITCAvantGardeStd-Demi;
        font-size: 12px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 90%;
        text-decoration: none;
        letter-spacing: .18px;
        line-height: 22px
    }
    .header-menu-2 .search-bar-menu {
        height: 40px;
        /*width:80px*/
    }
    .header--logged .buy-online-mobile {
        width: calc(100% - 140px)
    }
    .header--logged .search-bar-menu {
        width: 140px
    }
    .header--logged .search-bar-menu form,
    .header-menu-2 .search-bar-menu form {
        width: 100%;
        background-color: #fff
    }
    .header-menu-2 .search-bar-menu.active {
        width: 100%!important
    }
    .header-menu-2 .search-bar-menu input[type=text] {
        height: 40px;
        font-family: ITCAvantGardeStd-Demi;
        font-size: 12px;
        margin: 0;
        padding: 0 0 0 5px;
        width: calc(100% - 30px);
        text-overflow: ellipsis
    }
    .header-menu-2 .search-bar-menu input[type=submit] {
        padding: 0;
        position: absolute;
        right: 0;
        top: 0
    }
    .header--logged .search-bar-menu input[type=text] {
        width: 80px
    }
    .header-menu-2 .search-bar-menu.active input[type=text] {
        width: calc(100% - 70px)
    }
    .header-menu-2 .search-bar-menu input[type=reset].close {
        position: absolute;
        right: 40px;
        top: 0
    }
}
.f2-quicklinks__arrow-container--image,
.loader img {
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}
.footer-wrapper {
    position: relative;
    top: 0;
    z-index: 9;
    background-color: #d81d24;
    display: block;
    color: #fff;
    overflow: hidden
}
.footer-wrapper div>ul {
    margin: auto;
    padding: 30px 0;
    float: none;
    overflow: hidden;
    font-size: 0
}
.footer-wrapper>div>ul>li {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 18px;
    float: none;
    display: inline-block;
    vertical-align: top
}
.footer-wrapper>div>ul>li>ul {
    padding: 20px 0;
    font-family: TexGyreAdventor, arial, sans-serif
}
.f2,
.f2 a {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif
}
.footer-wrapper>div>ul>li>ul>li {
    font-size: 14px;
    margin: 0
}
.footer-wrapper a,
.footer-wrapper span {
    margin: 10px 0;
    display: block;
    color: #fff
}
.footer-wrapper a {
    line-height: 16px
}
.footer-wrapper .rrss ul {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    float: none
}
.download-app,
.rrss {
    vertical-align: middle!important
}
.rrss {
    width: 50%;
    display: inline-block
}
.rrss span {
    display: inline
}
.download-app,
.rrss>a,
li.rrss span {
    display: inline-block
}
.rrss li a {
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    margin: 0
}
.mail a {
    background-image: url(../img/footer/icon-mail.png)
}
.fb a {
    background-image: url(../img/footer/icon-fb.png)
}
.tw a {
    background-image: url(../img/footer/icon-tw.png)
}
.yt a {
    background-image: url(../img/footer/icon-yt.png)
}
.go a {
    background-image: url(../img/footer/icon-go.png);
    background-size: 75%
}
.rrss li.yt {
    width: 55px
}
.download-app {
    width: calc(50% - 104px)
}
.rrss>a,
.sello,
li.rrss span {
    vertical-align: middle
}
.download-app li a {
    width: 40px;
    height: 40px
}
.rrss .googleplay a {
    background-image: url(../img/footer/android.png)
}
.rrss .appstore a {
    background-image: url(../img/footer/apple.png)
}
.rrss:last-child {
    text-align: right
}
.rrss:last-child li a {
    font-size: 0
}
.navmenu-section.input-combo {
    margin: 0 2% 0 0;
    width: 23%
}
.navmenu-section.input-combo div {
    width: 100%;
    box-sizing: border-box
}
.navmenu-section.input-combo ul {
    font-size: 13px;
    text-transform: inherit;
    color: #fff;
    font-weight: 700;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #818181;
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
    z-index: 2;
    display: none
}
.navmenu-section.input-combo ul li a {
    color: #818181;
    margin: 5px 0
}
.atencion-cliente a,
.atencion-cliente a:focus,
.atencion-cliente a:visited,
.f2,
.f2 a {
    color: #fff
}
.navmenu-section.input-combo .selector:after {
    top: 0;
    right: 5px;
    background-image: url(../img/header/arrow-white-down.png);
    background-size: 70%
}
.footer-wrapper ul .shops-link {
    display: block;
    width: 100px;
    margin: 0;
    float: none;
    clear: both
}
.atencion-cliente {
    text-align: center;
    padding: 20px 0;
    width: 100%!important
}
.atencion-cliente span {
    display: block;
    font-size: 14px;
    line-height: 19px
}
@media only screen and (max-width: 992px) {
    .home-club-card__container--eroski-saved .home-club-card .home-club-card__content,
    .home-club-card__container--travel-club .home-club-card .home-club-card__content {
        margin: 0px 10px 20px !important;
    }
    .footer-wrapper .rrss li {
        width: 30px
    }
    .footer-wrapper .rrss li.yt {
        width: 55px
    }
    .go a {
        background-size: 100%
    }
}
@media only screen and (max-width: 767px) {
    .footer-wrapper>div>ul {
        padding: 0
    }
    .footer-wrapper>div>ul>li>ul {
        display: none
    }
    .footer-wrapper>div>ul>li {
        text-align: center;
        padding: 10px 0;
        border-bottom: 1px solid #fff;
        background-image: url(../img/footer/arrow-white-down.png);
        background-position: 95% 25px;
        background-repeat: no-repeat
    }
    .footer-wrapper>div>ul>li.active {
        background-image: url(../img/footer/arrow-white-up.png)
    }
    .footer-wrapper .rrss {
        width: 100%;
        margin: auto;
        float: none;
        clear: both;
        border: 0;
        background-image: none
    }
    .footer-wrapper .rrss ul {
        margin: 0;
        display: block
    }
    .footer-wrapper .rrss li {
        width: 45px
    }
    .footer-wrapper .rrss li.yt {
        width: 55px
    }
    .go a {
        background-size: 30px
    }
    .footer-wrapper ul .shops-link {
        margin: 10px auto;
        width: auto
    }
    .navmenu-section.input-combo {
        margin: auto!important;
        display: block;
        float: none;
        clear: both;
        padding: 10px 0;
        width: 91.66666667%
    }
    .navmenu-section.input-combo .selector:after {
        background-size: 100%
    }
    .navmenu-section.input-combo ul {
        position: relative;
        bottom: 0;
        background: 0 0;
        border: 0
    }
    .navmenu-section.input-combo ul li a {
        color: #fff;
        margin: 10px 0
    }
    .footer-wrapper .atencion-cliente {
        background-image: none
    }
    .footer-wrapper>div>ul>li.sello {
        border-bottom: 0;
        display: block;
        margin: auto;
        background-image: none;
        max-width: 60px
    }
}
.f2 {
    position: relative;
    background-color: #d81d24;
    letter-spacing: .5px;
    padding: 0
}
.f2 .mobile-only {
    display: none
}
.f2 .desktop-only {
    display: block
}
.f2 .f2-quicklinks {
    max-width: 1280px;
    margin: 0 auto
}
.f2 .f2-quicklinks__item {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 6 - 4px);
    height: 101px;
    text-align: center;
    padding: 20px
}
.f2 .f2-quicklinks__item.f2-quicklinks__item--1 {
    background-color: #cd0810
}
.f2 .f2-quicklinks__item.f2-quicklinks__item--3 {
    background-color: #e63c27
}
.f2 .f2-quicklinks__item.f2-quicklinks__item--5 {
    background-color: #e43227
}
.f2 .f2-quicklinks__item.f2-quicklinks__item--6 {
    background-color: #e63c27
}
.f2 .f2-quicklinks__text {
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px
}
.f2 .f2-info,
.f2 .f2-links {
    max-width: 1280px;
    margin: 0 auto
}
.f2-quicklinks__arrow-container {
    width: 28px;
    height: 101px;
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 3;
    background: -moz-linear-gradient(0deg, rgba(128, 0, 0, 0) 0, rgba(128, 0, 0, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(128, 0, 0, 0)), color-stop(100%, rgba(128, 0, 0, 1)));
    background: -webkit-linear-gradient(0deg, rgba(128, 0, 0, 0) 0, rgba(128, 0, 0, 1) 100%);
    background: -o-linear-gradient(0deg, rgba(128, 0, 0, 0) 0, rgba(128, 0, 0, 1) 100%);
    background: -ms-linear-gradient(0deg, rgba(128, 0, 0, 0) 0, rgba(128, 0, 0, 1) 100%);
    background: linear-gradient(90deg, rgba(128, 0, 0, 0) 0, rgba(128, 0, 0, 1) 100%);
    display: none
}
.f2-quicklinks__arrow-container-bg {
    background-color: rgba(255, 255, 255, .5);
    width: 100%;
    height: 100%
}
.f2-quicklinks__arrow-container--image {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}
.f2 .f2-info__container {
    background-color: #b1050c
}
.f2 .f2-info {
    padding: 24px 20px
}
.f2 .f2-info__item,
.f2 .f2-info__item--2 ul li {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal
}
.f2 .f2-info__item--1 {
    width: 15%
}
.f2 .f2-info__item--2 {
    width: 34%
}
.f2 .f2-info__item--2 span {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal
}
.f2 .f2-info__item--2 ul {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: -5px
}
.f2 .f2-info__item--2 ul li a {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 24px;
    background: 0 0;
    text-align: center
}
.f2 .f2-info__item--2 ul li a img {
    height: 100%;
    width: auto
}
.f2 .f2-info__item--3 {
    width: 50%;
    text-align: center
}
.f2 .f2-info__item--3 p {
    font-size: 14px
}
.f2 .f2-info__item--3 p strong a {
    font-weight: 700
}
.f2 .f2-links {
    padding: 20px 20px 40px
}
.f2 .f2-links .f2-links1 {
    display: inline-block;
    vertical-align: top;
    width: 73%;
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3
}
.f2 .f2-links .f2-links1 .f2-links1__item,
.f2 .f2-links .f2-links2 .f2-links2__item {
    margin-top: 30px;
    min-width: 200px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}
.f2 .f2-links .f2-links1 .f2-links1__item span {
    text-transform: uppercase;
    font-family: ITCAvantGardeStd-Bold;
    font-size: 16px;
    line-height: 1.38;
    display: block;
    margin-bottom: 10px
}
.f2 .f2-links .f2-links1 .f2-links1__item:first-child,
.f2 .f2-links .f2-links2 .f2-links2__item:first-child {
    margin-top: 0
}
.f2 .f2-links .f2-links2 .f2-links2__item span {
    font-family: ITCAvantGardeStd-Bk;
    font-size: 14px;
    line-height: 1.14;
    display: block;
    margin-bottom: 16px
}
.f2 .f2-links .f2-links1 .f2-links1__item li,
.f2 .f2-links .f2-links2 .f2-links2__item li {
    margin-bottom: 6px
}
.f2 .f2-links .f2-links1 .f2-links1__item li a,
.f2 .f2-links .f2-links2 .f2-links2__item li a {
    font-size: 13px
}
.f2 .f2-links .f2-links2 {
    display: inline-block;
    vertical-align: top;
    width: 25%
}
.f2-legalLinks__item,
.f2-legalLinks__item.legals ul li {
    display: inline-block;
    vertical-align: middle
}
.f2 .f2-links .f2-links2 .f2-links2__item ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}
.f2 .f2-links .f2-links2 .f2-links2__item ul li a img {
    width: 100%;
    max-width: 267px
}
.f2 .f2-legalLinks__container {
    background-color: #393d49
}
.f2 .f2-legalLinks {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px
}
.f2-legalLinks__item.legals {
    width: 100%;
    text-align: center
}
.f2-legalLinks__item.legals ul li a {
    font-size: 13px;
    margin-right: 20px;
    position: relative
}
.f2-legalLinks__item.legals ul li a:after {
    content: "";
    display: block;
    height: 16px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    right: -14px;
    top: 1px
}
.f2-legalLinks__item span,
.f2-legalLinks__item.legals ul li:last-child a:after {
    display: none
}
@media all and (max-width: 920px) {
    .f2 .f2-quicklinks__container {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
    .f2 .f2-quicklinks {
        width: 920px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff
    }
    .f2 .f2-info .f2-info__item--1 {
        display: none
    }
    .f2 .f2-links .f2-links1,
    .f2 .f2-links .f2-links2 {
        display: block;
        width: 100%
    }
    .f2 .f2-links .f2-links2 {
        text-align: center
    }
}
@media all and (max-width: 767px) {
    .f2 .mobile-only {
        display: block
    }
    .f2 .desktop-only {
        display: none!important
    }
    .f2 .f2-info .f2-info__item--3 {
        text-align: right;
        float: right
    }
    .f2 .f2-info .f2-info__item--3 p {
        line-height: 1.3
    }
    .f2-quicklinks__arrows {
        width: 40px;
        height: 101px;
        position: absolute;
        top: 1px;
        left: 0;
        z-index: 3
    }
    #left-button,
    #right-button {
        width: 100%;
        height: 101px;
        background: -moz-linear-gradient(180deg, rgba(128, 0, 0, 0) 0, rgba(128, 0, 0, 1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(128, 0, 0, 1)), color-stop(100%, rgba(128, 0, 0, 0)));
        background: -webkit-linear-gradient(180deg, rgba(128, 0, 0, 0) 0, rgba(128, 0, 0, 1) 100%);
        background: -o-linear-gradient(180deg, rgba(128, 0, 0, 0) 0, rgba(128, 0, 0, 1) 100%);
        background: -ms-linear-gradient(180deg, rgba(128, 0, 0, 0) 0, rgba(128, 0, 0, 1) 100%);
        background: linear-gradient(270deg, rgba(128, 0, 0, 0) 0, rgba(128, 0, 0, 1) 100%)
    }
    .f2-quicklinks__container::-webkit-scrollbar {
        height: 0
    }
    .f2-quicklinks__arrow-container {
        display: block
    }
    .f2 .f2-info {
        padding: 14px 20px;
        min-height: 65px
    }
    .f2-info__item--3 p {
        font-size: 14px
    }
    .f2-info__item--3 p strong a {
        font-size: 16px;
        font-family: ITCAvantGardeStd-Bold
    }
    .f2 .f2-links {
        padding: 0
    }
    .f2 .f2-links .f2-links1 {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -o-column-count: 1;
        border-bottom: 1px solid #fff
    }
    .f2 .f2-links .f2-links1 .f2-links1__item {
        margin-top: 0;
        margin-bottom: 0
    }
    .f2 .f2-links .f2-links1 .f2-links1__item span,
    .f2-legalLinks__item span {
        border-top: 1px solid #fff;
        padding: 20px;
        margin-bottom: 0;
        background-image: url(../img/footer2/arrow-down.svg);
        background-repeat: no-repeat;
        background-position: 95% center
    }
    .f2 .f2-links .f2-links1 .f2-links1__item span:hover {
        cursor: pointer
    }
    .f2 .f2-links .f2-links1 .f2-links1__item span.open,
    .f2-legalLinks__item span.open {
        background-image: url(../img/footer2/arrow-up.svg);
        background-color: #b1050c
    }
    .f2 .f2-links .f2-links1 .f2-links1__item ul,
    .f2-legalLinks__item ul {
        width: 100%;
        text-align: center;
        display: none
    }
    .f2 .f2-links .f2-links1 .f2-links1__item ul li,
    .f2-legalLinks__item ul li {
        width: 100%;
        padding: 10px
    }
    .f2 .f2-links .f2-links2 {
        padding: 20px
    }
    .f2 .f2-legalLinks {
        padding: 0
    }
    .f2-legalLinks__item ul {
        padding-bottom: 20px
    }
    .f2-legalLinks__item span {
        border-top: none;
        display: block;
        text-align: left
    }
    .f2-legalLinks__item span.open {
        background-color: #1a1b21
    }
    .f2-legalLinks__item.legals ul li a {
        margin-right: 0
    }
    .f2-legalLinks__item.legals ul li a:after {
        display: none
    }
    .f2-legalLinks__item.app {
        width: 100%;
        text-align: center
    }
    .f2-legalLinks__item.app span,
    .f2-legalLinks__item.app ul {
        width: 100%
    }
    .f2-legalLinks__item.app ul {
        margin-top: 16px
    }
}
.breadcrumbs,
.nav-menu-wrapper .link-compra-online,
.nav-menu-wrapper li:after,
.prefooter-title,
.prefooter-wrapper ul {
    font-family: TexGyreAdventor, arial, sans-serif
}
.other-services-wrapper ul,
.prefooter-wrapper ul {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    -ms-column-count: 4
}
@media all and (max-width: 480px) {
    .f2 .f2-info__item {
        vertical-align: -webkit-baseline-middle
    }
    .f2 .f2-info__item--2 {
        width: 40%
    }
    .f2 .f2-info__item--2 ul li a {
        width: 26px;
        height: 21px
    }
    .f2 .f2-info__item--3 {
        width: 60%
    }
    .f2-quicklinks__arrow-container {
        display: block
    }
    .f2 .f2-links .f2-links2 .f2-links2__item.f2-links2__item--1 ul li:last-child,
    .f2 .f2-links .f2-links2 .f2-links2__item.f2-links2__item--3 ul li:last-child {
        margin-right: 0
    }
}
.prefooter-wrapper {
    background-color: #f3f3f3
}
.prefooter-container {
    float: none;
    clear: both;
    margin: 40px auto
}
.prefooter-wrapper ul {
    -o-column-count: 4;
    column-count: 4
}
.prefooter-wrapper ul li {
    float: none;
    clear: both;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    line-height: 20px;
    vertical-align: middle
}
.prefooter-wrapper ul li a {
    color: #000;
    font-size: 14px
}
.prefooter-title {
    font-size: 20px;
    float: none;
    clear: both;
    width: 100%;
    padding: 0 10px 20px
}
@media only screen and (max-width: 767px) {
    .prefooter-container {
        margin: 0
    }
    .prefooter-wrapper ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -ms-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
        text-align: center;
        display: none;
        padding: 10px 0 20px
    }
    .prefooter-title a {
        display: block;
        width: 100%;
        font-size: 18px;
        padding: 20px 0
    }
    .prefooter-title {
        padding: 0;
        text-align: center;
        background-image: url(../img/base/arrow-grey-down.png);
        background-position: 95% 25px;
        background-repeat: no-repeat
    }
    .prefooter-title.active {
        text-align: center;
        background-image: url(../img/base/arrow-grey-up.png)
    }
}
.nav-menu-wrapper li.fixed a,
.nav-menu-wrapper-3 li:hover a {
    background-image: none
}
.nav-menu-wrapper.fixed {
    position: fixed;
    top: 58px;
    z-index: 10;
    max-width: 1400px
}
.nav-menu-wrapper-3 {
    background-color: #EBEAE6;
    max-width: 1400px
}
.nav-menu-wrapper,
.nav-menu-wrapper.fixed:hover {
    background-color: #fff
}
.header-navtop,
.home-menu.nav-menu-wrapper.fixed {
    max-width: 1280px
}
.nav-menu-wrapper>div {
    float: none;
    display: block;
    margin: 10px auto;
    text-align: center
}
.nav-menu-wrapper-3>div {
    margin: 0 auto
}
.nav-menu-wrapper .link-compra-online {
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    margin: 10px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none
}
.nav-menu-wrapper ul {
    text-align: center;
    display: inline-block;
    width: calc(85% - 145px);
    vertical-align: middle
}
.nav-menu-wrapper li {
    width: 11%;
    margin: 0;
    display: inline-block;
    text-align: center;
    background-repeat: no-repeat;
    position: relative
}
.nav-menu-wrapper.fixed li {
    position: relative
}
.nav-menu-wrapper-3 li {
    position: relative
}
.nav-menu-wrapper li a {
    width: 100%;
    text-align: center;
    display: block;
    margin: auto;
    height: 36px;
    text-indent: -9999px;
    position: relative;
    z-index: 3;
    background-image: url(../img/nav-menu/sprites.svg)
}

.nav-menu-wrapper li.super a {
    background-position: -10px -11px;
    width: 32px
}
.nav-menu-wrapper li.super:hover a {
    background-position: -10px 42px
}
.nav-menu-wrapper li.azoka a {
    background-image: url(/wp-content/uploads/2022/06/gota-svg-gris.svg);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    width: 32px;
}
.nav-menu-wrapper li.descanso a {
    background-position: -51px -14px;
    width: 24px
}
.nav-menu-wrapper li.descanso:hover a {
    background-position: -51px 39px
}
.nav-menu-wrapper li.jardin a {
    background-position: -87px -13px;
    width: 31px
}
.nav-menu-wrapper li.jardin:hover a {
    background-position: -87px 40px
}
.nav-menu-wrapper li.lavadora a {
    background-position: -419px -15px;
    width: 35px
}
.nav-menu-wrapper li.lavadora:hover a {
    background-position: -419px 39px
}
.nav-menu-wrapper li.movil a {
    background-position: -179px -14px;
    width: 16px
}
.nav-menu-wrapper li.movil:hover a {
    background-position: -179px 39px
}
.nav-menu-wrapper li.viajes a {
    background-position: -207px -15px;
    width: 39px
}
.nav-menu-wrapper li.viajes:hover a {
    background-position: -207px 38px
}
.nav-menu-wrapper li.seguros a {
    background-position: -262px -13px;
    width: 22px
}
.nav-menu-wrapper li.seguros:hover a {
    background-position: -262px 40px
}
.nav-menu-wrapper li.maletas a {
    background-position: -299px -15px;
    width: 28px
}
.nav-menu-wrapper li.maletas:hover a {
    background-position: -299px 38px
}
.nav-menu-wrapper li.bicis a {
    background-position: -339px -14px;
    width: 35px
}
.nav-menu-wrapper li.bicis:hover a {
    background-position: -339px 40px
}
.nav-menu-wrapper li.juguetes a {
    background-position: -389px -12px;
    width: 23px
}
.nav-menu-wrapper li.juguetes:hover a {
    background-position: -389px 41px
}
.nav-menu-wrapper li:hover:after {
    color: #de180b
}
.nav-menu-wrapper li:after {
    font-size: 11px;
    display: block;
    padding: 10px 0;
    color: #a4a3a4;
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    text-indent: 0;
    line-height: 0
}
.nav-menu-wrapper li.super:after {
    content: 'Super'
}
.nav-menu-wrapper li.azoka:after {
    content: 'EROSKI Azoka'
}
.nav-menu-wrapper li.descanso:after {
    content: 'Descanso'
}
.nav-menu-wrapper li.jardin:after {
    content: 'Jardín'
}
.nav-menu-wrapper li.electro:after {
    content: 'Electrónica'
}
.nav-menu-wrapper li.lavadora:after {
    content: 'Electro hogar'
}
.nav-menu-wrapper li.movil:after {
    content: 'Móvil'
}
.nav-menu-wrapper li.viajes:after {
    content: 'Viajes'
}
.nav-menu-wrapper li.seguros:after {
    content: 'Seguros'
}
.nav-menu-wrapper li.maletas:after {
    content: 'Maletas'
}
.nav-menu-wrapper li.bicis:after {
    content: 'Bicis'
}
.nav-menu-wrapper li.juguetes:after {
    content: 'Juguetes'
}
.nav-menu-wrapper li.descanso-eu,
.nav-menu-wrapper li.electro-eu,
.nav-menu-wrapper li.jardin-eu,
.nav-menu-wrapper li.lavadora-eu,
.nav-menu-wrapper li.movil-eu,
.nav-menu-wrapper li.seguros-eu,
.nav-menu-wrapper li.super-eu,
.nav-menu-wrapper li.azoka-eu,
.nav-menu-wrapper li.viajes-eu {
    vertical-align: top;
    height: 65px
}
.nav-menu-wrapper li.super-eu:after {
    content: 'Super'
}
.nav-menu-wrapper li.azoka-eu:after {
    content: 'EROSKI Azoka'
}
.nav-menu-wrapper li.descanso-eu:after {
    content: 'Atsedena'
}
.nav-menu-wrapper li.jardin-eu:after {
    content: 'Terraza eta lorategia';
    line-height: 11px;
    top: -11px
}
.nav-menu-wrapper li.electro-eu:after {
    content: 'Elektronika'
}
.nav-menu-wrapper li.lavadora-eu:after {
    content: 'Etxetresna elektrikoak';
    line-height: 11px;
    top: -11px
}
.nav-menu-wrapper li.movil-eu:after {
    content: 'EROSKI mugikorrak';
    line-height: 11px;
    top: -11px
}
.nav-menu-wrapper li.viajes-eu:after {
    content: 'EROSKI bidaiak';
    line-height: 11px;
    top: -11px
}
.nav-menu-wrapper li.seguros-eu:after {
    content: 'Aseguruak'
}
.nav-menu-wrapper {
    border-top: solid .5px #979797;
    border-bottom: solid .5px #979797
}
.nav-menu-wrapper .link-compra-online {
    color: #666;
    margin-bottom: 15px
}
.nav-menu-wrapper .link-compra-online:hover {
    color: #de180b
}
.nav-menu-wrapper li {
    border: none
}
.nav-menu-wrapper li::after {
    color: #5b5b5b
}
.nav-menu-wrapper li:hover::after {
    color: #de180b
}
.nav-menu-wrapper li.electro a {
    background-position: -131px -13px;
    width: 36px
}
.nav-menu-wrapper li.electro:hover a {
    background-position: -131px 39px
}
@media only screen and (max-width: 1200px) {
    .nav-menu-wrapper ul {
        width: calc(100% - 145px)
    }
}
@media only screen and (max-width: 992px) {
    .nav-menu-wrapper ul {
        width: 100%
    }
}
@media only screen and (max-width: 767px) {
    .nav-menu-wrapper li,
    .nav-menu-wrapper>div {
        background-color: #ebeae6;
        margin: 0
    }
    .nav-menu-wrapper ul,
    .toPrioritize.prioritized.opened,
    .toPrioritize:not(.prioritized) {
        -webkit-transition: all ease-out .4s;
        -moz-transition: all ease-out .4s;
        -o-transition: all ease-out .4s;
        -ms-transition: all ease-out .4s;
        transition: all ease-out .4s;
        height: auto
    }
    .nav-menu-wrapper li {
        width: 90px!important;
        height: 55px;
        border: 1px solid #fff
    }
    .nav-menu-wrapper li a {
        margin: 3px auto;
        height: 39px
    }
    .nav-menu-wrapper li:first-child {
        border-left: 2px solid #fff
    }
    .nav-menu-wrapper li:nth-child(10) {
        border-right: 2px solid #fff
    }
    .nav-menu-wrapper li:after {
        bottom: 10px;
        top: auto
    }
    .nav-menu-wrapper-3 li:after {
        position: relative;
        display: block
    }
    .nav-menu-wrapper li:hover {
        background-color: #ea3926
    }
    .nav-menu-wrapper li:hover:after,
    .nav-menu-wrapper-3 li:hover:after {
        color: #f9c6c0
    }
    .nav-menu-wrapper li:hover a,
    .nav-menu-wrapper-3 li:hover a {
        background-image: url(../img/nav-menu/sprites-mobile.png);
        margin: 3px auto
    }
    .toPrioritize.prioritized.truncated>li[data-priority=more],
    .toPrioritize.prioritized.truncated>li[data-priority=less] {
        background-color: #d9d7d0;
        border: 0
    }
    .toPrioritize.prioritized.truncated>li[data-priority=more] a {
        background-image: url(../img/nav-menu/arrow-white-down.png);
        background-repeat: no-repeat;
        background-position: center bottom
    }
    .toPrioritize.prioritized.truncated>li[data-priority=less] a {
        background-image: url(../img/nav-menu/arrow-white-up.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 60px
    }
    .nav-menu-wrapper li.descanso-eu,
    .nav-menu-wrapper li.electro-eu,
    .nav-menu-wrapper li.jardin-eu,
    .nav-menu-wrapper li.lavadora-eu,
    .nav-menu-wrapper li.movil-eu,
    .nav-menu-wrapper li.seguros-eu,
    .nav-menu-wrapper li.super-eu,
    .nav-menu-wrapper li.azoka-eu,
    .nav-menu-wrapper li.viajes-eu {
        height: 80px
    }
    .header-wrapper.fixed .main-menu .main-menu-item>ul {
        padding: 0
    }
    .nav-menu-wrapper {
        display: none
    }
}
.header-navtop {
    height: 36px;
    color: #79797a;
    font-family: ITCAvantGardePro;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.2;
    margin: 0 auto
}
.header-navtop__inner {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin-right: 0;
    margin-left: auto;
    height: 100%
}
.header-navtop__inner:after,
.header-navtop__inner:before {
    display: table;
    content: ' '
}
@media(max-width:767px) {
    .header-navtop {
        height: 40px
    }
    .header-navtop:after {
        content: '';
        position: relative;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .85);
        width: 100vw;
        height: 100vh;
        z-index: 1;
        display: none
    }
    .header-navtop.header-navtop--dropdown:after {
        display: block
    }
    /*.header-navtop_lang {
        display: none
    }*/
}
.header-navtop_lang {
    float: left;
    padding: 4px 6px 8px 12px;
    position: relative
}
.header-navtop_lang.input-combo {
    margin-left: 600px !important;
}
.header-navtop_lang.input-combo select {
    background-color: #fff;
    font-size: 13px;
    padding: 0 20px 0 0;
    color: #79797a;
    font-weight: 700;
    text-transform: uppercase;
    width: 50px;
    box-sizing: border-box;
    transition: all .3s
}
.header-navtop_lang.input-combo:active select,
.header-navtop_lang.input-combo:focus select,
.header-navtop_lang.input-combo:hover select {
    transition: all .3s;
    color: #de180b
}
.header-navtop_lang.input-combo input {
    padding: 12px 0;
    width: 100%;
    cursor: pointer
}
.header-navtop_lang.input-combo .selector {
    width: 90%;
    position: relative
}
.header-navtop_lang.input-combo .selector:after {
    top: 8px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #000 transparent transparent;
    transition: all .3s
}
.header-navtop_lang.input-combo:hover .selector:after {
    transition: all .3s;
    border-color: #de180b transparent transparent
}
.header-navtop_lang.input-combo select:focus {
    border: 0
}
#header-navtop_burger-menu,
#header-navtop_index-mobile {
    display: none
}
@media(max-width:767px) {
    #header-navtop_burger-menu, #header-navtop_index-mobile {
        float: left;
        width: 40px;
        height: 40px;
        margin: 0;
        text-align: center;
        line-height: 40px;
        display: block;
        position: relative;
        z-index: 1
    }
    #header-navtop_index-mobile {
        background: url(../img/header/eroski-logo-mobile.png) 50% 50% no-repeat;
        background-size: 28px
    }
    #header-navtop_burger-menu {
        background: url(../img/header/icon-burger-nav.svg) 50% 45% no-repeat
    }
    #header-navtop_burger-menu.active {
        background: url(../img/header/menu-close-icon.png) 50% 45% no-repeat;
        background-size: 15px
    }
    #header-navtop_burger-menu a::after,
    #header-navtop_burger-menu.active a::after {
        content: ''
    }
}
.header-navtop__button--primary:after,
.header-navtop__button:after {
    z-index: 3;
    border-left: 0;
    -webkit-transform-origin: 0 100%;
    top: 0;
    left: 0;
    content: ''
}
.header-navtop__menu,
.header-navtop__nav {
    float: right
}
.header-navtop__item {
    display: inline-block;
    line-height: 36px;
    vertical-align: middle;
    float: left
}
.header-navtop__link {
    display: inline-block;
    height: 36px;
    padding: 0 10px 0 5px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #79797a;
    transition: color .3s
}
.header-navtop__link:hover {
    color: #de180b;
    text-decoration: none;
    transition: color .3s
}
.header-navtop__button,
.header-navtop__button:focus,
.header-navtop__button:hover {
    color: #393d49;
    text-decoration: none
}
@media(max-width:1279px) {
    .header-navtop__link {
        width: 40px
    }
    .header-navtop__link-text {
        text-indent: -9999px;
        display: none
    }
}
@media(max-width:767px) {
    .header-navtop__link {
        height: 40px;
        width: 40px;
        padding: 0;
        text-align: center
    }
}
@media(max-width:340px) {
    .header-navtop__link {
        width: 33px;
        height: 40px
    }
}
.header-navtop__icon {
    display: inline-block;
    width: 30px;
    height: 36px;
    vertical-align: middle;
    transition: background .3s
}
.header-navtop__icon.icon-contacto {
    background-color: #79797a;
    -webkit-mask: url(../img/header/icon-comment.svg) no-repeat 50% 45%;
    mask: url(../img/header/icon-comment.svg) no-repeat 50% 50%
}
.header-navtop__icon.icon-franquicia {
    background-color: #79797a;
    -webkit-mask: url(../img/header/icon-franquicia.svg) no-repeat 50% 45%;
    mask: url(../img/header/icon-franquicia.svg) no-repeat 50% 50%
}
.header-navtop__icon.icon-tiendas {
    background-color: #79797a;
    -webkit-mask: url(../img/header/icon-marker.svg) no-repeat 50% 45%;
    mask: url(../img/header/icon-marker.svg) no-repeat 50% 50%
}
.header-navtop__icon.icon-eroski {
    background-color: #fff;
    -webkit-mask: url(../img/header/icon-eroski.svg) no-repeat 50% 50%;
    mask: url(../img/header/icon-eroski.svg) no-repeat 50% 50%
}
.header-navtop__icon.icon-user {
    background-color: #393d49;
    -webkit-mask: url(../img/header/icon-user-top.svg) no-repeat 50% 50%;
    mask: url(../img/header/icon-user-top.svg) no-repeat 50% 50%
}
.header-navtop__link:hover .header-navtop__icon {
    background-color: #de180b;
    transition: background .3s
}
@media (max-width: 767px) {
    .header-navtop__icon {
        height: 40px;
        width: 30px
    }
}
.header-navtop__button {
    padding: 0 15px 0 5px;
    display: block;
    vertical-align: middle;
    min-width: 140px;
    height: 100%;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #ededed;
    float: left;
    line-height: 1
}
.header-navtop__button:after {
    width: 0;
    height: 100%;
    position: absolute;
    border-bottom: 3px solid #de180b;
    transition: all .5s
}
.header-navtop__button:hover:after {
    width: 100%;
    transition: all .5s
}
.header-navtop__button--primary {
    position: relative;
    background-color: #de180b;
    color: #fff
}
.header-navtop__button--primary:focus,
.header-navtop__button--primary:hover {
    color: #fff
}
.header-navtop__button--primary:after {
    width: 0;
    height: 100%;
    position: absolute;
    border-bottom: 3px solid #fff;
    transition: all .5s
}
.header-navtop__button--primary:hover:after {
    width: 100%;
    transition: all .5s
}
#header-navtop__user-button {
    position: relative
}
#header-navtop__user-button:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #79797b
}
#header-navtop__user-button .header-navtop__icon.icon-user {
    background-color: #393d49;
    position: relative
}
.header-navtop__user-button-icon {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px
}
.header-navtop__user-button-greeting {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}
.header-navtop__user-button-name {
    max-width: 130px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 5px;
    vertical-align: middle
}
.header-navtop__badge {
    position: absolute;
    bottom: 10px;
    right: 6px;
    width: 12px;
    height: 12px;
    background-color: #de180b;
    color: #fff;
    text-align: center;
    line-height: 12px;
    display: block;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 600
}
@media (max-width: 767px) {
    .header-navtop__user-button-icon {
        height: 40px
    }
    #header-navtop__user-button:before {
        background-color: #db1720
    }
}
.header-navtop__dropdown-menu {
    border-radius: 0;
    position: absolute;
    top: 36px;
    right: 0;
    left: auto;
    z-index: 1000;
    background: inherit;
    background-image: none;
    background-color: transparent;
    margin: 0;
    box-shadow: none;
    padding: 0;
    border: 0;
    max-height: calc(100vh - 100px);
    overflow: auto
}
@media (max-width: 767px) {
    .header-navtop__dropdown-menu {
        top: 40px
    }
}
.header-navtop__login {
    font-weight: 500;
    font-size: 12px;
    color: #393d49;
    width: 280px;
    background-color: #ededed;
    text-align: center;
    line-height: 1.2;
    font-family: ITCAvantGardePro
}
.header-navtop__login p {
    font-weight: 600
}
.header-navtop__login__inner {
    padding: 25px 34px 30px
}
.header-navtop__button-login {
    display: block;
    background-color: #393d49;
    height: 42px;
    font-weight: 500;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    padding: 12px 26px;
    position: relative;
    margin-bottom: 30px
}
.header-navtop__button-login:hover {
    color: #f6f6f6;
    text-decoration: underline
}
.header-navtop__button-login:hover span {
    text-decoration: underline
}
.header-navtop__button-login:hover span:after {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    transition: all ease-out .1s
}
a.header-navtop__button-login span {
    position: relative;
    padding-right: 20px;
    display: inline-block
}
a.header-navtop__button-login span:after {
    content: '';
    background: url(../img/base/arrow-right-white.png) center no-repeat;
    width: 15px;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    transition: all ease-out .1s;
    background-size: auto
}
.header-navtop__link-register {
    display: block;
    color: #de180b;
    text-decoration: underline;
    padding: 12px 26px 8px;
    margin-top: 10px;
    font-size: 14px;
    transition: all ease-out .1s
}
.header-navtop__link-register:hover {
    color: #393d49
}
.header-navtop__login-special {
    margin-top: 20px
}
.header-navtop__login-special a {
    color: #393d49;
    text-decoration: underline
}
.header-navtop__user-dropdown {
    width: 394px;
    background-color: #f8f9fa;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}
.header-navtop__user-menu,
.header-navtop__user-menu-list {
    position: relative
}
.header-navtop__user-menu-list:after,
.header-navtop__user-menu-list:before {
    display: table;
    content: ' ';
    clear: both
}
.header-navtop__user-menu-item {
    float: left;
    width: 50%;
    font-size: 13px
}
.header-navtop__user-menu-item>a {
    display: block;
    color: #393d49;
    background-color: #ededed;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: .5px solid #cbced3;
    line-height: 36px
}
.header-navtop__user-menu-item>a:active,
.header-navtop__user-menu-item>a:focus,
.header-navtop__user-menu-item>a:hover {
    text-decoration: none
}
.header-navtop__user-menu-item>a span:before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: top
}
.header-navtop__user-menu-item ul {
    line-height: 1.4;
    padding-left: 36px;
    padding-top: 8px;
    padding-bottom: 8px
}
.header-navtop__user-menu-item ul a {
    color: #393d49
}
.header-navtop__user-menu-item ul li {
    padding-top: 5px;
    padding-bottom: 5px
}
#header-navtop__user-menu-advantages span:before {
    background: url(../img/header/icon-advantages.svg) 50% 45% no-repeat
}
#header-navtop__user-menu-account {
    padding-bottom: 10px
}
#header-navtop__user-menu-account span:before {
    background: url(../img/header/icon-account.svg) 50% 45% no-repeat
}
#header-navtop__user-mobile-resume span:before {
    background: url(../img/header/icon-resume.svg) 50% 45% no-repeat
}
#header-navtop__logout {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 20px;
    font-size: 11px;
    color: #393d49;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1.4
}
#header-navtop__logout:before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 24px;
    vertical-align: middle;
    background: url(../img/header/icon-logout.svg) 50% 45% no-repeat
}
.header-navtop__user-menu-close__container {
    background-color: #ededed;
    border-top: .5px solid #cbced3
}
.header-navtop__user-menu-close {
    display: block;
    text-align: center;
    border: 0;
    outline: 0;
    background-color: transparent;
    padding: 0;
    line-height: 36px;
    width: 100%;
    background-image: url(../img/base/arrow-grey-up.png)!important;
    position: relative;
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    text-indent: -9999px
}
@media (max-width: 767px) {
    .header-navtop__user-menu-item>span:before {
        height: 40px
    }
    .header-navtop__user-dropdown {
        width: 100vw
    }
    .header-navtop__user-menu-item.header-navtop__user-resume ul {
        padding: 0
    }
    .header-navtop__user-menu-item {
        width: 100%
    }
    #header-navtop__logout {
        position: relative;
        bottom: initial;
        right: initial;
        display: block;
        text-align: right
    }
    .header-navtop__user-resume li {
        display: block;
        width: 100%
    }
    .header-navtop__user-menu-item ul {
        display: none
    }
    .header-navtop__user-menu-item>a:after {
        content: '';
        display: inline-block;
        width: 26px;
        height: 34px;
        vertical-align: top;
        background: url(../img/header/arrow-up.svg) 50% 45% no-repeat;
        float: right;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .header-navtop__user-menu-item>a.open:after {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    #header-navtop__user-menu-account {
        padding-bottom: 0
    }
}
.header-navtop__user-resume {
    float: left
}
.header-navtop__user-resume li {
    display: inline-block;
    padding: 0 20px 0 10px;
    float: left;
    position: relative;
    margin: 0
}
.header-navtop__user-resume li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px
}
.header-navtop__user-resume-balance:after {
    background-color: #de180b
}
.header-navtop__user-resume-travel:after {
    background-color: #1a91d7
}
.header-navtop__user-resume-gold:after {
    background-color: #ae9c5c
}
.header-navtop__user-resume-dd {
    font-weight: 600;
    color: #393d49
}
@media(max-width:1279px) {
    .header-navtop__button {
        min-width: 100px
    }
    .header-navtop__user-resume li {
        padding: 0 10px 0 8px
    }
}
@media(max-width:767px) {
    .header-navtop__button {
        min-width: 40px
    }
    .header-navtop__user-resume li {
        padding: 10px 20px 10px 12px;
        margin: 0
    }
    .header-navtop__user-resume li:after {
        width: 2px;
        height: 100%
    }
}
.header-navtop__user-notification a {
    color: inherit;
    text-decoration: underline
}
.header-navtop__user-notification ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.header-navtop__user-notification ul li {
    background-color: #393d49;
    color: #fff;
    border-bottom: 1px solid #cbcbcb;
    padding: 8px 36px 8px 12px;
    position: relative;
    font-size: 12px;
    line-height: 1.4
}
.header-navtop__user-notification__close {
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    width: 36px;
    border: 0;
    color: #fff;
    font-size: 24px;
    text-indent: -9999px;
    display: block;
    background: url(../img/header/icon-close.svg) 50% 50% no-repeat
}
.header-navtop__user-notification__close:active,
.header-navtop__user-notification__close:focus,
.header-navtop__user-notification__close:hover {
    outline: 0
}
.header-navtop__user-notification__content {
    display: table
}
.header-navtop__user-notification__content>div {
    display: table-cell;
    vertical-align: top
}
.header-navtop__user-notification__image {
    display: inline-block;
    width: 116px;
    height: 60px;
    padding-right: 12px
}
.header-navtop__user-notification__image img {
    display: inline-block;
    max-width: 100%
}
#header-navtop__user-not-logged,
.header--logged #header-navtop__user-logged {
    display: block
}
#header-navtop__user-logged,
#header-navtop__user-menu-advantages,
#header-navtop__user-mobile-resume,
#header-navtop__user-resume,
.header--logged #header-navtop__user-not-logged,
.header--member #header-navtop__eroski-club-button .header-navtop__button-text {
    display: none
}
@media (max-width: 767px) {
    .header-navtop__user-notification__image {
        width: 60px;
        height: 30px
    }
    #header-navtop__eroski-club .header-navtop__button,
    #header-navtop__user-not-logged .header-navtop__button {
        width: 40px;
        padding: 0
    }
    #header-navtop__eroski-club .header-navtop__button-text,
    #header-navtop__user-not-logged .header-navtop__button-text {
        text-indent: -9999px;
        height: 0;
        width: 0;
        display: none
    }
}
.header--logged #header-navtop__user-menu-account {
    width: 100%
}
@media (max-width: 767px) {
    .header--logged #header-navtop__user-button {
        width: 100px;
        padding-right: 5px
    }
}
.header--member #header-navtop__eroski-club-button {
    width: 36px;
    overflow: hidden;
    min-width: 0;
    height: 36px;
    padding: 0;
    text-align: center
}
.header--member #header-navtop__user-resume {
    display: block
}
.header--member #header-navtop__user-menu-advantages {
    display: block;
    width: 48%
}
.header--member #header-navtop__user-menu-account {
    width: 52%
}
.header-navtop__label--no-gold {
    display: inline-block
}
.header--member-gold .header-navtop__label--no-gold,
.header-navtop__label--bold {
    display: none
}
.header--member-gold .header-navtop__label--bold {
    display: inline-block
}
@media(max-width:1279px) {
    .header-navtop__user-button-name {
        display: none
    }
}
@media(max-width:767px) {
    .header--member #header-navtop__user-resume {
        display: none
    }
    .header--member #header-navtop__user-mobile-resume {
        display: block
    }
    .header--member #header-navtop__eroski-club-button {
        height: 40px;
        width: 40px
    }
    .header--member #header-navtop__user-menu-account,
    .header--member #header-navtop__user-menu-advantages {
        width: 100%
    }
}
.img,
.loader,
.preloader {
    height: 100%
}
.breadcrumbs {
    font-size: 13px;
    color: #888;
    padding: 12px;
    /*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/

    clear: both;
    float: none
}
.breadcrumbs-wrapper {
    float: none;
    display: block;
    margin: auto
}
.breadcrumbs a {
    color: #888;
    text-decoration: none
}
.breadcrumbs a:visited {
    color: #888
}
.breadcrumbs .current {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.error-content {
    float: none;
    margin: 80px auto;
    font-family: TexGyreAdventor, arial, sans-serif;
    text-align: center;
    color: #d81d24
}
.error-content img {
    display: block;
    margin: auto
}
.error-title {
    font-size: 40px;
    line-height: 42px;
    margin: 20px 0;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.preloader p,
.search-results-content {
    font-family: TexGyreAdventor, arial, sans-serif
}
.error-text {
    font-size: 25px;
    line-height: 32px;
    margin: 20px auto;
    width: 80%
}
.error-content span {
    text-transform: uppercase;
    font-size: 18px;
    color: #585858
}
@media only screen and (max-width: 767px) {
    .error-text {
        width: 100%
    }
}
.loader {
    display: none;
    text-align: center;
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    z-index: 5
}
.loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px
}
.preloader {
    text-align: center;
    width: 100%;
    position: fixed;
    background-color: rgba(255, 255, 255, 1);
    top: 0;
    left: 0;
    z-index: 12
}
.preloader div {
    position: absolute;
    top: 45%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 130px
}
.rrss li a img,
.slick-arrow,
.slick-arrow:focus,
.slick-arrow:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none
}
.preloader img {
    max-width: 40px
}
.img,
.preloader .logo-eroski {
    max-width: 100%
}
.preloader p {
    color: #333;
    margin: 20px 0 15px
}
.search-results-wrapper {
    margin-bottom: 0;
    border-bottom: 1px solid #e2e1e1
}
.search-results-content {
    float: none;
    margin: 80px auto;
    color: #585858
}
.search-results-header,
.search-results-title {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.search-results-header {
    font-size: 32px;
    line-height: 38px;
    color: #585858;
    margin: 10px 20px 10px 0;
    display: inline-block;
    vertical-align: bottom
}
.search-results-title a,
.slider-type-4 .text-color {
    color: #d81d24
}
.search-results-title {
    color: #d81d24;
    font-size: 22px;
    line-height: 28px;
    margin: 20px 0
}
.search-results-text {
    font-size: 18px;
    line-height: 22px;
    margin: 20px auto
}
.search-results-content span {
    display: block;
    font-size: 13px;
    margin: 50px 0 30px
}
@media only screen and (max-width: 767px) {
    .search-results-content {
        margin-top: 30px
    }
    .search-results-header {
        display: block;
        text-align: center
    }
    .search-results-content img {
        display: block;
        margin: 20px auto
    }
}
.bg-4,
.bg-5,
.bg-6,
.bg-7 {
    position: relative
}
.img,
.text-bottom,
.text-left,
.text-right,
.text-top {
    position: absolute
}
.text-bottom {
    bottom: 5%
}
.text-right {
    right: 5%
}
.text-top {
    top: 5%
}
.text-left {
    left: 5%
}
.text-align-left {
    text-align: left
}
.img {
    display: block;
    margin: auto;
    width: auto
}
.type-fixed .text {
    padding-bottom: 0;
    padding-top: 5%
}
.type-fixed .text-num {
    font-size: 50px;
    padding-top: 0
}
.type-fixed .text-num .text-num-min {
    font-size: 30px;
    vertical-align: super
}
.type-2 {
    font-size: 30px
}
.text-med {
    font-size: 22px
}
.type {
    overflow: hidden
}
.type>div {
    max-height: 450px
}
.slider-type-4 .height-50 {
    height: auto;
    padding: 0
}
.slider-type-4 .height-50 img {
    position: relative;
    width: 100%;
    height: auto
}
.layer-text {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 50%;
    padding: 0!important
}
.layer-text.top {
    top: 0;
    bottom: auto
}
.layer-text.bottom {
    bottom: 0;
    top: auto
}
.layer-text.center {
    width: 100%
}
.layer-text.center .layer-text-container {
    max-width: 50%
}
.layer-text.right {
    left: auto;
    right: 0
}
.layer-text-container {
    max-width: 90%;
    margin: 30px auto 50px;
    background-color: rgba(255, 255, 255, .8)
}
.layer-text-content {
    font-family: TexGyreAdventor, arial, sans-serif;
    line-height: 22px;
    font-size: 14px;
    padding: 20px;
    color: #585858
}
.layer-text-title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.height-100 {
    max-height: 700px;
    height: 0;
    padding-bottom: 100%
}
.height-50 {
    height: 50%;
    height: 0;
    padding-bottom: 50%
}
@media only screen and (max-width: 1100px) {
    .type-2 {
        font-size: 20px
    }
    .slider-type-3 .type-2 h1 {
        font-size: inherit
    }
}
@media only screen and (min-width: 1000px) {
    .type-fixed .text-num {
        font-size: 70px;
        padding-top: 0
    }
    .type-fixed .text-num .text-num-min {
        font-size: 35px;
        vertical-align: super
    }
}
@media only screen and (max-width: 767px) {
    .img,
    .layer-text {
        position: relative
    }
    .height-100,
    .height-50 {
        height: auto;
        padding: 0
    }
    .type {
        overflow: inherit
    }
    .type>div {
        max-height: none
    }
    .type-fixed {
        height: auto;
        padding-bottom: 0
    }
    .type-fixed .height-50,
    .type-fixed .height-50>.height-100 {
        height: 0;
        padding-bottom: 50%
    }
    .type.slider-type-1.slick-slide>div {
        height: auto;
        max-height: none
    }
    .type.slider-type-3.slick-slide>.bg-1 {
        height: 0;
        padding-bottom: 50%;
        max-height: none
    }
    .type p {
        padding: 20px!important
    }
    .img {
        width: auto
    }
    .slider-type-4 img {
        height: auto;
        width: 100%
    }
    .type.slider-type-1 .bg-3 img {
        height: auto
    }
    .type-fixed .text-num {
        font-size: 80px
    }
    .type-fixed .text-num .text-num-min {
        font-size: 40px
    }
    .slider-type-4 .text {
        position: relative;
        top: 0;
        left: 0;
        height: auto;
        background-color: #fff
    }
    .layer-text {
        width: 100%
    }
    .layer-text-title {
        margin-bottom: 0
    }
    .layer-text-container {
        max-width: none;
        padding: 0;
        margin: 0
    }
    .layer-text-content {
        line-height: 20px;
        padding: 0
    }
    .layer-text.center .layer-text-container {
        max-width: 100%
    }
}
.type-1 .img,
.type-6 .img {
    height: 100%;
    width: auto
}
.type-6 .img {
    position: absolute
}
.slick-slider {
    margin-top: 2em;
}
.slider.slick-slider {
    width: 100%;
    position: relative;
    height: auto;
    margin-bottom: 0;
    visibility: hidden
}
.slider .slick-list {
    overflow: hidden;
    height: auto
}
.slider .slick-list .slick-slide {
    height: auto;
    min-height: 450px;
    margin-bottom: 45px
}
.slick-arrow,
.slick-arrow:focus,
.slick-arrow:hover {
    position: absolute;
    bottom: 50%;
    top: auto;
    z-index: 1;
    height: 50px;
    width: 50px;
    display: block;
    padding: 7px;
    box-sizing: border-box;
    background-color: rgba(121, 121, 123, .5);
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    text-indent: -9999px;
    transform: none
}
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    right: auto;
    left: 0;
    background: url(../img/slider-communication-type/arrow-left.png) center center no-repeat rgba(121, 121, 123, .5)
}
.slick-next,
.slick-next:focus,
.slick-next:hover {
    background: url(../img/slider-communication-type/arrow-right.png) center center no-repeat rgba(121, 121, 123, .5);
    right: 0;
    left: auto;
}
.slick-prev:focus,
.slick-prev:hover {
    /*color:inherit;background:url(../img/slider-communication-type/arrow-left.png) center center no-repeat rgba(121,121,123,1)*/
}
.slick-next:focus,
.slick-next:hover {
    color: inherit;
    background: url(../img/slider-communication-type/arrow-right.png) center center no-repeat rgba(121, 121, 123, 1)
}
.slick-dots {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: auto
}
.slick-dots li {
    display: inline-block;
    margin-right: 5px;
    background-color: #dadada;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer
}
.slick-dots li.slick-active {
    background-color: #df2a2a;
    border: 1px solid #dadada
}
.slick-dots li button {
    display: none
}
.slider-bullet a {
    display: block;
    width: 100%;
    height: 100%
}
.custom-slide {
    background-repeat: no-repeat;
    height: 100%
}
.custom-slide-postre {
    background-image: url(/wp-content/uploads/2016/04/banner_home_eroski_bg_postres.jpg);
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding-top: 8%
}
.custom-slide-postre .custom-slide-text-container {
    color: #fff;
    display: inline-block;
    margin: 0 50px 0 20px;
    text-align: left;
    vertical-align: middle;
    width: 29%
}
.custom-slide-postre .custom-slide-text-container .custom-slide-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 50px;
    line-height: 32px;
    margin-bottom: 30px
}
.custom-slide-text-container .custom-slide-title .small-font {
    font-size: 25px;
    display: block
}
.custom-slide-postre .custom-slide-text-container p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 16px;
    margin-bottom: 13px;
    line-height: 18px
}
.custom-slide-postre .custom-slide-text-bg {
    padding: 15px;
    background: #008193
}
.custom-slide-descuento,
.custom-slide-quesos {
    background-position: center center;
    padding-top: 10%
}
.custom-slide-postre .custom-slide-img {
    display: inline-block;
    margin: 0 20px 0 30px;
    text-align: center;
    vertical-align: middle;
    width: 23%
}
.custom-slide-postre .custom-slide-img>img {
    display: block;
    margin: 0 auto;
    width: 100%
}
.custom-slide-postre .custom-slide-text-container a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline
}
.custom-slide-postre .banner-flan-logos {
    margin: 0 auto
}
.custom-slide-descuento {
    background-color: #e1e1e1;
    background-image: url(/wp-content/uploads/2016/04/fondo-55e.jpg);
    background-size: contain;
    text-align: center
}
.custom-slide-descuento .custom-slide-text-container {
    color: #333;
    display: inline-block;
    margin: 0 50px 0 20px;
    text-align: left;
    vertical-align: middle;
    width: 26%
}
.custom-slide-descuento .custom-slide-text-container .custom-slide-title {
    color: #ce1e29;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 30px;
    line-height: 26px;
    margin-bottom: 18px
}
.custom-slide-descuento .custom-slide-text-container .item-block {
    display: block
}
.custom-slide-descuento .custom-slide-text-container p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 18px
}
.custom-slide-descuento .custom-slide-text-container p .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-weight: 700
}
.custom-slide-descuento .custom-slide-text-container a {
    color: #333;
    text-decoration: underline;
    font-weight: 700;
    margin-bottom: 20px;
    display: block
}
.custom-slide-descuento .custom-slide-img {
    display: inline-block;
    margin: 0 20px 0 30px;
    text-align: center;
    vertical-align: middle;
    width: 23%
}
.custom-slide-descuento .custom-slide-img>img {
    display: block;
    margin: 0 auto;
    width: 100%
}
.custom-slide-quesos {
    background-image: url(/wp-content/uploads/2016/04/banner_home_eroski-quesos.jpg);
    background-size: cover;
    text-align: center
}
.custom-slide-quesos .custom-slide-text-container {
    background: rgba(0, 0, 0, .5);
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    margin: 0 20px;
    padding: 20px;
    text-align: left;
    vertical-align: middle;
    width: 40%
}
.custom-slide-marca,
.custom-slide-segunda-unidad {
    background-position: center center;
    background-size: cover
}
.custom-slide-quesos .custom-slide-text-container .custom-slide-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 15px
}
.custom-slide-quesos .custom-slide-text-container p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 8px
}
.custom-slide-quesos .custom-slide-text-container a {
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
    margin-bottom: 20px;
    display: block
}
.custom-slide-quesos .custom-slide-img {
    display: inline-block;
    margin: 0 10px 0 30px;
    text-align: center;
    vertical-align: middle;
    width: 30%
}
.custom-slide-quesos .custom-slide-img>img {
    display: block;
    margin: 0 auto;
    width: 100%
}
.custom-slide-segunda-unidad {
    background-image: url(../img/slider-communication-type/banner_home_eroski_segunda_unidad.jpg);
    text-align: right;
    position: relative
}
.custom-slide-segunda-unidad .custom-slide-container>div,
.custom-slide-segunda-unidad .custom-slide-container>img,
.custom-slide-segunda-unidad .custom-slide-container>p {
    display: inline-block;
    margin-left: -4px;
    vertical-align: bottom
}
.custom-slide-segunda-unidad .custom-slide-container {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0
}
.custom-slide-segunda-unidad .custom-slide-container .oferta {
    color: #333;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 15px;
    margin: 10px
}
.custom-slide-segunda-unidad .descuento-segunda-unidad {
    position: relative
}
.custom-slide-segunda-unidad .descuento-segunda-unidad>a,
.descuento-segunda-unidad>div,
.descuento-segunda-unidad>span {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    font-family: TexGyreAdventor, arial, sans-serif;
    right: 0
}
.custom-slide-segunda-unidad .descuento-segunda-unidad>img {
    width: 100%
}
.custom-slide-segunda-unidad .descuento-segunda-unidad>a {
    color: #333;
    font-size: 18px
}
.descuento-segunda-unidad>div,
.descuento-segunda-unidad>span {
    font-size: 15px;
    color: #fff;
    display: block
}
.custom-slide-perfumeria {
    background-image: url(/wp-content/uploads/2016/04/imagen_eroski_perfumeria.jpg)
}
.custom-slide-perfumeria .custom-slide-container .oferta {
    color: #78445c
}
.custom-slide-perfumeria.custom-slide-segunda-unidad .descuento-segunda-unidad>a {
    bottom: 50px;
    color: #fff;
    text-decoration: underline
}
.wpb_raw_code.slick-slide {
    position: relative
}
.slick-slide .wpb_wrapper {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
.custom-slide-marca {
    background-image: url(/wp-content/uploads/2016/05/imagen_Eroski_belle_v1.jpg);
    text-align: center
}
.custom-slide-marca .damero-marca {
    display: inline-block;
    width: 45%;
    max-width: 450px;
    position: relative;
    vertical-align: middle
}
.custom-slide-marca .damero-marca img {
    max-width: 100%;
    display: block;
    margin-left: auto
}
.custom-slide-marca .damero-marca .logo-belle {
    width: auto;
    height: auto;
    position: absolute;
    bottom: 30px;
    left: 30px
}
.custom-slide-marca .custom-slide-text-container {
    max-width: 400px;
    width: 43%;
    background-color: #61336a;
    background: rgba(199, 108, 179, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(199, 108, 179, 1) 0, rgba(121, 38, 113, 1) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(199, 108, 179, 1)), color-stop(100%, rgba(121, 38, 113, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(199, 108, 179, 1) 0, rgba(121, 38, 113, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(199, 108, 179, 1) 0, rgba(121, 38, 113, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(199, 108, 179, 1) 0, rgba(121, 38, 113, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(199, 108, 179, 1) 0, rgba(121, 38, 113, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c76cb3', endColorstr='#792671', GradientType=1);
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    text-align: left;
    padding: 40px 40px 80px;
    margin-left: 20px;
    position: relative;
    display: inline-block;
    vertical-align: top
}
.custom-slide-marca .custom-slide-text-container p {
    font-size: 16px;
    line-height: 19px;
    font-family: TexGyreAdventor, arial, sans-serif;
    margin: 20px 0
}
.custom-slide-marca .custom-slide-text-container .custom-slide-title {
    font-size: 33px;
    line-height: 36px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    margin: 0
}
.custom-slide-marca .custom-slide-text-container .custom-slide-bold {
    font-size: 18px;
    line-height: 21px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    margin: 0
}
.custom-slide-marca .custom-slide-text-container .custom-slide-headline {
    font-size: 35px;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-marca .custom-slide-text-container a {
    text-decoration: underline;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #fff;
    font-size: 16px;
    display: block;
    padding: 19px 0 19px 40px;
    background-color: #2a102a;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}
.custom-slide-marca .custom-slide-container a:after {
    content: '';
    display: block;
    height: 40px;
    width: 40px;
    padding: 27px;
    background-image: url(../img/base/icon-more-white.png);
    background-position: center;
    background-size: 40%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #5392fc;
    transition: all ease-out .2s
}
.custom-slide-marca .custom-slide-container a:hover:after {
    background-size: 50%
}
.custom-slide-seguros {
    background-image: url(/wp-content/uploads/2016/04/imagen_eroski_seguros.jpg);
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding-top: 6%
}
.custom-slide-seguros .custom-slide-container {
    margin-left: auto;
    margin-right: 10%;
    max-width: 400px;
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff;
    text-align: left;
    position: relative
}
.custom-slide-seguros .custom-slide-text-container {
    padding: 20px;
    background-color: rgba(0, 0, 0, .3)
}
.custom-slide-seguros .custom-slide-text-container p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 16px;
    line-height: 19px;
    margin: 20px 0
}
.custom-slide-seguros .custom-slide-text-container .bold {
    font-weight: 700
}
.custom-slide-seguros .custom-slide-text-container .block {
    display: block
}
.custom-slide-seguros .custom-slide-text-container .custom-slide-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 34px;
    margin: 0
}
.custom-slide-seguros .custom-slide-text-container a {
    color: #fff;
    font-size: 18px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    text-decoration: underline
}
.custom-slide-seguros .custom-slide-container img {
    display: block;
    margin-left: auto;
    margin-top: 30px
}
.custom-slide-seguros .custom-slide-text-container img {
    position: absolute;
    right: -50px;
    top: 70px;
    max-width: 120px
}
.custom-slide-terraza {
    background-image: url(/wp-content/uploads/2016/05/imagen_eroski_terraza.jpg);
    background-size: cover;
    background-position: 100%;
    text-align: left
}
.custom-slide-terraza .damero {
    position: relative;
    height: 100%;
    max-width: 500px;
    display: inline-block;
    vertical-align: middle
}
.custom-slide-terraza .damero img {
    height: 100%
}
.custom-slide-terraza .damero .logo-eroski {
    position: absolute;
    width: auto;
    height: auto;
    right: 30px;
    bottom: 30px
}
.custom-slide-terraza p {
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #000
}
.custom-slide-terraza .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-terraza .custom-slide-min {
    font-size: 14px;
    line-height: 17px;
    max-width: 400px;
    margin-top: 20px;
    margin-left: auto
}
.custom-slide-terraza .custom-slide-container {
    width: 65%;
    text-align: left;
    display: inline-block;
    vertical-align: middle
}
.custom-slide-terraza .custom-slide-text-container {
    text-align: left;
    background-color: rgba(255, 255, 255, .5);
    padding: 30px;
    max-width: 400px;
    display: inline-block;
    box-sizing: border-box;
    position: relative
}
.custom-slide-terraza .custom-slide-text-container p {
    font-size: 22px
}
.custom-slide-terraza .custom-slide-text-container .custom-slide-title {
    font-size: 26px;
    margin: 10px 0
}
.custom-slide-terraza .custom-slide-text-container .custom-slide-headline {
    font-size: 50px;
    text-transform: uppercase;
    display: block
}
.custom-slide-terraza .custom-slide-text-container .custom-slide-min {
    font-size: 16px;
    margin: 10px 0;
    padding: 0
}
.custom-slide-terraza .custom-slide-text-container a {
    color: #000;
    text-decoration: underline;
    font-size: 20px
}
.custom-slide-terraza .custom-slide-text-container img {
    position: absolute;
    top: 0;
    right: -40px
}
.custom-slide-panaderia {
    background-image: url(/wp-content/uploads/2016/05/banner_home_eroski-panaderia.jpg);
    background-position: center center;
    background-size: cover;
    text-align: left;
    padding-top: 8%;
    font-size: 0
}
.custom-slide-panaderia.custom-slide-panaderia-jun16 {
    background-image: url(/wp-content/uploads/2016/06/banner_home_eroski-panaderia-1.jpg)
}
.custom-slide-panaderia .custom-slide-container {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    margin: 0 0 0 60px
}
.custom-slide-panaderia .custom-slide-text-container {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 20px;
    text-align: left;
    margin-bottom: 20px
}
.custom-slide-panaderia .custom-slide-text-container .custom-slide-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 15px
}
.custom-slide-panaderia .custom-slide-text-container .custom-slide-title.min {
    font-size: 20px;
    margin-bottom: 0
}
.custom-slide-panaderia .custom-slide-text-container p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 8px
}
.custom-slide-panaderia .custom-slide-text-container a {
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
    margin-bottom: 20px;
    display: block
}
.custom-slide-panaderia .custom-slide-img {
    display: inline-block;
    margin: 0;
    text-align: center;
    vertical-align: top;
    width: 31%
}
.custom-slide-panaderia .custom-slide-img>img {
    display: block;
    margin: 0;
    width: auto;
    height: 237px
}
.custom-slide-envio-gratis {
    background-color: #d4fff0;
    background-image: url(/wp-content/uploads/2016/05/fondo-envio-gratis.jpg);
    background-position: center center;
    background-size: contain;
    text-align: center;
    padding-top: 10%
}
.custom-slide-envio-gratis .custom-slide-text-container {
    color: #a1163d;
    display: inline-block;
    margin: 0 50px 0 20px;
    text-align: left;
    vertical-align: middle;
    width: 26%
}
.custom-slide-envio-gratis .custom-slide-text-container .custom-slide-title {
    color: #a1163d;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 30px;
    line-height: 26px;
    margin-bottom: 18px
}
.custom-slide-envio-gratis .custom-slide-text-container .item-block {
    display: block
}
.custom-slide-envio-gratis .custom-slide-text-container p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 18px
}
.custom-slide-envio-gratis .custom-slide-text-container p .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-weight: 700
}
.custom-slide-envio-gratis .custom-slide-text-container a {
    color: #a1163d;
    text-decoration: underline;
    font-weight: 700;
    margin-bottom: 20px;
    display: block
}
.custom-slide-envio-gratis .custom-slide-img {
    display: inline-block;
    margin: 0 20px 0 30px;
    text-align: center;
    vertical-align: middle;
    width: 23%
}
.custom-slide-envio-gratis .custom-slide-img>img {
    display: block;
    margin: 0 auto;
    width: 100%
}
.custom-slide-gafas {
    background-color: #fff;
    height: 100%;
    background-image: url(/wp-content/uploads/2016/05/imagen_eroski_gafas.jpg);
    background-position: left center;
    background-size: contain
}
.custom-slide-gafas .custom-slide-container {
    font-size: 0;
    height: 100%
}
.custom-slide-gafas .custom-slide-container>div {
    width: 50%;
    min-width: 38rem
}
.custom-slide-gafas .custom-slide-container .descuento-gafas {
    height: 100%;
    padding-top: 6%;
    margin-left: auto;
    position: relative
}
.custom-slide-gafas .custom-slide-container .descuento-gafas img {
    width: 50%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}
.custom-slide-gafas .descuento-gafas div {
    position: relative
}
.custom-slide-gafas .descuento-gafas div>a {
    bottom: 35px;
    color: #000;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 18px;
    position: absolute;
    left: 0;
    text-align: center;
    width: 50%
}
.descuento-gafas div>span {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 13px;
    color: #000;
    position: absolute;
    left: 0;
    bottom: 10px;
    display: block;
    width: 50%;
    text-align: center
}
.custom-slide-sin-gluten {
    background-image: url(/wp-content/uploads/2016/05/imagen_eroski_sin_gluten.jpg);
    background-position: center center;
    background-size: cover;
    text-align: left;
    padding-top: 8%;
    font-size: 0
}
.custom-slide-sin-gluten .custom-slide-container {
    max-width: 900px;
    width: 90%;
    margin: auto
}
.custom-slide-sin-gluten .custom-slide-text-container {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 18px;
    line-height: 21px;
    color: #333;
    position: relative
}
.custom-slide-sin-gluten .custom-slide-title,
.custom-slide-sin-gluten .descuento-sin-gluten p,
.custom-slide-sin-gluten a {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.descuento-sin-gluten {
    background-color: rgba(122, 184, 205, .7);
    color: #fff;
    padding: 1rem 2rem;
    margin-left: -2rem;
    font-size: 0;
    width: 75%
}
.custom-slide-sin-gluten .custom-slide-title {
    font-size: 33px;
    line-height: 35px;
    margin-bottom: 2rem
}
.custom-slide-sin-gluten p {
    margin: 1rem 0;
    max-width: 50%
}
.custom-slide-sin-gluten .descuento-sin-gluten p {
    max-width: 26%;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 17px;
    margin: 0 1%
}
.custom-slide-sin-gluten .descuento-sin-gluten p.big {
    font-size: 70px;
    line-height: 75px
}
.custom-slide-sin-gluten .descuento-sin-gluten p.last {
    max-width: 40%
}
.custom-slide-sin-gluten a {
    color: #333;
    display: inline-block;
    margin: 2rem 0
}
.custom-slide-sin-gluten .logo-eroski {
    position: absolute;
    bottom: 0;
    right: 0
}
.custom-slide-futbol {
    background: url(/wp-content/uploads/2016/05/futbol-bg.jpg) no-repeat;
    background-size: contain
}
.custom-slide-futbol .custom-slide-container .tecno-futbol {
    height: auto;
    width: 100%
}
.custom-slide-futbol .custom-slide-container .tecno-futbol .custom-slide-text-container {
    float: right;
    position: relative;
    width: 30%
}
.custom-slide-futbol .custom-slide-container .tecno-futbol .custom-slide-text-container .img-bg {
    position: relative;
    width: 100%
}
.custom-slide-futbol .custom-slide-container .tecno-futbol .custom-slide-text-container .oferta {
    color: #FFF;
    display: block;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 13px;
    position: absolute;
    text-align: center;
    top: 5%;
    width: 100%
}
.custom-slide-futbol .custom-slide-container .tecno-futbol .custom-slide-text-container a {
    bottom: 5%;
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    width: 100%
}
.custom-slide-megapuntos .custom-slide-container .custom-slide-left-container {
    background: url(/wp-content/uploads/2016/05/left-bg.jpg) center top no-repeat;
    background-size: cover;
    display: inline-block;
    position: relative;
    width: 26%;
    height: 100%
}
.custom-slide-megapuntos .custom-slide-container .custom-slide-left-container .logo-bg {
    position: absolute;
    width: 100%;
    bottom: 0
}
.custom-slide-megapuntos .custom-slide-container .custom-slide-left-container img {
    width: 100%
}
.custom-slide-megapuntos .custom-slide-container {
    height: 100%;
    font-size: 0;
    width: 100%
}
.custom-slide-megapuntos .custom-slide-left-container .card-wrapper {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: rgba(210, 0, 0, .68);
    color: #FFF;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 33px;
    font-weight: 700;
    padding: 3%;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    width: 100%
}
.custom-slide-descuento-80 .custom-slide-container,
.slide.multi-slide .block {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}
.custom-slide-megapuntos .custom-slide-right-container {
    background: url(/wp-content/uploads/2016/05/right-bg.jpg) center top no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: top;
    width: 74%;
    height: 100%
}
.custom-slide-megapuntos .custom-slide-right-container .text-container {
    color: #FFF;
    font-family: TexGyreAdventor, arial, sans-serif;
    width: 50%;
    right: 4%;
    position: absolute;
    top: 32%
}
.custom-slide-megapuntos .custom-slide-right-container .text-container .left-text,
.custom-slide-megapuntos .custom-slide-right-container .text-container .right-text {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    min-height: 180px;
    font-family: TexGyreAdventor, arial, sans-serif;
    background: #d6031b;
    padding: 3%
}
.custom-slide-megapuntos .custom-slide-right-container .text-container .left-text p,
.custom-slide-megapuntos .custom-slide-right-container .text-container .right-text p {
    margin: 0
}
.custom-slide-megapuntos .custom-slide-container .custom-slide-right-container .text-container .left-text {
    background: rgba(214, 3, 27, .65)
}
.custom-slide-megapuntos .custom-slide-right-container .text-container .left-text .title {
    font-size: 40px;
    font-weight: 700
}
.custom-slide-megapuntos .custom-slide-right-container .text-container .left-text .subtitle {
    font-size: 20px;
    margin: 10px 0 0
}
.custom-slide-megapuntos .custom-slide-right-container .text-container .right-text .title {
    color: #000;
    font-size: 20px;
    font-weight: 700
}
.custom-slide-megapuntos .custom-slide-right-container .text-container .right-text .subtitle {
    font-size: 16.9px;
    margin: 2% 0 3%
}
.custom-slide-megapuntos .custom-slide-right-container .text-container .right-text a {
    font-size: 17px;
    font-weight: 700;
    color: #FFF
}
.block {
    display: block
}
.custom-slide-detergente {
    background: url(/wp-content/uploads/2016/05/detergente-bg.jpg) center no-repeat;
    background-size: cover
}
.custom-slide-detergente .custom-slide-container {
    width: 100%;
    height: auto;
    padding: 8% 0 0
}
.custom-slide-detergente .custom-slide-text-container {
    height: auto;
    display: inline-block;
    width: 45%;
    position: relative;
    margin: 0 0 0 2%;
    font-family: TexGyreAdventor, arial, sans-serif
}
.custom-slide-detergente .custom-slide-text-container .logo {
    margin: 5% 0 0 6%
}
.custom-slide-detergente .custom-slide-text {
    background: rgba(255, 255, 255, .28);
    color: #FFF;
    padding: 4% 27% 2% 6%;
    width: 80%
}
.custom-slide-detergente .custom-slide-text p {
    margin: 0
}
.custom-slide-detergente .custom-slide-text .title {
    font-size: 19px
}
.custom-slide-detergente .custom-slide-text .subtitle {
    font-size: 23px;
    margin: 0 0 4%
}
.custom-slide-detergente .custom-slide-text .bottom-text {
    margin: 0 0 3%
}
.custom-slide-detergente .custom-slide-text a {
    font-size: 17px;
    font-weight: 700;
    color: #FFF
}
.custom-slide-detergente .sale-square-container {
    width: 50%;
    position: relative;
    display: inline-block;
    vertical-align: top
}
.custom-slide-detergente .sale-square {
    position: relative;
    width: auto;
    display: block;
    margin-left: auto
}
.custom-slide-sanitas {
    background: url(/wp-content/uploads/2016/05/sanitas-bg.jpg) center no-repeat;
    background-size: cover;
    padding-top: 7%
}
.custom-slide-sanitas .custom-slide-container {
    margin-left: 10%;
    margin-right: auto;
    max-width: 390px;
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff;
    text-align: left;
    position: relative
}
.custom-slide-sanitas .custom-slide-text-container {
    padding: 20px 83px 5px 20px;
    background-color: rgba(0, 0, 0, .3)
}
.custom-slide-sanitas .custom-slide-text-container p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 20px;
    line-height: 19px;
    margin: 20px 0;
    font-weight: 400
}
.custom-slide-sanitas .custom-slide-text-container p .bold {
    font-weight: 700
}
.custom-slide-sanitas .custom-slide-text-container .custom-slide-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 30px;
    margin: 0;
    font-weight: 700
}
.custom-slide-sanitas .custom-slide-text-container a {
    color: #fff;
    font-size: 18px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    text-decoration: underline
}
.custom-slide-sanitas .custom-slide-container img {
    display: block;
    margin-left: 30px;
    margin-top: auto
}
.custom-slide-sanitas .custom-slide-text-container .logo-sanitas {
    position: absolute;
    right: -25px;
    top: 25px;
    max-width: 120px
}
.custom-slide-sanitas .custom-slide-text-container .logo-club-sanitas {
    position: absolute;
    right: -25px;
    bottom: 65px;
    max-width: 120px
}
.custom-slide-sanitas .custom-slide-container .logo-eroski-sanitas {
    margin: 5% 0 0
}
.custom-slide-bicicleta {
    background: url(/wp-content/uploads/2016/06/bg-bicicleta-2.png) left top no-repeat, url(/wp-content/uploads/2016/06/bg-bicicleta-1.jpg) right top no-repeat;
    background-size: auto 100%, auto 100%
}
.custom-slide-bicicleta .custom-slide-container {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    margin: 0
}
.custom-slide-bicicleta .custom-slide-text-container {
    color: #fff;
    padding: 20px;
    text-align: left;
    max-width: 400px;
    width: 100%;
    margin: 50px 60px 20px;
    display: inline-block;
    vertical-align: top
}
.custom-slide-bicicleta .custom-slide-text-container p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 30px
}
.custom-slide-bicicleta .custom-slide-text-container p.title {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 28px
}
.custom-slide-bicicleta .custom-slide-text-container p.title span {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 32px
}
.custom-slide-bicicleta .custom-slide-text-container p .iva {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 60px;
    display: block
}
.custom-slide-bicicleta .custom-slide-text-container p .iva sup {
    top: -15px;
    font-size: 40px
}
.custom-slide-bicicleta .custom-slide-text-container p .small-text {
    font-size: 28px;
    font-family: TexGyreAdventor, arial, sans-serif
}
.custom-slide-bicicleta .custom-slide-text-container p .text-uppercase {
    text-transform: uppercase;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-bicicleta .custom-slide-text-container .more-info {
    color: #fff;
    text-decoration: underline;
    font-size: 25px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    margin: 15px 0;
    display: inline-block
}
.custom-slide-bicicleta .note {
    max-width: 45%;
    width: 100%;
    display: inline-block;
    padding: 0 2%
}
.custom-slide-bicicleta .note p {
    font-size: 14px;
    font-family: TexGyreAdventor, arial, sans-serif;
    text-align: left;
    color: #fff
}
.custom-slide-belle-sun-jun .custom-slide-text .bold,
.custom-slide-belle-sun-jun .custom-slide-text .title {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-bicicleta .note p sup {
    top: 4px;
    font-size: 20px
}
.custom-slide-bicicleta .custom-slide-img.logo-eroski {
    margin: 0 15px 0 60px;
    padding: 0 20px;
    width: 40%;
    display: inline-block;
    vertical-align: top
}
.custom-slide-bicicleta .custom-slide-img.tarjeta-eroski {
    display: inline-block;
    vertical-align: top;
    width: 26%;
    text-align: right;
    padding: 60px 0 0
}
.custom-slide-bicicleta .custom-slide-img.tarjeta-eroski img {
    display: inline-block
}
.custom-slide-belle-sun-jun {
    background: url(/wp-content/uploads/2016/06/bg-belle-sun-2.jpg) right top no-repeat, url(/wp-content/uploads/2016/06/bg-belle-sun-1.jpg) left top no-repeat;
    background-size: contain
}
.custom-slide-belle-sun-jun .custom-slide-container {
    font-size: 0;
    position: relative
}
.custom-slide-belle-sun-jun .custom-slide-img .only-lrg {
    display: block
}
.custom-slide-belle-sun-jun .custom-slide-img .only-sml {
    display: none
}
.custom-slide-belle-sun-jun .custom-slide-container .custom-slide-text {
    position: absolute;
    right: 312px;
    top: 0;
    width: 505px
}
.custom-slide-belle-sun-jun .sun-image {
    display: inline;
    width: 17%;
    vertical-align: top
}
.custom-slide-belle-sun-jun .custom-slide-text .title {
    font-size: 37px;
    color: #fff;
    font-weight: 400;
    padding: 0 4%;
    margin-bottom: 8%;
    margin-top: 7%;
    line-height: 40px
}
.custom-slide-belle-sun-jun .custom-slide-text .text {
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff;
    padding: 0 4%;
    line-height: 120%;
    font-weight: 400;
    margin-bottom: 3%;
    font-size: 18px
}
.custom-slide-belle-sun-jun .custom-slide-text .text.bold {
    font-weight: 700;
    margin-top: 3%;
    margin-bottom: 6%
}
.custom-slide-belle-sun-jun .custom-slide-text .iambelle {
    font-size: 32px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    margin-bottom: 6%
}
.custom-slide-belle-sum-jun .custom-slide-text .more-info {
    font-size: 24px;
    color: #fff;
    padding: 0 4%;
    font-family: TexGyreAdventor, arial, sans-serif;
    text-decoration: none
}
.custom-slide-descuento-80 {
    background: url(/wp-content/uploads/2016/06/bg-80-descuento.jpg) center top;
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    text-align: center
}
.custom-slide-descuento-80 .custom-slide-container {
    width: 70%;
    max-width: 670px;
    font-size: 0;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.custom-slide-descuento-80 .custom-slide-container>div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-height: 334px;
    overflow: hidden
}
.custom-slide-descuento-80 .custom-slide-container>div>img {
    max-width: 100%;
    max-height: 100%
}
.custom-slide-descuento-80 .custom-slide-container .oferta {
    color: #333;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 15px;
    margin: 10px;
    position: absolute;
    bottom: 0;
    width: 100%
}
.custom-slide-descuento-80 .descuento-80 {
    position: relative;
    background-color: rgba(255, 255, 255, .5)
}
.custom-slide-descuento-80 .custom-slide-container .descuento-80>img {
    width: auto;
    max-width: 50%;
    max-height: 334px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 30px 10px
}
.custom-slide-descuento-80 div>a {
    bottom: 35px;
    color: #333;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 18px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    text-decoration: underline
}
.custom-slide-descuento-80 .descuento-80 .custom-slide-text-container {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    font-family: TexGyreAdventor, arial, sans-serif;
    text-align: left
}
.custom-slide-descuento-80 .descuento-80 .custom-slide-text-container .custom-slide-text {
    background-color: #fff;
    margin: 5px;
    padding: 5px;
    text-align: center
}
.custom-slide-descuento-80 .descuento-80 .custom-slide-text-container .custom-slide-text+p {
    text-align: center
}
.custom-slide-descuento-80 .descuento-80 .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 24px;
    margin: 5px 0
}
.custom-slide-descuento-80 .descuento-80 .med {
    font-size: 45px
}
.custom-slide-descuento-80 .descuento-80 .med span {
    font-size: 24px;
    display: inline-block;
    vertical-align: inherit;
    text-align: left
}
.custom-slide-descuento-80 .descuento-80 .med span span {
    display: block;
    font-size: 16px
}
.custom-slide-descuento-80 .descuento-80 .big {
    font-size: 83px
}
.custom-slide-descuento-80 .descuento-80 .big span {
    font-size: 40px;
    display: inline-block;
    vertical-align: inherit;
    text-align: left
}
.custom-slide-descuento-80 .descuento-80 .big span span {
    display: block;
    font-size: 30px
}
.custom-slide-descuento-80 .descuento-80 span.min {
    font-size: 10px;
    font-family: TexGyreAdventor, arial, sans-serif;
    display: block;
    position: absolute;
    bottom: 4px
}
.custom-slide-bebidas {
    background: url(/wp-content/uploads/2016/06/bg-bicicleta-2.png) left top no-repeat, url(/wp-content/uploads/2016/06/bg-bebidas-1.jpg) 140% top no-repeat;
    background-size: auto 100%, auto 100%
}
.custom-slide-bebidas .custom-slide-container {
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    margin: 0
}
.custom-slide-bebidas .custom-slide-text-container {
    color: #fff;
    padding: 20px;
    text-align: left;
    max-width: 520px;
    width: 100%;
    margin: 50px 60px 20px;
    display: inline-block;
    vertical-align: top
}
.custom-slide-bebidas .custom-slide-text-container p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 30px
}
.custom-slide-bebidas .custom-slide-text-container .percent {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 150px
}
.custom-slide-bebidas .custom-slide-text-container .percent span {
    font-size: 100px
}
.custom-slide-bebidas .custom-slide-text-container .percent span sup {
    font-size: 70px
}
.custom-slide-bebidas .custom-slide-text-container p.title {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 28px
}
.custom-slide-bebidas .custom-slide-text-container p.title span {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 32px;
    font-weight: 700
}
.custom-slide-bebidas .custom-slide-text-container p .iva {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 60px;
    display: block;
    font-weight: 700;
    margin: 0 0 15px
}
.custom-slide-bebidas .custom-slide-text-container p .iva sup {
    top: -15px;
    font-size: 40px
}
.custom-slide-bebidas .custom-slide-text-container p .small-text {
    font-size: 28px;
    font-family: TexGyreAdventor, arial, sans-serif
}
.custom-slide-bebidas .custom-slide-text-container p .text-uppercase {
    text-transform: uppercase;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-bebidas .custom-slide-text-container .more-info {
    color: #fff;
    text-decoration: underline;
    font-size: 25px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    display: inline-block;
    font-weight: 700
}
.custom-slide-bebidas .note {
    max-width: 65%;
    width: 100%;
    display: inline-block;
    padding: 0 2%
}
.custom-slide-bebidas .note p {
    font-size: 14px;
    font-family: TexGyreAdventor, arial, sans-serif;
    text-align: left;
    color: #fff
}
.custom-slide-bebidas .note p sup {
    top: 4px;
    font-size: 20px
}
.custom-slide-bebidas .custom-slide-img.logo-eroski {
    width: 40%;
    display: inline-block;
    vertical-align: top
}
.custom-slide-bebidas .custom-slide-img.tarjeta-eroski {
    display: inline-block;
    vertical-align: bottom;
    width: 26%;
    text-align: right;
    padding: 60px 0 0
}
.custom-slide-bebidas .custom-slide-img.tarjeta-eroski img {
    display: inline-block
}
.custom-slide-opinion {
    background: url(/wp-content/uploads/2016/06/bg-opinion.png) top no-repeat;
    background-size: cover
}
.custom-slide-opinion .custom-slide-container {
    font-size: 0;
    text-align: center;
    width: 90%;
    margin: auto;
    position: relative;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.custom-slide-dia-socio .custom-slide-container,
.custom-slide-novedades .custom-slide-container {
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    left: 0
}
.custom-slide-opinion .custom-slide-container>div {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    padding: 25px;
    text-align: left
}
.custom-slide-opinion .custom-slide-container .custom-slide-img-container {
    width: 45%
}
.custom-slide-opinion .custom-slide-container .custom-slide-logo-container {
    max-width: 20%
}
.custom-slide-opinion .custom-slide-container img {
    max-width: 100%;
    width: auto;
    display: block;
    margin: auto
}
.custom-slide-opinion .custom-slide-container p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    margin: 10px 0
}
.custom-slide-opinion .custom-slide-container .custom-slide-title {
    font-size: 25px;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-opinion .custom-slide-container .custom-slide-cta {
    font-size: 20px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    padding: 10px;
    background-color: #6ca5a0;
    color: #fff;
    display: inline-block;
    line-height: 25px
}
.custom-slide-opinion .custom-slide-container .custom-slide-cta::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #fff;
    margin: 0 10px
}
.custom-slide-novedades {
    background: url(/wp-content/uploads/2016/06/bg-novedades.png) left top no-repeat, url(/wp-content/uploads/2016/06/bg-novedades-2.jpg) right top no-repeat;
    background-size: auto 100%, auto 100%;
    position: relative
}
.custom-slide-novedades .custom-slide-container {
    font-size: 0;
    text-align: left;
    width: 90%;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translate(0, -50%)
}
.custom-slide-novedades .custom-slide-container p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    margin: 10px 0
}
.custom-slide-novedades .custom-slide-container .custom-slide-title {
    font-size: 25px;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-novedades .custom-slide-container .custom-slide-cta {
    font-size: 20px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #fff;
    display: inline-block;
    text-decoration: underline
}
.custom-slide-novedades .custom-slide-container>div {
    width: 38%;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    padding: 25px;
    text-align: left
}
.custom-slide-novedades .custom-slide-img {
    position: absolute;
    top: 20px;
    right: 20px
}
.custom-slide-dia-socio {
    background: url(/wp-content/uploads/2016/06/bg-dia-socio-2.jpg) -100px top no-repeat, url(/wp-content/uploads/2016/06/bg-dia-socio-1.jpg) right top no-repeat;
    background-size: auto 100%, auto 100%;
    position: relative
}
.custom-slide-dia-socio .custom-slide-container {
    font-size: 0;
    text-align: center;
    width: 70%;
    min-width: 937px;
    position: relative;
    top: 50%;
    transform: translate(0, -50%)
}
.custom-slide-dia-socio .custom-slide-container p {
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    margin: 10px 0
}
.custom-slide-dia-socio .custom-slide-container .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-dia-socio .custom-slide-container .custom-slide-title {
    font-size: 29px;
    line-height: 32px;
    margin: 25px 0;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-dia-socio .custom-slide-container .custom-slide-cta {
    font-size: 16px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #fff;
    background-color: #000;
    padding: 10px 20px;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    right: 0;
    bottom: 25px
}
.custom-slide-dia-socio .custom-slide-container>div {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    padding: 25px;
    text-align: left
}
.custom-slide-dia-socio .custom-slide-img-container {
    position: relative
}
.custom-slide-dia-socio .custom-slide-img-container img {
    max-width: 100%;
    margin-top: 30px;
    display: inline-block
}
.custom-slide-fruteria {
    background-color: #6b8324;
    overflow: hidden
}
.custom-slide-fruteria .custom-slide-container p {
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    margin: 10px 0
}
.custom-slide-fruteria .custom-slide-container .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-fruteria .custom-slide-container .custom-slide-title {
    font-size: 29px;
    line-height: 32px;
    margin: 0;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-fruteria .custom-slide-container .custom-slide-cta {
    font-size: 16px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #fff;
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: underline
}
.custom-slide-fruteria .custom-slide-container {
    font-size: 0;
    position: relative;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.custom-slide-fruteria .custom-slide-text-container {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    padding: 20px 40px
}
.custom-slide-fruteria .custom-slide-img-container {
    display: inline-block;
    width: 75%;
    vertical-align: middle
}
.custom-slide-fruteria .custom-slide-img-container .custom-slide-img,
.custom-slide-fruteria .custom-slide-img-container img {
    width: 50%;
    display: inline-block
}
.custom-slide-electro {
    background-image: url(/wp-content/uploads/2016/06/bg-electro.jpg);
    background-size: cover;
    background-position: center
}
.custom-slide-electro .custom-slide-container img {
    position: absolute;
    height: 100%;
    right: 175px
}
.custom-slide-electro .custom-slide-container .logo {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 60px 0;
    right: auto
}
.custom-slide-electro p {
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff;
    line-height: 30px;
    font-size: 22px
}
.custom-slide-electro .big,
.custom-slide-electro .bigger,
.custom-slide-electro .white-text {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-electro .dark-text {
    display: inline-block;
    width: auto;
    color: #1A171B;
    font-size: 27px
}
.custom-slide-electro .white-text {
    display: inline-block;
    width: auto;
    color: #fff;
    font-size: 32px;
    margin: 21px 0
}
.custom-slide-electro .big {
    font-size: 55px;
    line-height: 60px;
    margin: 10px 0;
    color: #fff
}
.custom-slide-electro .bigger {
    font-size: 100px;
    position: absolute;
    right: 10px;
    top: 60px
}
.custom-slide-electro .medium {
    font-size: 50px;
    display: inline-block;
    vertical-align: top
}
.custom-slide-electro .custom-slide-text-container {
    max-width: 500px;
    margin-left: auto;
    position: relative;
    padding: 15px;
    margin-right: 175px
}
.custom-slide-electro .custom-slide-container .custom-slide-cta {
    font-size: 24px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #fff;
    display: inline-block;
    text-decoration: underline;
    vertical-align: top;
    margin: 60px 40px
}
.custom-slide-electro .custom-slide-text-container::before {
    content: '';
    width: 166px;
    height: 166px;
    position: absolute;
    left: -166px;
    top: 0;
    background-image: url(/wp-content/uploads/2016/06/date-electro.jpg);
    background-repeat: no-repeat;
    background-size: contain
}
.custom-slide-electro .custom-slide-text-container::after {
    content: '';
    width: 205px;
    height: 205px;
    position: absolute;
    right: -155px;
    top: 25px;
    background-image: url(/wp-content/uploads/2016/06/card-electro.png);
    background-repeat: no-repeat;
    background-size: contain
}
.custom-slide-charcuteria {
    background-color: #f39200;
    overflow: hidden
}
.custom-slide-charcuteria .custom-slide-container p {
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    margin: 10px 0
}
.custom-slide-charcuteria .custom-slide-container .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-charcuteria .custom-slide-container .custom-slide-title {
    font-size: 29px;
    line-height: 32px;
    margin: 0;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-charcuteria .custom-slide-container .custom-slide-cta {
    font-size: 16px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #fff;
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: underline
}
.custom-slide-3x2 .custom-slide-container,
.custom-slide-charcuteria .custom-slide-container {
    font-size: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    top: 50%
}
.custom-slide-charcuteria .custom-slide-container {
    position: relative;
    left: 0;
    transform: translate(0, -50%)
}
.custom-slide-charcuteria .custom-slide-text-container {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    padding: 20px 40px
}
.custom-slide-charcuteria .custom-slide-img-container {
    display: inline-block;
    width: 75%;
    vertical-align: middle
}
.custom-slide-charcuteria .custom-slide-img-container img {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative;
    bottom: 20px
}
.custom-slide-charcuteria .custom-slide-img-container img.big-image {
    width: 100%;
    bottom: 0
}
.custom-slide-charcuteria .custom-slide-img-container .custom-slide-img {
    width: 50%;
    display: inline-block
}
.custom-slide-3x2 {
    background: url(/wp-content/uploads/2016/06/bg-3x2.jpg) left;
    background-repeat: no-repeat, no-repeat;
    background-size: 100%;
    text-align: center
}
.custom-slide-3x2 .custom-slide-container {
    width: 70%;
    max-width: 670px;
    position: absolute;
    right: 0;
    transform: translate(0, -50%)
}
.custom-slide-3x2 .custom-slide-container>div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-height: 334px;
    height: 100%;
    overflow: hidden
}
.custom-slide-3x2 .custom-slide-container>div>img {
    max-width: 100%;
    max-height: 100%
}
.custom-slide-3x2 .custom-slide-container .oferta {
    color: #333;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 15px;
    padding: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box
}
.custom-slide-3x2 .3x2 {
    position: relative;
    background-color: rgba(255, 255, 255, .5)
}
.custom-slide-3x2 .custom-slide-container .3x2>img {
    width: auto;
    max-width: 50%;
    max-height: 334px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 30px 10px
}
.custom-slide-3x2 div>a {
    bottom: 35px;
    color: #333;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 18px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    text-decoration: underline
}
.custom-slide-novedades-julio {
    background: url(/wp-content/uploads/2016/07/damero-novedades.jpg) left top no-repeat, url(/wp-content/uploads/2016/07/bg-novedades-2-julio-2.jpg) 130% top no-repeat;
    background-size: auto 100%, auto 100%;
    position: relative
}
.custom-slide-novedades-julio .custom-slide-container,
.custom-slide-novedades-julio .custom-slide-container .custom-slide-img-container,
.custom-slide-novedades-julio .custom-slide-container .custom-slide-img-container img {
    height: 100%
}
.custom-slide-novedades-julio .custom-slide-container .custom-slide-title {
    font-size: 30px;
    line-height: 32px
}
.custom-slide-novedades-julio .custom-slide-container .custom-slide-cta {
    margin: 20px 0 40px
}
.custom-slide-novedades .custom-slide-container .custom-slide-text-container img {
    max-width: 120px
}
.custom-slide-novedades-julio .custom-slide-container>div {
    padding: 0 5% 0 0
}
.custom-slide-novedades-julio .custom-slide-container .custom-slide-img-container .item-desk {
    display: block
}
.custom-slide-novedades-julio .custom-slide-container .custom-slide-img-container .item-resp {
    display: none
}
.custom-slide-bonito {
    background: url(/wp-content/uploads/2016/07/bg-bonito.jpg) center no-repeat;
    background-size: cover;
    position: relative
}
.custom-slide-bonito .custom-slide-container {
    margin-left: 10%;
    margin-right: auto;
    max-width: 390px;
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.custom-slide-bonito .custom-slide-text-container {
    padding: 50px 20px 5px;
    background-color: rgba(0, 0, 0, .7)
}
.custom-slide-bonito .custom-slide-text-container p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    margin: 20px 0;
    font-weight: 400
}
.custom-slide-bonito .custom-slide-text-container p .bold {
    font-weight: 700
}
.custom-slide-bonito .custom-slide-text-container .custom-slide-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 25px;
    line-height: 30px;
    margin: 0;
    font-weight: 700
}
.custom-slide-bonito .custom-slide-text-container a {
    color: #fff;
    font-size: 18px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    text-decoration: underline;
    margin: 25px 0;
    display: inline-block
}
.custom-slide-bonito .custom-slide-container img {
    display: block;
    margin-left: 30px;
    margin-top: auto
}
.custom-slide-bonito .custom-slide-container>img {
    margin-top: 30px
}
.custom-slide-bonito .custom-slide-text-container img {
    float: right
}
.custom-slide-bonito .custom-slide-text-container span {
    font-size: 16px;
    text-align: center;
    display: block;
    width: 100%;
    background-color: #2b6044;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-electro-julio {
    background-image: url(/wp-content/uploads/2016/07/bg-electro-julio.jpg);
    background-size: cover;
    background-position: 85%
}
.custom-slide-electro-julio .custom-slide-container>img {
    position: absolute;
    height: auto;
    right: 0;
    top: 90px;
    width: 50%
}
.custom-slide-electro-julio .custom-slide-container .custom-slide-text-container>div img {
    height: auto;
    width: auto;
    right: auto;
    display: inline-block;
    max-width: 35%;
    position: absolute
}
.custom-slide-electro-julio .custom-slide-container .custom-slide-text-container>div {
    background-color: rgba(50, 89, 91, .4);
    margin-right: -40px;
    margin-left: -40px;
    padding: 20px 20px 0;
    height: 104px
}
.custom-slide-electro-julio .custom-slide-container .logo {
    max-width: 120px
}
.custom-slide-electro-julio p {
    line-height: 23px;
    font-size: 16px
}
.custom-slide-electro-julio .custom-slide-container .custom-slide-subtitle {
    max-width: 65%;
    display: inline-block;
    position: absolute;
    right: 5%;
    font-weight: 700
}
.custom-slide-electro-julio .dark-text {
    display: inline-block;
    width: 100%;
    color: #1A171B;
    font-size: 20px;
    margin: 20px 0
}
.custom-slide-electro-julio .white-text {
    display: block;
    color: #fff;
    font-size: 32px;
    line-height: 28px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    margin: 21px 0;
    width: 240px;
    text-align: right;
    position: relative
}
.custom-slide-electro-julio .bigger {
    position: absolute;
    right: -85%;
    top: 0;
    line-height: 75px
}
.custom-slide-electro-julio .custom-slide-text-container {
    margin-right: 0;
    width: 50%;
    max-width: none;
    min-width: 620px
}
.custom-slide-electro-julio .custom-slide-container .custom-slide-text-container>div.damero-electro {
    background-image: url(/wp-content/uploads/2016/07/damero-electro-julio.png);
    background-size: 100%;
    background-position: 0 0;
    padding: 20px;
    margin-bottom: 0;
    background-color: transparent;
    height: auto
}
.custom-slide-electro-julio .custom-slide-container .custom-slide-cta {
    font-size: 24px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #c1001e;
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: underline;
    vertical-align: top
}
.custom-slide-electro-julio .custom-slide-text-container::before {
    width: 125px;
    height: 125px;
    position: absolute;
    left: -166px;
    top: 30px;
    background-image: url(/wp-content/uploads/2016/07/date-electro-julio.png)
}
.custom-slide-80-porciento .custom-slide-container,
.custom-slide-cerezas .custom-slide-container {
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}
.custom-slide-electro-julio .custom-slide-text-container::after {
    display: none
}
.custom-slide-80-porciento .custom-slide-container {
    width: 100%;
    max-width: 700px;
    font-size: 0;
    position: absolute;
    right: 0
}
.custom-slide-80-porciento .custom-slide-container>div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-height: 334px;
    height: 100%;
    overflow: hidden
}
.custom-slide-80-porciento .custom-slide-container>div>img {
    max-width: 100%;
    max-height: 100%
}
.custom-slide-80-porciento .custom-slide-container .oferta {
    color: #333;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 12px;
    padding: 8px 10px 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box
}
.custom-slide-80-porciento {
    background: url(/wp-content/uploads/2016/07/bg_80_porciento.jpg) left;
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    background-color: rgba(255, 255, 255, .5)
}
.custom-slide-80-porciento .custom-slide-container>img {
    width: auto;
    max-width: 50%;
    max-height: 334px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 30px 10px
}
.custom-slide-80-porciento div>a {
    bottom: 35px;
    color: #333;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    text-decoration: underline
}
.custom-slide-cerezas {
    background-color: #be1522;
    overflow: hidden
}
.custom-slide-cerezas .custom-slide-container p {
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    margin: 10px 0
}
.custom-slide-cerezas .custom-slide-container .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-cerezas .custom-slide-container .custom-slide-title {
    font-size: 28px;
    line-height: 32px;
    margin: 0;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-cerezas .custom-slide-container .custom-slide-cta {
    font-size: 18px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #fff;
    display: inline-block;
    margin: 30px 0;
    text-decoration: underline;
    font-weight: 700
}
.custom-slide-cerezas .custom-slide-container {
    font-size: 0;
    position: relative;
    left: 0;
    transform: translate(0, -50%)
}
.custom-slide-cerezas .custom-slide-main-img-container {
    width: 40%;
    display: inline-block;
    vertical-align: top
}
.custom-slide-cerezas .custom-slide-main-img-container img {
    width: 100%
}
.custom-slide-cerezas .custom-slide-img-container {
    display: inline-block;
    width: 60%;
    vertical-align: bottom
}
.custom-slide-cerezas .custom-slide-img-container img.logo {
    display: block;
    margin-top: 30px
}
.custom-slide-cerezas .custom-slide-img-container img {
    display: inline-block;
    width: 50%;
    vertical-align: bottom;
    position: relative
}
.custom-slide-cerezas .custom-slide-text-container {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    padding: 70px 40px
}
.custom-slide-cerezas .custom-slide-img-container .custom-slide-img {
    width: 55%;
    display: inline-block
}
.custom-slide-charcuteria-julio {
    background-image: url(/wp-content/uploads/2016/07/bg-charcuteria-julio.jpg);
    background-size: cover;
    background-position: center
}
.custom-slide-charcuteria-julio .custom-slide-container img {
    position: absolute;
    height: 100%;
    right: 175px
}
.custom-slide-charcuteria-julio .custom-slide-container .logo {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 60px 0;
    right: auto
}
.custom-slide-charcuteria-julio p {
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff;
    line-height: 30px;
    font-size: 22px
}
.custom-slide-charcuteria-julio .big,
.custom-slide-charcuteria-julio .bigger,
.custom-slide-charcuteria-julio .white-text {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-charcuteria-julio .dark-text {
    display: inline-block;
    width: auto;
    color: #1A171B;
    font-size: 27px
}
.custom-slide-charcuteria-julio .white-text {
    display: inline-block;
    width: auto;
    color: #fff;
    font-size: 32px;
    margin: 21px 0
}
.custom-slide-charcuteria-julio .big {
    font-size: 55px;
    line-height: 60px;
    margin: 10px 0;
    color: #fff
}
.custom-slide-charcuteria-julio .bigger {
    font-size: 100px;
    position: absolute;
    right: 10px;
    top: 60px
}
.custom-slide-charcuteria-julio .medium {
    font-size: 50px;
    display: inline-block;
    vertical-align: top
}
.custom-slide-charcuteria-julio .custom-slide-text-container {
    max-width: 500px;
    margin-left: auto;
    position: relative;
    padding: 315px 0 0 72px;
    margin-right: 175px
}
.custom-slide-charcuteria-julio .custom-slide-container .custom-slide-cta {
    font-size: 24px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #fff;
    display: inline-block;
    text-decoration: underline;
    vertical-align: top;
    margin: 60px 0;
    padding: 0 45px
}
.custom-slide-charcuteria-julio .custom-slide-text-container::before {
    content: '';
    width: 166px;
    height: 166px;
    position: absolute;
    left: -137px;
    top: 0;
    background-image: url(/wp-content/uploads/2016/07/date-charcuteria-julio.jpg);
    background-repeat: no-repeat;
    background-size: contain
}
.custom-slide-charcuteria-julio .custom-slide-text-container::after {
    content: '';
    width: 205px;
    height: 205px;
    position: absolute;
    right: -155px;
    top: 25px;
    background-image: url(/wp-content/uploads/2016/07/card-charcuteria-julio.png);
    background-repeat: no-repeat;
    background-size: contain
}
.custom-slide-helados .custom-slide-container {
    width: 100%;
    max-width: 700px;
    font-size: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}
.custom-slide-helados .custom-slide-container>div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-height: 334px;
    height: 100%
}
.custom-slide-helados .custom-slide-container>div>img {
    max-width: 100%;
    max-height: 100%
}
.custom-slide-helados .custom-slide-container .oferta {
    color: #333;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 12px;
    padding: 8px 10px 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box
}
.custom-slide-helados {
    background: url(/wp-content/uploads/2016/07/bg-helados.jpg) left;
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    background-color: rgba(255, 255, 255, .5)
}
.custom-slide-helados .custom-slide-container>img {
    width: auto;
    max-width: 50%;
    max-height: 334px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 30px 10px
}
.custom-slide-helados div>a {
    bottom: 35px;
    color: #333;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    text-decoration: underline
}
.custom-slide-bebidas-julio {
    background-image: url(/wp-content/uploads/2016/08/bg-bebidas-julio.jpg);
    background-size: cover;
    background-position: center right
}
.custom-slide-bebidas-julio .custom-slide-container img {
    position: absolute;
    height: 100%;
    right: 15px
}
.custom-slide-bebidas-julio .custom-slide-container .logo {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 60px 0;
    right: auto
}
.custom-slide-bebidas-julio p {
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff;
    line-height: 30px;
    font-size: 22px
}
.custom-slide-bebidas-julio .dark-text {
    display: inline-block;
    width: auto;
    color: #1A171B;
    font-size: 27px
}
.custom-slide-bebidas-julio .big,
.custom-slide-bebidas-julio .custom-slide-container .custom-slide-cta,
.custom-slide-bebidas-julio .white-text {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #fff
}
.custom-slide-bebidas-julio .white-text {
    display: inline-block;
    width: auto;
    font-size: 32px;
    margin: 21px 0
}
.custom-slide-bebidas-julio .big {
    font-size: 55px;
    line-height: 60px;
    margin: 10px 0
}
.custom-slide-bebidas-julio .bigger {
    font-size: 100px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    position: absolute;
    right: 10px;
    top: 60px
}
.custom-slide-bebidas-julio .medium {
    font-size: 50px;
    display: inline-block;
    vertical-align: top
}
.custom-slide-bebidas-julio .custom-slide-text-container {
    max-width: 500px;
    margin-left: auto;
    position: relative;
    padding: 315px 0 0 72px;
    margin-right: 175px
}
.custom-slide-bebidas-julio .custom-slide-container .custom-slide-cta {
    font-size: 24px;
    display: inline-block;
    text-decoration: underline;
    vertical-align: top;
    margin: 60px 0;
    padding: 0 45px
}
.custom-slide-bebidas-julio .custom-slide-text-container::before {
    content: '';
    width: 166px;
    height: 166px;
    position: absolute;
    left: -123px;
    top: 0;
    background-image: url(/wp-content/uploads/2016/08/date-bebidas-julio.jpg);
    background-repeat: no-repeat;
    background-size: contain
}
.custom-slide-decuento-2-unidad .custom-slide-container,
.custom-slide-decuento-2-unidad-eu .custom-slide-container {
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}
.custom-slide-decuento-2-unidad .custom-slide-container {
    width: 100%;
    max-width: 700px;
    font-size: 0;
    position: absolute
}
.custom-slide-decuento-2-unidad .custom-slide-container>div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-height: 334px;
    height: 100%
}
.custom-slide-decuento-2-unidad .custom-slide-container>div>img {
    max-width: 100%;
    max-height: 100%
}
.custom-slide-decuento-2-unidad .custom-slide-container .oferta {
    color: #333;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 12px;
    padding: 8px 10px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box
}
.custom-slide-decuento-2-unidad {
    background: url(/wp-content/uploads/2016/08/bg-2-unidad.jpg) left;
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    background-color: rgba(255, 255, 255, .5)
}
.custom-slide-decuento-2-unidad .custom-slide-container>img {
    width: auto;
    max-width: 50%;
    max-height: 334px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 30px 10px
}
.custom-slide-decuento-2-unidad div>a {
    bottom: 23px;
    color: #333;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    text-decoration: underline
}
.custom-slide-decuento-2-unidad-eu .custom-slide-container {
    width: 100%;
    max-width: 700px;
    font-size: 0;
    position: absolute
}
.custom-slide-decuento-2-unidad-eu .custom-slide-container>div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-height: 334px;
    height: 100%
}
.custom-slide-decuento-2-unidad-eu .custom-slide-container>div>img {
    max-width: 100%;
    max-height: 100%
}
.custom-slide-decuento-2-unidad-eu .custom-slide-container .oferta {
    color: #333;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 12px;
    padding: 8px 10px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box
}
.custom-slide-decuento-2-unidad-eu {
    background: url(/wp-content/uploads/2016/08/bg-2-unidad.jpg) left;
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    background-color: rgba(255, 255, 255, .5)
}
.custom-slide-decuento-2-unidad-eu .custom-slide-container>img {
    width: auto;
    max-width: 50%;
    max-height: 334px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 30px 10px
}
.custom-slide-decuento-2-unidad-eu div>a {
    bottom: 23px;
    color: #333;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    text-decoration: underline
}
.custom-slide-no-renuncies {
    background-color: #e1e1e1;
    background-image: url(/wp-content/uploads/2016/08/bg-no-renuncies.jpg);
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding-top: 10%
}
.custom-slide-no-renuncies .custom-slide-text-container {
    color: #333;
    display: inline-block;
    margin: 0 170px 0 20px;
    text-align: left;
    vertical-align: middle;
    width: 26%;
    position: relative
}
.custom-slide-no-renuncies .custom-slide-text-container .custom-slide-title {
    color: #fff;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 30px;
    line-height: 26px;
    margin-bottom: 18px
}
.custom-slide-no-renuncies .custom-slide-text-container>img {
    position: absolute;
    top: -17px;
    right: 0;
    max-width: 80px
}
.custom-slide-no-renuncies .custom-slide-text-container .item-block {
    display: block
}
.custom-slide-no-renuncies .custom-slide-text-container p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 18px;
    color: #fff
}
.custom-slide-no-renuncies .custom-slide-text-container .black-copy {
    color: #000;
    font-weight: 700
}
.custom-slide-no-renuncies .custom-slide-text-container p .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-weight: 700
}
.special-cole .block p.copy,
.special-cole .small-copy {
    font-family: TexGyreAdventor, arial, sans-serif
}
.custom-slide-no-renuncies .custom-slide-text-container a {
    color: #fff;
    text-decoration: underline;
    display: block;
    margin: 50px 0 20px
}
.custom-slide-no-renuncies .custom-slide-img {
    display: inline-block;
    margin: 0 20px 0 30px;
    text-align: center;
    vertical-align: middle;
    width: 26%;
    position: relative;
    left: -70px
}
.custom-slide-no-renuncies .custom-slide-img>img {
    display: block;
    margin: 0 auto;
    width: 100%
}
.special-cole .item-block {
    display: block
}
.special-cole .card-item {
    vertical-align: top;
    display: inline;
    max-width: 125px
}
.special-cole .bold {
    font-weight: 700
}
.special-cole .block p.copy {
    font-size: 18px;
    line-height: 20px
}
.special-cole .small-copy {
    font-size: 12px
}
.return-school .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.return-school .item-desk {
    display: block;
    position: absolute;
    right: 150px;
    max-height: 90%;
    max-width: 45%;
    bottom: 0
}
.return-school .item-resp {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    right: auto;
    bottom: auto;
    z-index: 1;
    max-width: 50%
}
.custom-slide-chiquilin .custom-slide-container {
    width: 100%;
    max-width: 700px;
    font-size: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}
.custom-slide-chiquilin .custom-slide-container>div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-height: 334px;
    height: 100%
}
.custom-slide-chiquilin .custom-slide-container>div>img {
    max-width: 100%;
    max-height: 100%
}
.custom-slide-chiquilin .custom-slide-container .oferta {
    color: #333;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 12px;
    padding: 8px 10px 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box
}
.custom-slide-chiquilin {
    background: url(/wp-content/uploads/2016/08/chiquilin-bg.jpg) left;
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    background-color: rgba(255, 255, 255, .5)
}
.custom-slide-chiquilin .custom-slide-container>img {
    width: auto;
    max-width: 50%;
    max-height: 334px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 30px 10px
}
.custom-slide-chiquilin div>a {
    bottom: 35px;
    color: #333;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    text-decoration: underline
}
.custom-slide-nevera-ahorro .slide .block .headline {
    color: #57585a
}
.custom-slide-sin-iva.slide.mono-slide .block {
    width: auto;
    left: 225px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}
.custom-slide-sin-iva.slide.mono-slide .item-resp {
    display: none
}
.custom-slide-sin-iva.slide.mono-slide .item-desk {
    display: block
}
.custom-slide-sin-iva.slide .block .headline {
    top: 100%;
    text-align: center
}
.custom-slide-sin-iva.slide .block .bold {
    font-weight: 700
}
.custom-slide-sin-iva.slide .block .headline p {
    font-family: TexGyreAdventor, arial, sans-serif
}
.custom-slide-sin-iva.slide .block .headline .iva-text,
.custom-slide-sin-iva.slide .block .headline .regalamos-text,
.custom-slide-sin-iva.slide .block .headline .todo-text,
.custom-slide-sin-iva.slide .block .headline.eu .iva-text,
.custom-slide-sin-iva.slide .block .headline.eu .todo-text,
.return-school-new .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-slide-sin-iva.slide .block .headline .date-text {
    font-size: 20px
}
.custom-slide-sin-iva.slide .block .headline .socios-text {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle
}
.custom-slide-sin-iva.slide .block .headline .socios-card {
    display: inline-block;
    width: 13%;
    margin: 10px 0 10px 15px;
    position: relative;
    vertical-align: middle
}
.custom-slide-sin-iva.slide .block .headline .regalamos-text {
    font-size: 30px
}
.custom-slide-sin-iva.slide .block .headline .iva-text {
    font-size: 110px
}
.custom-slide-sin-iva.slide .block .headline .todo-text {
    font-size: 79px
}
.custom-slide-sin-iva.slide .block .headline .small-text {
    font-size: 16px;
    margin-top: 20px
}
.custom-slide-sin-iva.slide .block .headline.eu .iva-text {
    font-size: 79px
}
.custom-slide-sin-iva.slide .block .headline.eu .todo-text {
    font-size: 110px
}
.return-school-new .item-desk {
    display: block;
    position: absolute;
    right: 150px;
    max-height: 90%;
    max-width: 45%;
    bottom: 0
}
.return-school-new .item-resp {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    right: auto;
    bottom: auto;
    z-index: 1;
    max-width: 50%
}
.return-school-new.slide .block .square-top .headline {
    width: 75%
}
.return-school-new.slide .block .square-top .vuelta-cole-title {
    position: relative
}
.return-school-new.slide .block .square-bottom .headline {
    top: 20%
}
@media only screen and (max-width: 1024px) {
    .custom-slide-gafas,
    .custom-slide-terraza {
        background-size: cover
    }
    .custom-slide-gafas .custom-slide-container .descuento-gafas,
    .custom-slide-terraza .damero img {
        width: 100%;
        height: auto
    }
    .custom-slide-terraza {
        background-position: center center
    }
    .custom-slide-terraza .damero {
        height: auto;
        max-width: 40%;
        vertical-align: top
    }
    .custom-slide-gafas .descuento-gafas div {
        width: 14rem;
        display: block;
        margin-left: 4rem
    }
    .custom-slide-gafas .custom-slide-container>div {
        min-width: 0
    }
    .custom-slide-gafas .custom-slide-container .descuento-gafas img {
        width: 14rem
    }
    .custom-slide-gafas .custom-slide-container .descuento-gafas img.descuento-gafas-damero {
        display: none
    }
    .custom-slide-gafas .descuento-gafas div>a,
    .descuento-gafas div>span {
        width: 100%
    }
    .descuento-sin-gluten {
        width: 90%;
        margin: 0
    }
    .custom-slide-sin-gluten p {
        max-width: 100%
    }
    .custom-slide-futbol .custom-slide-container .tecno-futbol .custom-slide-text-container {
        width: 35%
    }
    .custom-slide-belle-sun-jun {
        background-size: cover, 100%
    }
    .custom-slide-belle-sun-jun .custom-slide-container .custom-slide-text {
        right: inherit;
        left: 60px
    }
    .custom-slide-opinion .custom-slide-container .custom-slide-img-container {
        width: 30%
    }
    .custom-slide-opinion .custom-slide-container .custom-slide-logo-container {
        max-width: 30%
    }
    .custom-slide-dia-socio .custom-slide-container {
        width: 100%;
        min-width: 0
    }
    .custom-slide-fruteria .custom-slide-text-container {
        width: 100%;
        padding: 20px 40px
    }
    .custom-slide-fruteria .custom-slide-img-container {
        width: 50%;
        display: block;
        margin: auto
    }
    .custom-slide-novedades-julio {
        background-position: left top, 100% top
    }
    .custom-slide-novedades-julio .custom-slide-container {
        height: auto;
        max-width: 533px;
        margin: 0
    }
    .custom-slide-novedades-julio .custom-slide-container>div {
        width: 100%;
        padding: 40px
    }
    .custom-slide-novedades-julio .custom-slide-container .custom-slide-img-container .item-desk {
        display: none
    }
    .custom-slide-novedades-julio .custom-slide-container .custom-slide-img-container .item-resp {
        display: block;
        max-height: 200px;
        width: auto;
        position: absolute;
        right: 0;
        bottom: 20px
    }
    .custom-slide-novedades-julio .custom-slide-container .custom-slide-img-container {
        height: auto
    }
    .custom-slide-no-renuncies .custom-slide-text-container>img {
        position: static;
        display: block;
        padding-bottom: 10px
    }
    .custom-slide-no-renuncies {
        padding-top: 5%
    }
}
@media only screen and (max-width: 960px) {
    .return-school .item-desk {
        display: none
    }
    .custom-slide-descuento .custom-slide-text-container {
        width: 30%
    }
}
@media only screen and (max-width: 768px) {
    .custom-slide-descuento,
    .custom-slide-envio-gratis,
    .custom-slide-futbol,
    .custom-slide-postre {
        background-size: cover
    }
    .slider .slick-list .slick-slide {
        min-height: 448px
    }
    .custom-slide-postre {
        background-position: center center
    }
    .custom-slide-postre .custom-slide-text-container {
        margin: 0 20px;
        width: 65%
    }
    .custom-slide-descuento .custom-slide-img,
    .custom-slide-postre .custom-slide-img {
        width: 45%;
        margin: 0 20px
    }
    .custom-slide-postre .custom-slide-text-container .custom-slide-title {
        font-size: 40px
    }
    .custom-slide-descuento .custom-slide-text-container {
        margin: 0 20px
    }
    .custom-slide-quesos .custom-slide-img,
    .custom-slide-quesos .custom-slide-text-container {
        margin: 0 20px;
        width: 65%
    }
    .custom-slide-segunda-unidad {
        text-align: center
    }
    .custom-slide-segunda-unidad .custom-slide-container {
        bottom: 20px
    }
    .custom-slide-segunda-unidad .custom-slide-container div>img {
        width: 100%;
        margin: 40px auto 0
    }
    .custom-slide-segunda-unidad .custom-slide-container .descuento-segunda-unidad>img {
        width: 70%;
        margin: 20px auto 0
    }
    .custom-slide-segunda-unidad .descuento-segunda-unidad>a {
        position: relative;
        bottom: 30px
    }
    .custom-slide-perfumeria .descuento-segunda-unidad>div {
        position: relative;
        bottom: 0
    }
    .custom-slide-marca {
        padding: 4.4% 0 0
    }
    .custom-slide-marca .damero-marca {
        width: 32%
    }
    .custom-slide-marca .custom-slide-text-container {
        width: 85%;
        max-width: none;
        padding: 40px 30px 80px;
        margin: auto
    }
    .custom-slide-marca .custom-slide-text-container img {
        position: relative;
        right: auto;
        bottom: -80px;
        top: auto
    }
    .custom-slide-seguros .custom-slide-container {
        margin: 0 auto;
        max-width: none;
        width: 65%
    }
    .custom-slide-seguros .custom-slide-text-container img {
        position: relative;
        top: 0;
        right: auto;
        margin: auto
    }
    .custom-slide-terraza .damero {
        display: none
    }
    .custom-slide-terraza .custom-slide-container {
        width: 70%;
        display: block;
        margin: auto;
        padding-top: 10%
    }
    .custom-slide-megapuntos .custom-slide-container .custom-slide-left-container,
    .custom-slide-panaderia .custom-slide-container img {
        display: none
    }
    .custom-slide-terraza .custom-slide-text-container {
        max-width: none;
        width: 100%;
        padding-bottom: 0
    }
    .custom-slide-terraza .custom-slide-min {
        max-width: none;
        width: 100%
    }
    .custom-slide-terraza .custom-slide-text-container img {
        position: relative;
        top: 0;
        right: auto;
        margin: 20px 0 0 auto;
        max-width: 100px
    }
    .custom-slide-panaderia .custom-slide-container,
    .custom-slide-panaderia .custom-slide-img {
        margin: 0 20px;
        width: 65%
    }
    .custom-slide-panaderia {
        text-align: center
    }
    .custom-slide-panaderia .custom-slide-img>img {
        width: 100%;
        margin: 0 auto;
        height: auto
    }
    .custom-slide-envio-gratis .custom-slide-text-container {
        margin: 0 20px;
        width: 60%
    }
    .custom-slide-envio-gratis .custom-slide-img {
        margin: 0 20px;
        width: 45%
    }
    .custom-slide-gafas .custom-slide-container .descuento-gafas {
        padding-top: 14rem
    }
    .custom-slide-gafas .descuento-gafas div {
        margin: auto
    }
    .custom-slide-sin-gluten .descuento-sin-gluten p {
        max-width: 100%;
        width: 100%;
        text-align: center
    }
    .custom-slide-sin-gluten .descuento-sin-gluten p.last {
        max-width: 100%
    }
    .custom-slide-sin-gluten .logo-eroski {
        position: relative
    }
    .custom-slide-futbol .custom-slide-container .tecno-futbol .custom-slide-text-container {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 40%;
        margin: auto;
        width: 85%
    }
    .custom-slide-megapuntos .custom-slide-right-container .text-container {
        width: 100%;
        right: inherit;
        top: 60%;
        bottom: 0
    }
    .custom-slide-megapuntos .custom-slide-right-container .text-container .left-text,
    .custom-slide-megapuntos .custom-slide-right-container .text-container .right-text {
        width: 50%;
        min-height: 140px;
        padding: 2%
    }
    .custom-slide-megapuntos .custom-slide-right-container {
        width: 100%
    }
    .custom-slide-megapuntos .custom-slide-right-container .text-container .left-text .title {
        font-size: 20px
    }
    .custom-slide-megapuntos .custom-slide-right-container .text-container .left-text .subtitle,
    .custom-slide-megapuntos .custom-slide-right-container .text-container .right-text .title {
        font-size: 17px
    }
    .custom-slide-megapuntos .custom-slide-right-container .text-container .right-text .subtitle {
        font-size: 14px
    }
    .custom-slide-detergente {
        background: url(/wp-content/uploads/2016/05/detergente-bg-resp.jpg) center no-repeat;
        background-size: cover
    }
    .custom-slide-detergente .custom-slide-text-container {
        display: inline-block;
        width: 46%
    }
    .custom-slide-detergente .custom-slide-text {
        padding: 4%;
        width: 100%
    }
    .custom-slide-detergente .sale-square {
        margin-left: auto;
        width: auto
    }
    .custom-slide-sanitas .custom-slide-container {
        margin: 0 auto
    }
    .custom-slide-bicicleta {
        background-image: url(/wp-content/uploads/2016/06/bg-bicicleta-2.png), url(/wp-content/uploads/2016/06/bg-bicicleta-1.jpg);
        background-repeat: repeat-y, no-repeat;
        background-position: left top, center;
        background-size: 100%, cover
    }
    .custom-slide-bicicleta .custom-slide-img.tarjeta-eroski {
        position: absolute;
        width: 100%;
        padding: 20px 15px 0
    }
    .custom-slide-bicicleta .custom-slide-container {
        width: 100%;
        position: absolute;
        bottom: 5%
    }
    .custom-slide-bicicleta .custom-slide-text-container {
        margin: 0 auto;
        padding: 20px;
        max-width: 65%;
        display: block
    }
    .custom-slide-bicicleta .note {
        margin: 10px auto;
        max-width: 65%;
        display: block
    }
    .custom-slide-bicicleta .custom-slide-text-container p {
        font-size: 24px
    }
    .custom-slide-bicicleta .custom-slide-text-container p.title {
        font-size: 20px
    }
    .custom-slide-bicicleta .custom-slide-text-container p.title span {
        font-size: 28px
    }
    .custom-slide-bicicleta .custom-slide-text-container p .iva {
        font-size: 34px;
        display: block
    }
    .custom-slide-bicicleta .custom-slide-text-container p .iva sup {
        font-size: 35px;
        top: 0
    }
    .custom-slide-bicicleta .custom-slide-text-container .more-info,
    .custom-slide-bicicleta .custom-slide-text-container p .small-text {
        font-size: 20px
    }
    .custom-slide-bicicleta .custom-slide-img.logo-eroski {
        margin: 0 auto;
        padding: 0 20px;
        max-width: 60%;
        display: block;
        text-align: center
    }
    .custom-slide-belle-sun-jun {
        background: url(/wp-content/uploads/2016/06/bg-belle-sun-3.jpg) left bottom no-repeat, url(/wp-content/uploads/2016/06/bg-belle-sun-2.jpg) left top no-repeat;
        background-size: 100%, cover
    }
    .custom-slide-bebidas,
    .custom-slide-novedades {
        background-repeat: repeat-y, no-repeat;
        background-position: left top, center;
        background-size: 100%, cover
    }
    .custom-slide-belle-sun-jun .custom-slide-img .only-lrg {
        display: none
    }
    .custom-slide-belle-sun-jun .custom-slide-img .only-sml {
        display: block
    }
    .custom-slide-belle-sun-jun .custom-slide-container .custom-slide-img img {
        width: 100%;
        height: auto
    }
    .custom-slide-belle-sun-jun .custom-slide-container .custom-slide-text {
        margin: 0 auto;
        padding: 30px 20px 0;
        max-width: 85%;
        width: 100%;
        display: block;
        position: relative;
        left: 0;
        right: inherit
    }
    .custom-slide-belle-sun-jun .custom-slide-text .title {
        margin: 0 0 5%;
        font-size: 35px
    }
    .custom-slide-belle-sun-jun .custom-slide-text .iambelle,
    .custom-slide-belle-sun-jun .custom-slide-text .text,
    .custom-slide-belle-sun-jun .custom-slide-text .text.bold {
        margin: 4% 0
    }
    .custom-slide-descuento-80 .custom-slide-container {
        width: 80%
    }
    .custom-slide-descuento-80 .custom-slide-container>div {
        width: 100%;
        text-align: center;
        max-width: 320px
    }
    .custom-slide-descuento-80 .custom-slide-container>div>img {
        display: block;
        margin: auto;
        max-height: 270px
    }
    .custom-slide-descuento-80 .descuento-80 .custom-slide-text-container .custom-slide-text {
        max-width: 130px;
        margin: 10px auto
    }
    .custom-slide-descuento-80 .descuento-80 .med {
        font-size: 35px
    }
    .custom-slide-descuento-80 .descuento-80 .med span {
        font-size: 18px
    }
    .custom-slide-descuento-80 .descuento-80 .med span span {
        font-size: 14px
    }
    .custom-slide-descuento-80 .descuento-80 .big {
        font-size: 43px
    }
    .custom-slide-descuento-80 .descuento-80 .big span {
        font-size: 20px
    }
    .custom-slide-descuento-80 .descuento-80 .big span span {
        font-size: 15px
    }
    .custom-slide-descuento-80 .custom-slide-container .descuento-80>img {
        display: none
    }
    .custom-slide-descuento-80 .descuento-80 .custom-slide-text-container {
        width: 90%;
        text-align: center
    }
    .custom-slide-descuento-80 .descuento-80 span.min {
        position: relative;
        margin: 10px 0
    }
    .custom-slide-opinion .custom-slide-container>div {
        width: 90%;
        min-width: 300px
    }
    .custom-slide-opinion .custom-slide-container .custom-slide-img-container {
        width: 50%;
        min-width: 0;
        padding: 5%
    }
    .custom-slide-opinion .custom-slide-container .custom-slide-logo-container {
        width: 50%;
        max-width: 40%;
        min-width: 0;
        padding: 5%
    }
    .custom-slide-bebidas .custom-slide-img.tarjeta-eroski {
        position: absolute;
        width: 100%;
        padding: 20px 15px 0
    }
    .custom-slide-bebidas .custom-slide-img.tarjeta-eroski img {
        max-width: 55%
    }
    .custom-slide-bebidas .custom-slide-container {
        width: 100%;
        position: absolute;
        bottom: 20%
    }
    .custom-slide-bebidas .custom-slide-text-container {
        margin: 0 auto;
        padding: 0;
        max-width: 65%;
        display: block
    }
    .custom-slide-bebidas .note {
        margin: 10px auto;
        max-width: 65%;
        display: block
    }
    .custom-slide-bebidas .custom-slide-text-container p {
        font-size: 24px
    }
    .custom-slide-bebidas .custom-slide-text-container p.title {
        font-size: 20px
    }
    .custom-slide-bebidas .custom-slide-text-container p.title span {
        font-size: 28px
    }
    .custom-slide-bebidas .custom-slide-text-container .percent {
        font-size: 120px;
        font-weight: 700
    }
    .custom-slide-bebidas .custom-slide-text-container .percent span {
        font-size: 60px
    }
    .custom-slide-bebidas .custom-slide-text-container .percent span sup {
        font-size: 40px
    }
    .custom-slide-bebidas .custom-slide-text-container p .iva {
        font-size: 38px;
        display: block
    }
    .custom-slide-bebidas .custom-slide-text-container p .iva sup {
        font-size: 35px;
        top: 0
    }
    .custom-slide-bebidas .custom-slide-text-container p .small-text {
        font-size: 20px
    }
    .custom-slide-bebidas .custom-slide-img.logo-eroski {
        display: block;
        width: 100%;
        text-align: right
    }
    .custom-slide-bebidas .logo-eroski {
        display: initial
    }
    .custom-slide-bebidas .custom-slide-text-container .more-info {
        font-size: 20px;
        margin-top: 30px;
        width: 100%;
        text-align: center
    }
    .custom-slide-bebidas .note p {
        display: none
    }
    .custom-slide-3x2,
    .custom-slide-80-porciento {
        background-size: cover
    }
    .custom-slide-novedades .custom-slide-container>div {
        width: 100%
    }
    .custom-slide-novedades .custom-slide-container .custom-slide-img-container {
        padding: 0
    }
    .custom-slide-novedades .custom-slide-container .custom-slide-img-container img {
        margin: auto;
        width: 100%;
        height: auto;
        max-width: 200px
    }
    .custom-slide-dia-socio .custom-slide-container>div {
        width: 100%;
        padding: 0 25px
    }
    .custom-slide-charcuteria .custom-slide-text-container,
    .custom-slide-fruteria .custom-slide-text-container {
        padding: 0 40px
    }
    .custom-slide-dia-socio .custom-slide-container p {
        font-size: 14px;
        line-height: 18px
    }
    .custom-slide-dia-socio .custom-slide-container .custom-slide-title {
        font-size: 25px;
        line-height: 29px
    }
    .custom-slide-dia-socio .custom-slide-container>div.custom-slide-img-container {
        text-align: center
    }
    .custom-slide-dia-socio .custom-slide-img-container img {
        display: block;
        margin: 10px auto;
        max-width: 190px
    }
    .custom-slide-dia-socio .custom-slide-container .custom-slide-cta {
        position: relative;
        bottom: 0;
        margin: 20px
    }
    .custom-slide-fruteria .custom-slide-img-container {
        max-width: 320px;
        width: 70%
    }
    .custom-slide-fruteria .custom-slide-img-container .custom-slide-img,
    .custom-slide-fruteria .custom-slide-img-container img {
        width: 100%
    }
    .custom-slide-fruteria .custom-slide-img-container .custom-slide-img img {
        width: 25%
    }
    .custom-slide-electro .custom-slide-container img {
        width: 100%;
        right: 0
    }
    .custom-slide-electro .custom-slide-text-container {
        margin: auto
    }
    .custom-slide-electro .custom-slide-text-container::before {
        bottom: -145px;
        left: 0;
        top: auto
    }
    .custom-slide-3x2 .custom-slide-container,
    .custom-slide-bonito .custom-slide-container {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%)
    }
    .custom-slide-electro .custom-slide-text-container::after {
        right: 30px;
        bottom: -200px;
        top: auto;
        position: absolute;
        width: 140px
    }
    .custom-slide-electro .bigger {
        position: relative;
        top: 0;
        right: 0;
        line-height: 100px;
        font-size: 60px
    }
    .custom-slide-electro .big {
        font-size: 25px;
        line-height: 28px
    }
    .custom-slide-electro p {
        line-height: 22px;
        font-size: 14px
    }
    .custom-slide-electro .custom-slide-container .logo {
        margin: 25px 0
    }
    .custom-slide-electro .custom-slide-container .custom-slide-cta {
        font-size: 16px;
        margin: 0
    }
    .custom-slide-charcuteria .custom-slide-img-container {
        max-width: 320px;
        width: 70%;
        margin-top: 15px
    }
    .custom-slide-charcuteria .custom-slide-img-container .custom-slide-img,
    .custom-slide-charcuteria .custom-slide-img-container img {
        width: 100%
    }
    .custom-slide-charcuteria .custom-slide-img-container .custom-slide-img img {
        width: 50%
    }
    .custom-slide-charcuteria .custom-slide-img-container .custom-slide-img img.big-image {
        display: none
    }
    .custom-slide-3x2 .custom-slide-container {
        width: 100%;
        right: auto;
        transform: translate(-50%, -50%)
    }
    .custom-slide-3x2 .custom-slide-container>div {
        width: 100%;
        text-align: center;
        max-width: 267px
    }
    .custom-slide-3x2 .custom-slide-container>div>img {
        display: block;
        margin: auto;
        max-height: 270px
    }
    .custom-slide-novedades-julio .custom-slide-container {
        max-width: none;
        margin: auto
    }
    .custom-slide-novedades-julio .custom-slide-container .custom-slide-img-container .item-resp {
        position: relative;
        max-height: none;
        right: auto;
        bottom: auto
    }
    .custom-slide-bonito .custom-slide-container {
        margin: 0 auto;
        width: 90%;
        transform: translate(-50%, -50%)
    }
    .custom-slide-80-porciento .custom-slide-container,
    .custom-slide-helados .custom-slide-container {
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%)
    }
    .custom-slide-electro-julio .white-text {
        width: 100%;
        text-align: left;
        line-height: 30px;
        font-size: 15px;
        margin: 0
    }
    .custom-slide-electro-julio .custom-slide-text-container {
        min-width: 0;
        width: 100%
    }
    .custom-slide-electro-julio .custom-slide-container .custom-slide-text-container>div {
        margin: 0;
        height: auto;
        padding: 20px
    }
    .custom-slide-electro-julio .custom-slide-container .custom-slide-text-container>div img {
        max-width: none;
        position: relative
    }
    .custom-slide-electro-julio .custom-slide-container .custom-slide-subtitle {
        max-width: none;
        position: relative;
        right: auto
    }
    .custom-slide-electro-julio .custom-slide-container .logo {
        display: none
    }
    .custom-slide-electro-julio .dark-text {
        margin: 0;
        font-size: 14px;
        line-height: 15px
    }
    .custom-slide-electro-julio .bigger {
        font-size: 30px;
        line-height: 30px
    }
    .custom-slide-electro-julio .custom-slide-text-container::before {
        bottom: 0;
        right: 10px;
        top: auto;
        left: auto;
        width: 90px;
        height: 90px
    }
    .custom-slide-bebidas-julio .custom-slide-container img,
    .custom-slide-charcuteria-julio .custom-slide-container img {
        height: auto
    }
    .custom-slide-80-porciento .custom-slide-container {
        width: 100%;
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .custom-slide-80-porciento .custom-slide-container>div {
        width: 100%;
        text-align: center;
        max-width: 267px
    }
    .custom-slide-80-porciento .custom-slide-container>div>img {
        display: block;
        margin: auto;
        max-height: 270px
    }
    .custom-slide-cerezas .custom-slide-main-img-container {
        display: none
    }
    .custom-slide-cerezas .custom-slide-img-container {
        width: 100%
    }
    .custom-slide-cerezas .custom-slide-img-container .custom-slide-img,
    .custom-slide-cerezas .custom-slide-text-container {
        width: 50%
    }
    .custom-slide-charcuteria-julio .custom-slide-text-container {
        margin: auto
    }
    .custom-slide-charcuteria-julio .custom-slide-text-container::before {
        bottom: -145px;
        left: 0;
        top: auto
    }
    .custom-slide-charcuteria-julio .custom-slide-text-container::after {
        right: 30px;
        bottom: -200px;
        top: auto;
        position: absolute;
        width: 140px;
        background-image: url(/wp-content/uploads/2016/07/card-charcuteria-julio-black.png);
        background-repeat: no-repeat;
        background-size: contain
    }
    .custom-slide-chiquilin,
    .custom-slide-decuento-2-unidad,
    .custom-slide-decuento-2-unidad-eu,
    .custom-slide-helados {
        background-size: cover
    }
    .custom-slide-charcuteria-julio .bigger {
        position: relative;
        top: 0;
        right: 0;
        line-height: 100px;
        font-size: 60px
    }
    .custom-slide-charcuteria-julio .big {
        font-size: 25px;
        line-height: 28px
    }
    .custom-slide-charcuteria-julio p {
        line-height: 22px;
        font-size: 14px
    }
    .custom-slide-charcuteria-julio .custom-slide-container .custom-slide-cta {
        font-size: 16px
    }
    .custom-slide-helados .custom-slide-container {
        width: 100%;
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .custom-slide-decuento-2-unidad .custom-slide-container,
    .custom-slide-decuento-2-unidad-eu .custom-slide-container {
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        width: 100%
    }
    .custom-slide-helados .custom-slide-container>div {
        width: 100%;
        text-align: center;
        max-width: 267px
    }
    .custom-slide-helados .custom-slide-container>div>img {
        display: block;
        margin: auto;
        max-height: 270px
    }
    .custom-slide-bebidas-julio .custom-slide-text-container {
        margin: auto
    }
    .custom-slide-bebidas-julio .custom-slide-text-container::before {
        bottom: -139px;
        left: 0;
        top: auto
    }
    .custom-slide-bebidas-julio .bigger {
        position: relative;
        top: 0;
        right: 0;
        line-height: 100px;
        font-size: 60px
    }
    .custom-slide-bebidas-julio .big {
        font-size: 25px;
        line-height: 28px
    }
    .custom-slide-bebidas-julio p {
        line-height: 22px;
        font-size: 14px
    }
    .custom-slide-bebidas-julio .custom-slide-container .custom-slide-cta {
        font-size: 16px
    }
    .custom-slide-decuento-2-unidad .custom-slide-container {
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .custom-slide-decuento-2-unidad .custom-slide-container>div {
        width: 100%;
        text-align: center;
        max-width: 267px
    }
    .custom-slide-decuento-2-unidad .custom-slide-container>div>img {
        display: block;
        margin: auto;
        max-height: 270px
    }
    .custom-slide-decuento-2-unidad-eu .custom-slide-container {
        right: auto;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .custom-slide-decuento-2-unidad-eu .custom-slide-container>div {
        width: 100%;
        text-align: center;
        max-width: 267px
    }
    .custom-slide-decuento-2-unidad-eu .custom-slide-container>div>img {
        display: block;
        margin: auto;
        max-height: 270px
    }
    .custom-slide-no-renuncies {
        background-size: cover;
        background-position: 29%
    }
    .custom-slide-no-renuncies .custom-slide-text-container {
        margin: 0 20px 0 22%;
        width: 60%
    }
    .custom-slide-no-renuncies .custom-slide-img {
        margin: 0 20px;
        width: 50%
    }
    .special-cole .card-item {
        position: static
    }
    .custom-slide-chiquilin .custom-slide-container {
        width: 100%;
        right: auto;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .custom-slide-chiquilin .custom-slide-container>div {
        width: 100%;
        text-align: center;
        max-width: 267px
    }
    .custom-slide-chiquilin .custom-slide-container>div>img {
        display: block;
        margin: auto;
        max-height: 270px
    }
    .mono-slide.nevera-ahorro.slide .block .headline {
        top: 30%
    }
    .mono-slide.nevera-ahorro.slide.color .headline img {
        top: 120%
    }
}
@media only screen and (max-width: 767px) {
    .slider-wrapper {
        max-height: none;
        height: auto;
        overflow: inherit
    }
    .img {
        height: 100%
    }
    .slider-type-1 .bg-1 {
        display: none
    }
    .text-med {
        font-size: 30px
    }
    .type-1 .img {
        height: auto;
        width: 100%
    }
    .slider-type-2 .type-2 {
        height: auto
    }
    .slider-type-3 .type-1 .img {
        height: auto;
        width: 100%
    }
    .slider-type-1 .type-5 .img {
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .slider-type-2 .type-1,
    .slider-type-2 .type-3 {
        height: 0;
        padding-bottom: 50%
    }
    .slider-type-2 .type-1 img,
    .slider-type-2 .type-3 img {
        position: absolute
    }
    .slider-type-3 img {
        position: absolute;
        top: 0
    }
    .custom-slide-futbol .custom-slide-container .tecno-futbol .custom-slide-text-container {
        max-width: 100%
    }
    .custom-slide-megapuntos .custom-slide-right-container .text-container .left-text,
    .custom-slide-megapuntos .custom-slide-right-container .text-container .right-text {
        width: 100%;
        min-height: 130px;
        padding: 8%
    }
    .custom-slide-megapuntos .custom-slide-right-container .text-container {
        width: 100%;
        right: inherit;
        top: inherit;
        bottom: 0
    }
    .custom-slide-detergente .custom-slide-text-container {
        display: block;
        width: 96%
    }
    .custom-slide-detergente .custom-slide-text {
        padding: 4%;
        width: 100%
    }
    .custom-slide-detergente .sale-square-container {
        display: block;
        margin: 5% auto;
        max-width: 30%;
        position: relative;
        width: 40%
    }
    .custom-slide-detergente .sale-square {
        margin: auto;
        width: 100%
    }
    .custom-slide-sanitas .custom-slide-container {
        margin: 0 auto;
        max-width: none;
        width: 65%
    }
    .custom-slide-sanitas .custom-slide-text-container img {
        position: relative;
        top: 0;
        right: auto;
        margin: auto
    }
    .custom-slide-sanitas .custom-slide-text-container {
        padding: 9%
    }
    .custom-slide-sanitas .custom-slide-container .logo-eroski-sanitas {
        margin: 7% 0 0;
        width: 100%
    }
    .custom-slide-sanitas .custom-slide-container .logo-sanitas,
    .custom-slide-sanitas .custom-slide-text-container .logo-club-sanitas {
        margin: 0 auto;
        position: relative;
        right: inherit
    }
    .custom-slide-bebidas-julio .custom-slide-container img,
    .custom-slide-charcuteria-julio .custom-slide-container img {
        width: 100%;
        right: 0;
        height: auto
    }
    .custom-slide-cerezas .custom-slide-text-container {
        padding: 0 15px
    }
    .custom-slide-cerezas .custom-slide-img-container img.logo {
        margin-bottom: 30px
    }
    .custom-slide-cerezas .custom-slide-container .custom-slide-cta {
        margin: 30px 0 0
    }
    .custom-slide-cerezas .custom-slide-img-container .custom-slide-img,
    .custom-slide-cerezas .custom-slide-text-container {
        width: 100%
    }
    .custom-slide-charcuteria-julio .custom-slide-container .logo {
        margin: 25px 0;
        display: none
    }
    .custom-slide-charcuteria-julio .custom-slide-container .custom-slide-cta {
        margin: 0;
        padding: 0 12% 74px
    }
    .custom-slide-charcuteria-julio .custom-slide-text-container {
        padding: 280px 0 0 72px
    }
    .custom-slide-bebidas-julio .custom-slide-container .logo {
        margin: 25px 0;
        display: none
    }
    .custom-slide-bebidas-julio .custom-slide-container .custom-slide-cta {
        margin: -62px 0 0 -55px;
        font-weight: 700
    }
    .custom-slide-bebidas-julio .custom-slide-text-container {
        padding: 238px 0 0 72px
    }
    .mono-slide.nevera-ahorro.slide .block .headline {
        top: 30%
    }
    .mono-slide.nevera-ahorro.slide.color .headline img {
        top: 130%
    }
    .custom-slide-sin-iva.slide.mono-slide .item-resp {
        display: none
    }
    .custom-slide-descuento .custom-slide-text-container {
        width: 70%
    }
}
@media only screen and (max-width: 450px) {
    .return-school .item-resp {
        display: block
    }
    .return-school-new.slide .left .corner-image {
        left: 20px;
        right: auto
    }
}
@media only screen and (max-width: 320px) {
    .custom-slide-charcuteria-julio .custom-slide-text-container {
        padding: 230px 0 0 72px
    }
    .custom-slide-sin-iva.slide.mono-slide .item-resp {
        display: block
    }
    .custom-slide-sin-iva.slide.mono-slide .item-desk {
        display: none
    }
    .custom-slide-sin-iva.slide.mono-slide .block {
        width: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%)
    }
    .custom-slide-sin-iva.slide .block .headline {
        top: 80%
    }
}
.mod-type-1 .type-1 .img {
    width: auto;
    height: 100%
}
@media only screen and (max-width: 767px) {
    .slider-type-1 .bg-1,
    .type.mod-type-1 .bg-1.type-1 {
        display: none
    }
    .slider-type-1 .type>div {
        width: auto;
        height: auto
    }
    .mod-type-1 .type-1 .img {
        width: 100%;
        height: auto
    }
    .mod-type-1 .bg-3.type-3 img {
        height: auto
    }
    .mod-type-1 .bg-5.type-5 .img {
        width: auto;
        height: auto
    }
    .mod-type-1.type>.height-100.bg-1 {
        height: 50vw
    }
    .mod-type-1.type>.height-100 {
        height: auto;
        max-height: none
    }
}
.mod-type-2 .img {
    height: 100%;
    width: auto
}
@media only screen and (max-width: 767px) {
    .mod-type-2.type .type-2 {
        height: auto
    }
    .mod-type-2 .type-1,
    .mod-type-2 .type-3 {
        height: 0;
        padding-bottom: 50%
    }
    .mod-type-2 .type-1 img,
    .mod-type-2 .type-3 img {
        position: absolute
    }
}
.mod-type-3 .bg-1 img {
    height: 100%;
    width: auto
}
@media only screen and (max-width: 767px) {
    .mod-type-3 .bg-1 img,
    .mod-type-3 .bg-3.type-3 img,
    .slider-type-3 .type-1 .img {
        width: 100%;
        height: auto
    }
    .mod-type-3 .text-med {
        font-size: 30px
    }
    .mod-type-3 .bg-3 {
        min-height: 20%;
        background-size: contain;
        background-position: center
    }
    .mod-type-3.type>.height-50.bg-1 {
        padding-top: 50%;
        height: 0
    }
    .mod-type-3.type>.height-100 {
        height: auto;
        max-height: none
    }
    .mod-type-3 img {
        position: absolute;
        top: 0
    }
}
.custom-wrapper {
    background-image: url(../img/bg-custom.jpg);
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff;
    position: relative
}
.custom-container .custom-text .bold,
.custom-container a.btn {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.custom-container {
    width: 70%;
    margin: auto;
    text-align: center;
    position: relative
}
.custom-container .custom-text {
    color: #fff;
    margin: 45px 0
}
.custom-container .text-biggest {
    display: block;
    font-size: 150px
}
.custom-container .text-bigger {
    display: block;
    font-size: 90px
}
.custom-container a.btn {
    background-color: #fff;
    width: 200px;
    color: #e11930;
    font-size: 14px;
    text-decoration: underline;
    text-align: right;
    background-image: url(../img/header/arrow-right-red.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px 20px;
    margin: 10px 0
}
.custom-container p {
    margin: 20px 0;
    line-height: 16px
}
.custom-container .custom-img {
    position: absolute;
    top: 80px;
    right: 20%
}
.custom-wrapper .custom-logo {
    display: block;
    margin: 30px 40px 30px auto
}
@media only screen and (max-width: 992px) {
    .custom-container {
        width: 80%
    }
    .custom-container .custom-img {
        right: 15%
    }
}
@media only screen and (max-width: 768px) {
    .custom-container {
        width: 90%
    }
    .custom-container .custom-img {
        right: 10%
    }
}
@media only screen and (max-width: 500px) {
    .custom-container .custom-img {
        display: none
    }
    .text-xl {
        font-size: 30px
    }
    .text-xxxl {
        font-size: 50px
    }
    .text-md {
        font-size: 15px
    }
    .custom-container .text-bigger {
        font-size: 60px
    }
}
#home .bg-red .block p,
#home .bg-red h2,
.bg-red p {
    color: #fff
}
#ventajas-club {
    background: url(../img/e-big.png) 88.2% 102% no-repeat #E83C29
}
#ventajas-club h2 {
    text-transform: none;
    margin: 0 auto 20px
}
#ventajas-club .w405 {
    width: 415px;
    float: left;
    margin-top: 70px
}
#ventajas-club .w405>img {
    float: right
}
#ventajas-club .w405 a.logo-unete {
    float: right;
    background: url(../img/header/arrow-right-red.png) 96% 48% no-repeat #fff!important;
    width: 180px;
    color: #E0001C;
    padding: 7px 20px;
    text-align: right;
    display: block;
    font: 1.4em/115% TexGyreAdventorBold, arial, sans-serif;
    margin-top: 15px
}
#ventajas-club .w405 a.logo-unete:hover {
    background: url(../img/header/arrow-right-red.png) 97% 48% no-repeat #fff!important
}
#ventajas-club .block-subtitle {
    font-size: 1.8em;
    font-weight: lighter
}
#ventajas-club p {
    font: 1.6em/115% TexGyreAdventor, arial, sans-serif;
    line-height: 1.2
}
#ventajas-club p.title {
    font-family: TexGyreAdventorBold;
    font-size: 2em;
    color: #fff;
    text-transform: uppercase;
    padding: .5em 0;
    text-align: center
}
#ventajas-club .img-left-bottom div,
#ventajas-club .img-left-bottom p {
    font-size: 22px;
    line-height: 24px;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
#ventajas-club p.title.paddingAdjust {
    padding-top: 7px
}
#ventajas-club p.title.white {
    color: #fff;
    text-align: left;
    display: table-cell;
    vertical-align: bottom;
    height: 2.5em
}
#ventajas-club .blocks,
#ventajas-club .widget {
    border-bottom: none;
    max-width: 940px;
    margin: 0 auto;
    padding: 0;
    height: 100%!important
}
#ventajas-club .blocks .inner {
    width: 705px;
    padding: 20px;
    overflow: hidden;
    margin: 0 auto
}
#ventajas-club .blocks .inner .dashed {
    border: 3px dashed #fff;
    width: 175px;
    padding: 10px;
    float: left;
    min-height: 275px
}
#ventajas-club .blocks .inner .dashed img {
    top: -30px;
    width: 125%;
    left: 50%;
    margin-left: -62.5%;
    position: relative;
    margin-bottom: -45px
}
#ventajas-club .blocks .inner .dashed img.widthAdjust {
    width: 100%;
    left: 0;
    top: 0;
    margin-bottom: 0;
    margin-left: 0
}
#ventajas-club .blocks {
    padding: 30px 30px 0
}
#ventajas-club .blocks .block {
    width: 195px;
    margin: 0 auto;
    height: auto!important
}
#ventajas-club .blocks .block.double {
    background-color: #fff
}
#ventajas-club .blocks .not-hidden {
    float: left;
    margin-top: 35px;
    margin-left: 50px
}
#ventajas-club .blocks .not-hidden.first {
    margin-left: 0
}
#ventajas-club .blocks .not-hidden>img {
    width: 100%!important
}
#ventajas-club .img-left-bottom div {
    color: #fff
}
.img-left-bottom p span {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 40px;
    line-height: 35px
}
#ventajas-club.ventajas {
    height: 600px;
    background: #e12c18
}
#ventajas-club .img-left {
    float: left;
    padding-bottom: 30px;
    width: 40%;
    background: url(/wp-content/uploads/2015/11/family-home.jpg) center center/cover no-repeat;
    height: 100%;
    position: relative;
    box-sizing: border-box
}
#ventajas-club .blocks.ventajas {
    padding: 0
}
#ventajas-club .img-left .logo {
    padding-top: 50px;
    width: 60%;
    margin: 0 auto
}
#ventajas-club .img-left-bottom {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 60%;
    margin: 0 20%
}
#ventajas-club .img-left a.logo-unete,
#ventajas-club a.logo-unete {
    background: url(../img/header/arrow-right-red.png) 96% 48% no-repeat #fff!important;
    width: 210px;
    color: #E0001C;
    padding: 7px 20px;
    text-align: right;
    display: block;
    font: 18px TexGyreAdventorBold, arial, sans-serif;
    margin-top: 15px
}
#ventajas-club.ventajas .right-zone {
    padding-top: 20px;
    float: left;
    width: 60%;
    height: 100%;
    background: url(/wp-content/uploads/2015/11/squareBG.jpg) center center/cover no-repeat;
    box-sizing: border-box
}
#ventajas-club.ventajas ul {
    width: 100%
}
#ventajas-club.ventajas ul li {
    width: 90%;
    margin: 0 auto 20px;
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff;
    line-height: 20px
}
#ventajas-club.ventajas ul li p {
    font: 16px TexGyreAdventor, arial, sans-serif
}
#ventajas-club.ventajas ul li .li-left {
    width: 50%;
    display: inline-block
}
#ventajas-club.ventajas ul li .li-left .num {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    margin-bottom: 10px
}
#ventajas-club.ventajas ul li .li-right {
    text-align: center;
    width: 45%;
    display: inline-block
}
#ventajas-club.ventajas ul li .li-right img {
    width: 30%
}
@media only screen and (max-width: 768px) {
    #ventajas-club .img-left {
        width: 100%;
        height: 400px
    }
    #ventajas-club .img-left .logo {
        width: 90%
    }
    #ventajas-club.ventajas .right-zone {
        width: 100%;
        height: auto
    }
    #ventajas-club.ventajas ul li .li-left,
    #ventajas-club.ventajas ul li .li-right {
        width: 100%
    }
    #ventajas-club.ventajas ul li .li-right img {
        width: auto;
        margin-top: 20px
    }
    #ventajas-club .img-left-bottom {
        left: auto;
        width: 90%;
        margin: 0
    }
}
.vc_column_container>.vc_column-inner {
    padding: 0!important
}
.slider {
    max-width: 1400px
}
.slide {
    overflow: hidden
}
.slide,
.slider .slick-list .slick-slide.slide {
    min-height: 450px;
    margin: 0;
    position: relative
}
.slide.mono-slide .block,
.slide.multi-slide .block {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    box-sizing: border-box
}
.slide img {
    height: 125px;
    /*width:176px*/
}
.slide.right img {
    margin-right: auto;
    margin-left: 0
}
.slide.left img {
    margin-right: 0;
    margin-left: auto
}
.slide .block {
    color: red
}
.slide.multi-slide .block {
    width: 100%;
    transform: translate(-50%, -50%)
}
.slide.mono-slide .block {
    width: calc(100% - 450px);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.frame .block {
    padding: 1rem 0
}
.slide .block>div {
    display: inline-block
}
.slide .block>div.main-content {
    height: 100%;
    font-size: 0;
    position: relative;
    display: inline-block
}
.slide .block>div.extra-content {
    width: 450px;
    height: 100%
}
.slide.frame .block>div.extra-content {
    height: calc(100% - 2rem)
}
.slide.left .block>div.extra-content {
    position: absolute;
    left: 675px
}
.slide.left.mono-slide .block>div.extra-content {
    left: 450px
}
.slide.left.mono-slide.frame .block>div.extra-content {
    left: 420px
}
.slide.right .block>div.extra-content {
    position: absolute;
    right: 675px
}
.slide.right.mono-slide .block>div.extra-content {
    position: absolute;
    right: 420px
}
.slide .block img.extra-image {
    width: auto;
    height: auto;
    max-height: 100%;
    position: absolute
}
.slide .block>div.main-content .square-bottom,
.slide .block>div.main-content .square-top {
    height: 50%;
    width: 100%;
    position: relative
}
.slide.right .block {
    text-align: right;
    font-size: 0
}
.slide.right .block>div.main-content {
    text-align: left
}
.slide .block .headline.discount,
.slide .block .square.center {
    text-align: center
}
.slide.right .block img.extra-image {
    right: 675px;
    left: auto
}
.slide.left .block img.extra-image {
    left: 675px;
    right: auto
}
.slide .block img.extra-image.top {
    bottom: auto;
    top: 0
}
.slide .block img.extra-image.top.margin,
.slide .block img.extra-image.top.negative-margin {
    margin-top: 30px;
    margin-bottom: 0
}
.slide .block img.extra-image.middle {
    top: 50%;
    bottom: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.slide .block img.extra-image.bottom {
    bottom: 0;
    top: auto
}
.slide .block img.extra-image.bottom.margin,
.slide .block img.extra-image.bottom.negative-margin {
    margin-bottom: 30px;
    margin-top: 0
}
.slide .block img.extra-image.middle.center {
    top: 50%;
    bottom: 0;
    right: 0;
    left: 49%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.slide .block img.extra-image.left {
    left: 0;
    right: auto
}
.slide .block img.extra-image.left.margin {
    margin-left: 50px
}
.slide .block img.extra-image.left.negative-margin,
.slide .block img.extra-image.right.negative-margin {
    z-index: 9999;
    margin-left: -50px
}
.slide .block img.extra-image.center {
    right: 0;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.slide .block .headline,
.slide .block .square img {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}
.slide .block img.extra-image.right {
    left: auto;
    right: 0
}
.slide .block img.extra-image.right.margin {
    margin-right: 50px
}
.slide.multi-slide .block>div.main-content {
    height: 100%;
    font-size: 0;
    width: 675px;
    padding-left: 225px;
    position: relative;
    display: inline-block
}
.slide.left.multi-slide img {
    margin-left: auto
}
.slide.right.multi-slide .block>div.main-content {
    padding-left: 0;
    padding-right: 225px
}
.slide.mono-slide .block>div.main-content {
    width: 450px
}
.slide.multi-slide .block>div.main-content::after,
.slide.multi-slide .block>div.main-content::before {
    content: '';
    width: 33.5%;
    height: 50%;
    position: absolute;
    left: 0
}
.slide.right.multi-slide .block>div.main-content::after,
.slide.right.multi-slide .block>div.main-content::before {
    left: auto;
    right: 0
}
.corner-image.right,
.left .corner-image {
    right: 20px!important
}
.slide.multi-slide .block>div.main-content::before {
    top: 0
}
.slide.multi-slide .block>div.main-content::after {
    bottom: 0
}
.slide.mono-slide.frame .block>div.main-content {
    width: 420px
}
.slide .block .square {
    width: 50%;
    height: 100%;
    display: inline-block;
    position: relative
}
.slide .block .headline {
    position: absolute;
    width: 75%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    z-index: 1
}
.slide .block .headline img {
    position: relative;
    max-width: 85%;
    height: auto;
    margin: auto
}
.slide .block .headline.black,
.slide .block .square-bottom .text.black {
    color: #000
}
.slide .block .headline.grey,
.slide .block .square-bottom .text.grey {
    color: #57585a
}
.slide.multi-slide .block .headline {
    left: calc(50% + 112.5px);
    width: 50%
}
.slide.multi-slide.right .block .headline {
    left: calc(50% - 112.5px)
}
.slide .block .square-top .headline,
.slide.right .block .square-top .headline {
    position: absolute;
    left: 50%;
    width: 90%
}
.slide .block .subtitle {
    font-size: 19px;
    line-height: 22px
}
.slide .block .title {
    font-size: 30px;
    line-height: 33px
}
.slide .block .copy {
    font-size: 15px;
    line-height: 20px;
    margin: 1rem 0
}
.slide .block .square-top .subtitle {
    font-size: 16px;
    line-height: 19px
}
.slide .block .square-top .title {
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 10px
}
.slide .block .square-top .copy {
    font-size: 14px;
    line-height: 20px
}
.slide .block .cta {
    font-size: 18px;
    line-height: 21px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    margin: 10px 0;
    color: #fff;
    display: inline-block;
    text-decoration: underline
}
.slide .block .cta.black {
    color: #000
}
.slide .block .cta.grey {
    color: #57585a
}
.slide .block .cta::after {
    content: '';
    display: inline-block;
    background-image: url(../img/slider/arrow-right-white.png);
    background-repeat: no-repeat;
    background-position: right center;
    width: 10px;
    height: 10px;
    margin-left: 10px
}
.slide .block .cta.black::after {
    background-image: url(../img/slider/arrow-right-black.png)
}
.slide .block .cta.grey::after {
    background-image: url(../img/slider/arrow-right-grey.png)
}
.slide .block .square img {
    max-width: 90%;
    height: auto;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.slide .block .square img.full-image {
    max-width: 100%
}
.slide .block .square .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff
}
.slide .block .headline.discount,
.slide .block .square .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.slide .block .square .copy {
    font-size: 18px
}
.slide .block .square .big {
    font-size: 80px;
    line-height: 85px
}
.slide .block .square .big span {
    font-size: 50px
}
.slide .block .square .medium {
    font-size: 50px;
    line-height: 55px
}
.slide .block .square .medium span {
    font-size: 30px
}
.slide .block .square .small {
    font-size: 30px;
    line-height: 35px
}
.slide .block .square .small span {
    font-size: 20px
}
.slide .block .headline.discount .discount-title {
    font-size: 30px
}
.slide .block .headline.discount .number-discount {
    font-size: 180px;
    font-weight: 700
}
.slide .block .headline.discount .number-discount .percent-symbol {
    font-size: 50px
}
.slide .block .headline.discount .discount-subtitle {
    font-size: 25px;
    font-weight: 700
}
.slide .block .headline.discount .discount-date {
    font-size: 14px;
    position: absolute;
    bottom: -15%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}
.article-img img,
.header-section-mosaic img {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}
.corner-image,
.slide .corner-image {
    position: absolute;
    width: auto;
    height: auto
}
.slide .corner-image {
    max-width: 170px
}
.corner-image {
    max-width: 100px
}
.corner-image.bottom {
    bottom: 20px!important
}
.corner-image.top {
    top: 20px!important
}
.right .corner-image {
    left: 20px!important
}
.slide.transparent .block>div.main-content {
    background: rgba(0, 0, 0, 0)
}
.transparent .block .square-1,
.transparent .block .square-2,
.transparent .block .square-3 {
    background-color: rgba(0, 0, 0, 0)
}
.transparent .block .square-4 {
    background-color: rgba(0, 0, 0, .63)
}
.slider .slide.transparent .block>div.main-content::after,
.slider .slide.transparent .block>div.main-content::before,
.slider .slide.transparent.right .block>div.main-content::after,
.slider .slide.transparent.right .block>div.main-content::before {
    background-color: rgba(0, 0, 0, 0)
}
.bg-color.negro {
    background-color: #0b0a0b
}
.negro .block>div.main-content,
.negro .square-1,
.negro.flat .block .square {
    background-color: #272627
}
.negro .square-2 {
    background-color: #0b0a0b
}
.negro .square-3 {
    background-color: #313133
}
.multi-slide.negro .block>div.main-content::before,
.negro .square-4 {
    background-color: #1a1a1a
}
.multi-slide.negro .block>div.main-content::after {
    background-color: #0b0a0b
}
.negro.flat.transparent .block .square {
    background-color: rgb(39, 38, 39, .83)
}
.negro.transparent .square-1 {
    background-color: rgba(39, 38, 39, .63)
}
.negro.transparent .square-2 {
    background-color: rgba(11, 10, 11, .83)
}
.negro.transparent .square-3 {
    background-color: rgba(49, 49, 51, .83)
}
.multi-slide.negro.transparent .block>div.main-content::before,
.negro.transparent .square-4 {
    background-color: rgba(26, 26, 26, .63)
}
.multi-slide.negro.transparent .block>div.main-content::after {
    background-color: rgba(11, 10, 11, .83)
}
.bg-color.rojo {
    background-color: #c80c22
}
.rojo .block>div.main-content,
.rojo .square-1,
.rojo.flat .block .square {
    background-color: #db1720
}
.rojo .square-2 {
    background-color: #c80c22
}
.rojo .square-3 {
    background-color: #d82322
}
.multi-slide.rojo .block>div.main-content::before,
.rojo .square-4 {
    background-color: #e43227
}
.multi-slide.rojo .block>div.main-content::after {
    background-color: #c80c22
}
.rojo.flat.transparent .block .square {
    background-color: rgba(219, 23, 32, .83)
}
.rojo.transparent .square-1 {
    background-color: rgba(219, 23, 32, .63)
}
.rojo.transparent .square-2 {
    background-color: rgba(200, 12, 34, .83)
}
.rojo.transparent .square-3 {
    background-color: rgba(216, 35, 34, .83)
}
.multi-slide.rojo.transparent .block>div.main-content::before,
.rojo.transparent .square-4 {
    background-color: rgba(228, 50, 39, .63)
}
.multi-slide.rojo.transparent .block>div.main-content::after {
    background-color: rgba(200, 12, 34, .83)
}
.bg-color.azul {
    background-color: #19326d
}
.azul .block>div.main-content,
.azul .square-1,
.azul.flat .block .square {
    background-color: #004492
}
.azul .square-2 {
    background-color: #19326d
}
.azul .square-3 {
    background-color: #1f5fae
}
.azul .square-4,
.multi-slide.azul .block>div.main-content::before {
    background-color: #1452a4
}
.multi-slide.azul .block>div.main-content::after {
    background-color: #19326d
}
.azul.flat.transparent .block .square {
    background-color: rgba(0, 68, 146, .83)
}
.azul.transparent .square-1 {
    background-color: rgba(0, 68, 146, .63)
}
.azul.transparent .square-2 {
    background-color: rgba(25, 50, 109, .83)
}
.azul.transparent .square-3 {
    background-color: rgba(31, 95, 174, .83)
}
.azul.transparent .square-4,
.multi-slide.azul.transparent .block>div.main-content::before {
    background-color: rgba(20, 82, 164, .63)
}
.multi-slide.azul.transparent .block>div.main-content::after {
    background-color: rgba(25, 50, 109, .83)
}
.bg-color.gris-digital {
    background-color: #dadada
}
.gris-digital .block>div.main-content,
.gris-digital .square-1,
.gris-digital.flat .block .square {
    background-color: #ededed
}
.gris-digital .square-2 {
    background-color: #dadada
}
.gris-digital .square-3 {
    background-color: #f6fff6
}
.gris-digital .square-4,
.multi-slide.gris-digital .block>div.main-content::before {
    background-color: #e3e3e3
}
.multi-slide.gris-digital .block>div.main-content::after {
    background-color: #dadada
}
.gris-digital.flat.transparent .block .square {
    background-color: rgba(237, 237, 237, .83)
}
.gris-digital.transparent .square-1 {
    background-color: rgba(237, 237, 237, .63)
}
.gris-digital.transparent .square-2 {
    background-color: rgba(218, 218, 218, .83)
}
.gris-digital.transparent .square-3 {
    background-color: rgba(246, 256, 246, .83)
}
.gris-digital.transparent .square-4,
.multi-slide.gris-digital.transparent .block>div.main-content::before {
    background-color: rgba(227, 227, 227, .63)
}
.multi-slide.gris-digital.transparent .block>div.main-content::after {
    background-color: rgba(218, 218, 218, .83)
}
.bg-color.rojo-ahorro {
    background-color: #d9272e
}
.rojo-ahorro .block>div.main-content,
.rojo-ahorro .square-1,
.rojo-ahorro.flat .block .square {
    background-color: #db1720
}
.rojo-ahorro .square-2 {
    background-color: #d9272e
}
.rojo-ahorro .square-3 {
    background-color: #e63c2f
}
.multi-slide.rojo-ahorro .block>div.main-content::before,
.rojo-ahorro .square-4 {
    background-color: #e43227
}
.multi-slide.rojo-ahorro .block>div.main-content::after {
    background-color: #d9272e
}
.rojo-ahorro.flat.transparent .block .square {
    background-color: rgb(219, 23, 32, .83)
}
.rojo-ahorro.transparent .square-1 {
    background-color: rgba(219, 23, 32, .63)
}
.rojo-ahorro.transparent .square-2 {
    background-color: rgba(217, 39, 46, .83)
}
.rojo-ahorro.transparent .square-3 {
    background-color: rgba(230, 60, 47, .83)
}
.multi-slide.rojo-ahorro.transparent .block>div.main-content::before,
.rojo-ahorro.transparent .square-4 {
    background-color: rgba(228, 50, 39, .63)
}
.multi-slide.rojo-ahorro.transparent .block>div.main-content::after {
    background-color: rgba(217, 39, 46, .83)
}
.bg-color.rojo-school {
    background-color: #ba2e37
}
.rojo-school .block>div.main-content,
.rojo-school .square-1,
.rojo-school.flat .block .square {
    background-color: #c7403a
}
.rojo-school .square-2 {
    background-color: #ba2e37
}
.rojo-school .square-3 {
    background-color: #b33e2d
}
.multi-slide.rojo-school .block>div.main-content::before,
.rojo-school .square-4 {
    background-color: #cf4d40
}
.multi-slide.rojo-school .block>div.main-content::after {
    background-color: #ba2e37
}
.rojo-school.flat.transparent .block .square {
    background-color: rgba(199, 64, 58, .83)
}
.rojo-school.transparent .square-1 {
    background-color: rgba(199, 64, 58, .63)
}
.rojo-school.transparent .square-2 {
    background-color: rgba(186, 46, 55, .83)
}
.rojo-school.transparent .square-3 {
    background-color: rgba(179, 62, 45, .83)
}
.multi-slide.rojo-school.transparent .block>div.main-content::before,
.rojo-school.transparent .square-4 {
    background-color: rgba(207, 77, 64, .63)
}
.multi-slide.rojo-school.transparent .block>div.main-content::after {
    background-color: rgba(186, 46, 55, .83)
}
.bg-color.naranja-rojizo,
.naranja-rojizo .block>div.main-content,
.naranja-rojizo .square-1,
.naranja-rojizo.flat .block .square {
    background-color: #c85432
}
.naranja-rojizo .square-2,
.naranja-rojizo .square-3 {
    background-color: #cb5f3c
}
.naranja-rojizo .square-4 {
    background-color: #c75130
}
.multi-slide.naranja-rojizo .block>div.main-content::before {
    background-color: #cb5f3c
}
.multi-slide.naranja-rojizo .block>div.main-content::after {
    background-color: #c85432
}
.naranja-rojizo.flat.transparent .block .square {
    background-color: rgba(200, 84, 50, .83)
}
.naranja-rojizo.transparent .square-1 {
    background-color: rgba(200, 84, 50, .63)
}
.naranja-rojizo.transparent .square-2,
.naranja-rojizo.transparent .square-3 {
    background-color: rgba(203, 95, 60, .83)
}
.naranja-rojizo.transparent .square-4 {
    background-color: rgba(199, 81, 48, .63)
}
.multi-slide.naranja-rojizo.transparent .block>div.main-content::before {
    background-color: rgba(203, 95, 60, .63)
}
.multi-slide.naranja-rojizo.transparent .block>div.main-content::after {
    background-color: rgba(200, 84, 50, .83)
}
.bg-color.naranja-cooperativa {
    background-color: #e6461d
}
.naranja-cooperativa .block>div.main-content {
    background-color: #ed6f18
}
.naranja-cooperativa.flat .block .square {
    background-color: #f5722f
}
.naranja-cooperativa .square-1 {
    background-color: #ed6f18
}
.naranja-cooperativa .square-2 {
    background-color: #e6461d
}
.naranja-cooperativa .square-3 {
    background-color: #f29151
}
.multi-slide.naranja-cooperativa .block>div.main-content::before,
.naranja-cooperativa .square-4 {
    background-color: #eb6420
}
.multi-slide.naranja-cooperativa .block>div.main-content::after {
    background-color: #e6461d
}
.naranja-cooperativa.flat.transparent .block .square {
    background-color: rgba(245, 114, 47, .83)
}
.naranja-cooperativa.transparent .square-1 {
    background-color: rgba(237, 111, 24, .63)
}
.naranja-cooperativa.transparent .square-2 {
    background-color: rgba(230, 70, 29, .83)
}
.naranja-cooperativa.transparent .square-3 {
    background-color: rgba(242, 145, 81, .83)
}
.multi-slide.naranja-cooperativa.transparent .block>div.main-content::before,
.naranja-cooperativa.transparent .square-4 {
    background-color: rgba(235, 100, 32, .63)
}
.multi-slide.naranja-cooperativa.transparent .block>div.main-content::after {
    background-color: rgba(230, 70, 29, .83)
}
.bg-color.naranja {
    background-color: #c55934
}
.naranja .block>div.main-content {
    background-color: #be4f29
}
.naranja.flat .block .square {
    background-color: #d35a2d
}
.naranja .square-1 {
    background-color: #be4f29
}
.naranja .square-2 {
    background-color: #c55934
}
.naranja .square-3 {
    background-color: #b74017
}
.multi-slide.naranja .block>div.main-content::before,
.naranja .square-4 {
    background-color: #be4f29
}
.naranja.flat.transparent .block .square {
    background-color: rgba(211, 90, 45, .83)
}
.naranja.transparent .square-1 {
    background-color: rgba(190, 79, 41, .63)
}
.naranja.transparent .square-2 {
    background-color: rgba(197, 89, 52, .83)
}
.naranja.transparent .square-3 {
    background-color: rgba(183, 64, 23, .83)
}
.multi-slide.naranja.transparent .block>div.main-content::before,
.naranja.transparent .square-4 {
    background-color: rgba(190, 79, 41, .63)
}
.multi-slide.naranja.transparent .block>div.main-content::after {
    background-color: rgba(197, 89, 52, .83)
}
.bg-color.naranja-facile {
    background-color: #d3a351
}
.naranja-facile .block>div.main-content,
.naranja-facile .square-1,
.naranja-facile.flat .block .square {
    background-color: #dead5b
}
.naranja-facile .square-2,
.naranja-facile .square-3 {
    background-color: #d3a351
}
.multi-slide.naranja-facile .block>div.main-content::before,
.naranja-facile .square-4 {
    background-color: #c4994e
}
.multi-slide.naranja-facile .block>div.main-content::after {
    background-color: #d3a351
}
.naranja-facile.flat.transparent .block .square {
    background-color: rgba(222, 173, 91, .83)
}
.naranja-facile.transparent .square-1 {
    background-color: rgba(222, 173, 91, .63)
}
.naranja-facile.transparent .square-2,
.naranja-facile.transparent .square-3 {
    background-color: rgba(211, 163, 81, .83)
}
.multi-slide.naranja-facile.transparent .block>div.main-content::before,
.naranja-facile.transparent .square-4 {
    background-color: rgba(196, 153, 78, .63)
}
.multi-slide.naranja-facile.transparent .block>div.main-content::after {
    background-color: rgba(211, 163, 81, .83)
}
.bg-color.naranja-opacidad {
    background-color: rgba(183, 64, 23, .8)
}
.naranja-opacidad .block>div.main-content,
.naranja-opacidad .square-1,
.naranja-opacidad.flat .block .square {
    background-color: rgba(190, 79, 41, .6)
}
.naranja-opacidad .square-2,
.naranja-opacidad .square-3 {
    background-color: rgba(183, 64, 23, .8)
}
.naranja-opacidad .square-4 {
    background-color: rgba(190, 79, 41, .6)
}
.multi-slide.naranja .block>div.main-content::before {
    background-color: #c0744f
}
.multi-slide.naranja .block>div.main-content::after {
    background-color: #ac5225
}
.naranja-opacidad.flat.transparent .block .square {
    background-color: rgba(190, 79, 41, .83)
}
.naranja-opacidad.transparent .square-1 {
    background-color: rgba(190, 79, 41, .63)
}
.naranja-opacidad.transparent .square-2,
.naranja-opacidad.transparent .square-3 {
    background-color: rgba(183, 64, 23, .83)
}
.naranja-opacidad.transparent .square-4 {
    background-color: rgba(190, 79, 41, .63)
}
.multi-slide.naranja-opacidad.transparent .block>div.main-content::before {
    background-color: rgba(192, 116, 79, .63)
}
.multi-slide.naranja-opacidad.transparent .block>div.main-content::after {
    background-color: rgba(172, 82, 37, .83)
}
.bg-color.verde-local {
    background-color: #0f3625
}
.verde-local .block>div.main-content,
.verde-local .square-1,
.verde-local.flat .block .square {
    background-color: #104532
}
.verde-local .square-2 {
    background-color: #0f3625
}
.verde-local .square-3 {
    background-color: #1a6c46
}
.multi-slide.verde-local .block>div.main-content::before,
.verde-local .square-4 {
    background-color: #115333
}
.multi-slide.verde-local .block>div.main-content::after {
    background-color: #0f3625
}
.verde-local.flat.transparent .block .square {
    background-color: rgba(16, 69, 50, .83)
}
.verde-local.transparent .square-1 {
    background-color: rgba(16, 69, 50, .63)
}
.verde-local.transparent .square-2 {
    background-color: rgba(15, 54, 37, .83)
}
.verde-local.transparent .square-3 {
    background-color: rgba(26, 108, 70, .83)
}
.multi-slide.verde-local.transparent .block>div.main-content::before,
.verde-local.transparent .square-4 {
    background-color: rgba(17, 83, 51, .63)
}
.multi-slide.verde-local.transparent .block>div.main-content::after {
    background-color: rgba(15, 54, 37, .83)
}
.bg-color.azul-salud {
    background-color: #1a91d7
}
.azul-salud .block>div.main-content,
.azul-salud .square-1,
.azul-salud.flat .block .square {
    background-color: #33a7df
}
.azul-salud .square-2 {
    background-color: #1a91d7
}
.azul-salud .square-3 {
    background-color: #7acae1
}
.azul-salud .square-4,
.multi-slide.azul-salud .block>div.main-content::before {
    background-color: #57b6e1
}
.multi-slide.azul-salud .block>div.main-content::after {
    background-color: #1a91d7
}
.azul-salud.flat.transparent .block .square {
    background-color: rgba(51, 167, 223, .83)
}
.azul-salud.transparent .square-1 {
    background-color: rgba(51, 167, 223, .63)
}
.azul-salud.transparent .square-2 {
    background-color: rgba(26, 145, 215, .83)
}
.azul-salud.transparent .square-3 {
    background-color: rgba(122, 202, 225, .83)
}
.azul-salud.transparent .square-4,
.multi-slide.azul-salud.transparent .block>div.main-content::before {
    background-color: rgba(87, 182, 225, .63)
}
.multi-slide.azul-salud.transparent .block>div.main-content::after {
    background-color: rgba(26, 145, 215, .83)
}
.bg-color.verde-eco {
    background-color: #437e2e
}
.verde-eco .block>div.main-content,
.verde-eco .square-1,
.verde-eco.flat .block .square {
    background-color: #479431
}
.verde-eco .square-2 {
    background-color: #437e2e
}
.verde-eco .square-3 {
    background-color: #62b444
}
.multi-slide.verde-eco .block>div.main-content::before,
.verde-eco .square-4 {
    background-color: #42aa32
}
.multi-slide.verde-eco .block>div.main-content::after {
    background-color: #437e2e
}
.verde-eco.flat.transparent .block .square {
    background-color: rgb(71, 148, 49, .83)
}
.verde-eco.transparent .square-1 {
    background-color: rgba(71, 148, 49, .63)
}
.verde-eco.transparent .square-2 {
    background-color: rgba(67, 126, 46, .83)
}
.verde-eco.transparent .square-3 {
    background-color: rgba(98, 180, 68, .83)
}
.multi-slide.verde-eco.transparent .block>div.main-content::before,
.verde-eco.transparent .square-4 {
    background-color: rgba(66, 170, 50, .63)
}
.multi-slide.verde-eco.transparent .block>div.main-content::after {
    background-color: rgba(67, 126, 46, .83)
}
.bg-color.turquesa-escucha {
    background-color: #59bcb7
}
.turquesa-escucha .block>div.main-content,
.turquesa-escucha .square-1,
.turquesa-escucha.flat .block .square {
    background-color: #6cc2ba
}
.turquesa-escucha .square-2 {
    background-color: #59bcb7
}
.turquesa-escucha .square-3 {
    background-color: #83cbc9
}
.multi-slide.turquesa-escucha .block>div.main-content::before,
.turquesa-escucha .square-4 {
    background-color: #63c0be
}
.multi-slide.turquesa-escucha .block>div.main-content::after {
    background-color: #59bcb7
}
.turquesa-escucha.flat.transparent .block .square {
    background-color: rgba(108, 194, 186, .83)
}
.bg-color.verde-opinion {
    background-color: #83c1ba
}
.verde-opinion .block>div.main-content {
    background-color: #64a8a2
}
.verde-opinion .square-1,
.verde-opinion.flat .block .square {
    background-color: #7ab8b2
}
.verde-opinion .square-2 {
    background-color: #83c1ba
}
.verde-opinion .square-3 {
    background-color: #87c3ba
}
.verde-opinion .square-4 {
    background-color: #64a8a2
}
.multi-slide.verde-opinion .block>div.main-content::before {
    background-color: #74b3ad
}
.multi-slide.verde-opinion .block>div.main-content::after {
    background-color: #83c1ba
}
.verde-opinion.flat.transparent .block .square {
    background-color: rgba(122, 184, 178, .83)
}
.turquesa-escucha.transparent .square-1 {
    background-color: rgba(108, 194, 186, .63)
}
.turquesa-escucha.transparent .square-2 {
    background-color: rgba(89, 188, 183, .83)
}
.turquesa-escucha.transparent .square-3 {
    background-color: rgba(131, 203, 201, .83)
}
.multi-slide.turquesa-escucha.transparent .block>div.main-content::before,
.turquesa-escucha.transparent .square-4 {
    background-color: rgba(99, 192, 190, .63)
}
.multi-slide.turquesa-escucha.transparent .block>div.main-content::after {
    background-color: rgba(89, 188, 183, .83)
}
.bg-color.marron-experiencia-positiva {
    background-color: #9c631b
}
.marron-experiencia-positiva .block>div.main-content,
.marron-experiencia-positiva .square-1,
.marron-experiencia-positiva.flat .block .square {
    background-color: #6c4227
}
.marron-experiencia-positiva .square-2 {
    background-color: #9c631b
}
.marron-experiencia-positiva .square-3 {
    background-color: #9e6230
}
.marron-experiencia-positiva .square-4,
.multi-slide.marron-experiencia-positiva .block>div.main-content::before {
    background-color: #752e1a
}
.multi-slide.marron-experiencia-positiva .block>div.main-content::after {
    background-color: #9c631b
}
.marron-experiencia-positiva.flat.transparent .block .square {
    background-color: rgba(108, 66, 39, .83)
}
.marron-experiencia-positiva.transparent .square-1 {
    background-color: rgba(108, 66, 39, .63)
}
.marron-experiencia-positiva.transparent .square-2 {
    background-color: rgba(156, 99, 27, .83)
}
.marron-experiencia-positiva.transparent .square-3 {
    background-color: rgba(158, 98, 48, .83)
}
.marron-experiencia-positiva.transparent .square-4,
.multi-slide.marron-experiencia-positiva.transparent .block>div.main-content::before {
    background-color: rgba(117, 46, 26, .63)
}
.multi-slide.marron-experiencia-positiva.transparent .block>div.main-content::after {
    background-color: rgba(156, 99, 27, .83)
}
.bg-color.morado-belle {
    background-color: #582056
}
.morado-belle .block>div.main-content,
.morado-belle .square-1,
.morado-belle.flat .block .square {
    background-color: #835581
}
.morado-belle .square-2 {
    background-color: #582056
}
.morado-belle .square-3 {
    background-color: #a0639a
}
.morado-belle .square-4,
.multi-slide.morado-belle .block>div.main-content::before {
    background-color: #792e75
}
.multi-slide.morado-belle .block>div.main-content::after {
    background-color: #835581
}
.morado-belle.flat.transparent .block .square {
    background-color: rgba(131, 85, 129, .83)
}
.morado-belle.transparent .square-1 {
    background-color: rgba(131, 85, 129, .63)
}
.morado-belle.transparent .square-2 {
    background-color: rgba(88, 32, 86, .83)
}
.morado-belle.transparent .square-3 {
    background-color: rgba(160, 99, 154, .83)
}
.morado-belle.transparent .square-4,
.multi-slide.morado-belle.transparent .block>div.main-content::before {
    background-color: rgba(121, 46, 117, .63)
}
.multi-slide.morado-belle.transparent .block>div.main-content::after {
    background-color: rgba(131, 85, 129, .83)
}
.bg-color.negro-seleqtia {
    background-color: #0a0b0a
}
.negro-seleqtia .block>div.main-content,
.negro-seleqtia .square-1,
.negro-seleqtia.flat .block .square {
    background-color: #272627
}
.negro-seleqtia .square-2 {
    background-color: #0a0b0a
}
.negro-seleqtia .square-3 {
    background-color: #313133
}
.multi-slide.negro-seleqtia .block>div.main-content::before,
.negro-seleqtia .square-4 {
    background-color: #1a1a1a
}
.multi-slide.negro-seleqtia .block>div.main-content::after {
    background-color: #0a0b0a
}
.negro-seleqtia.flat.transparent .block .square {
    background-color: rgba(39, 38, 39, .83)
}
.negro-seleqtia.transparent .square-1 {
    background-color: rgba(39, 38, 39, .63)
}
.negro-seleqtia.transparent .square-2 {
    background-color: rgba(10, 11, 10, .83)
}
.negro-seleqtia.transparent .square-3 {
    background-color: rgba(49, 49, 51, .83)
}
.multi-slide.negro-seleqtia.transparent .block>div.main-content::before,
.negro-seleqtia.transparent .square-4 {
    background-color: rgba(26, 26, 26, .63)
}
.multi-slide.negro-seleqtia.transparent .block>div.main-content::after {
    background-color: rgba(10, 11, 10, .83)
}
.bg-color.azul-sannia {
    background-color: #1a91d7
}
.azul-sannia .block>div.main-content,
.azul-sannia .square-1,
.azul-sannia.flat .block .square {
    background-color: #33a7df
}
.azul-sannia .square-2 {
    background-color: #1a91d7
}
.azul-sannia .square-3 {
    background-color: #7acae1
}
.azul-sannia .square-4,
.multi-slide.azul-sannia .block>div.main-content::before {
    background-color: #57b6e1
}
.multi-slide.azul-sannia .block>div.main-content::after {
    background-color: #1a91d7
}
.azul-sannia.flat.transparent .block .square {
    background-color: rgba(51, 167, 223, .83)
}
.azul-sannia.transparent .square-1 {
    background-color: rgba(51, 167, 223, .63)
}
.azul-sannia.transparent .square-2 {
    background-color: rgba(26, 145, 215, .83)
}
.azul-sannia.transparent .square-3 {
    background-color: rgba(122, 202, 225, .83)
}
.azul-sannia.transparent .square-4,
.multi-slide.azul-sannia.transparent .block>div.main-content::before {
    background-color: rgba(87, 182, 225, .63)
}
.multi-slide.azul-sannia.transparent .block>div.main-content::after {
    background-color: rgba(26, 145, 215, .83)
}
.bg-color.azul-eroski {
    background-color: #19326d
}
.azul-eroski .block>div.main-content,
.azul-eroski .square-1,
.azul-eroski.flat .block .square {
    background-color: #00448f
}
.azul-eroski .square-2 {
    background-color: #19326d
}
.azul-eroski .square-3 {
    background-color: #1f5fae
}
.azul-eroski .square-4,
.multi-slide.azul-eroski .block>div.main-content::before {
    background-color: #1452a4
}
.multi-slide.azul-eroski .block>div.main-content::after {
    background-color: #19326d
}
.azul-eroski.flat.transparent .block .square {
    background-color: rgba(0, 68, 143, .83)
}
.azul-eroski.transparent .square-1 {
    background-color: rgba(0, 68, 143, .63)
}
.azul-eroski.transparent .square-2 {
    background-color: rgba(25, 50, 109, .83)
}
.azul-eroski.transparent .square-3 {
    background-color: rgba(31, 95, 174, .83)
}
.azul-eroski.transparent .square-4,
.multi-slide.azul-eroski.transparent .block>div.main-content::before {
    background-color: rgba(20, 82, 164, .63)
}
.multi-slide.azul-eroski.transparent .block>div.main-content::after {
    background-color: rgba(25, 50, 109, .83)
}
.bg-color.naranja-basic {
    background-color: #f15d2a
}
.naranja-basic .block>div.main-content,
.naranja-basic .square-1,
.naranja-basic.flat .block .square {
    background-color: #db1720
}
.naranja-basic .square-2 {
    background-color: #f15d2a
}
.naranja-basic .square-3 {
    background-color: #dc3819
}
.multi-slide.naranja-basic .block>div.main-content::before,
.naranja-basic .square-4 {
    background-color: #f47b31
}
.multi-slide.naranja-basic .block>div.main-content::after {
    background-color: #f15d2a
}
.naranja-basic.flat.transparent .block .square {
    background-color: rgba(219, 23, 32, .83)
}
.naranja-basic.transparent .square-1 {
    background-color: rgba(219, 23, 32, .63)
}
.naranja-basic.transparent .square-2 {
    background-color: rgba(241, 93, 42, .83)
}
.naranja-basic.transparent .square-3 {
    background-color: rgba(220, 56, 25, .83)
}
.multi-slide.naranja-basic.transparent .block>div.main-content::before,
.naranja-basic.transparent .square-4 {
    background-color: rgba(244, 123, 49, .63)
}
.multi-slide.naranja-basic.transparent .block>div.main-content::after {
    background-color: rgba(241, 93, 42, .83)
}
.bg-color.turquesa-eroski-bebe {
    background-color: #88ccbf
}
.turquesa-eroski-bebe .block>div.main-content,
.turquesa-eroski-bebe .square-1,
.turquesa-eroski-bebe.flat .block .square {
    background-color: #c6e6e2
}
.turquesa-eroski-bebe .square-2 {
    background-color: #88ccbf
}
.turquesa-eroski-bebe .square-3 {
    background-color: #daefed
}
.multi-slide.turquesa-eroski-bebe .block>div.main-content::before,
.turquesa-eroski-bebe .square-4 {
    background-color: #adddd8
}
.multi-slide.turquesa-eroski-bebe .block>div.main-content::after {
    background-color: #88ccbf
}
.turquesa-eroski-bebe.flat.transparent .block .square {
    background-color: rgba(198, 230, 226, .83)
}
.turquesa-eroski-bebe.transparent .square-1 {
    background-color: rgba(198, 230, 226, .63)
}
.turquesa-eroski-bebe.transparent .square-2 {
    background-color: rgba(136, 204, 191, .83)
}
.turquesa-eroski-bebe.transparent .square-3 {
    background-color: rgba(218, 239, 237, .83)
}
.multi-slide.turquesa-eroski-bebe.transparent .block>div.main-content::before,
.turquesa-eroski-bebe.transparent .square-4 {
    background-color: rgba(173, 221, 216, .63)
}
.multi-slide.turquesa-eroski-bebe.transparent .block>div.main-content::after {
    background-color: rgba(136, 204, 191, .83)
}
.bg-color.verde-natur {
    background-color: #bbbf91
}
.verde-natur .block>div.main-content,
.verde-natur .square-1,
.verde-natur.flat .block .square {
    background-color: #d9e5ce
}
.verde-natur .square-2 {
    background-color: #bbbf91
}
.verde-natur .square-3 {
    background-color: #e8e9d6
}
.multi-slide.verde-natur .block>div.main-content::before,
.verde-natur .square-4 {
    background-color: #bad0a6
}
.multi-slide.verde-natur .block>div.main-content::after {
    background-color: #bbbf91
}
.verde-natur.flat.transparent .block .square {
    background-color: rgba(217, 229, 206, .83)
}
.verde-natur.transparent .square-1 {
    background-color: rgba(217, 229, 206, .63)
}
.verde-natur.transparent .square-2 {
    background-color: rgba(187, 191, 145, .83)
}
.verde-natur.transparent .square-3 {
    background-color: rgba(232, 233, 214, .83)
}
.multi-slide.verde-natur.transparent .block>div.main-content::before,
.verde-natur.transparent .square-4 {
    background-color: rgba(186, 208, 166, .63)
}
.multi-slide.verde-natur.transparent .block>div.main-content::after {
    background-color: rgba(187, 191, 145, .83)
}
.bg-color.marron-faccile {
    background-color: #7a3721
}
.marron-faccile .block>div.main-content,
.marron-faccile .square-1,
.marron-faccile.flat .block .square {
    background-color: #3b0200
}
.marron-faccile .square-2 {
    background-color: #7a3721
}
.marron-faccile .square-3 {
    background-color: #b4806a
}
.marron-faccile .square-4,
.multi-slide.marron-faccile .block>div.main-content::before {
    background-color: #e9d0c1
}
.multi-slide.marron-faccile .block>div.main-content::after {
    background-color: #7a3721
}
.marron-faccile.flat.transparent .block .square {
    background-color: rgba(59, 2, 0, .83)
}
.marron-faccile.transparent .square-1 {
    background-color: rgba(59, 2, 0, .63)
}
.marron-faccile.transparent .square-2 {
    background-color: rgba(122, 55, 33, .83)
}
.marron-faccile.transparent .square-3 {
    background-color: rgba(180, 128, 106, .83)
}
.marron-faccile.transparent .square-4,
.multi-slide.marron-faccile.transparent .block>div.main-content::before {
    background-color: rgba(233, 208, 193, .63)
}
.multi-slide.marron-faccile.transparent .block>div.main-content::after {
    background-color: rgba(122, 55, 33, .83)
}
.bg-color.azul-parafarmacia {
    background-color: #1b8da9
}
.azul-parafarmacia .block>div.main-content,
.azul-parafarmacia .square-1,
.azul-parafarmacia.flat .block .square {
    background-color: #07b0c7
}
.azul-parafarmacia .square-2 {
    background-color: #1b8da9
}
.azul-parafarmacia .square-3 {
    background-color: #5dc8d6
}
.azul-parafarmacia .square-4,
.multi-slide.azul-parafarmacia .block>div.main-content::before {
    background-color: #1cbed2
}
.multi-slide.azul-parafarmacia .block>div.main-content::after {
    background-color: #1b8da9
}
.azul-parafarmacia.flat.transparent .block .square {
    background-color: rgba(7, 176, 199, .83)
}
.azul-parafarmacia.transparent .square-1 {
    background-color: rgba(7, 176, 199, .63)
}
.azul-parafarmacia.transparent .square-2 {
    background-color: rgba(27, 141, 169, .83)
}
.azul-parafarmacia.transparent .square-3 {
    background-color: rgba(93, 200, 214, .83)
}
.azul-parafarmacia.transparent .square-4,
.multi-slide.azul-parafarmacia.transparent .block>div.main-content::before {
    background-color: rgba(28, 190, 210, .63)
}
.multi-slide.azul-parafarmacia.transparent .block>div.main-content::after {
    background-color: rgba(27, 141, 169, .83)
}
.bg-color.rosa-dietetica {
    background-color: #980058
}
.rosa-dietetica .block>div.main-content,
.rosa-dietetica .square-1,
.rosa-dietetica.flat .block .square {
    background-color: #c70058
}
.rosa-dietetica .square-2 {
    background-color: #980058
}
.rosa-dietetica .square-3 {
    background-color: #cc5ca0
}
.multi-slide.rosa-dietetica .block>div.main-content::before,
.rosa-dietetica .square-4 {
    background-color: #ca1f85
}
.multi-slide.rosa-dietetica .block>div.main-content::after {
    background-color: #980058
}
.rosa-dietetica.flat.transparent .block .square {
    background-color: rgba(199, 0, 88, .83)
}
.rosa-dietetica.transparent .square-1 {
    background-color: rgba(199, 0, 88, .63)
}
.rosa-dietetica.transparent .square-2 {
    background-color: rgba(152, 0, 88, .83)
}
.rosa-dietetica.transparent .square-3 {
    background-color: rgba(204, 92, 160, .83)
}
.multi-slide.rosa-dietetica.transparent .block>div.main-content::before,
.rosa-dietetica.transparent .square-4 {
    background-color: rgba(202, 31, 133, .63)
}
.multi-slide.rosa-dietetica.transparent .block>div.main-content::after {
    background-color: rgba(152, 0, 88, .83)
}
.bg-color.gris-sin {
    background-color: #dadada
}
.gris-sin .block>div.main-content,
.gris-sin .square-1,
.gris-sin.flat .block .square {
    background-color: #ededed
}
.gris-sin .square-2 {
    background-color: #dadada
}
.gris-sin .square-3 {
    background-color: #f6f6f6
}
.gris-sin .square-4,
.multi-slide.gris-sin .block>div.main-content::before {
    background-color: #e3e3e3
}
.multi-slide.gris-sin .block>div.main-content::after {
    background-color: #dadada
}
.gris-sin.flat.transparent .block .square {
    background-color: rgba(237, 237, 237, .83)
}
.gris-sin.transparent .square-1 {
    background-color: rgba(237, 237, 237, .63)
}
.gris-sin.transparent .square-2 {
    background-color: rgba(218, 218, 218, .83)
}
.gris-sin.transparent .square-3 {
    background-color: rgba(246, 246, 246, .83)
}
.gris-sin.transparent .square-4,
.multi-slide.gris-sin.transparent .block>div.main-content::before {
    background-color: rgba(227, 227, 227, .63)
}
.multi-slide.gris-sin.transparent .block>div.main-content::after {
    background-color: rgba(218, 218, 218, .83)
}
.bg-color.rojo-eroski-club {
    background-color: #db1720
}
.rojo-eroski-club .block>div.main-content,
.rojo-eroski-club .square-1,
.rojo-eroski-club.flat .block .square {
    background-color: #eb4c37
}
.rojo-eroski-club .square-2 {
    background-color: #db1720
}
.rojo-eroski-club .square-3 {
    background-color: #e73a2e
}
.rojo-eroski-club .square-4 {
    background-color: #ef4b34
}
.multi-slide.rojo-eroski-club .block>div.main-content::before {
    background-color: #e73a2e
}
.multi-slide.rojo-eroski-club .block>div.main-content::after {
    background-color: #d9272e
}
.rojo-eroski-club.flat.transparent .block .square {
    background-color: rgba(235, 76, 55, .83)
}
.rojo-eroski-club.transparent .square-1 {
    background-color: rgba(235, 76, 55, .63)
}
.rojo-eroski-club.transparent .square-2 {
    background-color: rgba(219, 23, 32, .83)
}
.rojo-eroski-club.transparent .square-3 {
    background-color: rgba(231, 58, 46, .83)
}
.rojo-eroski-club.transparent .square-4 {
    background-color: rgba(239, 75, 52, .63)
}
.multi-slide.rojo-eroski-club.transparent .block>div.main-content::before {
    background-color: rgba(231, 58, 46, .63)
}
.multi-slide.rojo-eroski-club.transparent .block>div.main-content::after {
    background-color: rgba(217, 39, 46, .83)
}
.bg-color.amarillo {
    background-color: #fecd26
}
.amarillo .block>div.main-content,
.amarillo .square-1,
.amarillo.flat .block .square {
    background-color: #fadc49
}
.amarillo .square-2 {
    background-color: #fecd26
}
.amarillo .square-3 {
    background-color: #f7e54e
}
.amarillo .square-4,
.multi-slide.amarillo .block>div.main-content::before {
    background-color: #fcd621
}
.multi-slide.amarillo .block>div.main-content::after {
    background-color: #fecd26
}
.amarillo.flat.transparent .block .square {
    background-color: rgba(250, 220, 73, .83)
}
.amarillo.transparent .square-1 {
    background-color: rgba(250, 220, 73, .63)
}
.amarillo.transparent .square-2 {
    background-color: rgba(254, 205, 38, .83)
}
.amarillo.transparent .square-3 {
    background-color: rgba(247, 229, 78, .83)
}
.amarillo.transparent .square-4,
.multi-slide.amarillo.transparent .block>div.main-content::before {
    background-color: rgba(252, 214, 33, .63)
}
.multi-slide.amarillo.transparent .block>div.main-content::after {
    background-color: rgba(254, 205, 38, .83)
}
.amarillo-descuento .block>div.main-content,
.amarillo-descuento.flat .block .square,
.bg-color.amarillo-descuento {
    background-color: rgba(249, 218, 82, 1)
}
.amarillo-descuento .square-1 {
    background-color: #f9da52
}
.amarillo-descuento .square-2 {
    background-color: #f9c937
}
.amarillo-descuento .square-3 {
    background-color: #f6e358
}
.amarillo-descuento .square-4 {
    background-color: #fad336
}
.multi-slide.amarillo-descuento .block>div.main-content::before {
    background-color: #f9c937
}
.multi-slide.amarillo-descuento .block>div.main-content::after {
    background-color: #fad336
}
.amarillo-descuento.flat.transparent .block .square {
    background-color: rgba(249, 218, 82, .83)
}
.amarillo-descuento.transparent .square-1 {
    background-color: rgba(249, 218, 82, .63)
}
.amarillo-descuento.transparent .square-2 {
    background-color: rgba(249, 201, 55, .83)
}
.amarillo-descuento.transparent .square-3 {
    background-color: rgba(246, 227, 88, .83)
}
.amarillo-descuento.transparent .square-4 {
    background-color: rgba(250, 211, 54, .63)
}
.multi-slide.amarillo-descuento.transparent .block>div.main-content::before {
    background-color: rgba(249, 201, 55, .63)
}
.multi-slide.amarillo-descuento.transparent .block>div.main-content::after {
    background-color: rgba(250, 211, 54, .83)
}
.bg-color.rojo-navidad,
.rojo-navidad .block>div.main-content,
.rojo-navidad .square-1 {
    background: rgba(153, 25, 31, 1);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#991920', endColorstr='#dc0b16', GradientType=1)
}
.bg-color.rojo-navidad,
.rojo-navidad .block>div.main-content {
    background: -moz-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(153, 25, 31, 1)), color-stop(45%, rgba(153, 25, 31, 1)), color-stop(100%, rgba(220, 12, 21, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: linear-gradient(135deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%)
}
.rojo-navidad.flat .block .square {
    background: 0 0
}
.rojo-navidad .square-1 {
    background: -moz-linear-gradient(45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(153, 25, 31, 1)), color-stop(45%, rgba(153, 25, 31, 1)), color-stop(100%, rgba(220, 12, 21, 1)));
    background: -webkit-linear-gradient(45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: linear-gradient(45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%)
}
.rojo-navidad .square-2 {
    background: rgba(153, 25, 31, 1);
    background: -moz-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(153, 25, 31, 1)), color-stop(45%, rgba(153, 25, 31, 1)), color-stop(100%, rgba(220, 12, 21, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: linear-gradient(135deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#991920', endColorstr='#dc0b16', GradientType=1)
}
.rojo-navidad .square-3,
.rojo-navidad .square-4 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dc0b16', endColorstr='#991920', GradientType=1)
}
.rojo-navidad .square-3 {
    background: rgba(220, 12, 21, 1);
    background: -moz-linear-gradient(-45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 32, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(220, 12, 21, 1)), color-stop(45%, rgba(153, 25, 32, 1)), color-stop(100%, rgba(153, 25, 32, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: linear-gradient(135deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%)
}
.rojo-navidad .square-4 {
    background: rgba(220, 12, 21, 1);
    background: -moz-linear-gradient(45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 32, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(220, 12, 21, 1)), color-stop(45%, rgba(153, 25, 31, 1)), color-stop(100%, rgba(153, 25, 31, 1)));
    background: -webkit-linear-gradient(45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: linear-gradient(45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%)
}
.multi-slide.rojo-navidad .block>div.main-content::before {
    background: rgba(153, 25, 31, 1);
    background: -moz-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(153, 25, 31, 1)), color-stop(45%, rgba(153, 25, 31, 1)), color-stop(100%, rgba(220, 12, 21, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    background: linear-gradient(135deg, rgba(153, 25, 31, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(220, 12, 21, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#991920', endColorstr='#dc0b16', GradientType=1)
}
.multi-slide.rojo-navidad .block>div.main-content::after {
    background: rgba(220, 12, 21, 1);
    background: -moz-linear-gradient(45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 32, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(220, 12, 21, 1)), color-stop(45%, rgba(153, 25, 31, 1)), color-stop(100%, rgba(153, 25, 31, 1)));
    background: -webkit-linear-gradient(45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%);
    background: linear-gradient(45deg, rgba(220, 12, 21, 1) 0, rgba(153, 25, 31, 1) 45%, rgba(153, 25, 31, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dc0b16', endColorstr='#991920', GradientType=1)
}
.rojo-navidad.transparent .block>div.main-content,
.rojo-navidad.transparent .square-1,
.rojo-navidad.transparent .square-2 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#991920', endColorstr='#dc0b16', GradientType=1)
}
.rojo-navidad.transparent .block>div.main-content {
    background: rgba(153, 25, 31, .8);
    background: -moz-linear-gradient(-45deg, rgba(153, 25, 31, .8) 0, rgba(153, 25, 31, .8) 45%, rgba(220, 12, 21, .8) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(153, 25, 31, .8)), color-stop(45%, rgba(153, 25, 31, .8)), color-stop(100%, rgba(220, 12, 21, .8)));
    background: -webkit-linear-gradient(-45deg, rgba(153, 25, 31, .8) 0, rgba(153, 25, 31, .8) 45%, rgba(220, 12, 21, .8) 100%);
    background: -o-linear-gradient(-45deg, rgba(153, 25, 31, .8) 0, rgba(153, 25, 31, .8) 45%, rgba(220, 12, 21, .8) 100%);
    background: -ms-linear-gradient(-45deg, rgba(153, 25, 31, .8) 0, rgba(153, 25, 31, .8) 45%, rgba(220, 12, 21, .8) 100%);
    background: linear-gradient(135deg, rgba(153, 25, 31, .8) 0, rgba(153, 25, 31, .8) 45%, rgba(220, 12, 21, .8) 100%)
}
.rojo-navidad.flat.transparent .block .square {
    background: 0 0
}
.rojo-navidad.transparent .square-1 {
    background: rgba(153, 25, 31, .9);
    background: -moz-linear-gradient(45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(153, 25, 31, .9)), color-stop(45%, rgba(153, 25, 31, .9)), color-stop(100%, rgba(220, 12, 21, .7)));
    background: -webkit-linear-gradient(45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: -o-linear-gradient(45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: -ms-linear-gradient(45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: linear-gradient(45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%)
}
.rojo-navidad.transparent .square-2 {
    background: rgba(153, 25, 31, .9);
    background: -moz-linear-gradient(-45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(153, 25, 31, .9)), color-stop(45%, rgba(153, 25, 31, .9)), color-stop(100%, rgba(220, 12, 21, .7)));
    background: -webkit-linear-gradient(-45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: -o-linear-gradient(-45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: -ms-linear-gradient(-45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: linear-gradient(135deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%)
}
.rojo-navidad.transparent .square-3,
.rojo-navidad.transparent .square-4 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dc0b16', endColorstr='#991920', GradientType=1)
}
.rojo-navidad.transparent .square-3 {
    background: rgba(220, 12, 21, .7);
    background: -moz-linear-gradient(-45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 32, 1) 55%, rgba(153, 25, 31, .9) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(220, 12, 21, .7)), color-stop(55%, rgba(153, 25, 32, 1)), color-stop(100%, rgba(153, 25, 32, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%);
    background: -o-linear-gradient(-45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%);
    background: -ms-linear-gradient(-45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%);
    background: linear-gradient(135deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%)
}
.rojo-navidad.transparent .square-4 {
    background: rgba(220, 12, 21, .7);
    background: -moz-linear-gradient(45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 32, 1) 55%, rgba(153, 25, 31, .9) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(220, 12, 21, .7)), color-stop(55%, rgba(153, 25, 31, .9)), color-stop(100%, rgba(153, 25, 31, .9)));
    background: -webkit-linear-gradient(45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%);
    background: -o-linear-gradient(45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%);
    background: -ms-linear-gradient(45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%);
    background: linear-gradient(45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%)
}
.multi-slide.rojo-navidad.transparent .block>div.main-content::before {
    background: rgba(153, 25, 31, .9);
    background: -moz-linear-gradient(-45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(153, 25, 31, .9)), color-stop(45%, rgba(153, 25, 31, .9)), color-stop(100%, rgba(220, 12, 21, .7)));
    background: -webkit-linear-gradient(-45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: -o-linear-gradient(-45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: -ms-linear-gradient(-45deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    background: linear-gradient(135deg, rgba(153, 25, 31, .9) 0, rgba(153, 25, 31, .9) 45%, rgba(220, 12, 21, .7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#991920', endColorstr='#dc0b16', GradientType=1)
}
.multi-slide.rojo-navidad.transparent .block>div.main-content::after {
    background: rgba(220, 12, 21, .7);
    background: -moz-linear-gradient(45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 32, 1) 55%, rgba(153, 25, 31, .9) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(220, 12, 21, .7)), color-stop(55%, rgba(153, 25, 31, .9)), color-stop(100%, rgba(153, 25, 31, .9)));
    background: -webkit-linear-gradient(45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%);
    background: -o-linear-gradient(45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%);
    background: -ms-linear-gradient(45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%);
    background: linear-gradient(45deg, rgba(220, 12, 21, .7) 0, rgba(153, 25, 31, .9) 55%, rgba(153, 25, 31, .9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dc0b16', endColorstr='#991920', GradientType=1)
}
.bg-color.dorado-navidad,
.dorado-navidad .block>div.main-content,
.dorado-navidad .square-1,
.dorado-navidad .square-2 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ca9926', endColorstr='#f8e5a5', GradientType=1)
}
.bg-color.dorado-navidad,
.dorado-navidad .block>div.main-content {
    background: rgba(202, 154, 38, 1);
    background: -moz-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(202, 154, 38, 1)), color-stop(45%, rgba(202, 154, 38, 1)), color-stop(100%, rgba(248, 230, 165, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: linear-gradient(135deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%)
}
.dorado-navidad.flat .block .square {
    background: 0 0
}
.dorado-navidad .square-1 {
    background: rgba(202, 154, 38, 1);
    background: -moz-linear-gradient(45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(202, 154, 38, 1)), color-stop(45%, rgba(202, 154, 38, 1)), color-stop(100%, rgba(248, 230, 165, 1)));
    background: -webkit-linear-gradient(45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: linear-gradient(45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%)
}
.dorado-navidad .square-2 {
    background: rgba(202, 154, 38, 1);
    background: -moz-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(202, 154, 38, 1)), color-stop(45%, rgba(202, 154, 38, 1)), color-stop(100%, rgba(248, 230, 165, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: linear-gradient(135deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%)
}
.dorado-navidad .square-3,
.dorado-navidad .square-4 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8e5a5', endColorstr='#ca9926', GradientType=1)
}
.dorado-navidad .square-3 {
    background: rgba(248, 230, 165, 1);
    background: -moz-linear-gradient(-45deg, rgba(248, 230, 165, 1) 0, rgba(153, 25, 32, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(248, 230, 165, 1)), color-stop(45%, rgba(153, 25, 32, 1)), color-stop(100%, rgba(153, 25, 32, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: linear-gradient(135deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%)
}
.dorado-navidad .square-4 {
    background: rgba(248, 230, 165, 1);
    background: -moz-linear-gradient(45deg, rgba(248, 230, 165, 1) 0, rgba(153, 25, 32, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(248, 230, 165, 1)), color-stop(45%, rgba(202, 154, 38, 1)), color-stop(100%, rgba(202, 154, 38, 1)));
    background: -webkit-linear-gradient(45deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: linear-gradient(45deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%)
}
.multi-slide.dorado-navidad .block>div.main-content::before {
    background: rgba(202, 154, 38, 1);
    background: -moz-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(202, 154, 38, 1)), color-stop(45%, rgba(202, 154, 38, 1)), color-stop(100%, rgba(248, 230, 165, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    background: linear-gradient(135deg, rgba(202, 154, 38, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(248, 230, 165, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ca9926', endColorstr='#f8e5a5', GradientType=1)
}
.multi-slide.dorado-navidad .block>div.main-content::after {
    background: rgba(248, 230, 165, 1);
    background: -moz-linear-gradient(45deg, rgba(248, 230, 165, 1) 0, rgba(153, 25, 32, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(248, 230, 165, 1)), color-stop(45%, rgba(202, 154, 38, 1)), color-stop(100%, rgba(202, 154, 38, 1)));
    background: -webkit-linear-gradient(45deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%);
    background: linear-gradient(45deg, rgba(248, 230, 165, 1) 0, rgba(202, 154, 38, 1) 45%, rgba(202, 154, 38, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8e5a5', endColorstr='#ca9926', GradientType=1)
}
.dorado-navidad.transparent .block>div.main-content,
.dorado-navidad.transparent .square-1,
.dorado-navidad.transparent .square-2 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ca9926', endColorstr='#f8e5a5', GradientType=1)
}
.dorado-navidad.transparent .block>div.main-content {
    background: rgba(202, 154, 38, .8);
    background: -moz-linear-gradient(-45deg, rgba(202, 154, 38, .8) 0, rgba(202, 154, 38, .8) 45%, rgba(248, 230, 165, .8) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(202, 154, 38, .8)), color-stop(45%, rgba(202, 154, 38, .8)), color-stop(100%, rgba(248, 230, 165, .8)));
    background: -webkit-linear-gradient(-45deg, rgba(202, 154, 38, .8) 0, rgba(202, 154, 38, .8) 45%, rgba(248, 230, 165, .8) 100%);
    background: -o-linear-gradient(-45deg, rgba(202, 154, 38, .8) 0, rgba(202, 154, 38, .8) 45%, rgba(248, 230, 165, .8) 100%);
    background: -ms-linear-gradient(-45deg, rgba(202, 154, 38, .8) 0, rgba(202, 154, 38, .8) 45%, rgba(248, 230, 165, .8) 100%);
    background: linear-gradient(135deg, rgba(202, 154, 38, .8) 0, rgba(202, 154, 38, .8) 45%, rgba(248, 230, 165, .8) 100%)
}
.dorado-navidad.flat.transparent .block .square {
    background: 0 0
}
.dorado-navidad.transparent .square-1 {
    background: rgba(202, 154, 38, .9);
    background: -moz-linear-gradient(45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(202, 154, 38, .9)), color-stop(45%, rgba(202, 154, 38, .9)), color-stop(100%, rgba(248, 230, 165, .7)));
    background: -webkit-linear-gradient(45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: -o-linear-gradient(45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: -ms-linear-gradient(45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: linear-gradient(45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%)
}
.dorado-navidad.transparent .square-2 {
    background: rgba(202, 154, 38, .9);
    background: -moz-linear-gradient(-45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(202, 154, 38, .9)), color-stop(45%, rgba(202, 154, 38, .9)), color-stop(100%, rgba(248, 230, 165, .7)));
    background: -webkit-linear-gradient(-45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: -o-linear-gradient(-45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: -ms-linear-gradient(-45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: linear-gradient(135deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%)
}
.dorado-navidad.transparent .square-3,
.dorado-navidad.transparent .square-4 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8e5a5', endColorstr='#ca9926', GradientType=1)
}
.dorado-navidad.transparent .square-3 {
    background: rgba(248, 230, 165, .7);
    background: -moz-linear-gradient(-45deg, rgba(248, 230, 165, .7) 0, rgba(153, 25, 32, 1) 55%, rgba(202, 154, 38, .9) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(248, 230, 165, .7)), color-stop(55%, rgba(153, 25, 32, 1)), color-stop(100%, rgba(153, 25, 32, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%);
    background: -o-linear-gradient(-45deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%);
    background: -ms-linear-gradient(-45deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%);
    background: linear-gradient(135deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%)
}
.dorado-navidad.transparent .square-4 {
    background: rgba(248, 230, 165, .7);
    background: -moz-linear-gradient(45deg, rgba(248, 230, 165, .7) 0, rgba(153, 25, 32, 1) 55%, rgba(202, 154, 38, .9) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(248, 230, 165, .7)), color-stop(55%, rgba(202, 154, 38, .9)), color-stop(100%, rgba(202, 154, 38, .9)));
    background: -webkit-linear-gradient(45deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%);
    background: -o-linear-gradient(45deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%);
    background: -ms-linear-gradient(45deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%);
    background: linear-gradient(45deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%)
}
.multi-slide.dorado-navidad.transparent .block>div.main-content::before {
    background: rgba(202, 154, 38, .9);
    background: -moz-linear-gradient(-45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(202, 154, 38, .9)), color-stop(45%, rgba(202, 154, 38, .9)), color-stop(100%, rgba(248, 230, 165, .7)));
    background: -webkit-linear-gradient(-45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: -o-linear-gradient(-45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: -ms-linear-gradient(-45deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    background: linear-gradient(135deg, rgba(202, 154, 38, .9) 0, rgba(202, 154, 38, .9) 45%, rgba(248, 230, 165, .7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ca9926', endColorstr='#f8e5a5', GradientType=1)
}
.multi-slide.dorado-navidad.transparent .block>div.main-content::after {
    background: rgba(248, 230, 165, .7);
    background: -moz-linear-gradient(45deg, rgba(248, 230, 165, .7) 0, rgba(153, 25, 32, 1) 55%, rgba(202, 154, 38, .9) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(248, 230, 165, .7)), color-stop(55%, rgba(202, 154, 38, .9)), color-stop(100%, rgba(202, 154, 38, .9)));
    background: -webkit-linear-gradient(45deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%);
    background: -o-linear-gradient(45deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%);
    background: -ms-linear-gradient(45deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%);
    background: linear-gradient(45deg, rgba(248, 230, 165, .7) 0, rgba(202, 154, 38, .9) 55%, rgba(202, 154, 38, .9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8e5a5', endColorstr='#ca9926', GradientType=1)
}
.azul-verano .block>div.main-content,
.azul-verano .square-1,
.azul-verano .square-2,
.bg-color.azul-verano {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a6b2', endColorstr='#82cbd2', GradientType=1)
}
.azul-verano .block>div.main-content,
.bg-color.azul-verano {
    background: rgba(0, 165, 178, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(0, 165, 178, 1)), color-stop(45%, rgba(0, 165, 178, 1)), color-stop(100%, rgba(130, 204, 210, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%)
}
.azul-verano.flat .block .square {
    background: 0 0
}
.azul-verano .square-1 {
    background: rgba(0, 165, 178, 1);
    background: -moz-linear-gradient(45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(0, 165, 178, 1)), color-stop(45%, rgba(0, 165, 178, 1)), color-stop(100%, rgba(130, 204, 210, 1)));
    background: -webkit-linear-gradient(45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: linear-gradient(45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%)
}
.azul-verano .square-2 {
    background: rgba(0, 165, 178, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(0, 165, 178, 1)), color-stop(45%, rgba(0, 165, 178, 1)), color-stop(100%, rgba(130, 204, 210, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%)
}
.azul-verano .square-3,
.azul-verano .square-4 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#82cbd2', endColorstr='#00a6b2', GradientType=1)
}
.azul-verano .square-3 {
    background: rgba(130, 204, 210, 1);
    background: -moz-linear-gradient(-45deg, rgba(130, 204, 210, 1) 0, rgba(153, 25, 32, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(130, 204, 210, 1)), color-stop(45%, rgba(153, 25, 32, 1)), color-stop(100%, rgba(153, 25, 32, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: linear-gradient(135deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%)
}
.azul-verano .square-4 {
    background: rgba(130, 204, 210, 1);
    background: -moz-linear-gradient(45deg, rgba(130, 204, 210, 1) 0, rgba(153, 25, 32, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(130, 204, 210, 1)), color-stop(45%, rgba(0, 165, 178, 1)), color-stop(100%, rgba(0, 165, 178, 1)));
    background: -webkit-linear-gradient(45deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: linear-gradient(45deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%)
}
.multi-slide.azul-verano .block>div.main-content::before {
    background: rgba(0, 165, 178, 1);
    background: -moz-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(0, 165, 178, 1)), color-stop(45%, rgba(0, 165, 178, 1)), color-stop(100%, rgba(130, 204, 210, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    background: linear-gradient(135deg, rgba(0, 165, 178, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(130, 204, 210, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a6b2', endColorstr='#82cbd2', GradientType=1)
}
.multi-slide.azul-verano .block>div.main-content::after {
    background: rgba(130, 204, 210, 1);
    background: -moz-linear-gradient(45deg, rgba(130, 204, 210, 1) 0, rgba(153, 25, 32, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(130, 204, 210, 1)), color-stop(45%, rgba(0, 165, 178, 1)), color-stop(100%, rgba(0, 165, 178, 1)));
    background: -webkit-linear-gradient(45deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%);
    background: linear-gradient(45deg, rgba(130, 204, 210, 1) 0, rgba(0, 165, 178, 1) 45%, rgba(0, 165, 178, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#82cbd2', endColorstr='#00a6b2', GradientType=1)
}
.azul-verano.transparent .block>div.main-content,
.azul-verano.transparent .square-1,
.azul-verano.transparent .square-2 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a6b2', endColorstr='#82cbd2', GradientType=1)
}
.azul-verano.transparent .block>div.main-content {
    background: rgba(0, 165, 178, .8);
    background: -moz-linear-gradient(-45deg, rgba(0, 165, 178, .8) 0, rgba(0, 165, 178, .8) 45%, rgba(130, 204, 210, .8) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(0, 165, 178, .8)), color-stop(45%, rgba(0, 165, 178, .8)), color-stop(100%, rgba(130, 204, 210, .8)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 165, 178, .8) 0, rgba(0, 165, 178, .8) 45%, rgba(130, 204, 210, .8) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 165, 178, .8) 0, rgba(0, 165, 178, .8) 45%, rgba(130, 204, 210, .8) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 165, 178, .8) 0, rgba(0, 165, 178, .8) 45%, rgba(130, 204, 210, .8) 100%);
    background: linear-gradient(135deg, rgba(0, 165, 178, .8) 0, rgba(0, 165, 178, .8) 45%, rgba(130, 204, 210, .8) 100%)
}
.azul-verano.flat.transparent .block .square {
    background: 0 0
}
.azul-verano.transparent .square-1 {
    background: rgba(0, 165, 178, .9);
    background: -moz-linear-gradient(45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(0, 165, 178, .9)), color-stop(45%, rgba(0, 165, 178, .9)), color-stop(100%, rgba(130, 204, 210, .7)));
    background: -webkit-linear-gradient(45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: -ms-linear-gradient(45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: linear-gradient(45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%)
}
.azul-verano.transparent .square-2 {
    background: rgba(0, 165, 178, .9);
    background: -moz-linear-gradient(-45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(0, 165, 178, .9)), color-stop(45%, rgba(0, 165, 178, .9)), color-stop(100%, rgba(130, 204, 210, .7)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: linear-gradient(135deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%)
}
.azul-verano.transparent .square-3,
.azul-verano.transparent .square-4 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#82cbd2', endColorstr='#00a6b2', GradientType=1)
}
.azul-verano.transparent .square-3 {
    background: rgba(130, 204, 210, .7);
    background: -moz-linear-gradient(-45deg, rgba(130, 204, 210, .7) 0, rgba(153, 25, 32, 1) 55%, rgba(0, 165, 178, .9) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(130, 204, 210, .7)), color-stop(55%, rgba(153, 25, 32, 1)), color-stop(100%, rgba(153, 25, 32, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%);
    background: -o-linear-gradient(-45deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%);
    background: -ms-linear-gradient(-45deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%);
    background: linear-gradient(135deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%)
}
.azul-verano.transparent .square-4 {
    background: rgba(130, 204, 210, .7);
    background: -moz-linear-gradient(45deg, rgba(130, 204, 210, .7) 0, rgba(153, 25, 32, 1) 55%, rgba(0, 165, 178, .9) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(130, 204, 210, .7)), color-stop(55%, rgba(0, 165, 178, .9)), color-stop(100%, rgba(0, 165, 178, .9)));
    background: -webkit-linear-gradient(45deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%);
    background: -o-linear-gradient(45deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%);
    background: -ms-linear-gradient(45deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%);
    background: linear-gradient(45deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%)
}
.multi-slide.azul-verano.transparent .block>div.main-content::before {
    background: rgba(0, 165, 178, .9);
    background: -moz-linear-gradient(-45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(0, 165, 178, .9)), color-stop(45%, rgba(0, 165, 178, .9)), color-stop(100%, rgba(130, 204, 210, .7)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    background: linear-gradient(135deg, rgba(0, 165, 178, .9) 0, rgba(0, 165, 178, .9) 45%, rgba(130, 204, 210, .7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a6b2', endColorstr='#82cbd2', GradientType=1)
}
.multi-slide.azul-verano.transparent .block>div.main-content::after {
    background: rgba(130, 204, 210, .7);
    background: -moz-linear-gradient(45deg, rgba(130, 204, 210, .7) 0, rgba(153, 25, 32, 1) 55%, rgba(0, 165, 178, .9) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(130, 204, 210, .7)), color-stop(55%, rgba(0, 165, 178, .9)), color-stop(100%, rgba(0, 165, 178, .9)));
    background: -webkit-linear-gradient(45deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%);
    background: -o-linear-gradient(45deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%);
    background: -ms-linear-gradient(45deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%);
    background: linear-gradient(45deg, rgba(130, 204, 210, .7) 0, rgba(0, 165, 178, .9) 55%, rgba(0, 165, 178, .9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#82cbd2', endColorstr='#00a6b2', GradientType=1)
}
.bg-color.rojo-verano,
.rojo-verano .block>div.main-content,
.rojo-verano .square-1 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e43119', endColorstr='#fcd304', GradientType=1)
}
.bg-color.rojo-verano,
.rojo-verano .block>div.main-content {
    background: rgba(228, 49, 25, 1);
    background: -moz-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(228, 49, 25, 1)), color-stop(30%, rgba(238, 116, 16, 1)), color-stop(70%, rgba(252, 211, 4, 1)), color-stop(100%, rgba(252, 211, 4, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: linear-gradient(135deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%)
}
.rojo-verano.flat .block .square {
    background: 0 0
}
.rojo-verano .square-1 {
    background: rgba(228, 49, 25, 1);
    background: -moz-linear-gradient(45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(228, 49, 25, 1)), color-stop(30%, rgba(238, 116, 16, 1)), color-stop(70%, rgba(252, 211, 4, 1)), color-stop(100%, rgba(252, 211, 4, 1)));
    background: -webkit-linear-gradient(45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: linear-gradient(45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%)
}
.rojo-verano .square-2,
.rojo-verano .square-3 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcd304', endColorstr='#e43119', GradientType=1)
}
.rojo-verano .square-2 {
    background: rgba(252, 211, 4, 1);
    background: -moz-linear-gradient(45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(252, 211, 4, 1)), color-stop(30%, rgba(252, 211, 4, 1)), color-stop(70%, rgba(238, 116, 16, 1)), color-stop(100%, rgba(228, 49, 25, 1)));
    background: -webkit-linear-gradient(45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: linear-gradient(45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%)
}
.rojo-verano .square-3 {
    background: rgba(252, 211, 4, 1);
    background: -moz-linear-gradient(-45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(252, 211, 4, 1)), color-stop(30%, rgba(252, 211, 4, 1)), color-stop(70%, rgba(238, 116, 16, 1)), color-stop(100%, rgba(228, 49, 25, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: linear-gradient(135deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%)
}
.rojo-verano .square-4 {
    background: rgba(228, 49, 25, 1);
    background: -moz-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(228, 49, 25, 1)), color-stop(30%, rgba(238, 116, 16, 1)), color-stop(70%, rgba(252, 211, 4, 1)), color-stop(100%, rgba(252, 211, 4, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: linear-gradient(135deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e43119', endColorstr='#fcd304', GradientType=1)
}
.multi-slide.rojo-verano .block>div.main-content::before {
    background: rgba(252, 211, 4, 1);
    background: -moz-linear-gradient(45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(252, 211, 4, 1)), color-stop(30%, rgba(252, 211, 4, 1)), color-stop(70%, rgba(238, 116, 16, 1)), color-stop(100%, rgba(228, 49, 25, 1)));
    background: -webkit-linear-gradient(45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    background: linear-gradient(45deg, rgba(252, 211, 4, 1) 0, rgba(252, 211, 4, 1) 30%, rgba(238, 116, 16, 1) 70%, rgba(228, 49, 25, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcd304', endColorstr='#e43119', GradientType=1)
}
.multi-slide.rojo-verano .block>div.main-content::after,
.rojo-verano.transparent .block>div.main-content,
.rojo-verano.transparent .square-1 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e43119', endColorstr='#fcd304', GradientType=1)
}
.multi-slide.rojo-verano .block>div.main-content::after {
    background: rgba(228, 49, 25, 1);
    background: -moz-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(228, 49, 25, 1)), color-stop(30%, rgba(238, 116, 16, 1)), color-stop(70%, rgba(252, 211, 4, 1)), color-stop(100%, rgba(252, 211, 4, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%);
    background: linear-gradient(135deg, rgba(228, 49, 25, 1) 0, rgba(238, 116, 16, 1) 30%, rgba(252, 211, 4, 1) 70%, rgba(252, 211, 4, 1) 100%)
}
.rojo-verano.transparent .block>div.main-content {
    background: rgba(228, 49, 25, .8);
    background: -moz-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(228, 49, 25, .8)), color-stop(30%, rgba(238, 116, 16, .8)), color-stop(70%, rgba(252, 211, 4, .8)), color-stop(100%, rgba(252, 211, 4, .8)));
    background: -webkit-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -o-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -ms-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: linear-gradient(135deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%)
}
.rojo-verano.flat.transparent .block .square {
    background: 0 0
}
.rojo-verano.transparent .square-1 {
    background: rgba(228, 49, 25, .8);
    background: -moz-linear-gradient(45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(228, 49, 25, .8)), color-stop(30%, rgba(238, 116, 16, .8)), color-stop(70%, rgba(252, 211, 4, .8)), color-stop(100%, rgba(252, 211, 4, .8)));
    background: -webkit-linear-gradient(45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -o-linear-gradient(45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -ms-linear-gradient(45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: linear-gradient(45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%)
}
.rojo-verano.transparent .square-2,
.rojo-verano.transparent .square-3 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcd304', endColorstr='#e43119', GradientType=1)
}
.rojo-verano.transparent .square-2 {
    background: rgba(252, 211, 4, .8);
    background: -moz-linear-gradient(45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(252, 211, 4, .8)), color-stop(30%, rgba(252, 211, 4, .8)), color-stop(70%, rgba(238, 116, 16, .8)), color-stop(100%, rgba(228, 49, 25, .8)));
    background: -webkit-linear-gradient(45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: -o-linear-gradient(45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: -ms-linear-gradient(45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: linear-gradient(45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%)
}
.rojo-verano.transparent .square-3 {
    background: rgba(252, 211, 4, .8);
    background: -moz-linear-gradient(-45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(252, 211, 4, .8)), color-stop(30%, rgba(252, 211, 4, .8)), color-stop(70%, rgba(238, 116, 16, .8)), color-stop(100%, rgba(228, 49, 25, .8)));
    background: -webkit-linear-gradient(-45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: -o-linear-gradient(-45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: -ms-linear-gradient(-45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: linear-gradient(135deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%)
}
.rojo-verano.transparent .square-4 {
    background: rgba(228, 49, 25, .8);
    background: -moz-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(228, 49, 25, .8)), color-stop(30%, rgba(238, 116, 16, .8)), color-stop(70%, rgba(252, 211, 4, .8)), color-stop(100%, rgba(252, 211, 4, .8)));
    background: -webkit-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -o-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -ms-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: linear-gradient(135deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e43119', endColorstr='#fcd304', GradientType=1)
}
.multi-slide.rojo-verano.transparent .block>div.main-content::before {
    background: rgba(252, 211, 4, .8);
    background: -moz-linear-gradient(45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0, rgba(252, 211, 4, .8)), color-stop(30%, rgba(252, 211, 4, .8)), color-stop(70%, rgba(238, 116, 16, .8)), color-stop(100%, rgba(228, 49, 25, .8)));
    background: -webkit-linear-gradient(45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: -o-linear-gradient(45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: -ms-linear-gradient(45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    background: linear-gradient(45deg, rgba(252, 211, 4, .8) 0, rgba(252, 211, 4, .8) 30%, rgba(238, 116, 16, .8) 70%, rgba(228, 49, 25, .8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcd304', endColorstr='#e43119', GradientType=1)
}
.multi-slide.rojo-verano.transparent .block>div.main-content::after {
    background: rgba(228, 49, 25, .8);
    background: -moz-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0, rgba(228, 49, 25, .8)), color-stop(30%, rgba(238, 116, 16, .8)), color-stop(70%, rgba(252, 211, 4, .8)), color-stop(100%, rgba(252, 211, 4, .8)));
    background: -webkit-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -o-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: -ms-linear-gradient(-45deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    background: linear-gradient(135deg, rgba(228, 49, 25, .8) 0, rgba(238, 116, 16, .8) 30%, rgba(252, 211, 4, .8) 70%, rgba(252, 211, 4, .8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e43119', endColorstr='#fcd304', GradientType=1)
}
@media only screen and (max-width: 1100px) {
    .slide.left.mono-slide .block>div.extra-content {
        max-width: 50%
    }
    .slide .block img.extra-image.middle.center,
    .slide .block>div.extra-content img {
        max-width: 100%
    }
    .slide.right>img {
        margin-right: auto;
        margin-left: 0;
        position: absolute;
        left: 0
    }
    .slide.left>img {
        margin-right: 0;
        margin-left: auto;
        position: absolute;
        right: 0
    }
    .slide.mono-slide .block {
        width: 100%
    }
    .slide.left.multi-slide .block>div.main-content,
    .slide.multi-slide .block>div.main-content,
    .slide.right.multi-slide .block>div.main-content {
        width: 450px;
        padding: 0
    }
    .multi-slide .block>div.main-content::after,
    .multi-slide .block>div.main-content::before {
        display: none
    }
    .slide.multi-slide .block .headline {
        width: 100%;
        left: 50%
    }
    .slide.multi-slide.left .block .headline,
    .slide.multi-slide.right .block .headline {
        width: 75%;
        left: 50%
    }
    .slide.multi-slide.left .block .square-top .headline,
    .slide.multi-slide.right .block .square-top .headline {
        width: 90%
    }
    .slide .block>div.extra-content {
        width: calc(100% - 450px)
    }
    .slide.left .block>div.extra-content {
        left: auto;
        right: 0
    }
    .slide.right .block>div.extra-content {
        right: auto;
        left: 0
    }
}
@media only screen and (max-width: 650px) {
    .slide.left .block>div.extra-content,
    .slide.right .block>div.extra-content {
        display: none
    }
    .slide,
    .slider .slick-list .slick-slide,
    .slider .slick-list .slick-slide.slide {
        min-height: 450px
    }
    .slide img {
        max-height: inherit
    }
    .slider .slick-list .slick-slide .slide .block>div.main-content,
    .slider .slick-list .slick-slide.slide .block>div.main-content {
        width: 100%;
        margin: auto
    }
    .slide.color img {
        height: auto;
        width: 100%
    }
    .slide.transparent img {
        position: absolute
    }
    .slider .slide .block {
        padding: 30% 0 0;
        width: 100%
    }
    .slide.mono-slide .block>div.main-content,
    .slide.multi-slide .block>div.main-content {
        padding: 0;
        width: 100%;
        height: 100%;
        position: relative
    }
    .slide.multi-slide .block>div.main-content {
        padding: 0
    }
    .slide .block .headline,
    .slide .block .square-top .headline {
        width: 90%
    }
    .slide .block .square-top .subtitle,
    .slide .block .subtitle {
        font-size: 12px;
        line-height: 15px;
        font-family: TexGyreAdventorBold, arial, sans-serif
    }
    .slide .block .square-top .title,
    .slide .block .title {
        font-size: 16px;
        line-height: 20px;
        margin: 5px 0
    }
    .slide .block .copy,
    .slide .block .square-top .copy {
        font-size: 13px;
        line-height: 16px;
        margin: .5rem 0
    }
    .slide .block .cta,
    .slide .block .square-top .cta {
        font-size: 15.3px;
        line-height: 19px
    }
    .slide .block .square .copy {
        font-size: 16px
    }
    .slide .block .square .big {
        font-size: 75px;
        line-height: 80px
    }
    .slide .block .square .big span {
        font-size: 40px
    }
    .slide .block .square .medium {
        font-size: 45px;
        line-height: 50px
    }
    .slide .block .square .medium span {
        font-size: 30px
    }
    .corner-image.bottom {
        top: 10%;
        bottom: auto
    }
    .right .corner-image {
        left: 20px;
        right: auto
    }
    .left .corner-image {
        left: auto;
        right: 20px
    }
    .slide .block .headline.discount .discount-title {
        font-size: 25px
    }
    .slide .block .headline.discount .number-discount {
        font-size: 120px
    }
    .slide .block .headline.discount .discount-subtitle {
        font-size: 22px
    }
    .slide .block .headline.discount .discount-date {
        font-size: 15px;
        bottom: -5%
    }
    .slider .slide img.corner-image.left-img {
        left: 20px;
        right: auto
    }
    .slider .slide img.corner-image.right-img {
        left: auto;
        right: 20px
    }
    .slider .slide img.corner-image {
        width: auto;
        height: auto
    }
    .type-2 {
        font-size: 20px
    }
}
.article-img iframe,
.article-img img,
.header-section-mosaic img {
    position: absolute;
    top: 50%;
    left: 50%
}
@media only screen and (max-width: 450px) {
    .slider .slick-list .slick-slide .slide,
    .slider .slick-list .slick-slide.slide {
        min-height: 140vw
    }
}
.subpages {
    overflow: hidden
}
.subpages>div {
    clear: both;
    float: none
}
.header-section {
    min-height: 120px;
    background-position: bottom;
    float: none;
    color: #fff
}
.header-section-red {
    background-image: url(../img/section/header-contact.jpg)
}
.header-section-green {
    background-image: url(../img/section/header-recetas.jpg)
}
.header-section-vinoteka,
.vinoteka .header-section-vinoteka {
    background-image: url(../img/section/header-vinoteka.jpg)
}
.header-section-footer {
    overflow: hidden;
    background-image: url(../../img/section/header-footer-bg.png)
}
.header-section img {
    width: 100%;
    height: auto;
    display: block;
    position: absolute
}
.header-section .header-section-content {
    float: none;
    margin: auto;
    overflow: hidden
}
.header-section-title {
    width: 60%;
    height: 0;
    padding-bottom: 40%
}
.header-section-mosaic {
    width: 40%
}
.header-section-mosaic div {
    height: 0;
    padding-bottom: 50%;
    overflow: hidden
}
.header-section-footer .header-section-mosaic .mosaic-1,
.header-section-footer .header-section-mosaic .mosaic-2 {
    background-color: #d6252d
}
.header-section-footer .header-section-mosaic .mosaic-3 {
    background-color: #e14849
}
.header-section-footer .header-section-mosaic .mosaic-4 {
    background-color: #df3b3c
}
.header-section-mosaic img {
    height: auto;
    width: 100%;
    transform: translate(-50%, -50%)
}
.header-section .header-section-mosaic .header-section-title-content {
    position: absolute;
    z-index: 1;
    font-family: TexGyreAdventor, arial, sans-serif;
    padding: 20px 40px;
    height: auto;
    min-width: 50%
}
.header-section .header-section-mosaic .header-section-title-text {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 32px;
    line-height: 36px;
    text-align: left;
    padding: 0
}
.header-section .header-section-mosaic .header-section-subtitle-text {
    font-size: 25px;
    line-height: 27px;
    display: block;
    margin: 10px 0 10%
}
.header-section .header-section-mosaic .header-section-text {
    font-size: 18px;
    line-height: 20px;
    display: block;
    margin: 10px 0
}
.header-section h1,
.header-section h2 {
    color: #fff;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 36px;
    padding: 35px 0;
    vertical-align: middle;
    text-align: center;
    display: block
}
.date,
.header-section .header-section-title-text,
.subheader-section h2 {
    font-family: TexGyreAdventor, arial, sans-serif
}
.header-section-mosaic h1,
.header-section-mosaic h2 {
    text-align: center;
    padding: 15% 0 0
}
.header-section .header-section-title-text {
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    padding: 20%;
    text-align: left
}
.subheader-section h2 {
    color: #818181;
    background-color: #fff;
    font-size: 22px;
    padding: 30px 0;
    vertical-align: middle;
    text-align: center
}
.date {
    font-size: 14px;
    color: #585858
}
.title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 26px;
    margin: 15px 0
}
.detail-comment-content,
.intro {
    font-size: 18px;
    font-family: TexGyreAdventor, arial, sans-serif
}
.title.blog-article-title a {
    color: #dc262e
}
.title.videos-article-title {
    color: #DF1D11
}
.intro {
    line-height: 26px;
    color: #585858
}
.section-br {
    margin: 60px 0;
    border-bottom: 1px solid #c7c7c7
}
.article {
    overflow: hidden
}
.article-img {
    min-height: 440px;
    overflow: hidden
}
.article-img img {
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
    display: block
}
.article-img iframe {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.article-description {
    background-color: #ebeae6;
    min-height: 440px
}
.article-description ul {
    list-style: inherit;
    padding: 10px 20px
}
.article-content {
    float: none;
    margin: 0 auto;
    padding: 10% 0;
    box-sizing: border-box
}
.article:nth-child(even) .article-description {
    float: right
}
.article:nth-child(even) .article-image {
    float: left
}
.detail-textarea .input-textarea {
    margin: 0
}
.detail-textarea .input-textarea.input-wrapper textarea {
    width: 100%
}
.rrss li {
    width: 45px;
    height: 45px;
    display: inline-block;
    margin: 10px 0
}
.rrss li a,
.rrss li a img {
    height: 100%;
    display: block
}
.rrss li a {
    width: 100%
}
.detail-other-comments img,
.rrss li a img {
    left: 0;
    width: auto;
    position: relative;
    top: 0
}
.rrss li a img {
    margin: auto;
    transform: none;
    transition: all ease-out .3s
}
.input-submit::after,
.recipes-item-title {
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s
}
.rrss li a:hover img {
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50)
}
.detail-comment {
    overflow: hidden
}
.detail-other-comments img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    height: auto
}
.detail-comment-avatar {
    margin: 20px;
    max-width: 25%;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    width: -ms-max-content;
    overflow: hidden
}
.detail-comment-content {
    padding: 20px
}
.detail-comment-name {
    font-weight: 700;
    margin: 10px 0
}
.detail-comment-text {
    color: #585858;
    line-height: 23px;
    margin: 20px 0 60px
}
.detail-comment .recetas-detail-val {
    background-color: #dc262e;
    background-position: center;
    padding: 25px;
    background-size: 90%
}
.filters-wrapper form>div {
    font-size: 0
}
.filters-wrapper p {
    font-size: 15px;
    line-height: 18px;
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #454346;
    padding: 20px;
    clear: both
}
.specific-shop.input-combo .selector {
    width: 100%
}
.specific-shop.input-combo .ofertas-ok {
    background: #fff;
    height: 81px;
    padding: 7px
}
.specific-shop .oferas-ok input[type=submit] {
    height: 30px
}
@media only screen and (max-width: 1400px) {
    .header-section {
        background-size: 100%
    }
    .article-img img {
        width: auto;
        height: 100%
    }
}
@media only screen and (max-width: 1100px) {
    .article-img img {
        height: auto;
        width: auto;
        max-width: 100%
    }
}
@media only screen and (max-width: 992px) {
    .article-content {
        padding: 20% 0
    }
    .detail-other-comments {
        width: 90%;
        float: none;
        margin: auto
    }
}
@media only screen and (max-width: 767px) {
    .header-section-mosaic,
    .header-section-title {
        width: 50%;
        height: auto
    }
    .filters-wrapper form {
        height: auto
    }
    .header-section-footer {
        background: url(../../img/section/header-footer-mob.jpg)
    }
    .header-section-title {
        overflow: hidden;
        padding: 0
    }
    .header-section .header-section-mosaic .mosaic-1 {
        height: auto;
        width: 100%;
        background-color: transparent;
        padding: 0
    }
    .header-section-mosaic .mosaic-2,
    .header-section-mosaic .mosaic-3,
    .header-section-mosaic .mosaic-4 {
        display: none
    }
    .header-section-mosaic h1 {
        padding-top: 28%;
        padding-bottom: 28%
    }
    .header-section img {
        height: auto;
        width: auto;
        position: relative;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .article-img img,
    .header-section .header-section-mosaic .header-section-title-text {
        width: 100%;
        position: relative
    }
    .filters-wrapper .input-combo-filter {
        min-height: 60px;
        height: auto;
        border-bottom: 1px solid #bcbcbc;
        margin: 0!important;
        padding: 0
    }
    .article .article-description,
    .article .article-image {
        float: none;
        min-height: 0;
        padding-bottom: 30px
    }
    .detail-comment-avatar {
        max-width: none
    }
    .article-img {
        min-height: 0;
        display: block
    }
    .article-img img {
        height: auto;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    .header-section .header-section-mosaic .header-section-title-content {
        position: relative
    }
}
@media only screen and (max-width: 600px) {
    .header-section {
        height: auto;
        min-height: 0;
        background-position: left;
        background-size: auto
    }
    .header-section-title {
        width: 100%;
        height: auto
    }
    #contacto .subheader-section h2 {
        display: none
    }
    .header-section h1,
    .header-section h2 {
        padding: 20px 0
    }
    .header-section-mosaic {
        width: 100%;
        height: auto
    }
    .header-section .header-section-content {
        height: auto
    }
    .header-section img {
        height: auto;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    .header-section-mosaic h1,
    .header-section-mosaic h2 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .header-section .header-section-mosaic .mosaic-1 {
        height: auto
    }
    .detail-comment-avatar {
        width: 100%;
        text-align: center;
        margin: 20px 0 0
    }
    .detail-comment .detail-val,
    .detail-comment-content {
        width: 100%
    }
}
@media only screen and (max-width: 450px) {
    .article-img {
        min-height: 0
    }
}
.subhome {
    font-family: TexGyreAdventor, arial, sans-serif
}
.box-col {
    overflow: hidden
}
.body-content .box-col {
    width: 50%
}
.body-content-premios .box-col {
    width: 20%
}
.body-content-premios .box-col .box-product-img {
    background-color: #fff;
    padding: 0;
    height: auto
}
.body-content-premios .box-product-img img {
    width: auto;
    display: block;
    position: relative;
    margin: 10% auto
}
.box-col .box-section-img {
    height: 0;
    padding-top: 100%
}
.body-content .box-col .box-product-img {
    padding-top: 60%
}
.box-col .box-section-description {
    height: 0%;
    position: relative;
    padding-top: 70%
}
.body-content .box-col .box-product-description {
    padding-top: 60%
}
.box-col .box-section-img-decoration {
    height: 100%
}
.opinion .box-col .box-product-description,
.opinion-new .box-col .box-product-description {
    padding-top: 100%
}
.opinion .box-col .box-product-description .box-product-description-content .title,
.opinion-new .box-col .box-product-description .box-product-description-content .title {
    font-size: 20px
}
.box-icon.box-col .box-product-description {
    padding: 0;
    height: auto;
    margin-bottom: 40px
}
.box-icon .box-product-description-content {
    position: relative;
    height: auto
}
.box-icon .box-product-description-content p {
    line-height: 20px;
    height: 260px
}
.box-icon .box-product-description-content .title {
    line-height: 28px;
    height: auto;
    height: 111px
}
.box-section-description-content {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    z-index: 1
}
.box-section-description-content a {
    color: #fff;
    text-decoration: none
}
.text-color {
    color: #fff
}
.text-padding-bottom {
    padding-bottom: 10px
}
.texts-box-section-img .text-color {
    color: #d81d24
}
.single-text {
    margin: 0;
    clear: both;
    font-size: 16px;
    line-height: 26px;
    padding: 10%;
    font-family: TexGyreAdventor, arial, sans-serif
}
.single-text a {
    word-wrap: break-word
}
.single-text.single-text-servicios,
.single-text.single-text-tabs {
    padding: 0
}
.single-text .title {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 24px;
    line-height: 30px
}
.box-icon {
    background-color: #eeeadf
}
.box-icon-header {
    float: none;
    margin: 40px auto 0;
    background-color: #dbbf7e;
    height: 70px
}
.box-icon-img {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff
}
.box-icon-img img {
    max-width: 100px;
    padding: 10px 20px
}
.box-icon-title {
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 16px;
    padding: 10px;
    vertical-align: text-top;
    display: inline-block
}
.box-section-img img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.box-section-img-decoration {
    position: relative;
    overflow: hidden
}
.box-section-img-decoration img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -100%
}
.bg-colors {
    position: absolute;
    bottom: 0;
    height: 100%
}
.bg-colors .row {
    height: 50%
}
.bg-color {
    height: 100%
}
.box-section-img {
    position: relative
}
.texts-box-section-img {
    position: absolute;
    top: 0;
    left: 0
}
@media only screen and (max-width: 992px) {
    .box-col .box-section-description {
        padding-top: 75%
    }
}
@media only screen and (max-width: 767px) {
    .body-content .box-col,
    .body-content-premios .box-col,
    .box-col {
        width: 100%
    }
    .box-col {
        height: auto;
        max-height: none
    }
    .box-col .box-section-description {
        height: auto;
        padding-top: 70%
    }
    .box-col .box-section-img {
        height: auto
    }
    .body-content .box-col .box-product-description {
        padding-top: 0
    }
    .box-icon .box-product-description-content p {
        height: auto;
        padding: 0
    }
    .box-icon.box-col .box-product-description {
        margin: 0
    }
    .texts-box-section-img {
        position: relative
    }
}
@media only screen and (max-width: 550px) {
    .box-col {
        width: 100%
    }
}
.destacados {
    font-family: TexGyreAdventor, arial, sans-serif
}
.body-destacados .body-content {
    float: none;
    margin: 20px auto 110px;
    overflow: hidden
}
.body-destacados .body-content .box-product {
    width: 50%;
    border-right: 1px solid #fff,
}
.body-destacados .box-col .box-product-img {
    padding-top: 100%
}
.body-destacados .box-col .box-product-description {
    padding-top: 100%;
    background-color: #de180b;
    color: #fff
}
.destacados .header-section {
    color: #fff
}
.destacados .header-section .header-section-mosaic .header-section-title-text {
    position: absolute;
    z-index: 1;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 32px;
    line-height: 36px;
    padding: 20px;
    text-align: left
}
.destacados .header-section .header-section-mosaic .header-section-title-text span {
    font-size: 17px;
    line-height: 20px;
    display: block;
    margin: 10px 0
}
@media only screen and (max-width: 767px) {
    .box-col {
        height: auto;
        max-height: none
    }
    .body-destacados .body-content .box-product,
    .box-col-2 {
        width: 100%
    }
    .box-col .box-product-description {
        height: auto;
        padding-top: 0;
        min-height: 200px
    }
    .body-destacados .box-col .box-product-description {
        padding: 0
    }
    .box-col .box-product-img {
        height: auto
    }
    .box-product-description-content {
        position: relative;
        height: auto
    }
    .current-price-wrapper {
        position: relative
    }
    .destacados .header-section .header-section-mosaic .header-section-title-text {
        position: relative;
        width: 100%
    }
    .sin-gluten-list .subhome-inner .box-col .box-product-description {
        padding-top: 0
    }
}
.novedades {
    font-family: TexGyreAdventor, arial, sans-serif
}
.body-novedades .body-content {
    float: none;
    margin: 20px auto 110px;
    overflow: hidden
}
.body-novedades .body-content .box-product {
    width: 50%;
    border-right: 1px solid #fff,
}
.box-col-1 {
    height: 0;
    padding-bottom: 58.3%
}
.box-col-2 {
    height: 0;
    padding-bottom: 56.8%
}
.box-col .box-product-img {
    height: 0;
    padding-top: 70%
}
.body-novedades .box-col .box-product-img {
    padding-top: 100%
}
.box-col .box-product-description {
    height: 0;
    padding-top: 80%
}
.body-novedades .box-col .box-product-description {
    padding-top: 100%;
    background-color: #c2519a;
    color: #fff
}
.body-novedades .box-col .box-product-img {
    height: auto;
    padding: 0
}
.body-novedades .box-col .box-product-img img {
    width: auto;
    position: relative;
    display: block;
    margin: 30px auto;
    max-width: 100%
}
.body-novedades .rw-ui-star.rw-size-large.rw-style-flat_magenta .rw-ui-stars li {
    background-image: url(../img/novedades/stars-values.png)!important
}
.body-novedades .rw-ui-report .rw-ui-poweredby,
.rw-ui-container.rw-dir-ltr .rw-report-link,
.rw-ui-container.rw-valign-middle.rw-halign-right .rw-report-link {
    display: none!important
}
.box-col .box-product-img-decoration {
    height: 0;
    padding-top: 150%
}
.novedades .header-section {
    color: #fff
}
.novedades .header-section .header-section-mosaic .header-section-title-content {
    position: absolute;
    z-index: 1;
    font-family: TexGyreAdventor, arial, sans-serif;
    padding: 20px 40px;
    height: auto
}
.novedades .header-section .header-section-mosaic .header-section-title-text {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 32px;
    line-height: 36px;
    text-align: left;
    padding: 0
}
.novedades .header-section .header-section-mosaic .header-section-subtitle-text {
    font-size: 25px;
    line-height: 27px;
    display: block;
    margin: 10px 0 10%
}
.novedades .header-section .header-section-mosaic .header-section-text {
    font-size: 18px;
    line-height: 20px;
    display: block;
    margin: 10px 0
}
.novedades .novedades-detail-val {
    width: 60%;
    padding: 40px 0 0;
    margin: 0 40px 20px;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 100%
}
.novedades .header-section .novedades-detail-val {
    left: 40px;
    margin: 0
}
.novedades-detail-val {
    background-image: url(../img/recetas/detalle/stars-val-0.png)
}
.filters-content {
    margin: 40px auto;
    float: none;
    color: #8a8a8a;
    text-align: center;
    padding: 20px 0;
    font-size: 0
}
.filters-content p {
    font-size: 23px;
    margin-bottom: 30px
}
.info,
.legend,
.parsley-errors-list {
    font-size: 14px;
    font-family: TexGyreAdventor, arial, sans-serif
}
.filters-content .filter-mosaic {
    width: 12%;
    display: inline-block;
    height: 100px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc
}
.filters-content .filter-mosaic:last-child {
    border-right: 1px solid #ccc
}
.filters-content .filter-mosaic a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75% auto;
    padding: 20px
}
.filters-content .filter-faccile a {
    background-image: url(../img/novedades/filter-logo-faccile-off.png)
}
.filters-content .filter-faccile a.active,
.filters-content .filter-faccile a:hover {
    background-image: url(../img/novedades/filter-logo-faccile-on.png);
    background-color: #210200
}
.filters-content .filter-natur a {
    background-image: url(../img/novedades/filter-logo-natur-off.png)
}
.filters-content .filter-natur a.active,
.filters-content .filter-natur a:hover {
    background-image: url(../img/novedades/filter-logo-natur-on.png);
    background-color: #210200
}
.filters-content .filter-eroski a {
    background-image: url(../img/novedades/filter-logo-eroski-off.png)
}
.filters-content .filter-eroski a.active,
.filters-content .filter-eroski a:hover {
    background-image: url(../img/novedades/filter-logo-eroski-on.png);
    background-color: #210200
}
.filters-content .filter-belle a {
    background-image: url(../img/novedades/filter-logo-belle-off.png)
}
.filters-content .filter-belle a.active,
.filters-content .filter-belle a:hover {
    background-image: url(../img/novedades/filter-logo-belle-on.png);
    background-color: #210200
}
.filters-content .filter-seleqtia a {
    background-image: url(../img/novedades/filter-logo-seleqtia-off.png)
}
.filters-content .filter-seleqtia a.active,
.filters-content .filter-seleqtia a:hover {
    background-image: url(../img/novedades/filter-logo-seleqtia-on.png);
    background-color: #210200
}
.filters-content .filter-sannia a {
    background-image: url(../img/novedades/filter-logo-sannia-off.png)
}
.filters-content .filter-sannia a.active,
.filters-content .filter-sannia a:hover {
    background-image: url(../img/novedades/filter-logo-sannia-on.png);
    background-color: #210200
}
.filters-content .filter-basic a {
    background-image: url(../img/novedades/filter-logo-basic-off.png)
}
.filters-content .filter-basic a.active,
.filters-content .filter-basic a:hover {
    background-image: url(../img/novedades/filter-logo-basic-on.png);
    background-color: #210200
}
.filters-content .filter-ecron {
    display: none
}
.filters-content .filter-ecron a {
    background-image: url(../img/novedades/filter-logo-ecron-off.png)
}
.filters-content .filter-ecron a.active,
.filters-content .filter-ecron a:hover {
    background-image: url(../img/novedades/filter-logo-ecron-on.png);
    background-color: #210200
}
.novedades .module-title {
    padding: 20px;
    text-align: left;
    color: #9e9d9f;
    margin: auto;
    float: none
}
.input-submit.input-add-recipe input,
.input-submit.input-buy input,
.input-submit.input-delete-recipe input,
.input-submit.input-go-back input,
.last-price-wrapper,
.page-number {
    float: right
}
.novedades .rw-rating-table {
    position: absolute!important;
    bottom: 10px
}
.box-product-description-content {
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}
.box-grey-bg {
    background-color: #dadada
}
.box-product {
    position: relative
}
.label {
    position: absolute;
    top: 20px;
    left: 20px
}
.offer-label {
    background-color: #df2a2a;
    color: #fff;
    text-transform: uppercase;
    padding: 29px 0;
    height: 70px;
    width: 70px;
    box-sizing: border-box;
    border-radius: 0
}
.current-price-wrapper {
    position: absolute;
    bottom: 10%;
    margin-top: 10%
}
.box-product-img img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    background-color: #f7f7f7
}
.box-product-img-decoration {
    position: relative;
    overflow: hidden
}
.box-product-img-decoration img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 70%;
    margin-left: -100%
}
.box-product-description-content li {
    margin: 5px 0
}
@media only screen and (max-width: 992px) {
    .box-col .box-product-description {
        padding-top: 90%
    }
    .box-col .box-product-img-decoration {
        padding-top: 160%
    }
}
@media only screen and (max-width: 767px) {
    .box-col,
    .box-col .box-product-img,
    .box-product-description-content {
        height: auto
    }
    .box-product-description-content,
    .current-price-wrapper,
    .novedades .header-section .header-section-mosaic .header-section-title-content,
    .novedades .novedades-detail-val {
        position: relative
    }
    .box-col {
        max-height: none
    }
    .body-novedades .body-content .box-product,
    .box-col-2 {
        width: 100%
    }
    .box-col .box-product-description {
        height: auto;
        padding-top: 0;
        min-height: 200px
    }
    .body-novedades .box-col .box-product-description {
        padding: 0
    }
    .body-novedades .body-content {
        margin-bottom: 20px
    }
    .novedades .header-section .header-section-mosaic .header-section-title-text {
        position: relative;
        width: 100%
    }
}
@media only screen and (max-width: 500px) {
    .filters-content .filter-mosaic {
        width: 25%;
        height: 75px
    }
    .filters-content .filter-mosaic:nth-child(5) {
        border-left: 1px solid #ccc
    }
}
.form-wrapper {
    background-color: #edece8
}
.form-content {
    margin: auto;
    float: none;
    display: block;
    overflow: hidden
}
.filters-wrapper form#calendario-form {
    overflow: inherit
}
.form-content .input,
.input {
    margin: auto auto 40px 15px;
    position: relative
}
.icon-info,
.info {
    position: absolute;
    top: 0
}
.contact-form {
    display: none;
    clear: both
}
.legend {
    color: #818181;
    clear: both;
    margin-bottom: 30px
}
.parsley-errors-list {
    color: #de180b;
    margin: 20px 0;
    clear: both
}
.icon-info {
    display: inline-block;
    right: 15px;
    background-image: url(../img/form/icon-info.png);
    width: 32px;
    height: 32px;
    cursor: pointer
}
.language-men.input-combo .selector:after,
.ui-state-default .ui-icon {
    background-image: url(../img/header/arrow-down-on.jpg)
}
.info {
    color: #818181;
    display: block;
    line-height: 17px;
    left: 0;
    background-color: #FFDDB3;
    height: 100%;
    z-index: 2;
    margin: 0;
    width: 90%;
    padding: 10px
}
.form-content>div>h3,
.form-content>div>img {
    display: inline-block;
    vertical-align: middle
}
.form-content>div {
    text-align: center;
    padding: 30px 0 0;
    margin: 10px 0
}
.form-content>div.form-content-email {
    border-bottom: 1px solid #a2a2a2;
    padding-bottom: 40px
}
.form-content>div>img {
    width: auto
}
.form-content>div>h3 {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 20px;
    color: #818181;
    width: 77%;
    text-align: left;
    float: right;
    padding: 12px;
    line-height: 22px
}
.subhome-inner-form-content {
    margin: auto;
    float: none;
    clear: both;
    color: #818181
}
.subhome-inner-form-content .subtitle {
    padding: 40px 0;
    line-height: 20px
}
.subhome-inner-form-content .subtitle .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.subhome-inner-form-content .input-wrapper {
    margin: 0 0 20px
}
.subhome-inner-form-content .input {
    margin-right: 10%
}
.subhome-inner-form-content form .input-submit {
    margin-top: -70px;
    margin-left: 35%;
}
.input_6 {
    display: none
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
input[type=number] {
    -moz-appearance: textfield
}
@media only screen and (max-width: 767px) {
    .input-wrapper label {
        width: 65%;
        display: inline-block;
        top: 15px;
        font-size: 15px
    }
    .form-content .input,
    .input {
        margin-left: 0!important;
        margin-bottom: 20px;
        margin-top: 20px!important
    }
    .parsley-errors-list {
        width: 70%;
        line-height: 16px
    }
    .info {
        width: 95%
    }
    .form-content>div {
        padding: 0;
        margin: 0
    }
    .form-content>div>img {
        max-width: 10%;
        max-height: 2.3rem
    }
    .form-content>div>h3 {
        display: inline-block;
        float: none;
        text-align: center;
        width: 75%;
        font-size: 13px;
        line-height: 16px
    }
    .form-content>div>h3 span {
        display: block
    }
    .form-content>div.form-content-email {
        padding-bottom: 0
    }
    .icon-info {
        top: auto
    }
    .legend {
        margin: 30px 0
    }
}
@media only screen and (max-width: 450px) {
    .info {
        width: 95%
    }
}
.input-combo input,
.input-combo select {
    background-color: #fff;
    width: 100%;
    display: block;
    height: auto;
    color: #818181;
    padding: 30px 70px 30px 20px;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    outline: 0;
    border: 0;
    cursor: pointer;
    word-wrap: break-word;
    line-height: 21px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    text-overflow: ''
}
.input-combo input {
    padding: 12px 0;
    width: 100%;
    cursor: pointer
}
.input-combo .selector {
    width: 90%
}
.language-men.input-combo {
    margin: 0;
    padding: 8px 12px
}
.language-men.input-combo select {
    font-size: 13px;
    text-transform: inherit;
    padding: 0 30px 0 0;
    color: #79797a;
    font-weight: 700
}
.ui-selectmenu,
.ui-selectmenu-menu li {
    font-size: 17px;
    background-color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif
}
.language-men.input-combo .selector {
    width: 100%;
    box-sizing: border-box;
    position: relative
}
.language-men.input-combo .selector:after {
    top: 0;
    right: 0
}
.ui-selectmenu {
    margin: 0;
    padding: 10px 0 12px;
    color: #818181;
    height: auto;
    border-radius: 0;
    border: 0;
    text-transform: uppercase;
    text-decoration: none
}
.ui-selectmenu-open {
    z-index: 4!important;
    background-color: #fff
}
.ui-selectmenu.ui-state-focus,
.ui-selectmenu.ui-state-hover,
.ui-selectmenu:focus,
.ui-selectmenu:hover {
    text-decoration: none;
    color: #818181;
    outline: 0
}
.ui-selectmenu-status {
    padding: 10px 20px 12px
}
.ui-selectmenu-menu li {
    text-transform: uppercase
}
.input-combo label {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 1;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #818181
}
.input-combo-filter {
    margin: 10px 0;
    padding: 0 0 0 15px;
    border-left: 1px solid #bcbcbc;
    height: 50px;
    cursor: pointer;
    position: relative
}
.ofertas-wrapper .input-combo-filter {
    border-right: 1px solid #bcbcbc;
    border-left: 0
}
.input-combo-filter .selector {
    width: 100%;
    background: #fff;
    z-index: 1
}
.input-combo .selector:after,
.input-submit:after {
    content: '';
    background-repeat: no-repeat;
    background-position: center
}
.input-combo-filter-calendar .selector {
    z-index: 3
}
.input-combo-filter input,
.input-combo-filter select {
    margin: 0;
    padding: 10px 12px 12px;
    font-weight: 700;
    color: #454346;
    font-size: 15px
}
.input-combo-filter label {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 0;
    color: #bcbcbc;
    left: 0;
    z-index: 4;
    cursor: pointer
}
.input-combo-filter-calendar label {
    z-index: 4
}
.input-combo-filter select option:checked,
.input-combo-filter>span {
    color: silver;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    text-transform: uppercase
}
.input-combo-filter>span {
    padding: 10px 0 12px;
    font-weight: 700;
    top: 14px;
    left: 5px;
    position: relative
}
.input-combo select:focus,
.ui-selectmenu.ui-state-active,
.ui-selectmenu.ui-state-focus,
.ui-selectmenu:focus {
    border: 1px solid #eca29b
}
.input-combo.input-combo-filter select:focus,
.language-men.input-combo select:focus {
    border: 0 solid;
    box-shadow: 0 0;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none
}
.input-combo select::-ms-expand {
    display: none
}
.input-combo select::-moz-expand {
    padding: 30px 70px 30px 30px
}
.input-combo .selector {
    position: absolute;
    left: 0
}
.form-wrapper .input-combo .selector,
.recetas-form-wrapper .input-combo .selector {
    position: relative
}
.input-combo .selector:after {
    background-image: url(../img/form/arrow-down.png);
    color: #333;
    margin-left: -20px;
    font-size: 12px;
    pointer-events: none;
    position: absolute;
    top: 25px;
    right: 22px;
    width: 22px;
    height: 22px
}
.input-combo-filter .selector:after {
    top: 10px
}
.input-combo-filter .selector.active:after {
    background-image: url(../img/form/arrow-up.png)
}
.input-combo-filter .calendar {
    display: none
}
@media only screen and (max-width: 1200px) {
    .filters-wrapper .input-combo.input-combo-custom .selector span,
    .filters-wrapper .input-combo.input-combo-custom .selector ul,
    .input-combo-filter select {
        font-size: 12px
    }
    .input-combo-filter .selector:after {
        right: 10px
    }
}
@media only screen and (max-width: 992px) {
    .filters-wrapper .input-combo.input-combo-custom .selector span,
    .filters-wrapper .input-combo.input-combo-custom .selector ul,
    .input-combo-filter select {
        font-size: 14px
    }
    .input-combo-filter .selector:after {
        right: 22px;
        top: 0
    }
}
@media only screen and (max-width: 767px) {
    .input-combo .selector {
        width: 95%;
        position: relative
    }
    .input-combo select {
        font-size: 13px
    }
    .input-combo-filter .selector {
        width: 100%
    }
    .input-combo-filter select {
        font-size: 17px
    }
    .input-wrapper label {
        top: 15px;
        font-size: 12px
    }
    .ui-selectmenu {
        padding: 50px 20px;
        box-sizing: border-box;
        width: 100%!important;
        font-size: 13px
    }
    .ui-selectmenu-status {
        padding: 0
    }
    .ui-selectmenu-menu li a {
        font-size: 12px;
        color: #818181
    }
    .selector .parsley-errors-list {
        position: absolute;
        z-index: 1;
        bottom: -30px;
        margin: 0
    }
    .language-men.input-combo select {
        background-color: #d9d7d0;
        color: #fff;
        padding-left: 18px
    }
    .language-men.input-combo .selector:after {
        background-image: url(../img/header/arrow-white-down.png);
        right: 5px
    }
    .ofertas-wrapper .input-combo-filter {
        border-right: 0
    }
    .input-combo-filter label {
        left: 12px
    }
    .filters-wrapper .input-combo.input-combo-custom .selector span,
    .filters-wrapper .input-combo.input-combo-custom .selector ul {
        font-size: 17px
    }
}
.input-submit:after,
.input-text label {
    position: absolute;
    pointer-events: none
}
@media only screen and (max-width: 450px) {
    .input-combo .selector {
        width: 95%
    }
    .input-combo-filter .selector {
        width: 100%
    }
    .input-combo label {
        width: 66%
    }
}
.input-submit {
    width: auto
}
.input-submit a,
.input-submit input[type=submit],
.input-submit input[type=file] {
    background-color: #fff;
    width: auto;
    display: block;
    color: #818181;
    padding: 20px 110px 20px 20px;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none
}
.input-submit.input-submit-filter input[type=submit] {
    padding: 25px 10px
}
.input-submit:after {
    background-image: url(../img/form/arrow-right.png);
    background-color: #de180b;
    margin-left: -20px;
    font-size: 12px;
    top: 0;
    right: 0;
    width: 57px;
    height: 100%
}
.input-text label,
.input-textarea.input-wrapper textarea,
.input-wrapper label {
    font-size: 17px;
    font-family: TexGyreAdventor, arial, sans-serif
}
.input-submit.input-go-back:after {
    background-image: url(../img/form/arrow-left.png)
}
.input-submit.input-buy:after {
    background-image: url(../img/recetas/detalle/icon-buy.png)
}
.input-submit.input-add-recipe:after {
    background-image: url(../img/recetas/detalle/icon-recipe.png);
    background-color: #a6d63d
}
.input-submit.input-delete-recipe:after {
    background-image: url(../img/recetas/detalle/icon-delete.png)
}
.input-submit.input-print:after {
    background-image: url(../img/recetas/detalle/icon-print.png)
}
.input-submit.input-go-back a {
    width: 183px;
    margin-left: auto
}
.input-submit-filter {
    margin: 0;
    width: 95px;
    overflow: hidden
}
.input-submit-filter input[type=submit] {
    text-indent: 0;
    padding-left: 15%;
    padding-right: 110px;
    width: 100%;
    border-left: 1px solid #bcbcbc;
    text-align: left
}
.input-submit-filter:after {
    margin-left: 0;
    width: 20%;
    background-color: #fff;
    background-image: url(../img/filters/arrow-submit.png);
    background-size: 80%;
    right: 5px
}
input[type=submit]:focus,
input[type=file] {
    outline: 0
}
input[type=file] {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0)
}
.ofertas-wrapper .input-submit-filter input[type=submit] {
    background: #de180b;
    color: #fff;
    text-align: center;
    padding: 0;
    border-left: none;
    height: 100%
}
.ofertas-wrapper .ofertas-ok .input-submit-filter {
    margin: 4px auto
}
.ofertas-wrapper .input-submit-filter input[type=submit]:hover {
    text-decoration: underline
}
.ofertas-wrapper .input-submit-filter:after {
    content: none
}
.input-download:after {
    background-image: url(../img/base/arrow-white-down.png)
}
.input-submit::after {
    transition: all ease-out .3s
}
.input-submit:hover::after {
    background-color: rgba(190, 33, 40, .51)
}
@media only screen and (max-width: 767px) {
    .ofertas-wrapper .ofertas {
        width: 100%;
        height: auto
    }
    .input-submit-filter {
        width: 100%;
        margin: 0!important
    }
    .ofertas-wrapper .ofertas-ok .input-submit-filter {
        padding: 0
    }
    .ofertas-wrapper .input-submit-filter input[type=submit] {
        height: 100%;
        max-height: 60px
    }
    .input-submit-filter:after {
        background-size: 15px
    }
    .input-submit-filter input[type=submit] {
        height: auto
    }
}
.input-text input[type=text],
.input-text input[type=email],
.input-text input[type=tel],
.input-text input[type=number] {
    background-color: #fff!important;
    width: 125%;
    display: block;
    color: #818181;
    text-transform: uppercase;
    padding: 30px 20px;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 17px;
    outline: 0;
    border: 1px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-shadow: 0 0 0 0 transparent;
    box-sizing: border-box;
    margin: 0;
    height: auto
}
.input-text.input-wrapper input[type=text]:focus,
.input-text.input-wrapper input[type=email]:focus,
.input-text.input-wrapper input[type=tel]:focus,
.input-text.input-wrapper input[type=number]:focus {
    border: 1px solid #eca29b
}
.input-text.input-wrapper.input-text-filter,
.input-text.input-wrapper.input-text-with-icon {
    border: 0;
    box-shadow: 0 0;
    margin: 0
}
.input-text.input-wrapper.input-text-filter input[type=text]:focus,
.input-text.input-wrapper.input-text-with-icon input[type=text]:focus {
    border: 0 solid;
    box-shadow: 0 0;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none
}
.input-text label {
    line-height: 20px;
    color: #696969;
    text-transform: uppercase;
    z-index: 2;
    left: 20px;
    top: 30px;
    padding: 0
}
.input-text input {
    font-size: 13px;
    color: #555;
    outline: 0;
    border: 1px solid #bbb;
    padding: 10px 20px;
    position: relative
}
.input-text.input-text-with-icon input[type=text] {
    text-transform: inherit;
    background-image: url(../img/filters/icon-search.png);
    background-position: 30px;
    background-repeat: no-repeat;
    padding: 20px 60px;
    line-height: 27px;
    width: 100%;
    color: #454346;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.input-text.input-text-with-icon label {
    text-transform: inherit;
    left: 60px
}
.input-text.input-text-filter input[type=text] {
    color: #454346;
    font-weight: 700
}
.input-text.input-text-filter label {
    font-size: 15px;
    color: #bcbcbc
}
.input-wrapper input::-webkit-input-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0
}
.input-wrapper input::-moz-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0
}
.input-wrapper input:-ms-input-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0
}
.input-wrapper input+.input-wrapper label {
    color: #696969;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
.input-wrapper input:focus::-webkit-input-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    line-height: 25px
}
.input-wrapper input:focus::-moz-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    line-height: 20px
}
.input-wrapper input:focus:-ms-input-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    line-height: 25px
}
@media only screen and (max-width: 767px) {
    .input-text.input-wrapper input[type=text],
    .input-text.input-wrapper input[type=email],
    .input-text.input-wrapper input[type=tel],
    .input-text.input-wrapper input[type=number] {
        width: 110%;
        font-size: 14px;
        padding: 33px 20px
    }
    .input-text.input-text-filter,
    .input-text.input-text-with-icon {
        margin: 0
    }
    .input-text.input-text-filter input[type=text],
    .input-text.input-text-with-icon input[type=text] {
        padding: 50px 60px 10px;
        width: 100%;
        border-bottom: 1px solid #bcbcbc;
        background-position: 20px
    }
    .input-text.input-wrapper.input-text-filter input[type=text],
    .input-text.input-wrapper.input-text-with-icon input[type=text]:focus {
        border-bottom: 1px solid #bcbcbc
    }
    .input-wrapper label {
        top: 40%;
        font-size: 12px;
        line-height: 13px!important
    }
    .ofertas-wrapper .input-text.input-wrapper.input-text-filter input[type=text] {
        padding-left: 20px;
        padding-top: 28px;
        font-size: 17px
    }
    .input-text.input-wrapper.input-text-filter,
    .input-text.input-wrapper.input-text-with-icon {
        margin: 0!important
    }
}
@media only screen and (max-width: 450px) {
    .input-text.input-wrapper input[type=text],
    .input-text.input-wrapper input[type=email],
    .input-text.input-wrapper input[type=tel],
    .input-text.input-wrapper input[type=number] {
        width: 95%;
        height: 80px;
    }
    .input-text.input-text-filter input[type=text],
    .input-text.input-text-with-icon input[type=text] {
        width: 100%
    }
}
.input-textarea {
    width: 100%
}
.input-textarea.input-wrapper textarea {
    background-color: #fff;
    width: 90%;
    min-height: 200px;
    display: block;
    color: #818181;
    text-transform: inherit;
    padding: 30px 20px;
    line-height: 24px;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none
}
.input-textarea.input-wrapper textarea:focus {
    border: 1px solid #eca29b
}
.input-wrapper {
    box-sizing: border-box;
    position: relative;
    line-height: 14px;
    margin: 0 10px;
    display: inline-block
}
.input-wrapper label {
    line-height: 20px;
    color: #696969;
    text-transform: uppercase;
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 30px;
    padding: 0;
    pointer-events: none
}
.input-wrapper textarea {
    font-size: 13px;
    color: #555;
    outline: 0;
    border: 1px solid #bbb;
    padding: 10px 20px;
    position: relative
}
.input-wrapper textarea::-webkit-input-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0
}
.input-wrapper textarea::-moz-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0
}
.input-wrapper textarea:-ms-input-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0
}
.input-wrapper textarea+.input-wrapper label {
    color: #696969;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
.input-wrapper textarea:focus::-webkit-input-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    line-height: 25px
}
.input-wrapper textarea:focus::-moz-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    line-height: 20px
}
.input-wrapper textarea:focus:-ms-input-placeholder {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    line-height: 25px
}
@media only screen and (max-width: 767px) {
    .input-textarea.input-wrapper textarea {
        width: 95%;
        font-size: 13px
    }
    .input-textarea label {
        top: 15px;
        font-size: 12px;
        line-height: 15px
    }
}
@media only screen and (max-width: 450px) {
    .input-textarea.input-wrapper textarea {
        width: 95%
    }
}
.input-checkbox label.legend {
    text-transform: inherit;
    font-size: 14px;
    color: #818181;
    line-height: 17px
}
.input-checkbox input[type=checkbox]:checked,
.input-checkbox input[type=checkbox]:not(:checked) {
    position: absolute;
    z-index: 3;
    opacity: 0;
    width: 40px;
    height: 40px;
    margin: 0;
    cursor: pointer;
    right: auto;
    left: 0;
    top: 30px
}
.input-checkbox input[type=checkbox]:checked~label,
.input-checkbox input[type=checkbox]:not(:checked)~label {
    position: relative;
    cursor: pointer;
    padding: 10px 0 10px 60px
}
.input-checkbox input[type=checkbox]:checked~label:before,
.input-checkbox input[type=checkbox]:not(:checked)~label:before {
    content: '';
    position: absolute;
    top: -2px;
    width: 40px;
    height: 40px;
    background: #fff;
    right: auto;
    left: 0;
    border-color: #de180b;
    border-radius: 0;
    top: -4px;
}
.input-checkbox input[type=checkbox]:checked~label:after,
.input-checkbox input[type=checkbox]:not(:checked)~label:after {
    content: '✔';
    width: 40px;
    height: 40px;
    position: absolute;
    top: -1px;
    font-size: 35px;
    text-align: center;
    line-height: .8;
    transition: all .2s;
    right: auto;
    left: 0;
    color: #de180b
}
.input-checkbox input[type=checkbox]:not(:checked)~label:after {
    opacity: 0;
    transform: scale(0)
}
.input-checkbox input[type=checkbox]:checked~label:after {
    opacity: 1;
    transform: scale(1)
}
.input-checkbox input[type=checkbox]:disabled:checked~label:before,
.input-checkbox input[type=checkbox]:disabled:not(:checked)~label:before {
    box-shadow: none;
    border-color: #46838a;
    background-color: #fff
}
.input-checkbox input[type=checkbox]:disabled:checked~label:after {
    color: #999
}
.input-checkbox input[type=checkbox]:disabled~label {
    color: #aaa
}
.input-checkbox input[type=checkbox]:checked:focus~label:before,
.input-checkbox input[type=checkbox]:not(:checked):focus~label:before {
    border: 1px solid #46838a
}
.input-checkbox label:hover:before {
    border: 1px solid #4778d9!important
}
.input-checkbox>div {
    width: 90%
}
.recetas-form-wrapper .input.input-checkbox {
    margin: 20px 0
}
@media only screen and (max-width: 767px) {
    .recetas-form-wrapper .input.input-checkbox {
        width: 100%
    }
}
.input-radio .legend {
    text-transform: inherit;
    font-size: 14px;
    color: #818181;
    line-height: 17px
}
.input-radio input[type=radio] {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    width: 23px;
    height: 22px;
    position: relative;
    left: 22px;
    cursor: pointer
}
.input-radio input[type=radio]+label span {
    display: inline-block;
    width: 23px;
    height: 22px;
    margin: -9px 4px 0 0;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}
.input-radio input[type=radio]:checked+label span {
    background: #de180b;
    width: 23px;
    height: 22px
}
.input-radio label {
    cursor: pointer;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 17px;
    line-height: 21px;
    text-transform: uppercase;
    color: #696969;
    padding: 30px 0 20px
}
@media only screen and (max-width: 600px) {
    .input-radio .legend {
        display: block;
        width: 70%
    }
}
.input-date {
    width: 100%
}
.input-date input[type=text],
.input-date input[type=date] {
    background-color: #fff;
    width: 90%;
    display: block;
    color: #818181;
    text-transform: uppercase;
    padding: 30px 20px;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 17px;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none
}
.input-date.input-wrapper input[type=text]:focus,
.input-date.input-wrapper input[type=date]:focus {
    border: 1px solid #eca29b;
    box-shadow: 0 0
}
@media only screen and (max-width: 767px) {
    .input-date.input-wrapper input[type=text],
    .input-date.input-wrapper input[type=date] {
        width: 95%;
        font-size: 13px
    }
    .input-wrapper label {
        top: 15px;
        font-size: 12px
    }
    .page-number {
        float: none;
        text-align: center
    }
}
@media only screen and (max-width: 450px) {
    .input-date.input-wrapper input[type=text],
    .input-date.input-wrapper input[type=date] {
        width: 95%
    }
}
.page-number-wrapper {
    font-family: TexGyreAdventor, arial, sans-serif;
    text-transform: uppercase
}
.page-number li {
    display: inline-block
}
.page-number a,
.page-number span {
    display: block;
    color: #818181;
    padding: 20px 10px;
    font-size: 18px
}
.page-numbers.next:after,
.page-numbers.prev:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: center;
    vertical-align: sub;
    background-repeat: no-repeat;
    content: ''
}
.page-number .current,
.page-number a:hover {
    text-decoration: none;
    background-color: #ededed
}
.page-numbers.prev:before {
    background-image: url(../img/base/arrow-left.png);
    margin-right: 5px
}
.page-numbers.next:after {
    background-image: url(../img/base/arrow-right.png);
    margin-left: 5px
}
.page-numbers.next,
.page-numbers.prev {
    display: block
}
.seleqtia .page-number-wrapper {
    background-color: #2b2b2b
}
.seleqtia .page-number .current,
.seleqtia .page-number a:hover {
    background-color: #252525
}
@media only screen and (max-width: 450px) {
    .page-number li {
        height: 0;
        width: 0
    }
    .page-number li a {
        display: none
    }
    .page-number li:first-child,
    .page-number li:last-child {
        width: auto;
        height: auto;
        display: inline-block;
        background-color: transparent
    }
    .page-number span {
        display: inline-block
    }
    .page-number li:last-child {
        margin-left: 15px
    }
}
.map-wrapper {
    min-height: 600px;
    position: relative
}
.map-wrapper>div {
    height: 100%;
    min-height: 599px;
    max-height: 599px
}
.map-column-wrapper {
    display: none;
    height: 100%
}
.map-column-wrapper.active {
    display: block
}
.map-wrapper .map-body {
    height: auto;
    min-height: auto;
    max-height: none
}
.map-wrapper .map-column-static-wrapper {
    height: 600px
}
.map-column-static {
    width: 100%;
    height: 100%
}
.map-column-static .map-column-header {
    background-color: #df2c42;
    overflow: hidden;
    float: none;
    height: 50%;
    position: relative
}
.map-column-static h3 {
    color: #fff;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 36px;
    vertical-align: middle;
    text-align: left;
    position: absolute;
    padding: 15% 30% 15% 10%;
    bottom: 0;
    left: 0
}
.map-column-static .map-column-body {
    overflow: hidden;
    height: 50%
}
.map-column-static .map-column-body>div {
    height: 50%;
    position: relative
}
.column-mosaic {
    overflow: hidden;
    height: 100%
}
.column-mosaic img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.column-mosaic.column-mosaic-text {
    padding: 5% 10% 5% 5%
}
.column-mosaic.column-mosaic-text>* {
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff;
    font-size: 15px
}
.map-column-list .map-column-body li,
.map-column-list h3 {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 14px;
    line-height: 18px
}
.column-mosaic-1 {
    background-color: #e1313a
}
.column-mosaic-2 {
    background-color: #fff
}
.column-mosaic-2.column-mosaic-text>* {
    color: #818181
}
.column-mosaic-3 {
    background-color: #d61238
}
.column-mosaic-4 {
    background-color: #fc002e
}
.map-column-list {
    width: 100%
}
.map-column-list .map-column-header {
    background-color: #dd2a3f
}
.map-column-list h3 {
    color: #fff;
    padding: 29px 8%
}
.map-column-list .map-column-body {
    overflow: hidden;
    background-color: #de2b40;
    padding: 0;
    position: relative
}
.map-column-list .map-column-body>a {
    position: relative;
    display: block;
    width: 100%;
    padding: 8.5px 0;
    text-align: center;
    height: 30px
}
.map-column-list .map-column-body .list-up {
    top: 0
}
.map-column-list .map-column-body .list-down {
    bottom: 0
}
.map-column-list .map-column-body ul {
    min-height: 446px;
    max-height: 446px;
    width: 110%;
    overflow: auto;
    box-sizing: border-box
}
.map-column-list .map-column-body li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 5% 30% 5% 8%
}
.map-column-list .map-column-body li a:hover {
    background-color: #b02732;
    background-image: url(../img/map/icon-plus.png);
    background-repeat: no-repeat;
    background-position: 85% center
}
.map-column-list .map-column-body li span {
    font-family: TexGyreAdventor, arial, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    display: block
}
.map-column-list .map-column-body::-webkit-scrollbar {
    width: 0!important
}
.map-column-list .map-column-body::-moz-scrollbar {
    width: 0!important
}
.map-column-list .map-column-body::-ms-scrollbar {
    width: 0!important
}
.map-column-list .map-column-body::-o-scrollbar {
    width: 0!important
}
.map-column-details {
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 14px;
    height: 100%
}
#eroski-hours ul {
    display: none;
}
.filters-list-wrapper,
.map-column-details .map-column-body>ul>li.details-schedule li,
.map-column-details .map-column-header .details-distance,
.map-column-details>h4,
.map-column-details>ul,
.national-holidays-wrapper,
.national-holidays-wrapper h4,
.other-services-wrapper {
    font-family: TexGyreAdventor, arial, sans-serif
}
.map-column-details-wrapper {
    background-color: #dd293e
}
.map-column-details-wrapper-1 {
    position: absolute;
    top: 0;
    right: 25%;
    float: none;
    height: 100%;
    border-right: 1px solid #e66574;
    background-color: rgba(219, 21, 45, .9)
}
.map-column-content,
.map-column-details-wrapper-1 .map-column-details {
    height: 100%
}
.map-column-details .map-column-header {
    height: 35%;
    position: relative;
    overflow: hidden
}
.map-column-details .map-column-header img {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%
}
.map-column-details .map-column-header>a {
    color: #fff;
    text-decoration: none;
    display: block;
    background-image: url(../img/form/arrow-left.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
    margin: 30px 5% 10%
}
.map-column-details .map-column-header .details-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5%
}
.map-column-details .map-column-header .details-title {
    font-size: 32px;
    width: 80%
}
.map-column-details .map-column-header .details-distance {
    display: block;
    margin: 10px 0
}
.map-column-details .map-column-body {
    height: 60%
}
.map-column-details .map-column-body>ul {
    padding: 15px 10%
}
.map-column-details .map-column-body>ul>li.store-horario {
    margin: 0;
    min-height: 22px;
    font-size: 80%;
}
.map-column-details .map-column-body>ul>li#horario_exc {
    text-align: left;
}
.map-column-details .map-column-body>ul>li span {
    float: left;
}
.map-column-details .map-column-body>ul>li {
    text-align: right;
    margin: 0 0;
    line-height: 22px;
    padding-left: 45px;
    background-repeat: no-repeat;
    background-position: left;
    min-height: 25px
}
.map-column-details .map-column-body>ul>li.details-address {
    text-align: left;
    background-image: url(../img/map/icon-location.png);
    margin-top: 0
}
.map-column-details .map-column-body>ul>li.details-phone {
    margin: 5% 0;
    text-align: left;
    background-image: url(../img/map/icon-comment.png)
}
.map-column-details .map-column-body>ul>li.details-schedule {
    background-image: url(../img/map/icon-schedule.png);
    background-position: top left;
    height: 100%
}
.map-column-details .map-column-body>ul>li.details-schedule {
    float: left;
}
.map-column-details .map-column-body>ul>li li span {
    float: right
}
.map-column-details>h4 {
    font-size: 19px;
    line-height: 23px;
    padding: 10px 5% 5%;
    clear: both
}
.map-column-details>ul {
    padding: 0 20% 20%;
    clear: both
}
.map-column-details>ul>li {
    min-height: 30px;
    padding-left: 40px;
    position: relative;
    background-repeat: no-repeat;
    background-position: left top
}
.map-column-details>ul>li img {
    position: absolute;
    left: 0
}
.map-column-details>ul>li.viajes {
    background-image: url(../img/map/icon-viajes.png)
}
.map-column-details>ul>li.optica {
    background-image: url(../img/map/icon-optica.png)
}
.map-column-details>ul>li.joyeria {
    background-image: url(../img/map/icon-joyeria.png)
}
.map-column-details>ul>li.parafarmacia {
    background-image: url(../img/map/icon-parafarmacia.png)
}
.map-column-details>ul>li.gasolinera {
    background-image: url(../img/map/icon-gasolinera.png)
}
.map-column-details>ul>li.portabebes {
    background-image: url(../img/map/icon-portabebes.png)
}
.map-column-details>ul>li.textil {
    background-image: url(../img/map/icon-textil.png)
}
.map-column-details__buttons {
    text-align: center;
    max-width: 212px;
    margin: auto auto 1rem
}
.map-column-details__text {
    margin: 1rem 0;
    text-align: left
}
.map-column-details__button {
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 10px;
    max-width: 212px;
    margin: 5px 0;
    font-size: 14px
}
.map-column-details__button--white {
    color: #de2b41;
    background: #FFF
}
.map-column-details__button::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0 0 5px;
    background-image: url(../img/arrow-right-red.png);
    background-position: center;
    background-repeat: no-repeat
}
.map-body {
    display: none
}
.map-body.map-filters {
    display: block!important
}
.other-services-wrapper h4 {
    font-size: 19px;
    line-height: 23px;
    padding: 20px
}
.filters-list-wrapper a {
    color: #454346
}
.other-services-wrapper ul {
    padding: 0 40px 20px;
    column-count: 4;
    height: 120px
}
.filters-list-wrapper ul {
    padding: 30px 20px;
    min-height: auto;
    margin: 0;
    font-size: 0;
    border-top: 1px solid #bcbcbc
}
.other-services-wrapper ul li {
    padding-left: 40px;
    position: relative;
    height: 30px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: left top
}
.filters-list-wrapper ul li {
    position: relative;
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
    min-width: 16%
}
.other-services-wrapper ul li img {
    position: absolute;
    left: 0
}
.other-services-wrapper ul li.viajes {
    background-image: url(../img/map/icon-viajes-black.png)
}
.other-services-wrapper ul li.optica {
    background-image: url(../img/map/icon-optica-black.png)
}
.other-services-wrapper ul li.joyeria {
    background-image: url(../img/map/icon-joyeria-black.png)
}
.other-services-wrapper ul li.parafarmacia {
    background-image: url(../img/map/icon-parafarmacia-black.png)
}
.other-services-wrapper ul li.gasolinera {
    background-image: url(../img/map/icon-gasolinera-black.png)
}
.other-services-wrapper ul li.portabebes {
    background-image: url(../img/map/icon-portabebes-black.png)
}
.other-services-wrapper ul li.textil {
    background-image: url(../img/map/icon-textil-black.png)
}
.national-holidays-wrapper h4 {
    line-height: 23px;
    padding: 40px;
    font-weight: 700;
    font-size: 22px;
    color: #454346
}
.national-holidays-wrapper ul {
    padding: 0 40px 40px
}
.national-holidays-wrapper ul li {
    padding: 5px 0
}
.national-holidays-wrapper ul li span {
    color: #fc0100
}
.blog-detail .calendar-wrapper {
    max-width: 50%;
    margin: 40px 0
}
.calendar-wrapper h4 {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 22px;
    color: #dd293e;
    padding: 40px 0 20px;
    width: 90%;
    margin: auto
}
.calendar,
.map-column .calendar-wrapper h4 {
    font-family: TexGyreAdventor, arial, sans-serif
}
.map-column .calendar-wrapper h4 {
    color: #fff;
    padding-top: 20px;
    font-size: 19px;
    line-height: 23px
}
.input-combo-filter-calendar .selector .calendar {
    position: relative;
    background-color: #fff;
    width: 100%;
    padding: 50px 5% 20px;
    box-sizing: border-box
}
.calendar {
    padding-top: 50px;
    position: relative;
    width: 90%;
    margin: auto
}
.map-column .calendar {
    padding-top: 30px
}
.calendar div.zabuto_calendar .table {
    margin: 20px 0 60px
}
.calendar-wrapper .calendar div.zabuto_calendar .table {
    margin-bottom: 40px
}
.map-column .calendar-wrapper .calendar div.zabuto_calendar .table {
    margin-bottom: 20px
}
.calendar div.zabuto_calendar .table tr:last-child {
    border: 0
}
.calendar .table>tbody>tr>td,
.calendar .table>tbody>tr>th,
.calendar .table>tfoot>tr>td,
.calendar .table>tfoot>tr>th,
.calendar .table>thead>tr>td,
.calendar .table>thead>tr>th {
    border-top: 0
}
.calendar div.zabuto_calendar .table tr.calendar-month-header th:first-child,
.calendar div.zabuto_calendar .table tr.calendar-month-header th:last-child {
    position: absolute;
    bottom: 10px;
    width: 40px;
    background-color: transparent
}
.calendar div.zabuto_calendar .table tr.calendar-month-header th:first-child {
    left: 35%
}
.calendar div.zabuto_calendar .table tr.calendar-month-header th:last-child {
    right: 35%
}
.calendar div.zabuto_calendar .table tr.calendar-month-header th:nth-child(2) {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #454346;
    position: absolute;
    text-align: left;
    left: 0;
    top: 0;
    background-color: transparent;
    padding-left: 5%
}
.map-column .calendar div.zabuto_calendar .table tr.calendar-month-header th:nth-child(2) {
    color: #fff;
    padding-top: 0
}
.calendar div.zabuto_calendar .calendar-dow td {
    background-image: url(../img/calendar/calendar-dot.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    line-height: 2
}
.calendar div.zabuto_calendar .calendar-dow td>div {
    background: #fff;
    color: #a2a1a2
}
.map-column .calendar div.zabuto_calendar .calendar-dow td>div {
    background-color: #dd293e;
    color: #fff
}
.calendar div.zabuto_calendar .calendar-dow td>div.active {
    background: #df3b4f;
    color: #fff
}
.calendar div.zabuto_calendar .calendar-dow td>div.active span {
    background: #df3b4f
}
.calendar div.zabuto_calendar .table tr.calendar-dow-header th {
    background-color: transparent;
    font-weight: 700;
    color: #454346
}
.map-column .calendar div.zabuto_calendar .table tr.calendar-dow-header th {
    color: #fff
}
.calendar div.zabuto_calendar .table tr td div.day {
    padding: 0;
    font-size: 14px
}
.calendar div.zabuto_calendar .badge-event {
    line-height: 2;
    padding: 0;
    display: block
}
.calendar div.zabuto_calendar .badge-event,
.calendar div.zabuto_calendar div.legend span.badge-event {
    color: #d51237;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.calendar div.zabuto_calendar .badge-event:after {
    content: '*';
    display: inline-block
}
.calendar div.zabuto_calendar .table td,
.calendar div.zabuto_calendar .table th {
    padding: 4px 2px
}
.calendar div.zabuto_calendar .table tr td.event div.day,
.calendar div.zabuto_calendar ul.legend li.event {
    background-color: #fff
}
.calendar div.zabuto_calendar .badge-today,
.calendar div.zabuto_calendar div.legend span.badge-today {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    right: 0;
    background-color: #818181;
    font-size: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    line-height: 2;
    padding: 0
}
.recipes-item-intro,
.recipes-item-rollover,
.recipes-item-title p,
.recipes-link a {
    font-family: TexGyreAdventor, arial, sans-serif
}
.closed {
    color: #d51237
}
.calendar div.zabuto_calendar div.legend {
    text-align: left
}
.map-column .calendar div.zabuto_calendar div.legend {
    margin-bottom: 0
}
.calendar div.zabuto_calendar div.legend span {
    color: #d51237;
    font-size: 14px
}
.map-column .calendar div.zabuto_calendar div.legend span {
    color: #fff
}
.calendar div.zabuto_calendar div.legend span.badge {
    background-color: transparent
}
.calendar div.zabuto_calendar div.legend span.closed {
    color: #d51237;
    font-size: 22px
}
.map-column .calendar div.zabuto_calendar div.legend span.closed {
    color: #fff
}
.wpsl-infobox {
    width: auto
}
.wpsl-info-window a {
    color: #de2b40;
    display: block;
    margin: 10px 0;
    font-size: 12px
}
.wpsl-info-window span {
    display: block;
    margin: 5px 0;
    font-size: 12px
}
a.wpsl-directions,
a.wpsl-streetview {
    display: block;
    color: #babab8;
    margin: 5px 0
}
@media only screen and (max-width: 992px) {
    .map-column-details .map-column-header .details-text,
    .map-column-details .map-column-header img {
        position: relative
    }
    .map-wrapper {
        height: auto;
        min-height: auto
    }
    .map-column-details .map-column-body>ul {
        padding-right: 20%;
        padding-top: 15px;
        padding-bottom: 0;
        overflow: hidden
    }
    .map-wrapper .map-column-details-wrapper {
        height: auto;
        min-height: auto;
        max-height: none
    }
    .map-wrapper .map-column-details-wrapper-1 {
        position: relative;
        right: auto;
        float: left;
        min-height: 599px
    }
    .map-column-details {
        height: auto
    }
    .map-column-details>ul {
        padding: 0 40px 20px;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        -ms-column-count: 1;
        column-count: 1;
        clear: none
    }
    .map-column-details ul li {
        margin: 0
    }
    .map-column-details>h4 {
        padding: 20px 40px 25px;
        clear: none;
        box-sizing: border-box
    }
    .other-services-wrapper ul {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        -ms-column-count: 3;
        column-count: 3;
        height: 115px
    }
    .filters-list-wrapper ul {
        min-height: auto
    }
    .filters-list-wrapper ul li {
        width: 25%
    }
    .map-column .calendar {
        margin-bottom: 20px
    }
    .map-column-content {
        height: auto
    }
    .map-column-static-wrapper .map-column-content {
        height: 100%
    }
    .map-column-details .map-column-body,
    .map-column-details .map-column-body>ul>li.details-schedule,
    .map-column-details .map-column-header,
    .map-column-details-wrapper-1 .map-column-details {
        height: auto
    }
    .map-column-details__buttons {
        margin: auto 4rem 1rem auto
    }
}
@media only screen and (max-width: 767px) {
    .map-wrapper,
    .map-wrapper>div {
        height: auto
    }
    .map-wrapper .map-column-static-wrapper {
        height: auto;
        min-height: auto;
        max-height: none
    }
    .map-wrapper>.wpsl-gmap-canvas {
        height: 300px;
        min-height: auto;
        max-height: 300px
    }
    .map-column-details .map-column-body,
    .map-column-details .map-column-header,
    .map-column-details-content,
    .map-column-details-wrapper-1 .map-column-details,
    .map-column-details>ul,
    .map-column-static .map-column-body,
    .map-column-static .map-column-header {
        height: auto
    }
    .map-wrapper .map-column-details-wrapper-1 {
        height: auto;
        min-height: 0
    }
    .map-column-details .map-column-header img {
        position: relative;
        bottom: auto
    }
    .map-column-details>ul {
        padding: calc(0% + 45px);
        padding-top: 20px;
        padding-bottom: 20px;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        -ms-column-count: 1;
        column-count: 1
    }
    .map-column-details>h4 {
        padding: 20px 0;
        width: 90%;
        margin: auto;
        float: none
    }
    .map-column-static h3 {
        position: relative;
        padding: 30px
    }
    .map-column-static .map-column-body>div {
        height: 50vw
    }
    .map-column-content {
        height: auto
    }
    .other-services-wrapper h4 {
        padding: 20px 0;
        width: 90%;
        margin: auto;
        float: none
    }
    .other-services-wrapper ul {
        padding: 20px calc(0% + 45px);
        -moz-column-count: 1;
        -webkit-column-count: 1;
        -ms-column-count: 1;
        column-count: 1;
        height: auto
    }
    .filters-list-wrapper ul {
        min-height: auto
    }
    .filters-list-wrapper ul li {
        width: 50%
    }
    .blog-detail .calendar-wrapper {
        max-width: 90%
    }
    .calendar-wrapper h4 {
        width: 90%;
        margin: auto
    }
    .calendar div.zabuto_calendar {
        margin: auto
    }
    .input-combo-filter {
        min-height: 50px;
        height: auto;
        border-bottom: 1px solid #bcbcbc;
        margin: 0
    }
}
.recetas-wrapper {
    overflow: hidden
}
.input-combo-recetas-wrapper {
    width: 14%;
    display: inline-block
}
.input-combo-custom-wrapper {
    position: relative;
    z-index: 5
}
.recipes-item {
    height: 0;
    padding-bottom: 25%;
    width: 25%;
    overflow: hidden;
    position: relative;
    z-index: 1
}
.recipes-item-intro {
    background-color: #dc262e;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    position: relative
}
.recipes-item-intro div {
    padding: 15% 10%;
    box-sizing: border-box
}
.recipes-item-intro h3,
.recipes-item-intro h4 {
    font-weight: 700
}
.recipes-item-intro p {
    padding: 10px 0
}
.recipes-item-intro h4 {
    padding-top: 20px
}
.recipes-item-intro .button {
    background-color: #dd3a41
}
.recipes-item-intro .button:after {
    display: none
}
.recipes-item-intro .button span {
    display: block;
    height: 55px;
    width: 55px;
    padding: 15px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/base/icon-arrow-up-white.png);
    background-size: 50%
}
.recipes-item-rollover li:before,
.recipes-item-rollover-close:after {
    background-size: 100%;
    background-repeat: no-repeat;
    content: ''
}
.recipes-item-intro .button.active span {
    animation: moveArrow .8s infinite;
    -webkit-animation: moveArrow .8s infinite;
    -moz-animation: moveArrow .8s infinite;
    -o-animation: moveArrow .8s infinite;
    -ms-animation: moveArrow .8s infinite;
    -webkit-animation-name: moveArrow;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite
}
@keyframes moveArrow {
    from {
        background-position: center 90%
    }
    to {
        background-position: center 10%
    }
}
@-webkit-keyframes moveArrow {
    from {
        background-position: center 90%
    }
    to {
        background-position: center 10%
    }
}
@-moz-keyframes moveArrow {
    from {
        background-position: center 90%
    }
    to {
        background-position: center 10%
    }
}
@-o-keyframes moveArrow {
    from {
        background-position: center 90%
    }
    to {
        background-position: center 10%
    }
}
@-ms-keyframes moveArrow {
    from {
        background-position: center 90%
    }
    to {
        background-position: center 10%
    }
}
.recipes-item-intro .upload-recipe-button {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10
}
.recipes-item img {
    width: auto;
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.recipes-item-rollover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    font-size: 13px;
    color: #fff;
    z-index: 0;
    display: none;
    padding: 20px 10%;
    box-sizing: border-box
}
.recipes-item-rollover .recipes-item-text-title,
.recipes-item-rollover h3 {
    font-size: 17px;
    min-height: 30px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 22px
}
.recipes-item-text-title a,
.recipes-item-text-title a:hover,
.recipes-item-text-title a:visited {
    text-decoration: none;
    color: #fff
}
.recipes-item-rollover ul {
    margin-top: 10px
}
.recipes-item-rollover li {
    padding: 5px 0
}
.recipes-item-rollover li span {
    font-weight: 700;
    display: block;
    margin-top: 3px
}
.recipes-item-rollover li:before {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    background-position: center;
    float: left
}
.recipes-item-rollover li.dish:before {
    background-image: url(../img/recetas/icon-entrantes.png)
}
.recipes-item-rollover li.time:before {
    background-image: url(../img/recetas/icon-time.png)
}
.recipes-item-rollover li.level-hard:before {
    background-image: url(../img/recetas/icon-level-hard.png)
}
.recipes-item-rollover li.level-medium:before {
    background-image: url(../img/recetas/icon-level-medium.png)
}
.recipes-item-rollover li.level-easy:before {
    background-image: url(../img/recetas/icon-level-easy.png)
}
.recipes-item-title {
    height: 45%;
    width: 45%;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all ease-out .3s;
    cursor: pointer
}
.opinion-wrapper .brands-section li a img,
.recetas-detail-content .input-submit::after {
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s
}
.recipes-item-title.active {
    width: 100%;
    height: 100%
}
.recipes-item-title.active>.recetas-detail-val,
.recipes-item-title.active>p {
    display: none
}
.recipes-item-title.active .recipes-item-rollover {
    display: block
}
.recipes-item-title p {
    position: relative;
    left: 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    width: 100%;
    padding: 10px 10px 5%;
    box-sizing: border-box
}
.recipes-item-title p a,
.recipes-item-title p a:visited {
    color: #fff
}
.recipes-item-rollover-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11;
    display: none
}
.recipes-item-rollover-close:after {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/base/icon-close-white.png)
}
.recipes-item-primeros .recipes-item-title,
.recipes-item-primeros-eu .recipes-item-title {
    background-color: #a5151c
}
.recipes-item-segundos .recipes-item-title,
.recipes-item-segundos-eu .recipes-item-title {
    background-color: #e82e36
}
.recipes-item-postres .recipes-item-title,
.recipes-item-postres-eu .recipes-item-title {
    background-color: #fa4b53
}
.recipes-item-entrante .recipes-item-title,
.recipes-item-entrante-eu .recipes-item-title {
    background-color: #F9656C
}
.recipes-link {
    text-align: center;
    padding: 20px 0
}
.recipes-link a {
    font-size: 18px;
    color: #818181;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    margin: auto;
    vertical-align: middle
}
.filters-wrapper .input-combo .selector ul,
.filters-wrapper .input-combo-custom .selector span {
    font-size: 15px;
    position: absolute;
    font-family: TexGyreAdventor, arial, sans-serif;
    text-transform: uppercase
}
.recipes-link a:after {
    content: '';
    background-image: url(../img/recetas/icon-more.png);
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 15px;
    vertical-align: sub
}
.filters-wrapper .input-combo .selector {
    height: 85%;
    z-index: 3
}
.filters-wrapper .input-combo .selector ul {
    background-color: #fff;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #07C;
    display: none
}
.filters-wrapper .input-combo .selector ul.active {
    display: block
}
.filters-wrapper .input-combo-custom .selector span {
    padding: 0 10px;
    font-weight: 700;
    top: 13px;
    width: 100%;
    display: block;
    height: 100%
}
.filters-wrapper .input-combo .selector ul li.current a {
    color: silver;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.filters-wrapper .input-combo .selector ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    color: #454346
}
.filters-wrapper .input-combo .selector ul li a:hover {
    background-color: #07C;
    text-decoration: none;
    color: #fff
}
.filters-wrapper form#recetas-form>div>div {
    float: none;
    display: inline-block;
    border-bottom: 1px solid #bcbcbc
}
.filters-wrapper .ingredients-preview {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    padding: 0;
    border: 1px solid #bcbcbc;
    width: 100%;
    position: absolute;
    top: 100%;
    background-color: #fff;
    z-index: 3;
    font-size: 13px
}
.filters-wrapper .ingredients-preview li {
    margin: 0;
    padding: 15px 50px;
    cursor: pointer
}
.filters-wrapper .ingredients-preview li.selected,
.filters-wrapper .ingredients-preview li:hover {
    background-color: #ECECE9
}
.filters-wrapper .ingredients-preview li a {
    color: #454346
}
@media only screen and (min-width: 1300px) {
    .recipes-item {
        min-height: 350px
    }
}
@media only screen and (max-width: 1200px) {
    .recipes-item-rollover h3 {
        margin: 0
    }
    .recipes-item-rollover {
        font-size: 12px
    }
    .recipes-item-rollover li {
        padding: 3px 0
    }
    .recipes-item-rollover li:before {
        width: 25px;
        height: 25px
    }
    .recipes-item-rollover .recipes-item-text-title,
    .recipes-item-rollover h3 {
        font-size: 16px
    }
}
@media only screen and (max-width: 992px) {
    .input-combo-recetas-wrapper {
        width: 25%
    }
    .recipes-item {
        height: 0;
        padding-bottom: 33%;
        width: 33%
    }
    .recipes-item img {
        height: auto;
        width: 100%
    }
    .recipes-item-intro {
        font-size: 15px
    }
    .recipes-item-intro h4 {
        padding-top: 1%
    }
    .recipes-item-rollover {
        padding: 5%
    }
    .recipes-item-rollover ul {
        font-size: 14px
    }
    .recipes-item-rollover li {
        padding: 5px 0
    }
    .recipes-item-title p {
        line-height: 14px
    }
}
@media only screen and (max-width: 767px) {
    .input-combo-recetas-wrapper {
        width: 50%
    }
    .recipes-item {
        height: 0;
        padding-bottom: 50%;
        width: 50%
    }
    .recipes-item img {
        height: 100%;
        width: auto
    }
    .recipes-item-rollover {
        padding: 10%
    }
    .recipes-item-rollover .recetas-detail-val {
        margin: 10px 0;
        min-height: 10px
    }
    .recipes-item-rollover h3 {
        margin: 10px 0
    }
    .recipes-item-rollover li {
        padding: 5px 0
    }
    .filters-wrapper .input-combo .selector ul {
        position: relative;
        margin-top: 25px
    }
    .filters-wrapper .input-combo-custom .selector span {
        position: relative
    }
}
@media only screen and (max-width: 550px) {
    .input-combo-recetas-wrapper {
        width: 100%
    }
    .recipes-item {
        height: 0;
        padding-bottom: 98%;
        width: 100%
    }
    .recipes-item img {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
.go-back-wrapper .input-submit {
    width: auto;
    max-width: 300px;
    clear: none
}
.go-back-wrapper .input-submit.input-print {
    float: left
}
.input-add-recipe,
.input-delete-recipe {
    margin: 0
}
.recetas-detail-wrapper {
    background-color: #f1f1f1
}
.recetas-detail-content {
    margin: 0 auto;
    padding: 60px 0;
    float: none;
    overflow: hidden
}
.recetas-detail-content .rrss,
.recetas-detail-content .rrss ul,
.recetas-detail-content form .input-submit input {
    float: right
}
.recetas-detail-content-primeros .recetas-detail-title,
.recetas-detail-content-primeros-eu .recetas-detail-title {
    background-color: #262324
}
.recetas-detail-content-primeros .recetas-detail-color-1,
.recetas-detail-content-primeros-eu .recetas-detail-color-1 {
    background-color: #373637
}
.recetas-detail-content-primeros .recetas-detail-color-2,
.recetas-detail-content-primeros-eu .recetas-detail-color-2 {
    background-color: #404041
}
.recetas-detail-content-primeros .recetas-detail-image,
.recetas-detail-content-primeros-eu .recetas-detail-image {
    background-color: #2e2c2d;
    background-image: url(../img/recetas/detalle/ImagenPrimerPlatoFija1.jpg);
    background-size: cover;
    background-repeat: no-repeat
}
.recetas-detail-content-postres .recetas-detail-title,
.recetas-detail-content-postres-eu .recetas-detail-title {
    background-color: #262324
}
.recetas-detail-content-postres .recetas-detail-color-1,
.recetas-detail-content-postres-eu .recetas-detail-color-1 {
    background-color: #373637
}
.recetas-detail-content-postres .recetas-detail-color-2,
.recetas-detail-content-postres-eu .recetas-detail-color-2 {
    background-color: #404041
}
.recetas-detail-content-postres .recetas-detail-image,
.recetas-detail-content-postres-eu .recetas-detail-image {
    background-color: #2e2c2d;
    background-image: url(../img/recetas/detalle/ImagenPostreFija1.jpg);
    background-size: cover;
    background-repeat: no-repeat
}
.recetas-detail-content-entrante .recetas-detail-title,
.recetas-detail-content-entrante-eu .recetas-detail-title {
    background-color: #262324
}
.recetas-detail-content-entrante .recetas-detail-color-1,
.recetas-detail-content-entrante-eu .recetas-detail-color-1 {
    background-color: #373637
}
.recetas-detail-content-entrante .recetas-detail-color-2,
.recetas-detail-content-entrante-eu .recetas-detail-color-2 {
    background-color: #404041
}
.recetas-detail-content-entrante .recetas-detail-image,
.recetas-detail-content-entrante-eu .recetas-detail-image {
    background-color: #2e2c2d;
    background-image: url(../img/recetas/detalle/ImagenEntranteFija1.jpg);
    background-size: cover;
    background-repeat: no-repeat
}
.recetas-detail-content-segundos .recetas-detail-title,
.recetas-detail-content-segundos-eu .recetas-detail-title {
    background-color: #262324
}
.recetas-detail-content-segundos .recetas-detail-color-1,
.recetas-detail-content-segundos-eu .recetas-detail-color-1 {
    background-color: #373637
}
.recetas-detail-content-segundos .recetas-detail-color-2,
.recetas-detail-content-segundos-eu .recetas-detail-color-2 {
    background-color: #404041
}
.recetas-detail-content-segundos .recetas-detail-image,
.recetas-detail-content-segundos-eu .recetas-detail-image {
    background-color: #2e2c2d;
    background-image: url(../img/recetas/detalle/ImagenSegundoPlatoFija1.jpg);
    background-size: cover;
    background-repeat: no-repeat
}
.recetas-detail-content .recetas-detail-header div {
    width: 50%;
    padding-top: 50%
}
.recetas-detail-content .recetas-detail-header .detail-mosaic-wrapper {
    padding-top: 0
}
.recetas-detail-content .recetas-detail-header img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.recetas-detail-content .recetas-detail-title .recetas-detail-title-text {
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 23px;
    line-height: 26px;
    font-weight: 700;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0
}
.recetas-detail-tags,
.recetas-detail-val p {
    font-size: 18px;
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif
}
.recetas-detail-description {
    background-color: #dc262e;
    height: 220px;
    margin-bottom: 70px
}
.recetas-detail-description .input-print {
    width: 100%;
    background-color: #f1f1f1;
    border-bottom: 1px solid #fff
}
.recetas-detail-content .recetas-detail-description .input-print a {
    text-align: right;
    background-color: transparent
}
.recetas-detail-tags ul {
    padding: 40px
}
.recetas-detail-tags li {
    padding: 5px 0
}
.recetas-detail-tags li span {
    font-weight: 700
}
.recetas-detail-description-mosaic {
    height: 100%
}
.recetas-detail-description-mosaic>div {
    height: 50%;
    width: 125px;
    width: 15vh;
    max-width: 130px;
    margin-left: auto
}
.recetas-detail-description-mosaic .mosaic-dark {
    background-color: #be2128;
    background-image: url(../img/recetas/detalle/icon-recipe.png);
    background-position: center;
    background-repeat: no-repeat
}
.recetas-detail-description-mosaic .mosaic-light {
    background-color: #ce272f
}
.recetas-detail-val {
    height: 25px;
    width: 271px;
    padding: 40px 0 65px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-image: url(../img/recetas/detalle/stars-val-0.png)
}
.recipes-item-title .recetas-detail-val {
    width: 100%;
    height: 20px;
    background-size: 90%;
    background-position: center top;
    position: relative;
    padding: 0;
    bottom: 0;
    margin: auto
}
.recipes-item-rollover .recetas-detail-val {
    height: auto;
    width: 100%;
    padding: 24px 0 0;
    position: relative;
    background-size: 100%;
    background-position: center
}
.val-1 {
    background-image: url(../img/recetas/detalle/stars-val-1.png)
}
.val-2 {
    background-image: url(../img/recetas/detalle/stars-val-2.png)
}
.val-3 {
    background-image: url(../img/recetas/detalle/stars-val-3.png)
}
.val-4 {
    background-image: url(../img/recetas/detalle/stars-val-4.png)
}
.val-5 {
    background-image: url(../img/recetas/detalle/stars-val-5.png)
}
.detail-title .title {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 34px;
    color: #dc262e;
    margin: 20px 0
}
.detail-title .title a {
    color: #dc262e
}
.detail-content {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 18px;
    color: #585858;
    margin-bottom: 40px
}
.recetas-detail-ingredients-content {
    background-color: #fff
}
.recetas-detail-ingredients-content ul {
    margin: 40px
}
.recetas-detail-ingredients-content li {
    margin: 15px 0;
    line-height: 23px
}
.detail-content p {
    margin: 15px 0;
    line-height: 26px
}
.recetas-detail-stars .recetas-detail-val {
    background: #dc262e;
    position: relative;
    height: auto;
    padding: 12px 0;
    clear: both;
    text-align: center
}
.recetas-detail-stars .recetas-detail-val .star {
    display: inline-block;
    background-image: url(../img/recetas/detalle/icon-star-off.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin: 0 4%
}
.recetas-detail-stars .recetas-detail-val .star.active {
    background-image: url(../img/recetas/detalle/icon-star-on.png)
}
.recetas-detail-textarea .input-textarea {
    margin: 0
}
.recetas-detail-textarea .input-textarea textarea {
    width: 100%
}
.recetas-detail-content .input-submit {
    margin: 0;
    display: block
}
.recetas-detail-content .input-submit a {
    margin-left: auto;
    width: 311px
}
.recetas-detail-content .input-submit::after {
    transition: all ease-out .3s
}
.recetas-detail-content .input-submit:hover::after {
    background-color: rgba(190, 33, 40, .51)
}
.recetas-detail-content form .input-submit {
    overflow: hidden
}
.recetas-detail-content form>div {
    margin-bottom: 40px
}
.detail-comment {
    background-color: #fff;
    margin: 20px 0
}
.recetas-detail-other-comments .detail-comment-name {
    color: #dc262e
}
@media only screen and (max-width: 992px) {
    .recetas-detail-description {
        height: 250px
    }
    .recetas-detail-content .recetas-detail-description .input-print {
        width: 100%
    }
    .recetas-detail-ingredients {
        width: 90%;
        margin: auto;
        float: none
    }
    .recetas-detail-content .input-submit {
        width: 90%;
        margin: auto;
        float: none;
        clear: both
    }
    .recetas-detail-content .input-submit.input-add-recipe,
    .recetas-detail-content .input-submit.input-delete-recipe {
        width: auto;
        float: left;
        clear: none;
        margin-left: 5%
    }
    .recetas-detail-comment,
    .recetas-detail-making {
        width: 90%;
        margin: auto;
        float: none
    }
    .recetas-detail-content .rrss {
        margin: 40px auto;
        overflow: hidden;
        clear: both;
        text-align: center;
        width: 100%
    }
    .recetas-detail-content .rrss ul {
        margin: auto;
        float: none
    }
    .recetas-detail-stars,
    .recetas-detail-textarea {
        width: 90%;
        margin: auto auto 40px;
        float: none;
        overflow: hidden
    }
}
.input-file-label,
.recetas-form-title {
    clear: both;
    float: none
}
@media only screen and (max-width: 767px) {
    .recetas-detail-val {
        position: relative;
        margin: 0 40px
    }
    .recetas-detail-description-mosaic>div {
        width: 25vw
    }
    .recetas-detail-description {
        min-height: 325px
    }
    .recetas-detail-content .input-submit {
        margin: auto!important
    }
    .recetas-detail-content .input-submit input {
        padding: 20px 4%;
        box-sizing: border-box;
        text-align: left;
        width: auto;
        margin-left: auto;
        margin-bottom: 10px;
        margin-right: 56px;
        float: none
    }
    .recetas-detail-content form .input-submit input {
        margin-left: -webkit-calc(100% - 160px);
        padding: 20px;
        margin-bottom: 0
    }
    .recetas-detail-content .input-submit.input-add-recipe,
    .recetas-detail-content .input-submit.input-delete-recipe {
        float: none;
        clear: both;
        width: 90%
    }
    .recetas-detail-stars .recetas-detail-val {
        margin: 0
    }
    .detail-comment .recetas-detail-val {
        position: absolute;
        margin: 0
    }
    .go-back-wrapper .input-submit {
        margin: 0!important;
        width: 50%
    }
}
@media only screen and (max-width: 600px) {
    .recetas-detail-content .recetas-detail-header div {
        width: 100%;
        padding-top: 100%
    }
    .recetas-detail-content .recetas-detail-header .detail-mosaic-wrapper div {
        width: 50%;
        padding-top: 50%
    }
    .recetas-detail-description {
        height: auto
    }
    .recetas-detail-description-mosaic {
        height: auto;
        clear: both
    }
    .recetas-detail-description-mosaic>div {
        width: 50%;
        height: 50vw;
        float: left;
        max-width: none
    }
    .recetas-detail-val {
        width: 75%;
        background-size: 100%
    }
    .recetas-detail-stars .recetas-detail-val {
        width: 100%;
        max-width: 271px
    }
    .recetas-detail-content form .input-submit input {
        margin-left: auto
    }
}
@media print {
    .breadcrumbs,
    .detail-mosaic-wrapper,
    .footer-wrapper,
    .go-back-wrapper,
    .headercontainer,
    .input,
    .recetas-detail-other-comments,
    .recetas-detail-val,
    .rrss,
    form {
        display: none!important
    }
    .recetas-detail-description,
    .recetas-detail-header {
        width: 50%
    }
    .recetas-detail-content {
        padding: 0
    }
    .recetas-detail-description div,
    .recetas-detail-header div {
        width: 100%
    }
    .recetas-detail-content .recetas-detail-header div {
        width: 100%;
        padding-top: 100%
    }
    .date {
        margin: 10px 0
    }
}
.input-file span,
.input-file-label {
    display: block;
    font-family: TexGyreAdventor, arial, sans-serif
}
.recetas-form-wrapper {
    background-color: #f1f1f1
}
.recetas-form-content {
    margin: 40px auto;
    float: none;
    overflow: hidden
}
.recetas-form-title .title {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 30px;
    color: #dc262e;
    line-height: 35px;
    margin: 30px 0
}
.recetas-form-title .title.subtitle {
    color: #818181
}
.input-file-label {
    font-size: 19px;
    color: #818181;
    margin: 20px 0
}
.input-file {
    margin: 0
}
.input-file input[type=file] {
    width: 215px;
    cursor: pointer;
    padding: 20px
}
.input-file input[type=file]::-webkit-file-upload-button,
button {
    cursor: pointer!important
}
.input-file span {
    position: absolute;
    padding: 24.5px 27px;
    font-size: 17px;
    background-color: #fff;
    color: #818181;
    cursor: pointer
}
.recetas-form-content .input-checkbox,
.recetas-form-content .input-submit input[type=submit] {
    display: inline-block
}
.blog-wrapper,
.header-blog-detail {
    background-color: #ebeae6
}
.recetas-form-content .input-checkbox,
.recetas-form-content .input-combo,
.recetas-form-content .input-wrapper {
    margin: 0;
    float: none;
    clear: both
}
.recetas-form-content .input .selector,
.recetas-form-content .input-wrapper input,
.recetas-form-content .input-wrapper textarea {
    width: 100%
}
.input-checkbox input[type=checkbox]:checked~label,
.recetas-form-content .input-checkbox input[type=checkbox]:not(:checked)~label {
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px
}
.recetas-form-content .input-submit {
    float: right;
    display: inline-block;
    margin: 20px 0
}
.recetas-form-content .input .selector,
.recetas-form-content .input-ingredients input {
    margin-bottom: 1px
}
.recetas-form-content .input-file {
    float: left
}
.recetas-form-wrapper input[type=text] {
    text-transform: initial
}
.add-input-text {
    display: block;
    width: 205px;
    padding: 20px 0;
    margin-right: auto;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 15px;
    text-decoration: none;
    color: #818181;
    clear: both
}
.add-input-text:hover {
    color: #818181
}
.add-input-text img {
    vertical-align: text-top;
    margin-left: 10px
}
.recetas-form-content .input-ingredients {
    float: left;
    clear: none
}
.remove-ingredient {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 14px;
    position: absolute;
    top: 10px;
    right: 10px;
    text-decoration: none;
    color: #818181
}
.remove-ingredient:hover {
    text-decoration: none;
    color: #818181
}
.crop-imagen-wrapper {
    display: none;
    width: 521px;
    clear: both
}
.crop-imagen-wrapper .frame {
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 20px
}
.crop-imagen-wrapper #controls {
    text-align: center
}
.crop-imagen-wrapper #controls button {
    margin: 0 5px;
    width: 40px;
    height: 40px;
    color: #818181;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: 0 solid
}
.crop-imagen-wrapper #controls button:hover {
    color: #333
}
@media only screen and (max-width: 767px) {
    .add-input-text {
        margin-right: 0
    }
    .remove-ingredient {
        right: 10%
    }
    .recetas-form-content .input-file {
        display: none
    }
    .recetas-form-content .input-wrapper input[type=text] {
        width: 100%
    }
}
.blog-wrapper {
    overflow: hidden;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #585858
}
.menu-categories {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 13px;
    color: #818181;
    float: left;
    padding: 25px 10px;
    position: absolute
}
.menu-categories li {
    display: inline-block;
    margin-right: 10px
}
.blog-article-content img.aligncenter,
.header-blog-detail img {
    margin: auto;
    display: block
}
.header-blog-detail img {
    max-width: 100%;
    width: auto
}
.blog-article-content {
    padding: 40px 0
}
.blog-article-content img {
    max-width: 100%
}
.blog-detail .article-content>* {
    width: 100%;
    margin: 40px auto;
    float: none
}
.blog-detail .article-content>.title,
.blog-detail .article-content>p {
    width: auto
}
.blog-detail .article-content>.article-imgs {
    float: none;
    overflow: hidden;
    width: 100%
}
.blog-detail .article-content>.article-imgs img {
    width: 50%
}
.article-detail .article-content>.title {
    font-size: 38px;
    line-height: 40px;
    margin: 0
}
.article-detail .article-content>.blog-article-title {
    color: #dc262e
}
.blog-detail .blog-hero {
    width: 120%;
    left: -10%
}
.blog-hero {
    background-color: #dc262e;
    padding: 15% 0;
    float: none;
    margin: 30px 0
}
.blog-hero blockquote {
    float: none;
    margin: auto;
    color: #fff;
    padding-left: 10%
}
.blog-hero blockquote:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(../img/blog/blog-detail/quote.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: -50px;
    left: -10%
}
.blog-detail .article-content>img {
    float: none;
    display: inline-block;
    width: auto;
    max-width: 100%
}
.blog-detail-title .title {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 34px;
    color: #585858;
    margin: 20px 0
}
.blog-detail .input-submit {
    margin: 0;
    display: block
}
.blog-detail .input-submit a,
.blog-detail .input-submit input {
    float: right;
    line-height: 17px
}
.blog-detail form>div {
    margin-bottom: 40px
}
.blog-detail .section-br {
    float: none
}
.blog-detail .rrss {
    float: none;
    clear: both
}
.go-back-wrapper {
    margin: auto;
    float: none;
    overflow: hidden
}
.go-back-wrapper .input-submit {
    margin: 0 0 0 auto;
    float: none;
    overflow: hidden
}
.input-special {
    float: none;
    clear: both;
    overflow: hidden
}
.blog-detail-other-comments {
    overflow: hidden
}
.blog-detail-other-comments .detail-comment-name {
    color: #dc262e
}
.blog-wrapper-detail .box-product-description-content .title {
    font-size: 18px
}
.blog-wrapper-detail .box-col .box-section-description {
    background-color: #ebeae6
}
.blog-wrapper-detail .box-col .box-section-description .button {
    background-color: rgba(0, 0, 0, .1)
}
.blog-wrapper-detail .box-col .box-section-description-content .text-color {
    color: #7e7e7e
}
.blog-wrapper-detail .box-col .box-section-img {
    padding-top: 70%
}
.blog-wrapper-detail .box-col .box-section-img img {
    width: 100%;
    height: auto
}
.blog-wrapper-detail .box-col .box-section-description-content .text-color a {
    color: #dc262e
}
.opinion-wrapper,
.videos-wrapper {
    font-size: 18px;
    line-height: 26px;
    color: #585858;
    font-family: TexGyreAdventor, arial, sans-serif;
    overflow: hidden
}
@media only screen and (max-width: 992px) {
    .blog-detail .blog-hero {
        width: 110%;
        left: -5%
    }
}
@media only screen and (max-width: 767px) {
    .blog-hero blockquote {
        margin: auto;
        width: 65%;
        padding-left: 15%
    }
}
@media only screen and (max-width: 550px) {
    .menu-categories {
        float: none;
        position: relative
    }
    .blog-hero blockquote {
        width: 75%;
        padding-left: 40px
    }
    .blog-hero blockquote:before {
        width: 60px;
        height: 60px;
        top: -30px
    }
}
.videos-wrapper {
    background-color: #ebeae6
}
.header-videos-detail img {
    width: 100%
}
.article-detail p {
    margin: 20px 0
}
.videos-article-content {
    padding: 5% 0
}
.videos-article-image {
    min-height: 440px
}
.videos-article-content iframe {
    width: 100%;
    height: 100%;
    display: block
}
.input-combo-videos-wrapper {
    float: none;
    margin-left: auto;
    overflow: hidden
}
.opinion-wrapper {
    background-color: #fff
}
.opinion-wrapper .header-section {
    background-image: url(../img/opinion/banner-opinion.png);
    background-size: cover;
    background-position: top;
    padding-left: 25px;
    padding-right: 25px;
    position: relative
}
.opinion-wrapper .header-section div {
    padding-left: 15px;
    padding-right: 15px;
    height: 265px;
    margin-bottom: 60px
}
.opinion-wrapper .header-section .header-section-content .logo {
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    max-width: none;
    width: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.opinion-wrapper .header-section .header-section-content img {
    max-width: 75%;
    position: relative;
    display: block;
    margin: auto
}
.opinion-wrapper .header-section .header-section-content p {
    max-width: 75%;
    margin: 10px auto;
    font-size: 14px;
    line-height: 17px
}
.opinion-wrapper .header-section .header-section-logo {
    background-color: #64a8a2;
    position: relative
}
.opinion-wrapper .header-section::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 0 0;
    border-color: #64a8a2 transparent transparent;
    position: absolute;
    bottom: -60px;
    z-index: 3;
    left: 19.777777%
}
.opinion-wrapper .header-section-content .header-section-title-content {
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}
.opinion-wrapper .header-section-content .header-section-title {
    text-align: left;
    position: relative;
    height: auto;
    width: 100%;
    font-size: 26px;
    line-height: 27px;
    padding: 10px
}
.opinion-wrapper .header-section-content .header-section-subtitle {
    font-size: 14px;
    line-height: 19px;
    text-align: left;
    padding: 10px;
    font-family: TexGyreAdventor, arial, sans-serif
}
.opinion-wrapper .body-section .nav-section li a,
.opinion-wrapper .brands-section p,
.opinion-wrapper .header-section-content .header-section-subtitle .bold {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.opinion-wrapper .body-section {
    margin-bottom: 60px
}
.opinion-wrapper .nav-section {
    float: none;
    clear: both;
    margin: auto;
    border-bottom: 1px solid #cecece
}
.opinion-wrapper .body-section .nav-section ul {
    font-size: 0;
    text-align: center;
    width: 80%;
    margin: auto
}
.opinion-wrapper .body-section .nav-section li {
    display: inline-block;
    width: auto;
    margin: 0 10%;
    font-size: 14px;
    color: #64a8a2;
    border-bottom: 3px solid transparent
}
.opinion-wrapper .body-section .nav-section li a {
    color: #6b6b6b;
    text-decoration: none;
    display: block;
    margin: 5px 0
}
.opinion-wrapper .body-section .nav-section li.active {
    border-bottom: 3px solid #64a8a2
}
.opinion-wrapper .body-section .nav-section li.active a {
    color: #64a8a2
}
.opinion-wrapper .brands-section {
    float: none;
    clear: both;
    margin: 45px auto;
    text-align: center
}
.opinion-wrapper .brands-section p {
    display: none;
    font-size: 14px;
    color: #454545;
    margin: 20px 0
}
.opinion-wrapper .brands-section p.claim {
    margin: 0 auto
}
.opinion-wrapper .brands-section p span {
    color: #64a8a2
}
.opinion-wrapper .brands-section ul {
    text-align: center
}
.opinion-wrapper .brands-section li {
    display: inline-block;
    width: auto;
    margin: 0 1%;
    max-width: 17%;
    visibility: visible
}
.opinion-wrapper .brands-section li a {
    display: block;
    width: 100%;
    height: 100%
}
.opinion-wrapper .brands-section li a img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: all ease-out .3s;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    max-width: 100%
}
.opinion-wrapper .input-submit::after,
.opinion-wrapper .products-section li img {
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s
}
.opinion-wrapper .brands-section li a:hover img,
.opinion-wrapper .brands-section li.active a img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100)
}
.opinion-wrapper .brands-section li.hidden {
    visibility: hidden
}
.opinion-wrapper li.seleqtia {
    background-color: transparent
}
.opinion-wrapper .products-section {
    display: none
}
.opinion-wrapper .products-section ul {
    text-align: center
}
.opinion-wrapper .products-section li {
    display: inline-block;
    width: auto;
    max-width: 12%;
    margin: 20px 1%;
    vertical-align: middle
}
.opinion-wrapper .products-section li img {
    max-height: 150px;
    max-width: 100%;
    height: auto;
    width: auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: all ease-out .3s;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50)
}
.opinion-wrapper .products-section li a:hover img,
.opinion-wrapper .products-section li.active img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100)
}
.opinion-wrapper .products-section li.add-product {
    border: 1px solid #979797;
    position: relative;
    width: 130px;
    height: 130px
}
.opinion-wrapper .products-section li.add-product.active {
    border: 0;
    width: 200px;
    max-width: none
}
.opinion-wrapper .products-section li.add-product .input-add-product {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    -webkit-transition: opacity ease-out .3s;
    -moz-transition: opacity ease-out .3s;
    -o-transition: opacity ease-out .3s;
    -ms-transition: opacity ease-out .3s;
    transition: opacity ease-out .3s;
    font-size: 14px;
    font-weight: 700
}
.opinion-wrapper #opinion-form .layer-log>div,
.opinion-wrapper .products-section li.add-product a {
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}
.opinion-wrapper .products-section li.add-product.active .input-add-product {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    z-index: 0
}
.opinion-wrapper .products-section li.add-product .input-add-product label {
    line-height: 16px;
    margin: 10px 0
}
.opinion-wrapper .products-section li.add-product.active a {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}
.opinion-wrapper .products-section li.add-product img {
    display: none
}
.opinion-wrapper .products-section li.add-product a {
    display: block;
    font-size: 13px;
    line-height: 15px;
    padding-top: 25px;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-weight: 700;
    color: #64a8a2;
    text-decoration: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity ease-out .3s;
    -moz-transition: opacity ease-out .3s;
    -o-transition: opacity ease-out .3s;
    -ms-transition: opacity ease-out .3s;
    transition: opacity ease-out .3s
}
.opinion-wrapper .products-section li.add-product a::after,
.opinion-wrapper .products-section li.add-product a::before {
    content: '';
    display: block;
    height: 3px;
    width: 20px;
    background-color: #64a59f;
    position: absolute;
    left: calc(50% - 10px);
    margin: auto;
    top: 0
}
.opinion-wrapper .products-section li.add-product a:hover {
    text-decoration: underline
}
.opinion-wrapper .products-section li.add-product a::before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all ease-out .15s;
    -moz-transition: all ease-out .15s;
    -o-transition: all ease-out .15s;
    -ms-transition: all ease-out .15s;
    transition: all ease-out .15s
}
.opinion-wrapper .products-section li.add-product a::after {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all ease-out .15s;
    -moz-transition: all ease-out .15s;
    -o-transition: all ease-out .15s;
    -ms-transition: all ease-out .15s;
    transition: all ease-out .15s
}
.opinion-wrapper .products-section li.add-product a:hover::after,
.opinion-wrapper .products-section li.add-product a:hover::before {
    width: 26px;
    left: calc(50% - 13px)
}
.opinion-wrapper .product-section {
    float: none;
    clear: both;
    margin: auto;
    text-align: center;
    display: none
}
.opinion-wrapper .product-section p {
    color: #222;
    font-size: 14px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    margin: 10px 0
}
.opinion-wrapper .product-section p.product-title {
    font-size: 29px;
    margin: 20px 0
}
.opinion-wrapper .product-section p.product-description {
    font-size: 14px;
    line-height: 19px;
    margin: 20px;
    font-family: TexGyreAdventor, arial, sans-serif
}
.opinion-wrapper .product-section .last-comment {
    text-align: left;
    width: 90%;
    margin: auto
}
.opinion-wrapper .product-section .last-comment span {
    color: #64a8a2;
    font-size: 13px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    display: block
}
.opinion-wrapper .product-section .last-comment .comment-name {
    font-size: 18px;
    display: inline-block;
    width: auto
}
.opinion-wrapper .product-section .last-comment .comment-date {
    font-size: 14px;
    color: #7e7e7e;
    font-family: TexGyreAdventor, arial, sans-serif;
    display: inline-block
}
.opinion-wrapper .product-section .last-comment .comment-content {
    font-size: 14px;
    line-height: 19px;
    color: #7e7e7e;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-style: italic
}
.opinion-wrapper .product-section .last-comment .comment-content::after,
.opinion-wrapper .product-section .last-comment .comment-content::before {
    content: '"';
    display: inline-block
}
.opinion-wrapper .input {
    width: 90%;
    margin: 20px auto;
    float: none;
    text-align: left
}
.opinion-wrapper .input-textarea.input-wrapper textarea {
    width: 100%;
    border: 1px solid #b6b6b6;
    min-height: 160px;
    font-size: 14px;
    line-height: 17px
}
.opinion-wrapper .input-textarea.input-wrapper textarea:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}
.opinion-wrapper .input-wrapper label {
    text-transform: inherit;
    font-size: 14px;
    line-height: 17px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-style: italic
}
.opinion-wrapper .end-section {
    float: none;
    clear: both;
    margin: auto auto 60px;
    border-bottom: 1px solid #cecece;
    display: none
}
.opinion-wrapper .end-form {
    float: none;
    clear: both;
    margin: auto
}
.opinion-wrapper .input-checkbox>div {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px
}
.opinion-wrapper .input-checkbox label a {
    color: #64a8a2
}
.opinion-wrapper .input-checkbox input[type=checkbox]:checked~label,
.opinion-wrapper .input-checkbox input[type=checkbox]:not(:checked)~label {
    margin-bottom: 0;
    padding-top: 5px;
    padding-left: 40px;
    font-size: 13px;
    font-weight: 700;
    color: #a4a4a4
}
.opinion-wrapper .input-checkbox input[type=checkbox]:checked,
.opinion-wrapper .input-checkbox input[type=checkbox]:not(:checked) {
    width: 24px;
    height: 24px
}
.opinion-wrapper .input-checkbox input[type=checkbox]:checked~label:before,
.opinion-wrapper .input-checkbox input[type=checkbox]:not(:checked)~label:before {
    width: 24px;
    height: 24px;
    top: 0;
    border: 1px solid #979797
}
.opinion-wrapper .input-checkbox input[type=checkbox]:checked~label:after,
.opinion-wrapper .input-checkbox input[type=checkbox]:not(:checked)~label:after {
    content: '';
    background-color: #64a8a2;
    padding-top: 5px;
    width: 24px;
    height: 24px;
    border: 1px solid #64a8a2
}
.opinion-wrapper .input-submit {
    width: 240px;
    overflow: hidden;
    float: none;
    margin: 30px auto
}
.opinion-wrapper .input-submit.login-button {
    margin-top: 10px
}
.opinion-wrapper .input-submit a,
.opinion-wrapper .input-submit input[type=submit] {
    background-color: #64a8a2;
    color: #fff;
    text-align: center;
    padding-right: 60px;
    line-height: 17px;
    font-size: 14px;
    font-weight: 700
}
.opinion-wrapper .input-submit.login-button a {
    background-color: #fff;
    color: #7e7e7e
}
.opinion-wrapper .input-submit.login-button::after {
    background-color: #de180b
}
.opinion-wrapper .input-submit input[type=submit] {
    padding-right: 130px;
    padding-left: 50px
}
.opinion-wrapper .input-submit::after {
    background-color: #89d7d0;
    transition: all ease-out .3s
}
.ofertas-slider-img .downld a:after,
.opinion-wrapper .products-row li img {
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s
}
.opinion-wrapper .error-msg {
    color: red;
    font-size: 13px;
    line-height: 15px;
    font-family: TexGyreAdventor, arial, sans-serif;
    text-align: center
}
.opinion-wrapper .input-submit.confirm-button::after {
    background-image: url(../img/opinion/ok-icon.png)
}
.,
.opinion-wrapper .input-submit.send-button::after {
    background-image: url(../img/opinion/arrow-icon.png)
}
.opinion-wrapper .input-submit.see-more-button::after {
    background-image: url(../img/opinion/more-icon.png)
}
.opinion-wrapper .input-submit.buy-button::after {
    background-image: url(../img/opinion/buy-icon.png)
}
.opinion-wrapper .input-submit.login-button::after {
    background-image: url(../img/opinion/arrow-icon.png)
}
.rated-products {
    float: none;
    clear: both;
    margin: auto;
    display: none
}
.rated-products.active {
    display: block
}
.rated-products-content {
    padding: 30px 0
}
.rated-products-wrapper {
    width: 100%;
    font-size: 0;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cecece;
    position: relative
}
.rated-products-wrapper .image {
    display: inline-block;
    vertical-align: middle;
    min-width: 30%
}
.rated-products-wrapper .text {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    padding: 0 20px
}
.rated-products-wrapper .brand {
    max-width: 10%;
    position: absolute;
    bottom: 0;
    right: 0
}
.rated-products-wrapper .image img {
    max-width: 200px;
    max-height: 250px;
    display: block;
    margin: auto
}
.rated-products-wrapper p.title {
    font-size: 29px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #222
}
.rated-products-wrapper p.comment {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 14px;
    line-height: 19px;
    color: #7e7e7e
}
.rated-products-wrapper a {
    font-size: 14px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    display: block;
    color: #1a171b
}
.rated-products .continue-button,
.rated-products span {
    display: block;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 22px;
    text-align: center
}
.rated-products-wrapper .brand img {
    max-width: 100%;
    margin-top: auto;
    display: block
}
.rated-products .continue-button {
    margin: auto;
    color: #64a8a2;
    max-width: 400px
}
.rated-products span {
    margin: 20px auto;
    color: #747474
}
.body-section-content h3,
.body-section-content h4 {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.submit-wrapper {
    display: none
}
.rated-products.active .submit-wrapper {
    display: block
}
.body-section-content h3 {
    font-size: 29px;
    color: #090f0f
}
.body-section-content h4 {
    font-size: 17px;
    color: #6b6b6b
}
.body-section-content .products-picture {
    max-width: 90%;
    display: block;
    margin: 40px auto
}
#top-products .brands-section ul {
    margin: 30px auto
}
.opinion-wrapper #top-products .products-section li {
    max-width: 15%;
    min-width: 15%;
    position: relative
}
.opinion-wrapper #top-products .products-section li a {
    display: block;
    width: 100%;
    height: 100%
}
.opinion-wrapper #top-products .products-section li::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px
}
.opinion-wrapper #top-products .products-section li:nth-child(1)::after {
    background-image: url(../img/opinion/ranking-1-big.png)
}
.opinion-wrapper #top-products .products-section li:nth-child(2)::after {
    background-image: url(../img/opinion/ranking-2-big.png)
}
.opinion-wrapper #top-products .products-section li:nth-child(3)::after {
    background-image: url(../img/opinion/ranking-3-big.png)
}
.opinion-wrapper #top-products .product-section {
    text-align: left
}
.opinion-wrapper #top-products .product-section p.product-ranking {
    color: #64a8a2
}
.opinion-wrapper #top-products .product-section p.product-title {
    margin: 15px 0
}
.opinion-wrapper #top-products .product-section p.product-description {
    margin: 0
}
.opinion-wrapper #top-products .product-section .last-comment {
    width: 100%;
    margin: 20px 0
}
.opinion-wrapper #top-products .product-section .last-comment .comment-name {
    margin: 0
}
.opinion-wrapper .body-section .body-section-content {
    display: none
}
.opinion-wrapper .body-section .body-section-content#opinion-products {
    display: block
}
.opinion-wrapper .ranking-section {
    float: none;
    clear: both;
    overflow: hidden;
    margin: 45px auto;
    font-size: 0;
    min-height: 630px
}
.opinion-wrapper .brand-select p,
.opinion-wrapper .products-row p {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 20px;
    color: #a4a4a4;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.opinion-wrapper .brand-select {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top
}
.opinion-wrapper .brand-select img {
    max-width: 95px
}
.opinion-wrapper .brand-select a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    max-width: 130px
}
.opinion-wrapper .brand-select>a::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/base/arrow-grey-down.png);
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 10px);
    right: 0
}
.opinion-wrapper .brand-select>a.active::after {
    background-image: url(../img/base/arrow-grey-up.png)
}
.opinion-wrapper .brand-select ul {
    display: none;
    position: absolute;
    z-index: 1
}
.opinion-wrapper .brand-select ul li img {
    border: 0
}
.opinion-wrapper .brand-select ul li a.current img {
    border: 3px solid #64a8a2
}
.opinion-wrapper .products-row {
    float: none;
    display: inline-block;
    vertical-align: top
}
.opinion-wrapper .products-row p {
    width: 20%
}
.opinion-wrapper .products-row>div {
    display: none;
    width: 100%
}
.opinion-wrapper .products-row #seleqtia {
    display: block
}
.opinion-wrapper .products-row ul {
    text-align: center
}
.opinion-wrapper .products-row li {
    display: inline-block;
    width: calc(100%/6 - 5px);
    margin: 0;
    vertical-align: middle
}
.opinion-wrapper .product-description,
.opinion-wrapper .product-image {
    display: inline-block;
    vertical-align: top;
    float: none
}
.opinion-wrapper .products-row li img {
    max-height: 100px;
    max-width: 100%;
    width: auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -moz-transition: all ease-out .3s;
    transition: all ease-out .3s;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50)
}
.opinion-wrapper .products-row li a:hover img,
.opinion-wrapper .products-row li.active img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100)
}
.opinion-wrapper .product-content {
    float: none;
    clear: both;
    margin: 40px auto;
    padding: 0;
    overflow: hidden;
    font-size: 0
}
.opinion-wrapper .product-image {
    text-align: center
}
.opinion-wrapper .product-image img {
    max-height: 300px;
    max-width: 100%;
    width: auto;
    height: auto
}
.brand-logo,
.brand-main-menu {
    vertical-align: bottom;
    display: inline-block
}
.opinion-wrapper .product-description .input-submit {
    margin: 30px 0
}
.opinion-wrapper .product-description .title {
    color: #222;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 29px;
    line-height: 33px
}
.opinion-wrapper .product-description .description {
    color: #7e7e7e;
    font-size: 16px;
    line-height: 19px;
    font-family: TexGyreAdventor, arial, sans-serif
}
.opinion-wrapper .product-reviews {
    padding: 0
}
.opinion-wrapper .product-reviews>p {
    color: #64a8a2;
    font-size: 16px;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    margin: 20px 0
}
.opinion-wrapper .product-reviews .grid {
    background: #fff;
    clear: both;
    float: none
}
.opinion-wrapper .product-reviews .grid:after {
    content: '';
    display: block;
    clear: both
}
.opinion-wrapper .product-reviews .grid-item,
.opinion-wrapper .product-reviews .grid-sizer {
    width: 25%;
    height: 25vh
}
.opinion-wrapper .product-reviews .grid-item {
    float: left;
    border: 1px solid #d8d8d8;
    color: #7e7e7e;
    background-color: #fff;
    font-size: 13px;
    line-height: 18px;
    position: relative;
    padding: 20px;
    overflow: hidden
}
.opinion-wrapper .product-reviews .grid-item--gigante {
    height: 50vh;
    z-index: 2;
    background: #64a8a2;
    color: #fff;
    font-size: 14px
}
.opinion-wrapper .product-reviews .grid-item:hover {
    background: #64a8a2;
    border-color: #fff;
    cursor: pointer;
    color: #fff;
    font-size: 14px
}
.opinion-wrapper .main-grid-item .author,
.opinion-wrapper .product-reviews .grid-item .author {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 100%;
    display: inline-block
}
.opinion-wrapper .product-reviews .grid-item .author {
    width: auto;
    color: #262626;
    margin: 0 0 20px;
    padding-left: 25px;
    background-image: url(../img/opinion/comment-icon-off.png)
}
.opinion-wrapper .product-reviews .grid-item .date {
    display: inline-block;
    width: auto;
    font-size: 11px;
    color: #7e7e7e;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.opinion-wrapper .product-reviews .grid-item:hover .author {
    font-size: 16px;
    color: #fff;
    background-image: url(../img/opinion/comment-icon-on.png)
}
.opinion-wrapper .product-reviews .grid-item--gigante .author {
    color: #fff;
    font-size: 16px;
    background-image: url(../img/opinion/comment-icon-on.png)
}
.opinion-wrapper .product-reviews .grid-item--gigante .date,
.opinion-wrapper .product-reviews .grid-item:hover .date {
    color: #fff
}
.opinion-wrapper .main-grid-item {
    width: 100%;
    margin: 20px 0;
    padding: 30px;
    border: 1px solid #d8d8d8;
    background-color: #64a8a2;
    color: #fff;
    font-size: 25px;
    line-height: 29px
}
.opinion-wrapper .main-grid-item .author {
    color: #fff;
    width: auto;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-left: 40px;
    background-image: url(../img/opinion/comment-icon-on.png)
}
.opinion-wrapper #opinion-form .layer-log,
.opinion-wrapper .layer p,
.opinion-wrapper .main-grid-item .date {
    font-family: TexGyreAdventor, arial, sans-serif
}
.opinion-wrapper .main-grid-item .date {
    color: #fff;
    display: inline-block;
    width: auto;
    font-size: 20px
}
.opinion-wrapper .grid-item::after {
    content: '';
    display: block;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}
.opinion-wrapper .product-reviews .grid-item:hover::after {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(100, 168, 162, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(100, 168, 162, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(100, 168, 162, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(100, 168, 162, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(100, 168, 162, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(100, 168, 162, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#64a8a2', GradientType=0)
}
.opinion-wrapper .product-reviews .grid-item--gigante::after {
    height: 0
}
.opinion-wrapper #opinion-form {
    position: relative;
    overflow: hidden
}
.opinion-wrapper #opinion-form .layer-log {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 170px;
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
    font-size: 15px;
    text-align: center;
    z-index: 5;
    display: none
}
.opinion-wrapper #opinion-form .layer-log>div {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.opinion-wrapper .layer {
    max-width: 400px;
    margin: auto;
    padding: 40px 0;
    text-align: center
}
.opinion-wrapper .layer p {
    font-size: 14px;
    line-height: 19px;
    color: #7e7e7e
}
.opinion-wrapper .bold,
.opinion-wrapper .layer .title {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.opinion-wrapper .layer-log p a {
    color: #64a8a2
}
.opinion-wrapper .layer .title {
    font-size: 29px;
    line-height: 33px;
    color: #222
}
@media only screen and (max-width: 1200px) {
    .opinion-wrapper .header-section::after {
        left: 12.333333%
    }
}
@media only screen and (max-width: 992px) {
    .opinion-wrapper .header-section,
    .opinion-wrapper .header-section div {
        padding-left: 0;
        padding-right: 0
    }
    .opinion-wrapper .header-section::after {
        left: 0
    }
    .opinion-wrapper .products-section li {
        max-width: none
    }
    .opinion-wrapper .product-reviews .grid-item,
    .opinion-wrapper .product-reviews .grid-sizer {
        width: 33.33333333%;
        height: 16.66666666vh
    }
    .opinion-wrapper .product-reviews .grid-item--gigante {
        width: 66.66666666%
    }
    .opinion-wrapper #top-products .products-section li {
        max-width: 20%;
        min-width: 20%
    }
}
@media only screen and (max-width: 767px) {
    .opinion-wrapper .products-row li img,
    .opinion-wrapper .products-section li img {
        max-height: 87px
    }
    .opinion-wrapper .header-section {
        background-image: url(../img/opinion/banner-opinion-mob.png);
        background-size: contain;
        background-position: bottom
    }
    .opinion-wrapper .header-section .header-section-content {
        height: auto
    }
    .opinion-wrapper .header-section .header-section-logo {
        margin-bottom: 0
    }
    .opinion-wrapper .header-section::after {
        top: 320px
    }
    .opinion-wrapper .header-section div {
        margin: 0;
        height: 320px
    }
    .opinion-wrapper .header-section-content .header-section-title-content {
        padding: 10% 5%;
        position: relative;
        top: 0;
        left: 0;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
    .opinion-wrapper .header-section-content .header-section-title {
        font-size: 20px;
        line-height: 21px
    }
    .opinion-wrapper .header-section-content .header-section-subtitle {
        font-size: 13px;
        line-height: 17px;
        padding: 0 10px
    }
    .opinion-wrapper .header-section .header-section-content img {
        width: auto;
        top: 0;
        left: 0;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
    .opinion-wrapper .brands-section {
        padding: 0
    }
    .opinion-wrapper .brands-section li {
        margin: 0;
        max-width: 18%
    }
    .opinion-wrapper .nav-section {
        padding: 0;
        margin-top: 20px
    }
    .opinion-wrapper .body-section .nav-section ul {
        width: 100%
    }
    .opinion-wrapper .body-section .nav-section li {
        width: 50%;
        margin: 0
    }
    .opinion-wrapper .brands-section p {
        width: 80%;
        margin: 20px auto 0;
        line-height: 18px
    }
    .opinion-wrapper .products-section {
        padding: 0 10px
    }
    .opinion-wrapper .products-section li.add-product {
        width: 90px;
        height: 90px
    }
    .opinion-wrapper .products-section li.add-product a {
        width: 100%;
        padding-top: 15px
    }
    .opinion-wrapper .products-section li.active.add-product {
        height: 40px
    }
    .opinion-wrapper .product-section {
        padding: 0
    }
    .rated-products-wrapper .image,
    .rated-products.active .submit-wrapper {
        padding-left: 15px;
        padding-right: 15px
    }
    .opinion-wrapper .product-section p.product-title {
        font-size: 20px;
        line-height: 30px
    }
    .opinion-wrapper .input {
        width: 100%
    }
    .opinion-wrapper .input-checkbox {
        margin: 0
    }
    .opinion-wrapper .input-submit {
        margin: 30px auto!important;
        max-width: 235px
    }
    .opinion-wrapper .input-checkbox label.legend {
        margin: 0
    }
    .opinion-wrapper .input-submit a,
    .opinion-wrapper .input-submit input[type=submit] {
        width: 100%;
        text-align: center
    }
    .rated-products-wrapper .image {
        max-width: 100%;
        width: 100%;
        text-align: center
    }
    .rated-products-wrapper .image img {
        display: block;
        margin: auto
    }
    .rated-products-wrapper .text {
        width: 100%
    }
    .rated-products-wrapper .brand {
        width: 100%;
        max-width: none;
        position: relative
    }
    .rated-products-wrapper .brand img {
        display: block;
        margin: auto;
        max-width: 30%
    }
    .rated-products-wrapper a {
        text-align: center;
        margin: 20px auto
    }
    .opinion-wrapper .ranking-section {
        padding: 0 10px;
        min-height: 0
    }
    .opinion-wrapper .brand-select {
        width: 100%
    }
    .opinion-wrapper .brand-select>a {
        max-width: 160px;
        margin: auto;
        padding-left: 30px
    }
    .opinion-wrapper .brand-select ul {
        text-align: center;
        font-size: 20px;
        position: relative
    }
    .opinion-wrapper .brand-select p,
    .opinion-wrapper .products-row p {
        color: #64a8a2;
        font-size: 13px;
        text-align: center
    }
    .opinion-wrapper .brand-select ul li {
        margin: 20px 0;
        max-width: 18%;
        display: inline-block
    }
    .opinion-wrapper .brand-select ul li img {
        width: 100%
    }
    .opinion-wrapper .products-row {
        margin: 20px 0;
        padding: 0;
        width: 100%
    }
    .opinion-wrapper .products-row li {
        width: auto;
        margin: 20px 1%
    }
    .opinion-wrapper .products-row p {
        width: 100%
    }
    .opinion-wrapper .product-content {
        margin: 0 auto
    }
    .opinion-wrapper .product-description .title {
        font-size: 25px;
        line-height: 29px
    }
    .opinion-wrapper .product-reviews .grid-item {
        width: 100%;
        height: auto;
        max-height: 25vh
    }
    .opinion-wrapper .product-reviews .grid-item--gigante {
        width: 100%;
        max-height: none
    }
    .opinion-wrapper #top-products .product-section {
        width: 90%;
        margin: auto
    }
    .opinion-wrapper #top-products .products-section li {
        max-width: 30%;
        min-width: 30%
    }
    .opinion-wrapper #top-products .products-section li::after {
        width: 50px;
        height: 50px
    }
    .body-section-content h3,
    .body-section-content h4 {
        width: 90%;
        margin: auto
    }
    .opinion-wrapper .layer {
        max-width: 90%
    }
    .opinion-wrapper #opinion-form .layer-log>div {
        width: 85%
    }
}
.estrella-solidaria .body-section {
    margin-bottom: 0
}
.estrella-solidaria .body-section .body-section-content {
    display: block;
    float: none;
    clear: both;
    margin: 10px auto 60px;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}
.opinion-section {
    width: 100%;
    position: relative;
    overflow: hidden
}
.opinion-section .opinion-section-content {
    max-width: 400px;
    width: 100%;
    min-height: 400px;
    position: relative;
    z-index: 1;
    margin-left: 15%;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 40px 30px
}
.opinion-section img {
    min-height: 400px;
    position: absolute
}
.opinion-section .opinion-section-content .opinion-section-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 32px;
    line-height: 32px
}
.opinion-section .opinion-section-content .opinion-section-description {
    margin: 20px 0
}
.opinion-section .opinion-section-content .vote-button {
    float: inherit;
    margin: 0
}
.opinion-section:nth-child(odd) .opinion-section-content {
    margin-right: 15%;
    margin-left: auto
}
@media only screen and (max-width: 767px) {
    .estrella-solidaria .body-section .body-section-content {
        margin: 30px auto
    }
    .opinion-section .opinion-section-content {
        max-width: none;
        width: 100%;
        min-height: 0;
        z-index: 0;
        margin-left: 0;
        background-color: rgba(0, 0, 0, 1)
    }
    .opinion-section img {
        position: relative;
        min-height: 0;
        height: auto;
        width: 100%;
        display: block
    }
    .opinion-section:nth-child(even) .opinion-section-content {
        margin-right: 0
    }
}
.header-brand-wrapper {
    overflow: hidden;
    float: none
}
.header-brand {
    float: none;
    margin: 30px auto 20px
}
.local .header-brand,
.premios .header-brand,
.salud .header-brand {
    width: 90%
}
.faccile .header-brand {
    margin: 0 auto 10px
}
.brand-logo {
    float: none
}
.brand-logo a {
    text-indent: -9999px;
    font-size: 0
}
.brand-main-menu {
    float: none;
    width: 74%;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 15px;
    position: relative;
    z-index: 4
}
.brand-main-menu ul {
    float: right
}
.brand-main-menu li {
    display: inline-block;
    margin: 10px
}
.brand-main-menu li a:hover {
    text-decoration: none
}
.brand-main-menu li.active a {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.body-brand,
.body-brand-title,
.hero-brand-title {
    font-family: TexGyreAdventor, arial, sans-serif
}
.marcas .hero-brand img {
    width: auto;
    min-width: 100%;
    height: 100%;
    max-width: none;
    display: block;
    position: absolute;
    right: 0
}
.hero-brand-title {
    width: 100%;
    height: auto;
    position: absolute;
    font-size: 25px;
    line-height: 30px
}
.hero-brand-title p {
    margin: 10px 0
}
.brand-title-top {
    top: 0
}
.brand-title-right {
    right: 0
}
.brand-title-bottom {
    bottom: 0
}
.brand-title-left {
    left: 0
}
.hero-brand-text {
    position: absolute;
    width: 50%;
    padding: 40px;
    box-sizing: border-box
}
.brand-title-top.brand-title-right .brand-text {
    bottom: 0;
    left: 0
}
.brand-title-bottom.brand-title-right .brand-text {
    left: 0;
    top: 0
}
.brand-title-top.brand-title-left .brand-text {
    top: 0;
    left: 0
}
.brand-title-bottom.brand-title-left .brand-text {
    bottom: 0;
    left: 0
}
.intro-brand {
    clear: both;
    float: none;
    overflow: hidden
}
.intro-brand .type-1 {
    position: relative
}
.intro-brand .hero-brand-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 22px;
    line-height: 27px
}
.intro-brand .type-fixed {
    overflow: hidden
}
.intro-brand .type-fixed img {
    position: absolute;
    left: 0;
    width: 100%
}
.body-brand {
    position: relative
}
.brand-title-top.brand-title-right .body-brand-text {
    bottom: 20%;
    left: 10%
}
.brand-title-bottom.brand-title-right .body-brand-text {
    left: 10%;
    top: 20%
}
.brand-title-top.brand-title-left .body-brand-text {
    top: 10%;
    left: 10%
}
.belle .brand-title-top.brand-title-left .body-brand-text {
    top: 30%;
    left: 50%;
    -ms-transform: translate(-50%, -30%);
    -webkit-transform: translate(-50%, -30%);
    -moz-transform: translate(-50%, -30%);
    -o-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%)
}
.brand-description>div,
.brand-main.product .body-brand-image img {
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}
.brand-title-bottom.brand-title-left .body-brand-text {
    bottom: 20%;
    left: 10%
}
.body-brand img {
    width: 100%;
    display: block;
    height: auto
}
.body-brand-title {
    width: 50%;
    height: 100%;
    position: absolute;
    font-size: 25px;
    line-height: 30px;
    background-color: rgba(255, 255, 255, .1)
}
.salud .body-brand-title {
    font-size: 18px;
    line-height: 24px
}
.salud .body-brand-text {
    padding: 0
}
.body-brand-text {
    position: absolute;
    padding: 40px;
    box-sizing: border-box;
    width: 80%
}
.body-brand-main {
    position: absolute;
    bottom: 0
}
.brand-main-center {
    float: none;
    margin: auto;
    overflow: hidden
}
.brand-description {
    font-size: 15px;
    height: 0;
    padding-bottom: 50%;
    width: 50%;
    position: relative;
    line-height: 21px
}
.brand-description>div {
    position: absolute;
    left: 50%;
    width: 70%;
    display: block;
    transform: translate(-50%, -50%)
}
.brand-description .description-title {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.new-product .body-brand-description span {
    display: block;
    margin: auto;
    font-size: 15px;
    height: 0;
    padding: 35% 20% 65%;
    width: 100%;
    position: absolute;
    z-index: 1;
    -moz-backface-visibility: hidden;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform-origin: 50% 100px;
    -o-transform-origin: 50% 100px;
    transform-origin: 50% 100px;
    -moz-transform: perspective(1000px) rotateX(0) rotateY(90deg) scale(1);
    -ms-transform: perspective(1000px) rotateX(0) rotateY(90deg) scale(1);
    -o-transform: perspective(1000px) rotateX(0) rotateY(90deg) scale(1);
    transform: perspective(1000px) rotateX(0) rotateY(90deg) scale(1);
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0)
}
.new-product .body-brand-description:hover>div {
    display: none
}
.new-product .body-brand-description:hover span.active {
    -webkit-transform: perspective(1000px) rotateX(0) rotateY(0) scale(1);
    -moz-transform: perspective(1000px) rotateX(0) rotateY(0) scale(1);
    -ms-transform: perspective(1000px) rotateX(0) rotateY(0) scale(1);
    -o-transform: perspective(1000px) rotateX(0) rotateY(0) scale(1);
    transform: perspective(1000px) rotateX(0) rotateY(0) scale(1);
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100)
}
.new-product .body-brand-description span:after {
    content: 'NUEVO';
    display: block;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 47px;
    font-weight: 700;
    padding-top: 10px
}
.brand-image {
    height: 0;
    padding-bottom: 25%;
    width: 25%;
    overflow: hidden
}
.brand-main .brand-image {
    padding-bottom: 50%;
    width: 50%
}
.brand-main.align-right .brand-image {
    float: right
}
.brand-main.product .body-brand-image img {
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}
.basic .brand-main.product .body-brand-image img,
.eroski .brand-main.product .body-brand-image img,
.faccile .brand-main.product .body-brand-image img,
.natur .brand-main.product .body-brand-image img {
    width: 100%;
    height: auto;
    max-height: none
}
.mosaic-brand-image img {
    width: 100%;
    height: auto
}
.brand-main.product .mosaic-brand-image img {
    max-height: 100%;
    width: auto;
    display: block;
    position: absolute;
    top: 55%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.mosaic-brand-image .mosaic-link {
    color: #fff;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 33px;
    padding: 18px
}
.mosaic-brand-price {
    font-size: 29px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px
}
.mosaic-brand-price span {
    font-size: 20px
}
.mosaic-brand {
    font-family: TexGyreAdventor, arial, sans-serif
}
.mosaic-rollover-text,
.mosaic-title-text {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 15px
}
.mosaic-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2
}
.mosaic-title-text {
    padding: 7% 3%;
    cursor: pointer
}
.mosaic-rollover {
    position: absolute;
    height: 0;
    padding-bottom: 81.5%;
    width: 100%;
    top: 100%;
    z-index: 0;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    -ms-transition: all ease-out .5s;
    transition: all ease-out .5s
}
.mosaic-rollover:hover,
.mosaic-title:hover+.mosaic-rollover {
    top: 0
}
.mosaic-rollover-text {
    line-height: 19px;
    padding: 7%
}
.quote-brand,
.single-text .text,
.text-brand,
.video-brand {
    font-family: TexGyreAdventor, arial, sans-serif
}
.salud .mosaic-brand {
    overflow: hidden
}
.sin-gluten .mosaic-brand {
    background-image: url(../img/cuidamos-de-ti/sin-gluten-mosaic.jpg);
    background-size: 75%;
    background-position: bottom right
}
.grasas-trans .mosaic-brand {
    background-image: url(../img/cuidamos-de-ti/grasas-trans-mosaic.jpg);
    background-size: 75%;
    background-position: bottom right
}
.semaforo .mosaic-brand {
    background-image: url(../img/cuidamos-de-ti/semaforo-mosaic.jpg);
    background-size: 75%;
    background-position: bottom right
}
.quote-brand,
.text-brand {
    padding: 15% 0 10%;
    margin: 0;
    clear: both;
    font-size: 18px;
    line-height: 26px
}
.text-brand {
    padding: 10%
}
.text-brand .col2 {
    width: 49%;
    padding: 0 5%;
    display: inline-block
}
.text-brand .col1 {
    width: 90%;
    margin: 20px auto
}
.quote-brand blockquote {
    float: none;
    margin: auto;
    padding-left: 10%
}
.quote-brand img {
    min-width: 100%;
    max-width: 100%
}
.quote-brand blockquote:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(../img/blog/blog-detail/quote.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: -50px;
    left: -10%
}
.quote-signature {
    font-size: 16px;
    display: block;
    float: none;
    margin: 20px auto;
    padding-left: 10%
}
.quote-brand-2-col {
    padding: 0
}
.quote-brand-2-col>div {
    position: absolute;
    top: 40%;
    left: 10%
}
.quote-brand-2-col .quote-signature,
.quote-brand-2-col blockquote {
    margin-right: 0
}
.video-brand {
    font-size: 33px;
    text-align: center
}
.video-brand-title {
    margin: 20px 0
}
.video-brand .video-brand-bg {
    width: 100%;
    display: block
}
.video-brand iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    display: none;
    z-index: 1
}
.single-text .text {
    float: none;
    display: block;
    margin: 0 auto;
    padding: 80px 0;
    font-size: 18px;
    line-height: 24px
}
.layout-brand {
    float: none;
    clear: both;
    position: relative
}
.layout-text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5%;
    color: #fff
}
.layout-title {
    font-size: 26px;
    line-height: 34px;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.inmobiliaria-wrapper,
.layout-description,
.nuestras-tiendas,
.ofertas-wrapper {
    font-family: TexGyreAdventor, arial, sans-serif
}
.layout-description {
    font-size: 16px
}
.layout-brand img {
    width: 100%
}
@media only screen and (max-width: 1200px) {
    .hero-brand-text {
        width: 60%
    }
    .quote-brand blockquote {
        padding-left: 15%
    }
    .brand-description {
        font-size: 14px;
        line-height: 19px
    }
}
@media only screen and (max-width: 992px) {
    .hero-brand-text {
        width: 80%
    }
    .intro-brand .hero-brand-title {
        font-size: 15px;
        line-height: 20px
    }
    .brand-description {
        font-size: 13px;
        line-height: 17px
    }
    .brand-description>div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90%
    }
    .brand-main.product .body-brand-image img,
    .brand-main.product .mosaic-brand-image img {
        max-height: 80%
    }
    .mosaic-brand-price {
        font-size: 23px
    }
    .mosaic-brand-price span {
        font-size: 14px
    }
    .quote-brand-2-col blockquote:before {
        background-size: 65%
    }
    .new-product .body-brand-description span:after {
        font-size: 30px
    }
    .brand-image {
        padding-bottom: 33.33%;
        width: 33.33%
    }
    .grasas-trans .mosaic-brand,
    .semaforo .mosaic-brand,
    .sin-gluten .mosaic-brand {
        background-size: 100%
    }
}
@media only screen and (max-width: 767px) {
    .brand-title-bottom.brand-title-left .brand-text,
    .brand-title-top.brand-title-right .brand-text {
        bottom: 0;
        left: 0
    }
    .body-brand .brand-main .brand-image,
    .brand-main:nth-child(even) .brand-image {
        float: right
    }
    .body-brand-main,
    .layout-text {
        position: relative
    }
    .brand-logo img {
        max-width: 100%
    }
    .brand-main-menu {
        width: 100%;
        margin-top: 20px
    }
    .marcas .hero-brand img {
        min-width: 0;
        width: 100%;
        height: auto
    }
    .body-brand-text,
    .hero-brand-text {
        width: 100%
    }
    .hero-brand .bg-2,
    .hero-brand .type-fixed {
        padding-bottom: 50%;
        width: 50%
    }
    .brand-description {
        font-size: 15px;
        line-height: 20px
    }
    .intro-brand .hero-brand-title {
        position: relative;
        top: 0;
        left: 0;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        height: auto
    }
    .intro-brand .type-fixed {
        display: none
    }
    .brand-title-bottom.brand-title-right .brand-text {
        left: 0;
        top: 0
    }
    .brand-title-top.brand-title-left .brand-text {
        top: 0;
        left: 0
    }
    .salud .body-brand-text {
        padding: 40px 20px
    }
    .brand-main.product .body-brand-image img,
    .brand-main.product .mosaic-brand-image img {
        max-height: 100%
    }
    .mosaic-brand-price {
        font-size: 29px
    }
    .mosaic-brand-price span {
        font-size: 20px
    }
    .quote-brand blockquote,
    .quote-brand-2-col .quote-signature {
        margin: auto;
        width: 65%;
        padding-left: 15%
    }
    .quote-brand-2-col .quote-signature,
    .quote-signature {
        margin: 20px auto;
        width: 65%;
        padding-left: 15%
    }
    .quote-brand-2-col {
        overflow: hidden
    }
    .quote-brand-2-col>div {
        top: 30%;
        left: 0
    }
    .quote-brand-2-col img {
        display: block;
        width: 200%;
        max-width: none
    }
    .quote-brand-2-col blockquote:before {
        background-size: 100%
    }
    .video-brand-title {
        font-size: 23px
    }
    .text-brand .col2 {
        width: 90%;
        padding: 0;
        display: block;
        margin: 20px auto
    }
    .brand-image {
        padding-bottom: 50%;
        width: 50%
    }
    .video-brand .video-brand-bg {
        height: auto
    }
}
@media only screen and (max-width: 550px) {
    .header-brand {
        margin: 20px auto 15px
    }
    .faccile .header-brand {
        margin: 0 auto
    }
    .local .brand-logo img,
    .salud .brand-logo img {
        max-width: 70%
    }
    .brand-main-menu ul {
        float: none
    }
    .brand-main-menu li {
        width: 49%;
        margin: 10px 0;
        padding: 0 5px
    }
    .hero-brand .type-fixed {
        display: none
    }
    .hero-brand .bg-2 {
        padding: 0;
        height: auto;
        width: 100%
    }
    .hero-brand-title {
        position: relative;
        height: auto
    }
    .body-brand-title {
        position: relative;
        width: 100%;
        height: auto
    }
    .body-brand-text,
    .hero-brand-text {
        position: relative;
        padding: 40px 20px
    }
    .brand-description {
        width: 100%;
        height: auto;
        padding: 20px 0
    }
    .brand-description>div {
        width: 85%;
        position: relative;
        top: 0;
        left: 0;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        margin: 30px auto
    }
    .new-product .body-brand-description:hover>div {
        display: block
    }
    .brand-main.product .body-brand-image img,
    .brand-main.product .mosaic-brand-image img {
        max-height: 80%
    }
    .mosaic-brand-price {
        font-size: 23px
    }
    .mosaic-brand-price span {
        font-size: 14px
    }
    .quote-brand blockquote,
    .quote-brand-2-col .quote-signature {
        width: 75%;
        padding-left: 40px
    }
    .quote-brand blockquote:before {
        width: 60px;
        height: 60px;
        top: -30px
    }
    .new-product .body-brand-description span {
        height: 100%;
        padding: 10%;
        top: 0
    }
    .new-product .body-brand-description span:after {
        position: absolute;
        top: 50%;
        left: 10%;
        -ms-transform: translate(0, -60%);
        -webkit-transform: translate(0, -60%);
        -moz-transform: translate(0, -60%);
        -o-transform: translate(0, -60%);
        transform: translate(0, -60%)
    }
    .brand-main .brand-image {
        padding-bottom: 50%;
        width: 100%
    }
    .salud .mosaic-brand {
        background: 0 0
    }
}
.hero-nuestras-tiendas img {
    width: 100%
}
.quote-nuestras-tiendas div {
    float: none;
    margin: 0 auto;
    padding: 90px 0
}
.quote-nuestras-tiendas img {
    display: block;
    margin: 0 auto 30px
}
.df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-page,
.ofertas-slider .slick-prev {
    display: none!important
}
.quote-nuestras-tiendas .quote-text {
    float: none;
    margin: 20px auto;
    font-size: 20px;
    line-height: 24px
}
.body-nuestras-tiendas .body-title {
    font-size: 34px;
    text-align: center;
    margin: 40px auto
}
.body-nuestras-tiendas .body-content {
    float: none;
    margin: 20px auto 110px;
    overflow: hidden
}
.body-nuestras-tiendas .body-content .box-product {
    width: 50%
}
.body-nuestras-tiendas .body-content .box-col .box-product-description {
    height: auto;
    padding: 0;
    float: none;
    clear: both
}
.body-nuestras-tiendas .body-content .box-col .box-product-img {
    padding-top: 50%
}
.ofertas-wrapper h3,
.ofertas-wrapper p {
    text-align: left;
    padding: 12px;
    line-height: 22px
}
.body-nuestras-tiendas .body-content .box-product-description-content {
    position: relative;
    height: 250px
}
@media only screen and (max-width: 767px) {
    .body-nuestras-tiendas .body-content .box-product {
        width: 100%
    }
}
.ofertas-wrapper {
    background-color: #fbfbfb;
    color: #818181
}
.ofertas-wrapper.filters-wrapper {
    background-color: #fff
}
.ofertas-content {
    float: none;
    margin: 40px auto
}
.ofertas-form {
    float: none;
    margin: auto
}
.ofertas-slider,
.ofertas-slider .slick-slide img {
    margin: 70px auto
}
.ofertas-wrapper h3 {
    font-size: 20px
}
.ofertas-wrapper p {
    width: 100%;
    font-size: 16px
}
.ofertas-slider {
    float: none;
    position: relative;
    height: auto
}
.ofertas-slider .slick-list {
    background-color: #fff;
    background-image: url(../img/ofertas/logo-issuu.jpg);
    background-repeat: no-repeat;
    background-position: 95% 95%
}
.ofertas-slider .slick-slide {
    height: inherit;
    outline: 0
}
.ofertas-slider .slick-next,
.ofertas-slider .slick-next:focus,
.ofertas-slider .slick-next:hover {
    background-image: url(../img/ofertas/arrow-submit.png);
    background-color: transparent;
    right: 15%
}
.ofertas-slider-img {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 50px;
    text-align: center;
    height: 395px;
    margin-bottom: 8.33333%
}
.ofertas-slider-img .downld a:after,
.ofertas-slider-img .see a:after {
    background-repeat: no-repeat;
    background-position: center;
    -moz-transition: all ease-out .3s
}
.ofertas-slider-img .folleto-info {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px
}
.ofertas-slider-img .folleto-info a {
    display: block;
    height: 55px
}
.ofertas-slider-img .folleto-info a:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%
}
.specials .ofertas-slider-img .folleto-info a.more-button:after {
    background-image: url(../img/base/icon-more-white.png)
}
.ofertas-slider-img .downld a:after {
    background-image: url(../img/base/icon-download-white.png);
    background-size: 23px;
    background-color: #b4b4b4;
    transition: all ease-out .3s
}
.ofertas-slider-img .downld a:hover:after {
    background-size: 55%
}
.specials .ofertas-slider-img .folleto-info .downld a {
    background-color: rgba(179, 179, 179, .7)
}
.ofertas-slider-img .see a:after {
    background-image: url(../img/base/icon-see-white.png);
    background-size: 30px;
    background-color: #c9c9c9;
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    transition: all ease-out .3s
}
.ofertas-slider-img .see a:hover:after {
    background-size: 70%
}
.ofertas-slider-img:nth-child(even) {
    margin-left: 4.16666%
}
.ofertas-slider-img:nth-child(odd) {
    margin-right: 4.16666%;
    margin-left: 4.16666%
}
.ofertas-wrapper .ofertas {
    height: 100%;
    padding: 4px
}
.ofertas-wrapper .ofertas-ok:after {
    content: "";
    width: 2px;
    height: 59px;
    border-left: 1px solid #bcbcbc;
    position: absolute;
    top: 12px;
    left: 0
}
.ofertas-wrapper .specific-shop {
    float: none;
    margin: 0 auto 50px
}
.ofertas .input-submit-filter {
    width: 60px;
    height: 60px;
    min-height: 60px
}
.ofertas-ok .input-submit-filter {
    width: 60px;
    height: 60px
}
@media only screen and (max-width: 992px) {
    .ofertas-slider .slick-next,
    .ofertas-slider .slick-next:focus,
    .ofertas-slider .slick-next:hover {
        right: 5%
    }
    .ofertas-slider-img {
        overflow: hidden
    }
}
@media only screen and (max-width: 767px) {
    .ofertas-slider-img {
        padding-top: 40px
    }
    .ofertas-slider-img:nth-child(even),
    .ofertas-slider-img:nth-child(odd) {
        margin-left: 0;
        margin-right: 0
    }
    .ofertas-slider-img .folleto-info {
        position: absolute;
        right: 0;
        bottom: 0
    }
    .ofertas-wrapper .ofertas {
        height: auto
    }
    .ofertas-wrapper p {
        width: 100%
    }
    .ofertas-slider .slick-next,
    .ofertas-slider .slick-next:focus,
    .ofertas-slider .slick-next:hover {
        right: 5%;
        bottom: 10px
    }
    .ofertas-slider .slick-slide img {
        max-width: 80%
    }
    .ofertas-slider .slick-list {
        background-position: 5% 99%
    }
}
.inmobiliaria-wrapper {
    background-color: #edece8;
    color: #818181
}
.inmobiliaria-content {
    float: none;
    margin: 40px auto
}
.inmobiliaria-form {
    float: none;
    margin: auto
}
.inmobiliaria-wrapper h3 {
    font-size: 20px;
    text-align: left;
    padding: 12px;
    line-height: 22px
}
.inmobiliaria-wrapper p {
    width: 100%;
    font-size: 16px;
    text-align: left;
    padding: 12px;
    line-height: 22px
}
.inmobiliaria-headline {
    background-color: #fff
}
.inmobiliaria-content li {
    font-size: 12px;
    color: #c1beb2;
    margin: 20px 0
}
.inmobiliaria-content li a {
    font-size: 16px;
    color: #818181;
    margin-left: 20px;
    text-decoration: underline;
    position: relative
}
.inmobiliaria-wrapper .inmobiliaria {
    height: 100%;
    padding: 4px
}
.inmobiliaria-wrapper .input-download {
    margin-top: 20px
}
@media only screen and (max-width: 767px) {
    .inmobiliaria-wrapper .inmobiliaria {
        height: auto
    }
    .inmobiliaria-wrapper p {
        width: 100%
    }
}
.real-state-filters-wrapper .subheader-section h2 {
    color: #818181;
    background-color: #fff;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    padding: 30px 0;
    vertical-align: middle;
    text-align: center
}
.real-state-filters-wrapper .subheader-section h2 span {
    color: #df2439
}
.real-state-filters-wrapper .real-state-form-wrapper {
    text-align: center
}
.real-state-filters-wrapper .real-state-form-wrapper .input-combo-real-state-wrapper {
    float: none;
    display: inline-block;
    margin: 0 5px
}
.real-state-filters-wrapper .real-state-form-wrapper .input-real-state-filter {
    margin: 0 0 20px;
    text-align: left
}
.real-state-filters-wrapper .real-state-form-wrapper .input-real-state-filter label {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    text-transform: none
}
.real-state-filters-wrapper .real-state-form-wrapper .input-real-state-filter .selector {
    position: relative;
    width: 100%
}
.real-state-filters-wrapper .real-state-form-wrapper .input-real-state-filter .selector:after {
    top: 15px
}
.real-state-filters-wrapper .real-state-form-wrapper .input-real-state-filter .selector select {
    margin: 10px 0;
    padding: 0 0 0 15px;
    border: 1px solid #bcbcbc;
    height: 50px;
    cursor: pointer;
    position: relative;
    text-transform: none;
    font-size: 14px
}
.real-state-filters-wrapper .real-state-form-wrapper .search-real-state {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 17px;
    line-height: 16px;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #df2439;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 0 auto 60px;
    outline: 0;
    padding: 16px 20px;
    width: 240px
}
.real-state-assignments-wrapper .real-state-assignments-image .real-state-resp,
.real-state-filters-wrapper .real-state-filters-val {
    display: none
}
.real-state-assignments-wrapper .real-state-assignments-image img {
    vertical-align: top;
    width: 100%
}
.real-state-assignments-wrapper .real-state-assignments-text {
    padding: 40px 12%;
    background: #edece8;
    color: #5f5f5f
}
.real-state-assignments-wrapper .real-state-assignments-text p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    padding-bottom: 20px
}
.real-state-assignments-wrapper .real-state-assignments-text .real-state-assignments-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: .96;
    color: #666
}
.real-state-more-info-wrapper .real-state-more-info-text {
    font-family: TexGyreAdventor, arial, sans-serif;
    padding: 40px 12% 150px;
    color: #5f5f5f;
    text-align: center
}
.real-state-more-info-wrapper.real-state-more-info-left .real-state-more-info-text {
    text-align: left
}
.real-state-more-info-wrapper.real-state-more-info-grey {
    background: #edece8;
    color: #5f5f5f
}
.real-state-more-info-wrapper .real-state-more-info-text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    padding-bottom: 30px
}
.real-state-more-info-wrapper .real-state-more-info-text .real-state-more-info-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    color: #666;
    padding-bottom: 20px
}
.real-state-more-info-wrapper .real-state-email,
.real-state-more-info-wrapper .real-state-phone {
    display: inline-block;
    text-align: left;
    margin-right: 50px
}
.real-state-more-info-wrapper .real-state-phone {
    margin-right: 0
}
.real-state-more-info-wrapper .real-state-email::before {
    content: '';
    background: url(../img/real-state/email-icon.svg) center no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px
}
.real-state-more-info-wrapper .real-state-phone::before {
    content: '';
    background: url(../img/real-state/phone-icon.svg) center no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px
}
.real-state-more-info-wrapper .real-state-email>span,
.real-state-more-info-wrapper .real-state-phone>span {
    display: inline-block
}
.real-state-more-info-wrapper .real-state-email>span>span,
.real-state-more-info-wrapper .real-state-phone>span>span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #5f5f5f;
    padding-bottom: 5px
}
.real-state-more-info-wrapper .real-state-email a,
.real-state-more-info-wrapper .real-state-phone a {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #5f5f5f;
    text-decoration: underline
}
.real-state-results-wrapper {
    background: #edece8;
    text-align: center;
    padding: 30px 0
}
.real-state-results-content {
    padding: 0 5%
}
.real-state-results-wrapper .real-state-results-grid {
    text-align: left;
    margin: 0 auto;
    float: none;
    display: block;
    padding: 0
}
.real-state-results-wrapper .real-state-results-block {
    margin: 0 1% 30px;
    float: none;
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(164, 164, 164, .5);
    max-width: 31%;
    width: 100%
}
.real-state-results-wrapper .real-state-results-block a {
    display: inline-block
}
.real-state-results-wrapper .real-state-results-text {
    float: none;
    display: block
}
.real-state-results-wrapper .real-state-results-text p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    padding-bottom: 20px
}
.real-state-results-wrapper .real-state-results-text .real-state-results-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: .96;
    color: #666;
    padding-bottom: 30px
}
.real-state-results-wrapper .real-state-local-image {
    height: 205px;
    overflow: hidden
}
.real-state-results-wrapper .real-state-local-image img {
    width: 100%
}
.real-state-results-wrapper .real-state-local-description {
    text-align: left;
    padding: 15px 30px
}
.real-state-results-wrapper .real-state-local-type {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #39a347
}
.real-state-results-wrapper .real-state-local-type.solar-type {
    color: #39a347
}
.real-state-results-wrapper .real-state-local-type.local-type {
    color: #5793d7
}
.real-state-results-wrapper .real-state-local-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #4a4a4a
}
.real-state-results-wrapper .real-state-local-addres {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
    padding: 8px 0 24px
}
.real-state-results-wrapper .real-state-sell {
    display: inline-block;
    vertical-align: top;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #4a4a4a;
    width: 65%
}
.real-state-results-wrapper .real-state-metros {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: 400;
    color: #4a4a4a
}
.real-state-results-wrapper .page-number-wrapper .page-number {
    float: none
}
@media only screen and (max-width: 992px) {
    .real-state-results-wrapper .real-state-results-block {
        max-width: 47%;
        width: 100%
    }
    .real-state-results-wrapper .real-state-results-grid>div {
        max-width: calc(360px*2 + 7%);
        margin: 0 auto
    }
    .real-state-results-wrapper .real-state-sell {
        width: 62%
    }
}
@media only screen and (max-width: 767px) {
    .input-combo-real-state-wrapper {
        width: 50%;
        text-align: left
    }
    .real-state-filters-wrapper .real-state-form-wrapper .input-real-state-filter {
        margin: 0;
        margin-top: 0!important
    }
    .real-state-filters-wrapper .real-state-form-wrapper .input-combo-real-state-wrapper:last-child .input-real-state-filter {
        margin-bottom: 20px
    }
    .real-state-filters-wrapper .real-state-filters-val {
        display: block;
        -webkit-transition: all ease-out .3s;
        -moz-transition: all ease-out .3s;
        -o-transition: all ease-out .3s;
        -ms-transition: all ease-out .3s;
        transition: all ease-out .3s
    }
    .real-state-filters-wrapper .real-state-filters-val p {
        font-family: TexGyreAdventorBold, arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        color: #686868;
        padding: 15px 0 0
    }
    .real-state-filters-wrapper .real-state-filters-val.hide-modifiy {
        display: none
    }
    .real-state-filters-wrapper .real-state-filters-val .modify-filters {
        font-family: TexGyreAdventorBold, arial, sans-serif;
        font-size: 17px;
        line-height: 16px;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #df2439;
        border: 0;
        color: #fff;
        cursor: pointer;
        display: block;
        margin: 15px auto 30px;
        outline: 0;
        padding: 16px 20px;
        width: 240px
    }
    .real-state-filters-drop.active {
        display: none;
        -webkit-transition: all ease-out .3s;
        -moz-transition: all ease-out .3s;
        -o-transition: all ease-out .3s;
        -ms-transition: all ease-out .3s;
        transition: all ease-out .3s
    }
    .search-real-state {
        margin: 60px auto
    }
    .real-state-results-wrapper .real-state-results-block {
        max-width: 360px;
        width: 100%
    }
    .real-state-results-wrapper .real-state-results-grid>div {
        text-align: center
    }
}
.single-text-more,
.single-text-tabs {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}
.booklet-item__image img,
.layer-cookies a.close-cookies {
    -webkit-transition: all ease-out .3s;
    -o-transition: all ease-out .3s
}
@media only screen and (max-width: 500px) {
    .real-state-filters-wrapper .subheader-section h2 {
        text-align: left;
        padding: 30px 0
    }
    .real-state-filters-wrapper {
        padding: 0 5%
    }
    .real-state-filters-wrapper .real-state-form-wrapper .input-combo-real-state-wrapper {
        width: 100%;
        margin: 0
    }
    .real-state-assignments-wrapper .real-state-assignments-image .real-state-desk {
        display: none
    }
    .real-state-assignments-wrapper .real-state-assignments-image .real-state-resp {
        display: inline-block
    }
    .real-state-assignments-wrapper .real-state-assignments-text {
        padding: 40px 5%;
        text-align: left
    }
    .real-state-more-info-wrapper .real-state-more-info-text {
        padding: 40px 5% 150px;
        text-align: left
    }
    .real-state-more-info-wrapper .real-state-email,
    .real-state-more-info-wrapper .real-state-phone {
        display: block;
        margin-bottom: 20px
    }
    .real-state-results-wrapper .real-state-local-image {
        height: 150px
    }
    .real-state-results-wrapper .real-state-results-block {
        margin: 0 0 30px;
        max-width: 100%;
        width: 100%
    }
    .real-state-results-wrapper .real-state-sell {
        width: 55%
    }
}
.real-state-sheet-wrapper {
    padding: 0 12%;
    background: #edece8
}
.real-state-sheet-wrapper .real-state-sheet-block {
    background: #fff;
    padding: 20px;
    margin: 50px 0 20px;
    box-shadow: 0 1px 2px 0 rgba(164, 164, 164, .5)
}
.real-state-sheet-wrapper .real-state-local-image {
    max-width: 374px;
    height: 374px;
    width: 40%;
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}
.real-state-sheet-wrapper .real-state-local-image img {
    width: 100%
}
.real-state-sheet-wrapper .real-state-local-description {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px
}
.real-state-sheet-wrapper .real-state-local-description .real-state-data {
    padding: 0 20px 10px 0
}
.real-state-sheet-wrapper .real-state-local-description p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #4a4a4a
}
.real-state-sheet-wrapper .real-state-local-description .solar-type {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #39a347
}
.real-state-sheet-wrapper .real-state-local-description .local-type {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    color: #5793d7
}
.real-state-sheet-wrapper .real-state-local-description .real-state-local-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 35px;
    color: #4a4a4a;
    padding-bottom: 25px
}
.real-state-sheet-wrapper .real-state-local-description .real-state-data-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.33;
    color: #4a4a4a
}
.real-state-sheet-wrapper .real-state-local-description .real-state-data-text {
    min-height: 66px
}
.real-state-sheet .input-print {
    margin: 0;
    float: right
}
@media only screen and (max-width: 768px) {
    .real-state-sheet .go-back-wrapper .input-submit {
        margin-left: auto!important
    }
    .real-state-sheet-wrapper .real-state-local-image {
        max-width: 100%;
        width: 100%;
        height: 280px
    }
    .real-state-sheet-wrapper .real-state-local-image img {
        width: 100%
    }
    .real-state-sheet-wrapper .real-state-local-description {
        width: 100%;
        padding: 0
    }
    .real-state-sheet-wrapper .real-state-local-description .real-state-data-text {
        min-height: 0
    }
    .real-state-sheet-wrapper .real-state-local-description .real-state-local-title {
        font-size: 24px;
        line-height: 20px;
        padding-top: 10px
    }
    .real-state-sheet .input-print {
        display: none
    }
}
@media only screen and (max-width: 500px) {
    .real-state-sheet-wrapper {
        padding: 0
    }
    .real-state-sheet .real-state-more-info-wrapper .real-state-more-info-text {
        padding: 40px 5% 50px
    }
}
.empleo-wrapper h3,
.empleo-wrapper p {
    text-align: left;
    padding: 12px;
    line-height: 22px
}
.empleo-wrapper {
    background-color: #edece8;
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #818181
}
.empleo-content {
    float: none;
    margin: 40px auto
}
.empleo-wrapper h3 {
    font-size: 20px
}
.empleo-wrapper p {
    width: 100%;
    font-size: 16px
}
.empleo-headline {
    background-color: #fff
}
.empleo-content li {
    font-size: 12px;
    color: #c1beb2;
    margin: 20px 0
}
.empleo-content li a {
    font-size: 16px;
    color: #818181;
    margin-left: 20px;
    text-decoration: underline;
    position: relative
}
.empleo-wrapper .empleo {
    height: 100%;
    padding: 4px
}
.empleo-wrapper .input-download {
    margin-top: 20px
}
.empleo-wrapper iframe {
    width: 100%
}
.empleo-wrapper body {
    font-family: TexGyreAdventor, arial, sans-serif!important
}
.module-title a,
.title.box-article-title {
    font-family: TexGyreAdventor, arial, sans-serif
}
@media only screen and (max-width: 767px) {
    .empleo-wrapper .empleo {
        height: auto
    }
    .empleo-wrapper p {
        width: 100%
    }
}
.subhome .header-section-servicios .header-section-content {
    clear: both;
    overflow: hidden;
    background-color: #d81d24
}
.subhome .header-section-content img {
    position: relative
}
.header-section-title-text {
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    padding: 20%
}
.subhome .single-text .text,
.subhome .standard-modules-wrapper .box-col .box-section-description-content .text-color,
.subhome .standard-modules-wrapper .box-col .box-section-description-content .text-color a {
    color: #7e7e7e
}
.subhome .standard-modules-wrapper .box-col .box-section-description {
    padding-top: 35%
}
.subhome .servicios-module-wrapper .box-col .box-section-description {
    background-color: #ebeae6;
    padding-top: 55%
}
.subhome .standard-modules-wrapper .box-col .box-section-img {
    padding-top: 70%
}
.subhome .servicios-module-wrapper .box-col .box-section-img {
    padding-top: 50%
}
.subhome .standard-modules-wrapper .box-col .box-section-img img,
.subhome .standard-modules-wrapper .box-col.box-section-img img {
    width: 100%;
    height: auto
}
.subhome .standard-modules-wrapper .box-col-1.box-section-img img {
    height: 100%;
    width: auto
}
.subhome .standard-modules-wrapper .box-col-1,
.subhome .standard-modules-wrapper .box-col-2 {
    padding-bottom: 35%
}
.subhome .standard-modules-wrapper .box-col .box-section-description .button {
    background-color: rgba(0, 0, 0, .1);
    z-index: 2
}
.single-text-more,
.subhome .single-text-servicios {
    background-color: #ebeae6
}
.servicios-module-wrapper .texts-box-section-img {
    position: absolute;
    left: auto;
    right: 0;
    top: 30px;
    text-align: center
}
@media only screen and (max-width: 992px) {
    .header-section-title-text {
        font-size: 24px;
        line-height: 30px
    }
}
@media only screen and (max-width: 767px) {
    .header-section-title-text {
        padding: 5%;
        font-size: 20px;
        line-height: 25px
    }
    .subhome .header-section-content img {
        max-width: 100%
    }
    .subhome .standard-modules-wrapper .box-col-2 {
        width: 50%;
        padding-bottom: 52.5%;
        height: 0
    }
    .subhome .standard-modules-wrapper .box-col-1 {
        width: 100%;
        padding: 0;
        height: auto
    }
    .subhome .standard-modules-wrapper .box-col-2.box-section-img img {
        height: 100%;
        width: auto
    }
    .subhome .standard-modules-wrapper .box-col-1.box-section-img img {
        width: 100%;
        height: auto;
        position: relative
    }
    .servicios-module-wrapper .texts-box-section-img {
        left: 0;
        top: 0;
        right: auto;
        text-align: left
    }
}
@media only screen and (max-width: 550px) {
    .subhome .standard-modules-wrapper .box-col-1,
    .subhome .standard-modules-wrapper .box-col-2 {
        width: 100%;
        padding-bottom: 0;
        height: auto
    }
    .subhome .standard-modules-wrapper .box-col-2.box-section-img img {
        width: 100%;
        height: auto;
        position: relative
    }
}
.subhome-inner .box-col .box-product-description {
    background-color: #ebeae6;
    color: #818181
}
.subhome-inner .box-product-description .button {
    display: none
}
.subhome-inner .text-color {
    color: #de180b
}
.subhome-inner .text {
    overflow: hidden;
    line-height: 28px
}
.subhome-inner .text p {
    line-height: 26px;
    margin: 20px 0
}
.subhome-inner .text p a {
    color: #46b7d3;
    text-decoration: none
}
.subhome-inner .text-lg {
    line-height: 25px;
    line-height: 30px;
    margin-bottom: 20px
}
.single-text ul,
.subhome-inner .text ul {
    list-style: inherit;
    padding-left: 25px
}
.subhome-inner .input-submit {
    margin: 30px 0
}
.subhome-inner-footer {
    clear: both;
    float: none;
    margin: 30px auto
}
.subhome-inner-footer img {
    display: block;
    margin-left: auto
}
.subhome-inner .body-content {
    float: none;
    margin: 0 auto
}
.subhome-inner .body-content .box-product {
    width: 50%
}
.subhome-inner .body-content .box-col .box-product-img {
    padding-top: 50%
}
.subhome-inner .body-content .box-col .box-product-description {
    padding-top: 60%
}
.subhome .header-section-content .encargo-img {
    width: 16%;
    position: absolute;
    bottom: 0
}
.module-img img {
    width: 100%;
    max-width: 100%;
    height: auto
}
.module-title {
    float: none;
    clear: both;
    color: #de180b;
    padding: 25px 0;
    text-align: center;
    font-size: 25px;
    line-height: 32px
}
.module-title a {
    color: #7e7e7e;
    text-decoration: none
}
.box-article-wrapper:nth-child(odd) .box-article-description {
    float: right
}
.align-left-img .box-article-wrapper:nth-child(odd) .box-article-description {
    float: left
}
.align-left-img .box-article-wrapper:nth-child(even) .box-article-description {
    float: right
}
.box-wide-text .box-article-wrapper .box-article .box-article-content {
    width: 90%;
    padding: 10px 0
}
.subhome-inner .single-text .text img {
    float: left;
    margin-right: 20px;
    padding-right: 20px;
    margin-bottom: 20px
}
.single-text img {
    width: auto;
    max-width: 100%;
    height: auto
}
.subhome-inner .single-text-title {
    font-size: 24px;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.double-text .text,
.footer-section,
.single-text-more .single-text-title {
    font-family: TexGyreAdventor, arial, sans-serif
}
.header-section-content .header-section-title-text {
    text-align: left
}
.double-text .text {
    display: block;
    margin: 0 auto;
    padding: 80px 5%;
    font-size: 18px;
    line-height: 24px
}
.single-text-more.single-text .text,
.single-text-tabs.single-text .text {
    padding: 40px 0
}
.double-text img {
    display: block;
    max-width: 90%;
    margin-bottom: 30px
}
.double-text .center {
    float: none;
    margin: auto;
    clear: both
}
.single-text-tabs .text .text-a {
    display: none;
    font-size: 16px;
    line-height: 22px
}
.single-text-tabs .text .text-a li {
    margin-top: 10px
}
.single-text-tabs .text .text-a li img {
    margin-right: 10px
}
.single-text-tabs .text .text-q {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px
}
.single-text-more .more-button {
    background-color: rgba(0, 0, 0, .1)
}
.single-text-more .single-text-title {
    color: #de180b
}
.gallery-item {
    height: 0;
    padding-bottom: 25%;
    width: 25%;
    overflow: hidden;
    position: relative;
    z-index: 1
}
.gallery-item img {
    width: auto;
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.module-iframe iframe {
    margin: auto auto 75px;
    float: none;
    display: block
}
.sin-gluten-list .box-col .box-product-img {
    max-height: 254px;
    height: auto;
    padding-top: 0
}
.sin-gluten-list .box-product-img img {
    width: auto;
    display: block;
    margin: 30px auto;
    position: relative;
    top: 0
}
.sin-gluten-list .subhome-inner .box-col .box-product-description {
    padding-top: 30%;
    border-right: 1px solid #fff
}
@media only screen and (max-width: 992px) {
    .gallery-item {
        height: 0;
        padding-bottom: 33%;
        width: 33%
    }
    .gallery-item img {
        height: auto;
        width: 100%
    }
}
@media only screen and (max-width: 767px) {
    .subhome-inner .body-content .box-product,
    .subhome-inner .box-col {
        width: 100%
    }
    .subhome-inner .body-content .box-col .box-product-description {
        padding-top: 0
    }
    .subhome-inner .single-text .text {
        padding: 30px 0
    }
    .header-section-content .header-section-title-text {
        width: 50%;
        float: left
    }
    .subhome.subhome-inner .header-section-content>img {
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
        left: 0;
        position: relative;
        float: right;
        width: auto
    }
    .double-text .text {
        padding: 20px 5%
    }
    .gallery-item {
        height: 0;
        padding-bottom: 50%;
        width: 50%
    }
    .gallery-item img {
        height: 100%;
        width: auto
    }
}
@media only screen and (max-width: 550px) {
    .header-section-content .header-section-title-text {
        width: 100%;
        float: left;
        padding: 40px 20px
    }
    .gallery-item {
        height: 0;
        padding-bottom: 98%;
        width: 100%
    }
    .gallery-item img {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
.footer-section {
    clear: both
}
.footer-content-title,
.footer-modules-title,
.footer-section-title strong {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.footer-section img {
    width: 100%
}
.footer-section-header {
    position: relative
}
.footer-section-box-title {
    position: absolute;
    top: 40px;
    right: 40px;
    background-color: #d91003;
    width: 200px;
    height: 200px
}
.footer-section-title {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.footer-section-body {
    background-color: #fbfbfb;
    text-align: center;
    overflow: hidden
}
.footer-section-modules {
    display: inline-block;
    width: 30%;
    margin: 20px 1%;
    text-align: left
}
.footer-modules-content {
    background-color: #d91003;
    color: #fff;
    font-size: 14px;
    line-height: 20px
}
.footer-modules-content a {
    color: #fff
}
.footer-modules-title {
    padding: 20px 20px 0;
    font-size: 16px;
    height: 65px
}
.footer-modules-text {
    padding: 20px;
    height: 190px
}
.button-footer {
    overflow: hidden;
    position: relative
}
.button-footer-bg {
    width: 50%;
    position: absolute;
    height: 80px
}
.button-footer-bg>div {
    width: 33%;
    height: 100%;
    float: left
}
.button-footer-bg-1 {
    background-color: #f0301c
}
.button-footer-bg-2 {
    background-color: #e85d55
}
.button-footer-bg-3 {
    background-color: #d91003
}
.footer-section-content {
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    color: #646464;
    padding: 30px;
    float: none;
    margin: 30px auto
}
.footer-content-title {
    margin: 10px 0;
    color: #e03a12
}
.footer-section-nav {
    text-align: left;
    font-size: 13px;
    line-height: 18px;
    color: #fff
}
.footer-section-nav li {
    width: 60%;
    height: 15%;
    max-height: 125px;
    padding: 20px
}
.footer-section-nav li.active {
    width: 80%
}
.footer-section-nav li:nth-child(1) {
    background-color: #e85d55
}
.footer-section-nav li:nth-child(2) {
    background-color: #e03a12
}
.footer-section-nav li:nth-child(3) {
    background-color: #d91003
}
.footer-section-nav li:nth-child(4) {
    background-color: #e85d55
}
.footer-section-nav li:nth-child(5) {
    background-color: #f0301c
}
.footer-section-nav li:nth-child(6) {
    background-color: #e85d55
}
.footer-section-nav li:nth-child(7) {
    background-color: #f0301c
}
.footer-section-nav li a {
    color: #fff
}
.footer-module-wrapper .box-col .box-section-description-content .text-color,
.footer-module-wrapper .box-col .box-section-description-content .text-color a {
    color: #7e7e7e
}
.header-section-footer .header-section-mosaic .header-section-title-text {
    position: absolute;
    z-index: 1;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 32px;
    line-height: 36px;
    padding: 20px;
    text-align: left
}
.header-section-footer .header-section-mosaic .header-section-title-text span {
    font-family: TexGyreAdventor, arial, sans-serif;
    display: block;
    margin: 10px 0
}
.footer-module-wrapper .box-col .box-section-description {
    background-color: #ebeae6
}
.footer-module-wrapper .box-col .box-section-description .button {
    background-color: rgba(0, 0, 0, .1)
}
.footer-module-wrapper .box-col .box-section-img {
    padding-top: 55%
}
.footer-module-wrapper .box-col .box-section-img img {
    width: 100%;
    height: auto
}
@media only screen and (max-width: 767px) {
    .footer-section-modules {
        width: 100%
    }
    .button-footer a {
        padding-right: 10%
    }
    .footer-section-box-title {
        position: relative;
        width: auto;
        height: auto;
        top: 0;
        right: 0
    }
    .footer-section-title {
        position: relative;
        top: 0;
        left: 0;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        padding: 15px;
        transform: none
    }
    .footer-section-nav li {
        width: 100%;
        height: auto;
        padding: 10px 20px
    }
    .footer-section-nav li.active {
        width: 100%
    }
    .header-section-footer .header-section-mosaic .header-section-title-text {
        position: relative;
        width: 100%
    }
}
.module-catalogue .catalogue-item .catalogue-box h3,
.module-discount-70 div.discount>p {
    left: 0;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}
@media only screen and (max-width: 550px) {
    .button-footer a {
        padding-right: 15%
    }
}
.cookies-content {
    float: none;
    margin: auto;
    clear: both
}
.cookies-content table {
    font-family: TexGyreAdventor, Helvetica, Arial;
    margin: 2rem auto;
    width: 100%
}
.cookies-content table td,
.cookies-content table th {
    min-width: 16rem;
    border: 1px solid silver;
    padding: 1rem .5rem;
    line-height: 1.2rem
}
.cookies-content table th {
    text-align: center;
    color: #fff;
    background-color: #ccc;
    font-weight: 700
}
.cookies-content .tablesaw-cell-content {
    font-size: 12px;
    line-height: 15px
}
.cookies-content table.tablesaw tbody th {
    line-height: 21px
}
.layer-cookies {
    background: rgba(255, 255, 255, 1);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2rem 3rem 2rem 1rem;
    -webkit-box-shadow: 0 5px 9px 0 rgba(50, 50, 50, .75);
    -moz-box-shadow: 0 5px 9px 0 rgba(50, 50, 50, .75);
    box-shadow: 0 5px 9px 0 rgba(50, 50, 50, .55);
    z-index: 3000000;
    display: none;
    box-sizing: border-box;
    font-family: TexGyreAdventor, arial, sans-serif
}
.layer-cookies .wrapper .text {
    margin-top: 1.1em;
    margin-bottom: 1em
}
.layer-cookies p {
    color: #2f3032;
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: center;
    width: 95%
}
.layer-cookies a {
    color: #d81d24
}
.layer-cookies a.close-cookies {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    background: url(../img/base/icon-close-white.png) center no-repeat #d81d24;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    position: absolute;
    top: 1rem;
    right: 3rem;
    text-align: center;
    padding-left: .3rem;
    padding-right: .3rem;
    line-height: 1.4;
    font-size: 1.6rem;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    text-decoration: none;
    background-size: 50%;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    transition: all ease-out .3s
}
.layer-cookies a.close-cookies span {
    text-indent: -99999px;
    visibility: hidden
}
.layer-cookies a.close-cookies:hover {
    text-decoration: underline;
    background-color: #888
}
@media only screen and (max-width: 1000px) {
    .layer-cookies {
        left: 0;
        width: auto;
        padding-right: 3em
    }
    .layer-cookies p {
        color: #2f3032;
        font-size: 17px;
        line-height: 1.4;
        text-align: center;
        width: 98%
    }
    .layer-cookies a.close-cookies {
        right: 10px
    }
}
@media only screen and (max-width: 992px) {
    .cookies-content .table-th-hide {
        display: none
    }
    .cookies-content .tablesaw-cell-content {
        max-width: 100%;
        display: inline-block;
        font-size: 12px;
        line-height: 19px
    }
    .cookies-content .tablesaw-cell-content li {
        word-wrap: break-word
    }
    .cookies-content .tablesaw-stack td .tablesaw-cell-label,
    .cookies-content .tablesaw-stack th .tablesaw-cell-label {
        width: 100%
    }
}
#cboxOverlay {
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1
}
#colorbox {
    z-index: 2
}
#colorbox:focus,
.cboxElement:focus {
    outline: 0
}
#cboxWrapper {
    padding: 30px 0
}
#cboxClose {
    position: absolute;
    background-color: transparent;
    border: 0;
    outline: 0
}
.old-browsers-layer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    text-align: center
}
.old-browsers-content {
    background-color: #d81d24;
    background-image: url(../img/base/red-square-bg.png);
    background-size: cover;
    color: #fff;
    width: 60%;
    min-width: 850px;
    position: relative;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 20%;
    margin: auto;
    padding: 60px;
    display: block;
    text-align: left
}
.old-browsers-content a,
.old-browsers-content a:hover {
    color: transparent;
    text-decoration: none
}
.old-browsers-content p {
    font-size: 17px;
    line-height: 21px;
    width: 50%;
    font-family: TexGyreAdventor, arial, sans-serif;
    margin: 20px 0
}
.old-browsers-content .old-browsers-title {
    font-size: 20px;
    line-height: 23px;
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.old-browsers-content a {
    font-size: 0;
    margin: 20px 20px 20px 0;
    display: inline-block;
    vertical-align: top;
    height: 40px
}
div.article-button {
    font-size: 28px;
    height: 55px;
    width: 55px;
    display: block;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: Helvetica;
    font-weight: bolder;
    background-color: rgba(255, 255, 255, .5);
    text-indent: -9999px
}
.module-stars-christmas {
    display: none;
    background: #eda22f;
    color: #00412a;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-weight: 100;
    padding: 30px 2%
}
.module-stars-christmas>div {
    vertical-align: middle;
    width: 37%;
    padding-right: 2%
}
.module-stars-christmas .col-2 {
    width: 25%
}
.module-stars-christmas .col-3 {
    padding-right: 0
}
.module-stars-christmas .col-1 p {
    font-size: 15px;
    line-height: 18px
}
.module-stars-christmas .col-2>img {
    max-width: 87px;
    width: 28%;
    vertical-align: middle
}
.module-stars-christmas .col-2>p {
    width: 70%;
    vertical-align: middle
}
.module-stars-christmas .col-2>p span:first-child {
    font-size: 16px;
    color: #fff
}
.module-stars-christmas .col-2>p span:last-child {
    font-size: 48px
}
.module-stars-christmas .col-3 p {
    font-size: 11px;
    line-height: 14px;
    padding-bottom: 10px
}
.module-stars-christmas .col-3 img {
    max-width: 388px;
    width: 100%
}
.module-stars-christmas .article-button {
    background-color: #cb8521;
    width: 55px
}
.module-discount-70 {
    position: relative
}
.module-discount-70>img {
    width: 100%
}
.module-discount-70 div.discount {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/christmas/square.jpg) center center no-repeat;
    height: 350px;
    width: 350px
}
.module-discount-70 div.discount>p {
    color: #000;
    display: block;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-weight: 100;
    margin: 0 auto;
    width: 291px;
    position: relative;
    top: 45%;
    -webkit-transform: translate(0, -50%)
}
.module-discount-70 div.discount>p>span:first-child {
    font-size: 23px;
    position: relative;
    top: 6px
}
.module-discount-70 div.discount>p>span.num>span:first-child {
    font-size: 150px;
    vertical-align: bottom
}
.module-discount-70 div.discount>p>span.num>span:last-child {
    font-size: 64px;
    vertical-align: bottom
}
.module-discount-70 div.discount>p>span:last-child {
    font-size: 20px
}
.module-discount-70 .article-button {
    background: #e5ab24;
    width: 55px
}
.module-catalogue .catalogue-item {
    position: relative
}
.module-catalogue .catalogue-item>img {
    width: 100%;
    vertical-align: bottom
}
.module-catalogue .catalogue-item-1 .box-discount-30 {
    background: url(../img/christmas/bg-box-discount-30.jpg) center center no-repeat;
    background-size: cover;
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    height: 245px;
    left: 0;
    padding: 3.8%;
    position: absolute;
    top: -1px;
    width: 245px;
    font-weight: 100
}
.module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-info {
    font-size: 16px
}
.module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:first-child {
    font-size: 18px;
    padding-left: 25%;
    position: relative;
    top: 10px
}
.module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span.num {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 90px;
    font-weight: 100;
    position: relative;
    vertical-align: bottom
}
.module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span.num:after {
    content: "";
    background: url(../img/christmas/card-ersoki.png) center center no-repeat;
    height: 61px;
    position: absolute;
    width: 74px;
    top: -4%;
    right: -46%
}
.module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span:last-child {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 50px;
    font-weight: 100;
    vertical-align: bottom
}
.module-catalogue .catalogue-item-3>p {
    color: #ffda05;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 35px;
    font-weight: 100;
    position: absolute;
    right: 6%;
    text-shadow: 2px 1px #000;
    top: 3%
}
.module-catalogue .catalogue-item .catalogue-box h3,
.module-charge>.charge-module-box {
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-weight: 100
}
.module-catalogue .catalogue-item .catalogue-box {
    background: url(../img/christmas/bg-box-seleqtia.jpg) center center no-repeat;
    background-size: cover;
    height: 115px
}
.module-catalogue .catalogue-item-2 .catalogue-box {
    background: url(../img/christmas/bg-box-regalos.jpg) center center no-repeat;
    background-size: cover
}
.module-catalogue .catalogue-item-3 .catalogue-box {
    background: url(../img/christmas/bg-box-juguetes.jpg) center center no-repeat;
    background-size: cover
}
.module-catalogue .catalogue-item .catalogue-box h3 {
    font-size: 22px;
    padding: 0 19% 0 8%;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%)
}
.module-catalogue .catalogue-item-1 .catalogue-box a.article-button {
    background: #575757;
    width: 55px
}
.module-catalogue .catalogue-item-2 .catalogue-box a.article-button {
    background: #3f705f;
    width: 55px
}
.module-catalogue .catalogue-item-3 .catalogue-box a.article-button {
    background: #72b6ea;
    width: 55px
}
.module-charge {
    background: url(../img/christmas/bg-module-charge.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
    padding: 15px
}
.module-charge>img {
    vertical-align: middle
}
.module-charge>.charge-module-box {
    vertical-align: middle;
    text-align: left;
    padding-left: 5%
}
.module-charge>.charge-module-box h3 {
    font-size: 56px
}
.module-charge>.charge-module-box p {
    font-size: 40px
}
.module-charge>.charge-module-box p:last-child {
    color: #ecc800;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 28px;
    font-weight: 100;
    padding-top: 20px
}
.module-charge .article-button {
    color: #628778;
    width: 55px
}
.module-charge>.charge-module-box-eu {
    padding-left: 5%;
    width: 64%
}
.module-festive-menus .festive-menus-item {
    position: relative
}
.module-festive-menus .festive-menus-item>img {
    width: 100%;
    vertical-align: bottom
}
.module-festive-menus .festive-menus-item .festive-menus-box {
    bottom: 0;
    position: absolute;
    right: 0;
    background: #3d3d3d;
    width: 50%;
    height: 32%
}
.module-festive-menus .festive-menus-item .festive-menus-box h3 {
    color: #fff;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-weight: 100;
    font-size: 20px;
    padding: 20px 28px 20px 20px;
    line-height: 24px
}
.module-financing .box-info-financing .time-financing .info-time-financing,
.module-financing .box-info-financing .time-financing-plus,
.module-financing .box-info-financing .time-financing-plus .star-financing>p,
.module-financing .box-info-tae,
.module-financing .scare-financing-item,
.module-financing>p.legal {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-weight: 100
}
.module-festive-menus .festive-menus-item-2 .festive-menus-box h3 {
    padding: 20px 55px 20px 20px
}
.module-festive-menus a.article-button {
    background: #575757;
    width: 55px
}
.module-festive-menus .festive-menus-item-2-eu .festive-menus-box h3 {
    padding: 20px 40px 20px 20px
}
.module-financing {
    background: url(../img/christmas/bg-financing.jpg) center center no-repeat;
    background-size: cover;
    padding: 4% 3% 1.5%;
    text-align: center
}
.module-financing .box-info-tae {
    color: #fff;
    padding: 2% 0 0 2%;
    text-align: left;
    width: 440px
}
.module-financing .box-info-tae p:first-child {
    font-size: 35px
}
.module-financing .box-info-tae p.tae {
    position: relative;
    top: -69px
}
.module-financing .box-info-tae p.tae span.num {
    font-size: 440px;
    position: relative
}
.module-financing .box-info-tae p.tae span.num:after {
    background: url(../img/christmas/card-red-eroski.png) center center no-repeat;
    content: "";
    height: 121px;
    position: absolute;
    top: 20%;
    width: 170px
}
.module-financing .box-info-tae p.tae>span:last-child {
    vertical-align: bottom;
    font-size: 90px;
    position: relative;
    top: -50px
}
.module-financing .box-info-financing {
    color: #fff;
    margin-left: 7%;
    text-align: left;
    width: 600px
}
.module-financing .box-info-financing .time-financing {
    background: rgba(0, 0, 0, .3);
    padding: 4%
}
.module-financing .box-info-financing .time-financing .info-time-financing {
    padding-right: 4%;
    vertical-align: middle;
    width: 56%
}
.module-financing .box-info-financing .time-financing .info-time-financing>span:first-child {
    font-size: 28px
}
.module-financing .box-info-financing .time-financing .info-time-financing>span.exclamation {
    font-size: 48px;
    line-height: 52px;
    padding: 5px 0
}
.module-financing .box-info-financing .time-financing .info-time-financing>span:last-child {
    font-size: 15px;
    line-height: 20px
}
.module-financing .scare-financing-item {
    background: url(../img/christmas/scare-financing.jpg) center center no-repeat;
    background-size: cover;
    height: 238px;
    vertical-align: middle;
    width: 238px
}
.module-financing .scare-financing-item>span {
    display: block;
    text-align: center
}
.module-financing .scare-financing-item>span:first-child {
    font-size: 136px
}
.module-financing .scare-financing-item>span.month {
    font-size: 42px;
    padding: 0 0 10px
}
.module-financing .scare-financing-item>span:last-child {
    font-size: 16px
}
.module-financing .box-info-financing .time-financing-plus {
    margin: 24px 0 40px
}
.module-financing .box-info-financing .time-financing-plus>p {
    font-size: 26px;
    margin-bottom: 10px
}
.module-financing .box-info-financing .time-financing-plus .types-financing {
    background: rgba(0, 0, 0, .3);
    margin-right: 3.3%;
    padding: 3.5%;
    vertical-align: middle;
    width: 69.8%
}
.module-financing .box-info-financing .time-financing-plus .types-financing>p {
    font-size: 18px;
    margin-bottom: 15px
}
.module-financing .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item {
    background: url(../img/christmas/scare-financing-small.jpg) center center no-repeat;
    background-size: cover;
    height: 115px;
    margin-right: 2%;
    width: 115px
}
.module-financing .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item.3 {
    margin-right: 0
}
.module-financing .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item span:first-child {
    font-size: 68px
}
.module-financing .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item span.month {
    font-size: 22px;
    padding: 0
}
.module-financing .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item span:last-child {
    font-size: 11px;
    padding-top: 2px
}
.module-financing .box-info-financing .time-financing-plus .star-financing {
    vertical-align: middle;
    width: 26%
}
.module-financing .box-info-financing .time-financing-plus .star-financing>p {
    color: #f1ca37;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 7px
}
.module-financing .box-info-financing .time-financing-plus .star-financing>img {
    width: 100%;
    max-width: 161px
}
.module-financing>p.legal {
    color: #fff;
    font-size: 16px;
    text-align: left
}
.module-financing .article-button {
    background: #618678;
    width: 55px
}
.module-financing-eu .scare-financing-item>span:last-child {
    font-size: 14px
}
.module-financing-eu .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item span.month {
    font-size: 16px
}
.module-financing-eu .box-info-tae p.tae>span:last-child>span:last-child {
    font-size: 46px
}
.module-financing-eu .box-info-tae p.tae span.num {
    font-size: 400px
}
@media only screen and (max-width: 1200px) {
    .module-stars-christmas .col-2,
    .module-stars-christmas>div {
        width: 33%
    }
    .module-stars-christmas .col-3 img {
        width: 86%
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 {
        height: 200px;
        width: 200px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-info {
        font-size: 14px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:first-child {
        font-size: 16px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span.num {
        font-size: 80px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span:last-child {
        font-size: 42px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span.num:after {
        top: -8%;
        right: -49%
    }
    .module-charge>.charge-module-box-eu {
        padding-left: 2%;
        width: 75%
    }
    .module-festive-menus .festive-menus-item .festive-menus-box h3 {
        font-size: 18px;
        line-height: 21px;
        padding: 15px 13px 15px 15px
    }
    .module-festive-menus .festive-menus-item-2 .festive-menus-box h3 {
        padding: 15px 30px 15px 15px
    }
    .module-financing .box-info-tae {
        padding: 2% 0 0 1%;
        width: 355px
    }
    .module-financing .box-info-tae p:first-child {
        font-size: 28px
    }
    .module-financing .box-info-tae p.tae span.num {
        font-size: 380px
    }
    .module-financing .box-info-tae p.tae>span:last-child {
        font-size: 70px
    }
    .module-financing .box-info-financing {
        margin-left: 6%;
        width: 518px
    }
    .module-financing .box-info-financing .time-financing .info-time-financing {
        width: 48%
    }
    .module-financing .box-info-financing .time-financing .info-time-financing>span:first-child {
        font-size: 25px
    }
    .module-financing .box-info-financing .time-financing .info-time-financing>span.exclamation {
        font-size: 35px;
        line-height: 46px;
        padding: 2px 0
    }
    .module-financing .box-info-financing .time-financing-plus .types-financing {
        margin-right: 2%;
        width: 77%
    }
    .module-financing .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item {
        height: 110px;
        width: 110px
    }
    .module-financing .box-info-financing .time-financing-plus .star-financing {
        width: 20%
    }
    .module-financing .box-info-financing .time-financing-plus .star-financing>p {
        font-size: 16px
    }
    .module-financing>p.legal {
        font-size: 13px
    }
    .module-financing-eu .box-info-tae p.tae span.num {
        font-size: 350px;
        padding-top: 18px
    }
    .module-financing-eu .box-info-tae p.tae>span:last-child>span:last-child {
        font-size: 36px
    }
    .module-financing .box-info-tae p.tae span.num:after {
        top: 22%
    }
}
@media only screen and (max-width: 992px) {
    .module-stars-christmas .col-2,
    .module-stars-christmas>div {
        width: 32%
    }
    .module-stars-christmas .col-2>img {
        width: 25%
    }
    .module-stars-christmas .col-2>p {
        width: 73%
    }
    .module-stars-christmas .col-2>p span:first-child {
        font-size: 14px
    }
    .module-stars-christmas .col-2>p span:last-child {
        font-size: 38px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 {
        height: 180px;
        width: 180px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-info {
        font-size: 12px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:first-child {
        font-size: 12px;
        padding-left: 21%
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span.num:after {
        top: -37%;
        right: -64%
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span.num {
        font-size: 65px
    }
    .module-catalogue .catalogue-item-3>p {
        font-size: 28px
    }
    .module-charge>img {
        width: 22%;
        max-width: 236px
    }
    .module-charge>.charge-module-box-eu h3 {
        font-size: 43px
    }
    .module-charge>.charge-module-box-eu p {
        font-size: 27px
    }
    .module-charge>.charge-module-box-eu p:last-child {
        font-size: 23px
    }
    .module-festive-menus .festive-menus-item .festive-menus-box {
        width: 64%;
        height: 38%
    }
    .module-charge>.charge-module-box h3 {
        font-size: 48px
    }
    .module-charge>.charge-module-box p {
        font-size: 35px
    }
    .module-charge>.charge-module-box p:last-child {
        font-size: 25px
    }
    .module-financing {
        padding: 3% 2% 1.5%
    }
    .module-financing .box-info-tae {
        padding: 2% 0 0;
        width: 233px
    }
    .module-financing .box-info-tae p:first-child {
        font-size: 20px
    }
    .module-financing .box-info-tae p.tae {
        top: -37px
    }
    .module-financing .box-info-tae p.tae span.num {
        font-size: 261px
    }
    .module-financing .box-info-tae p.tae span.num:after {
        top: 16%;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7);
        left: 85%
    }
    .module-financing .box-info-tae p.tae>span:last-child {
        font-size: 50px;
        top: -18px
    }
    .module-financing .box-info-financing {
        width: 439px
    }
    .module-financing .box-info-financing .time-financing .info-time-financing {
        width: 43%
    }
    .module-financing .box-info-financing .time-financing .info-time-financing>span:first-child {
        font-size: 19px
    }
    .module-financing .box-info-financing .time-financing .info-time-financing>span.exclamation {
        font-size: 27px;
        line-height: 32px
    }
    .module-financing .box-info-financing .time-financing .info-time-financing>span:last-child {
        font-size: 14px
    }
    .module-financing .scare-financing-item {
        height: 225px;
        width: 225px
    }
    .module-financing .box-info-financing .time-financing-plus .types-financing>p {
        font-size: 15px
    }
    .module-financing .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item {
        height: 93px;
        width: 93px
    }
    .module-financing .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item span:first-child {
        font-size: 55px
    }
    .module-financing .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item span.month,
    .module-financing-eu .box-info-tae p:first-child {
        font-size: 18px
    }
    .module-financing .box-info-financing .time-financing-plus .star-financing {
        width: 19%
    }
    .module-financing>p.legal {
        padding-right: 50px;
        line-height: 17px
    }
    .module-financing-eu .box-info-tae p.tae span.num {
        font-size: 246px;
        padding-top: 0
    }
    .module-financing-eu .box-info-tae p.tae span.num:after {
        top: 16%
    }
    .module-financing-eu .box-info-tae p.tae>span:last-child>span:last-child {
        font-size: 22px
    }
    .module-financing-eu .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item span.month {
        font-size: 14px
    }
}
@media only screen and (max-width: 767px) {
    .module-stars-christmas .col-2,
    .module-stars-christmas>div {
        display: block;
        padding: 10px 15px;
        width: 100%
    }
    .module-stars-christmas .col-2 {
        width: 286px;
        margin: 0 auto
    }
    .module-stars-christmas .col-3 {
        padding-bottom: 20px
    }
    .module-stars-christmas .col-2>p span:first-child {
        font-size: 16px
    }
    .module-stars-christmas .col-2>p span:last-child {
        font-size: 46px
    }
    .module-stars-christmas .col-3 img {
        width: 98%
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 {
        height: 245px;
        width: 245px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-info {
        font-size: 16px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:first-child {
        font-size: 18px;
        padding-left: 25%
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span.num {
        font-size: 90px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span.num:after {
        top: -4%;
        right: -46%
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span:last-child {
        font-size: 50px
    }
    .module-catalogue .catalogue-item-3>p {
        font-size: 35px
    }
    .module-charge {
        background: url(../img/christmas/bg-module-charge-resp.jpg) center center no-repeat;
        background-size: cover;
        padding: 0 15px 65px
    }
    .module-charge>img {
        display: none
    }
    .module-charge>img.is-hidden {
        display: block;
        max-width: 463px;
        margin: 0 auto 20px;
        width: 55%
    }
    .module-charge>.charge-module-box h3 {
        font-size: 40px
    }
    .module-charge>.charge-module-box p {
        font-size: 28px
    }
    .module-charge>.charge-module-box p:last-child {
        font-size: 22px
    }
    .module-charge>.charge-module-box-eu {
        padding-left: 0;
        width: 100%
    }
    .module-festive-menus .festive-menus-item .festive-menus-box {
        width: 100%;
        height: 20%
    }
    .module-festive-menus .festive-menus-item .festive-menus-box h3 {
        font-size: 24px;
        padding: 30px 220px 30px 30px;
        line-height: 24px
    }
    .module-festive-menus .festive-menus-item-2 .festive-menus-box h3,
    .module-festive-menus .festive-menus-item-2-eu .festive-menus-box h3 {
        padding: 30px 220px 30px 30px
    }
    .module-financing {
        background: url(../img/christmas/bg-financing-resp.jpg) center center no-repeat;
        background-size: cover
    }
    .module-financing .box-info-tae p.tae span.num:after {
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
        left: 70%
    }
    .module-financing .box-info-financing {
        width: 480px;
        margin-left: 0
    }
    .module-financing .box-info-financing .time-financing .info-time-financing {
        width: 48%
    }
    .module-financing .box-info-financing .time-financing .info-time-financing>span:first-child {
        font-size: 22px
    }
    .module-financing .box-info-financing .time-financing .info-time-financing>span.exclamation {
        font-size: 31px;
        line-height: 36px
    }
    .module-financing .box-info-financing .time-financing-plus .types-financing {
        width: 71%
    }
    .module-financing .box-info-financing .time-financing-plus .star-financing {
        width: 26%
    }
}
@media only screen and (max-width: 500px) {
    .module-discount-70 div.discount {
        background-size: cover;
        position: static;
        width: 100%
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 {
        height: 200px;
        width: 200px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-info {
        font-size: 14px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:first-child {
        font-size: 16px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span.num {
        font-size: 80px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span:last-child {
        font-size: 42px
    }
    .module-catalogue .catalogue-item-1 .box-discount-30 p.box-discount-30-num>span:last-child>span.num:after {
        top: -8%;
        right: -49%
    }
    .module-catalogue .catalogue-item-3>p {
        font-size: 28px
    }
    .module-charge>img.is-hidden {
        width: 80%
    }
    .module-festive-menus .festive-menus-item .festive-menus-box {
        height: 14%
    }
    .module-festive-menus .festive-menus-item .festive-menus-box h3 {
        font-size: 20px;
        padding: 5% 20% 5% 5%;
        line-height: 22px
    }
    .module-festive-menus .festive-menus-item-2 .festive-menus-box h3,
    .module-festive-menus .festive-menus-item-2-eu .festive-menus-box h3 {
        padding: 5% 20% 5% 5%
    }
    .module-financing {
        padding: 5%
    }
    .module-financing .box-info-tae p.tae span.num:after {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7);
        left: 85%
    }
    .module-financing .box-info-financing {
        width: 100%
    }
    .module-financing .box-info-financing .time-financing .info-time-financing {
        padding: 0;
        width: 100%
    }
    .module-financing .box-info-financing .time-financing .info-time-financing>span.exclamation {
        font-size: 33px;
        margin: 6px 0;
        padding-right: 5%
    }
    .module-financing .scare-financing-item {
        display: block;
        height: 238px;
        margin: 15px auto 0;
        width: 238px
    }
    .module-financing .box-info-financing .time-financing-plus {
        margin: 24px 0
    }
    .module-financing .box-info-financing .time-financing-plus .types-financing {
        width: 100%
    }
    .module-financing .box-info-financing .time-financing-plus .types-financing>p {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 0
    }
    .module-financing .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item {
        display: inline-block;
        height: 80px;
        width: 80px
    }
    .module-financing .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item span:first-child {
        font-size: 42px
    }
    .module-financing .box-info-financing .time-financing-plus .star-financing {
        display: block;
        margin: 15px auto 0;
        width: 169px
    }
    .module-financing>p.legal {
        font-weight: 100;
        font-family: TexGyreAdventor, arial, sans-serif;
        font-size: 12px;
        line-height: 14px;
        padding-right: 50px
    }
    .module-financing-eu .box-info-financing .time-financing-plus>p {
        font-size: 25px
    }
    .module-financing-eu .box-info-financing .time-financing-plus .star-financing>p {
        font-size: 15px
    }
    .module-financing-eu .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item span.month {
        font-size: 13px
    }
    .module-financing-eu .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item span:last-child {
        font-size: 10px
    }
    .module-financing-eu .box-info-financing .time-financing-plus .types-financing .scares-info-financing .scare-financing-item span:first-child {
        font-size: 40px
    }
}
.christmas-container {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}
.vinoteka .header-section-vinoteka {
    overflow: hidden;
    background-position: 58.6%;
    background-size: 158%;
    text-align: center
}
.vinoteka .header-section-vinoteka .header-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 36px;
    padding: 54px 0;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    position: relative
}
.vinoteka .header-section-vinoteka .header-title::before {
    content: '';
    background: url(../img/vinoteka/club-vinos-vinoteka2.png) center no-repeat;
    width: 150px;
    height: 150px;
    position: absolute;
    left: -125px;
    top: calc(50% - 75px)
}
.vinoteka .header-section-title {
    width: 100%;
    height: auto;
    padding-bottom: 0
}
.vinoteka .visually-hidden {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute
}
.vinoteka .explanatory-showcase {
    width: 100%;
    display: block;
    margin: 0 auto;
    float: none
}
.vinoteka .explanatory-showcase img {
    width: 100%;
    height: auto;
    display: block;
    position: relative
}
.vinoteka .explanatory-block {
    overflow: hidden;
    background-size: 100%;
    background-image: url(../img/vinoteka/block-section-vinoteka.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    text-align: center
}
.vinoteka .explanatory-text-content {
    float: none;
    margin: 0 auto;
    display: block;
    padding: 40px 0
}
.vinoteka .explanatory-text-content .btn-join-up {
    text-align: center;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 20px;
    color: #851142;
    background: #fff;
    text-transform: uppercase;
    padding: 10px;
    min-width: 200px;
    display: inline-block;
    text-decoration: none
}
.vinoteka .explanatory-text-content .btn-join-up:hover {
    text-decoration: none
}
.vinoteka .explanatory-text-content .explanatory-title {
    font-family: CoconLight, arial, sans-serif;
    font-size: 50px;
    font-size: 40px;
    padding: 0 0 20px;
    color: #fff
}
.vinoteka .explanatory-text-content p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    padding: 0 0 15px;
    color: #fff
}
.vinoteka .explanatory-text-content p span {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.vinoteka .header-section-advantages {
    text-align: center;
    background: #f1f1f1
}
.vinoteka .header-title-advantages {
    color: #000;
    font-family: CoconLight, arial, sans-serif;
    font-size: 30px;
    padding: 35px 0
}
.vinoteka .advantages-wrapper {
    background: #f1f1f1;
    width: 100%;
    height: auto;
    display: block;
    clear: both;
    float: left
}
.vinoteka .advantages-block {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent
}
.vinoteka .advantages-block.advantages-block-border {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}
.vinoteka .advantage-showcase {
    width: 100%
}
.vinoteka .advantage-showcase img {
    max-width: 100%;
    width: auto;
    display: block
}
.vinoteka .advantage-showcase .advantage-showcase-title {
    font-family: CoconLight, arial, sans-serif;
    font-size: 36px;
    line-height: 1.1;
    color: #fff;
    text-align: center;
    padding: 20px 5% 5%
}
.vinoteka .advantage-showcase .advantage-showcase-title span {
    display: inline-block
}
.vinoteka .advantage-explanatory {
    padding: 50px 30px
}
.vinoteka .advantage-text-content {
    width: 100%;
    min-height: 390px;
    height: 100%
}
.vinoteka .advantage-text-content .advantage-title {
    font-family: CoconLight, arial, sans-serif;
    font-size: 30px;
    color: #851142;
    text-align: left;
    padding-bottom: 15px;
    min-height: 77px
}
.vinoteka .advantage-text-content .advantage-list,
.vinoteka .advantage-text-content .advantage-text {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 18px;
    color: #4e4e4e;
    text-align: left;
    line-height: 1.4
}
.vinoteka .advantage-text-content .advantage-text {
    padding-bottom: 15px
}
.vinoteka .advantage-text-content .advantage-list {
    list-style-type: initial;
    padding-left: 20px
}
.vinoteka .advantage-text-content .advantage-list li span {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.vinoteka .advantages-block .btn-advantage {
    padding: 10px 70px 10px 15px;
    font-size: 15px;
    text-align: left;
    margin: 0;
    font-family: TexGyreAdventor, arial, sans-serif;
    letter-spacing: 1px;
    background-color: #851142;
    border: 2px solid #851142;
    color: #fff;
    max-width: 270px;
    width: 100%;
    text-decoration: none;
    display: block
}
.vinoteka-eus .advantage-text-content .advantage-title {
    min-height: 106px
}
@media only screen and (max-width: 1200px) {
    .vinoteka .advantage-text-content {
        min-height: 400px
    }
}
@media only screen and (max-width: 768px) {
    .vinoteka .header-section-vinoteka .header-title {
        padding: 40px 0
    }
    .vinoteka .header-section-vinoteka .header-title::before {
        background-size: contain;
        width: 125px;
        height: 125px;
        left: -100px;
        top: calc(50% - 63px)
    }
    .vinoteka .advantages-block {
        margin: 0 auto;
        display: block;
        float: none;
        border: none
    }
    .vinoteka .advantages-block.advantages-block-border {
        border: none
    }
    .vinoteka .advantage-text-content,
    .vinoteka-eus .advantage-text-content .advantage-title {
        min-height: auto
    }
    .vinoteka .advantage-text-content .advantage-text {
        margin-bottom: 20px
    }
    .vinoteka .advantage-explanatory {
        padding: 25px 0
    }
    .vinoteka .advantages-block .btn-advantage {
        max-width: 100%;
        width: 100%
    }
    .vinoteka .advantage-text-content .advantage-list {
        padding-bottom: 2rem
    }
    .vinoteka .advantage-showcase img {
        width: 100%;
        margin: 0 auto
    }
}
@media only screen and (max-width: 500px) {
    .vinoteka .header-section-vinoteka .header-title {
        margin-left: 60px;
        padding: 30px 0
    }
    .vinoteka .header-section-vinoteka .header-title::before {
        width: 100px;
        height: 100px;
        left: -85px;
        top: calc(50% - 50px)
    }
    .vinoteka .explanatory-title {
        font-size: 40px
    }
    .vinoteka p {
        font-size: 18px
    }
    .vinoteka .header-title-advantages {
        font-size: 26px
    }
    .vinoteka .advantage-showcase .advantage-showcase-title {
        font-size: 30px
    }
    .vinoteka .advantage-text-content .advantage-title {
        font-size: 26px;
        min-height: 0
    }
    .vinoteka .advantage-text-content .advantage-text {
        font-size: 16px
    }
    .vinoteka .explanatory-text-content .explanatory-title {
        font-size: 39px
    }
    .vinoteka .explanatory-text-content p {
        font-size: 16px
    }
}
.equality .header-section-equality {
    overflow: hidden;
    background-position: 58.6%;
    background-size: 158%;
    background-image: url(../img/section/header-equality.jpg);
    text-align: center
}
.equality .header-section-equality .header-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 36px;
    padding: 54px 0;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    display: inline-block
}
.equality .header-section-title {
    width: 100%;
    height: auto;
    padding-bottom: 0
}
.equality .visually-hidden {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute
}
.equality .explanatory-showcase {
    width: 100%;
    display: block;
    margin: 0 auto;
    float: none;
    position: relative
}
.equality .explanatory-showcase::before {
    content: '';
    background: url(../img/equality/equality-logo.jpg) no-repeat;
    background-size: contain;
    width: 280px;
    height: 86px;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0
}
.equality .explanatory-showcase img {
    width: 100%;
    height: auto;
    display: block;
    position: relative
}
.equality .explanatory-logo,
.equality .explanatory-showcase .explanatory-image-resp {
    display: none
}
.equality .explanatory-block {
    text-align: center;
    padding-bottom: 60px;
    background: #f1f1f1
}
.equality .explanatory-text-content {
    float: none;
    margin: 0 auto;
    display: block;
    padding: 40px 0
}
.equality .explanatory-text-content p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    padding: 0 0 35px;
    color: #6b6b6b
}
.equality .explanatory-text-content p span {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.equality .explanatory-block .btn-equality {
    margin: 0 auto
}
.equality .header-section-observatory {
    text-align: center;
    background: #f1f1f1
}
.equality .header-title-observatory {
    color: #000;
    font-family: CoconLight, arial, sans-serif;
    font-size: 30px;
    padding: 35px 0
}
.equality .observatory-wrapper {
    background: #f1f1f1;
    width: 100%;
    height: auto;
    display: block;
    clear: both;
    float: left
}
.equality .observatory-block {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent
}
.equality .observatory-block.observatory-block-border {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}
.equality .observatory-showcase {
    width: 100%
}
.equality .observatory-showcase img {
    max-width: 100%;
    width: auto;
    display: block
}
.equality .observatory-showcase .observatory-showcase-title {
    font-family: CoconLight, arial, sans-serif;
    font-size: 36px;
    line-height: 1.1;
    color: #fff;
    text-align: center;
    padding: 20px 5% 5%
}
.equality .observatory-showcase .observatory-showcase-title span {
    display: inline-block
}
.equality .observatory-explanatory {
    padding: 50px 30px
}
.equality .observatory-text-content {
    width: 100%;
    min-height: 170px;
    height: 100%
}
.equality .observatory-text-content .observatory-title {
    font-family: CoconLight, arial, sans-serif;
    font-size: 30px;
    color: #c90b26;
    text-align: left;
    padding-bottom: 15px
}
.equality .observatory-text-content .observatory-list,
.equality .observatory-text-content .observatory-text {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 18px;
    color: #4e4e4e;
    text-align: left;
    line-height: 1.4
}
.equality .observatory-text-content .observatory-text {
    padding-bottom: 15px;
    min-height: 170px
}
.equality .observatory-text-content .observatory-list {
    list-style-type: initial;
    padding-left: 20px
}
.equality .observatory-text-content .observatory-list li span {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.equality .btn-equality,
.equality .testimony-type .testimony-text,
.equality .testimony-type .testimony-title,
.equality-testimony .testimony-name {
    font-family: TexGyreAdventor, arial, sans-serif
}
.equality .testimony-type {
    padding-bottom: 115px
}
.equality .testimony-type .bg-1,
.equality .testimony-type .bg-2 {
    background-color: #db0d27
}
.equality .testimony-type .bg-3 {
    background-color: #c90b26
}
.equality .testimony-type .bg-4 {
    background-color: #a90920
}
.equality .testimony-type .bg-5 {
    background-color: #df122f
}
.equality .testimony-type .bg-6 {
    background-color: #bf122b
}
.equality .testimony-type .communication-type-button {
    background-color: #9f1e30
}
.equality .testimony-type .height-100 {
    max-height: 700px;
    height: 0;
    padding-bottom: 100%;
    padding-top: 0
}
.equality .testimony-type .testimony-title {
    font-size: 40px;
    color: #fff
}
.equality .testimony-type .testimony-text {
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    padding: 0 20px
}
.equality .btn-equality {
    padding: 10px 70px 10px 15px;
    font-size: 15px;
    text-align: left;
    margin: 0;
    letter-spacing: 1px;
    background-color: #c90b26;
    border: 2px solid #c90b26;
    color: #fff;
    max-width: 270px;
    width: 100%;
    text-decoration: none;
    display: block
}
.equality .btn-explanatory {
    padding: 10px 15px;
    font-size: 15px;
    text-align: center;
    max-width: 200px
}
.equality-testimony .subheader-section-testimony .subheader-section-title {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 37px;
    color: #cd0b27;
    padding: 54px 40px;
    vertical-align: middle;
    display: inline-block
}
.equality-testimony .testimony-wrapper {
    width: 100%;
    height: auto;
    display: block;
    clear: both;
    float: left
}
.equality-testimony .testimony-showcase {
    width: 100%
}
.equality-testimony .testimony-showcase img {
    max-width: 100%;
    width: auto;
    display: block
}
.equality-testimony .testimony-text-content {
    margin: 60px 0 100px;
    padding: 0 40px
}
.equality-testimony .testimony-name {
    font-size: 43px;
    line-height: 1.4;
    color: #6b6b6b
}
.equality-testimony .testimony-job,
.equality-testimony .testimony-list-item a,
.equality-testimony .testimony-text {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 18px
}
.equality-testimony .testimony-job {
    line-height: 1.4;
    color: #6b6b6b
}
.equality-testimony .testimony-experience {
    margin: 50px 0
}
.equality-testimony .testimony-text {
    line-height: 1.4;
    color: #6b6b6b;
    padding-bottom: 30px
}
.equality-testimony .testimony-text.testimony-question {
    color: #ba0822;
    padding-bottom: 15px
}
.equality-testimony .testimony-menu {
    width: 100%;
    text-align: center;
    margin-bottom: 50px
}
.equality-testimony .testimony-list-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px
}
.equality-testimony .testimony-list-item a {
    color: #6b6b6b
}
.overlay .close-overlay,
.overlay .overlay-box p {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
@media only screen and (max-width: 1024px) {
    .equality .observatory-text-content .observatory-title {
        min-height: 76px
    }
    .equality .observatory-text-content .observatory-text {
        min-height: 245px
    }
}
@media only screen and (max-width: 768px) {
    .equality .observatory-text-content,
    .equality .observatory-text-content .observatory-title {
        min-height: auto
    }
    .equality .header-section-equality .header-title {
        padding: 40px 0
    }
    .equality .observatory-block {
        margin: 0 auto 50px;
        display: block;
        float: none;
        border: none
    }
    .equality .observatory-block.observatory-block-border {
        border: none
    }
    .equality .observatory-text-content .observatory-text {
        margin-bottom: 20px;
        min-height: auto
    }
    .equality .observatory-explanatory {
        padding: 25px 0
    }
    .equality .observatory-showcase img {
        width: 100%;
        margin: 0 auto
    }
    .equality .explanatory-showcase .explanatory-image-desk {
        display: none
    }
    .equality .explanatory-showcase .explanatory-image-resp {
        display: block
    }
    .equality .explanatory-showcase::before {
        display: none
    }
    .equality .explanatory-logo {
        width: 100%;
        display: block;
        text-align: left;
        background: #cc1d00
    }
    .equality .explanatory-logo img {
        max-width: 100%;
        width: 50%;
        display: block
    }
    .equality .observatory-block .btn-observatory {
        max-width: 100%;
        width: 100%
    }
    .equality .testimony-type .height-100 {
        width: 50%;
        padding-bottom: 50%
    }
    .equality .testimony-type .type-fixed {
        height: auto;
        padding-bottom: 0;
        width: 50%
    }
    .equality-testimony .testimony-showcase img {
        width: 100%
    }
}
@media only screen and (max-width: 500px) {
    .equality .explanatory-logo img,
    .equality .testimony-type .type-fixed {
        width: 100%
    }
    .equality .header-section-equality {
        background-size: cover;
        background-position: 30%
    }
    .equality .header-section-equality .header-title {
        padding: 20px 0
    }
    .equality .explanatory-title {
        font-size: 40px
    }
    .equality p {
        font-size: 18px
    }
    .equality .header-title-observatory {
        font-size: 26px
    }
    .equality .observatory-showcase .observatory-showcase-title {
        font-size: 30px
    }
    .equality .observatory-text-content .observatory-title {
        font-size: 26px;
        min-height: 0
    }
    .equality .observatory-text-content .observatory-text {
        font-size: 16px
    }
    .equality .explanatory-text-content .explanatory-title {
        font-size: 39px
    }
    .equality .explanatory-text-content p {
        font-size: 16px
    }
    .equality .testimony-type .testimony-title {
        font-size: 30px
    }
    .equality .testimony-type .height-100 {
        width: 100%;
        height: auto;
        padding: 15px 0
    }
    .equality-testimony .subheader-section-testimony {
        text-align: center
    }
    .equality-testimony .subheader-section-testimony .subheader-section-title {
        font-size: 36px;
        padding: 20px
    }
    .equality-testimony .testimony-name {
        font-size: 34px
    }
    .equality-testimony .testimony-text-content {
        padding: 0 20px;
        margin: 30px 0
    }
    .equality-testimony .testimony-list {
        margin-top: 20px
    }
    .equality-testimony .testimony-list-item {
        display: block;
        vertical-align: middle;
        margin: 15px 0;
        padding: 0 15px
    }
}
.overlay {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    display: none
}
.overlay.active {
    display: block
}
.overlay .overlay-content {
    margin: 0 auto;
    width: 60%;
    min-height: 70vh;
    max-height: 90vh;
    height: auto;
    background: #fff;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}
.overlay .overlay-box {
    width: 100%;
    max-height: 90vh;
    overflow: auto;
    padding: 78px 5% 50px
}
.df-book-stage,
.df-page-wrapper {
    overflow: hidden
}
.overlay .close-overlay {
    background: #e33d3f;
    color: #fff;
    font-size: 40px;
    width: 50px;
    height: 50px;
    text-align: center;
    display: block;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none
}
.overlay .close-overlay:hover {
    text-decoration: none
}
.overlay .overlay-box p {
    font-size: 17px;
    line-height: 1.4;
    color: #c90b26;
    padding-bottom: 35px
}
.booklet-location,
.booklet-wrapper,
.overlay .overlay-box .order-list li {
    font-family: TexGyreAdventor, arial, sans-serif
}
.overlay .overlay-box .order-list li {
    font-size: 17px;
    line-height: 1.4;
    color: #6b6b6b;
    padding-bottom: 20px
}
@media only screen and (max-width: 1024px) {
    .overlay .overlay-content {
        width: 80%
    }
}
@media only screen and (max-width: 768px) {
    .overlay .overlay-content {
        width: 90%
    }
}
@media only screen and (max-width: 500px) {
    .overlay .overlay-content {
        height: 80vh
    }
    .overlay .overlay-box {
        max-height: 80vh
    }
}
.booklet-wrapper {
    background-color: #fff;
    color: #79797b
}
.booklet-info h2,
.booklet-info h3 {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.booklet-header {
    display: inline-block;
    float: inherit;
    padding: 25px 0
}
.booklet-header .booklet-title {
    font-size: 17px;
    font-weight: 700;
    float: none;
    margin: auto;
    padding: 0 5px
}
.booklet-title .booklet-title__location {
    text-transform: none
}
.filters-wrapper {
    display: inline-block
}
.booklet-form {
    float: none;
    margin-left: auto;
    font-size: 0
}
.booklet-form .booklet-form__fieldset {
    display: inline-block;
    vertical-align: middle;
    float: none
}
.booklet-form__fieldset .booklet-form__select .input-combo {
    padding: 0 12px
}
.booklet-form__fieldset .booklet-form__select:first-child .input-combo {
    border-left: 0
}
.booklet-form__fieldset .booklet-form__select .input-combo .selector {
    height: auto
}
.booklet-form .booklet-form__buttons {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin: 0 auto
}
.booklet-form__buttons .booklet-form__button--submit .input-submit {
    width: 60px;
    height: 60px;
    margin: 4px auto
}
.booklet-grid,
.booklet-grid .booklet-grid__text {
    margin: 20px auto;
    float: none
}
.booklet-form__buttons .booklet-form__button--submit .input-submit::after {
    display: none
}
.booklet-form__button--submit .input-submit input[type=submit] {
    background: #de180b;
    color: #fff;
    text-align: center;
    padding: 0;
    border-left: none;
    height: 100%
}
.booklet-grid__button::after,
.booklet-item__button::after {
    content: '';
    height: 10px;
    background-image: url(../img/booklet/arrow-right-white.png);
    background-repeat: no-repeat
}
.booklet-body {
    background-color: #ebeae6
}
.booklet-grid__button,
.booklet-item__button--red {
    background-color: #d62636
}
.booklet-grid {
    font-size: 0
}
.booklet-grid p {
    font-size: 16px;
    line-height: 18px
}
.booklet-item {
    margin: 0 0 20px;
    float: none;
    display: inline-block
}
.booklet-item__title {
    text-align: center;
    margin: 20px 0 30px
}
.booklet-item__type {
    font-size: 12px;
    margin: 5px 0;
    display: inline-block
}
.booklet-item__name {
    margin: 5px 0;
    text-transform: uppercase;
    font-size: 17px
}
.booklet-item__image img {
    display: block;
    margin: 10px auto 20px;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    transition: all ease-out .3s;
    max-height: 296px
}
.booklet-item__image a:hover img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}
.booklet-item__buttons {
    text-align: center;
    max-width: 212px;
    margin: auto
}
.booklet-item__button {
    display: inline-block;
    width: 100%;
    text-align: right;
    color: #fff;
    padding: 10px;
    max-width: 212px;
    margin: 5px 0;
    font-size: 14px
}
.booklet-item__button::after {
    display: inline-block;
    width: 10px;
    margin: 0 0 0 5px;
    background-position: center
}
.booklet-item__button:hover {
    color: #fff;
    text-decoration: underline;
    opacity: .8;
    -moz-opacity: .8;
    filter: alpha(opacity=80)
}
.booklet-item__button:hover::after {
    background-position: center right
}
.booklet-grid__button {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 8px;
    max-width: 295px;
    margin: 15px auto;
    font-size: 14px;
    box-sizing: border-box
}
.booklet-grid__button::after {
    display: inline-block;
    width: 10px;
    margin: 0 0 0 5px;
    background-position: right
}
.booklet-grid__button:hover {
    color: #fff;
    text-decoration: underline;
    opacity: .8;
    -moz-opacity: .8;
    filter: alpha(opacity=80)
}
.booklet-info h2,
.booklet-info h3,
.booklet-info__description {
    color: #343334;
    vertical-align: middle
}
.booklet-grid__button:hover::after {
    background-position: center right
}
.booklet-grid__button span {
    max-width: calc(100% - 15px);
    display: inline-block;
    width: 100%
}
.booklet-grid__button:hover span {
    text-decoration: underline
}
.faq__link,
.faq__link:hover {
    text-decoration: none;
    color: #000
}
.booklet-item__button--grey {
    background-color: #b4b4b4
}
.booklet-list {
    background-color: #fff;
    padding: 20px 0 30px;
    margin: 10px auto 0
}
.booklet-list .filters-list-wrapper {
    margin: auto;
    float: none
}
.df-ui-help,
.df-ui-outline,
.df-ui-share,
.df-ui-sound,
.df-ui-thumbnail {
    float: left
}
.booklet-list .filters-list-wrapper ul {
    border: 0
}
.booklet-list .filters-list-wrapper p {
    line-height: 18px;
    font-size: 14px
}
.booklet-item-slider {
    height: auto
}
.booklet-grid-slider {
    max-width: 80%;
    margin: 0 auto
}
.booklet-info {
    background: #ebeae6
}
.faq__link::after,
.faqs__phone::before {
    content: '';
    background-repeat: no-repeat
}
.booklet-info-wrapper {
    display: block;
    margin: 0 260px 0 auto;
    width: auto;
    max-width: calc(80% - 260px);
    text-align: center
}
.booklet-info h2 {
    font-size: 25px;
    padding: 35px 0 0;
    display: block
}
.booklet-info h3 {
    font-size: 13px;
    padding: 5px 0 35px;
    display: block
}
.booklet-info__description {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    padding: 25px 0;
    display: block;
    text-align: left
}
.faq__link,
.faqs__title {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
@media only screen and (max-width: 992px) {
    .booklet-info-wrapper {
        max-width: calc(80% - 260px);
        margin: 0 260px 0 auto
    }
}
@media only screen and (max-width: 767px) {
    .booklet-header {
        margin: 0
    }
    .booklet-info-wrapper {
        max-width: 80%;
        margin: 0 auto
    }
    .booklet-form .booklet-form__fieldset {
        width: calc(100% - 60px)
    }
    .booklet-form .booklet-form__buttons {
        width: 60px;
        height: 120px
    }
    .booklet-form__buttons .booklet-form__button--submit .input-submit {
        height: 100%
    }
    .booklet-form__fieldset .booklet-form__select .input-combo {
        border-left: 0
    }
}
.faqs {
    color: #000;
    padding: 0 30px
}
.faqs__title {
    font-size: 22px;
    line-height: 27px;
    margin: 40px 10px 70px;
    text-align: center
}
.faqs__content {
    margin: 0 0 60px
}
.faq {
    margin: 20px 0;
    border: 1px solid #c9c9c9;
    border-bottom: 0
}
.faq--active,
.faq__link {
    border-bottom: 1px solid #c9c9c9
}
.faq__link {
    font-size: 24px;
    display: block;
    padding: 15px 30px;
    position: relative;
    padding-right: 17%;
}
.faq__link::after {
    width: 55px;
    height: 55px;
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    border: 1px solid #bebebe;
    background-color: #bebebe;
    background-image: url(../img/base/arrow-white-down.png);
    background-position: center;
    -webkit-transition: background-color ease-out .3s;
    -moz-transition: background-color ease-out .3s;
    -o-transition: background-color ease-out .3s;
    -ms-transition: background-color ease-out .3s;
    transition: background-color ease-out .3s
}
.faq--active .faq__link::after {
    border: 1px solid #e31f09;
    background-color: #e31f09;
    background-image: url(../img/base/arrow-white-up.png)
}
.faq__content {
    padding: 15px 30px 25px;
    display: none
}
.faq__content li,
.faq__content p {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #6b6b6b;
    margin: 20px 0
}
.faq__content .faq__text--bold,
.faqs__info-title {
    font-family: TexGyreAdventorBold, arial, sans-serif
}
.faq__content ul {
    list-style: inherit;
    margin-left: 30px
}
.faqs__info {
    text-align: center;
    margin: 20px 0 60px
}
.faqs__info-title {
    font-size: 31px;
    line-height: 35px;
    color: #000
}
.faqs__info-text {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #6b6b6b;
    margin: 30px auto;
    max-width: 600px
}
.faqs__phone {
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 25px;
    line-height: 30px;
    color: #000;
    margin: 0 0 15px
}
.faqs__phone::before {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    background-image: url(../img/mastercard/phone-icon.png);
    background-size: 100%;
    margin: 0 10px 0 0
}
.faqs__schedule {
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #6b6b6b
}
@media only screen and (max-width: 767px) {
    .faqs {
        padding: 0 15px
    }
    .faqs__content {
        margin: 0 -15px
    }
}
.premios .single-text {
    padding-top: 40px;
    padding-bottom: 40px
}
.premios .single-text .title {
    margin: 0 0 15px
}
.premios .single-text .text {
    padding: 0 0 15px
}
.df-abs-center {
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.df-abs-h-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}
.df-container {
    min-height: 700px;
    background: 50% no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    image-rendering: auto;
    direction: ltr
}
.df-container.df-transparent:not(.df-fullscreen) {
    background: 0 0!important
}
.df-container.df-custom-fullscreen.df-fullscreen {
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    margin: 0!important;
    border: 0!important;
    z-index: 999999
}
.df-container .loading-info {
    position: absolute;
    top: 100%;
    margin-top: 20px;
    margin-left: 5px;
    padding: 6px 20px;
    background-color: rgba(0, 0, 0, .09);
    font-style: italic;
    border-radius: 5px;
    font-size: 11px;
    max-height: 30px;
    color: #fff;
    max-width: 200px;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
    opacity: .7;
    transition: .3s top ease;
    -webkit-transition: .3s top ease
}
.loading-info.df-old-browser {
    color: gray;
    background-color: #fff;
    opacity: .9;
    text-align: center;
    max-height: none
}
.loading-info.df-old-browser a {
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: #2196F3;
    display: block;
    text-decoration: underline;
    margin: 10px 0 0
}
.df-container.df-init .loading-info {
    top: 50%
}
.df-3dcanvas {
    position: absolute;
    z-index: 1;
    right: 0
}
.df-container a {
    outline: 0;
    text-decoration: none;
    box-shadow: none
}
.df-container.df-zoom-enabled .df-book-stage,
.df-container.df-zoom-enabled canvas.df-3dcanvas {
    cursor: move;
    cursor: -webkit-grab
}
.df-container:after,
.df-container:before {
    content: " ";
    transition: .3s .1s opacity;
    -webkit-transition: .3s .1s opacity;
    opacity: 0;
    height: 50px;
    width: 50px;
    left: 50%;
    top: 50%;
    font-size: 12px;
    margin: -45px -25px -25px;
    box-sizing: border-box;
    position: absolute;
    pointer-events: none
}
.df-container.df-loading:after,
.df-container.df-loading:before {
    content: " ";
    z-index: 100;
    opacity: 1
}
.df-container.df-loading:after {
    content: " ";
    background-image: url(../img/base/rolling.gif);
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 50%
}
.df-container.df-loading:before {
    background-color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid rgba(150, 150, 150, .2)
}
.df-book-stage {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    top: 0;
    left: 0;
    filter: blur(0);
    -webkit-filter: blur(0);
    padding: 70px 50px
}
.df-container.df-xs .df-book-stage {
    padding-left: 20px;
    padding-right: 20px
}
.df-container.df-sidemenu-open .df-book-stage {
    padding-right: 230px
}
.df-container.df-sidemenu-open>.df-ui-btn.df-ui-prev {
    left: 90px
}
.df-book-stage.df-zoom-enabled {
    cursor: move
}
.df-book-page .df-page-front:before {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .25), rgba(0, 0, 0, .2) 10%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 70%);
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .25), rgba(0, 0, 0, .2) 10%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 70%);
    background-image: -ms-linear-gradient(right, rgba(0, 0, 0, .25), rgba(0, 0, 0, .2) 10%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 70%)
}
.df-book-page .df-page-back:before {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .25), rgba(0, 0, 0, .15) 15%, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .25), rgba(0, 0, 0, .15) 15%, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, .25), rgba(0, 0, 0, .15) 15%, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0))
}
.df-book-page,
.df-book-wrapper,
.df-page-back:before,
.df-page-content,
.df-page-content:after,
.df-page-effects,
.df-page-effects:before,
.df-page-front:before,
.df-page-wrapper,
.df-page-wrapper:after {
    position: absolute;
    height: 100%;
    display: block;
    top: 0
}
.df-book-wrapper {
    position: relative;
    margin: 0 22rem 0 auto;
    transition: .3s left;
    -webkit-transition: .3s left;
    left: 0
}
.df-zoom-enabled .df-book-wrapper {
    transition: none;
    -webkit-transition: none
}
.df-loading.df-container .df-book-wrapper {
    left: 100%
}
.df-book-wrapper.close-right {
    left: 25%
}
.df-book-wrapper.close-left {
    left: -25%
}
.df-book-shadow {
    position: absolute;
    z-index: -1;
    height: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}
.df-book-wrapper .df-book-side-buttons {
    position: absolute;
    left: 100%;
    width: 40px;
    opacity: .3;
    height: 100%;
    cursor: pointer;
    z-index: 30;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0
}
.df-book-prev-button.df-book-side-buttons {
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px
}
.df-book-wrapper .df-book-side-buttons:hover {
    opacity: .5;
    background-color: rgba(0, 0, 0, .18)
}
.df-book-wrapper .df-book-prev-button {
    right: 100%;
    left: auto;
    left: initial
}
.df-book-wrapper .df-book-side-buttons:before {
    position: absolute;
    font-size: 30px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}
.df-hard-page .df-page-wrapper {
    width: 100%!important;
    height: 100%!important;
    overflow: visible;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0 50% 0;
    -moz-transform-origin: 0 50% 0;
    -ms-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0
}
.df-book-page.df-left-side {
    left: 0;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}
.df-book-page.df-right-side {
    left: 50%;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.df-book-page.df-right-side+.df-page-wrapper.df-right-side {
    z-index: -1
}
.df-book-page .df-page-back,
.df-book-page .df-page-front {
    width: 100%;
    background-size: 100% 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    box-sizing: border-box
}
.df-page-back>canvas,
.df-page-front>canvas {
    width: 100%;
    position: relative;
    z-index: -1
}
.df-quick-turn:before {
    opacity: 0
}
.df-book-page.df-flipping.df-left-side:before {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    width: 10px;
    left: -10px
}
.df-book-page {
    width: 50%
}
.df-book-page.df-flipping,
.df-book-page.df-folding {
    box-shadow: -2px 0 10px transparent;
    z-index: 200!important
}
.df-page-content {
    background-size: 100.25%!important;
    background-repeat: no-repeat!important;
    transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    width: 100%;
    overflow: hidden
}
.df-book-page.df-left-side .df-page-front {
    z-index: 2
}
.df-book-page.df-left-side .df-page-back {
    z-index: 1
}
.df-book-page.df-left-side.df-folding:not(.df-hard-page) .df-page-back {
    z-index: 3
}
.df-book-page.df-right-side .df-page-front {
    top: 0;
    left: 0;
    z-index: 0
}
.df-book-page,
.df-page-back,
.df-page-fold-inner-shadow,
.df-page-fold-outer-shadow,
.df-page-front,
.df-page-wrapper {
    position: absolute;
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0
}
.df-page-back,
.df-page-front {
    overflow: visible
}
.df-page-fold-outer-shadow {
    z-index: -1;
    width: 100%;
    height: 100%
}
.df-page-fold-inner-shadow {
    position: absolute;
    z-index: 5;
    display: none
}
.df-book-page.df-folding .df-page-fold-inner-shadow {
    display: block
}
.df-book-page.df-right-side .df-page-back {
    left: 0;
    z-index: 1
}
.df-book-page.df-right-side.df-folding .df-page-front {
    z-index: 2
}
.df-page-wrapper.df-right-side .df-page-back {
    left: 100%;
    z-index: 1;
    overflow: hidden
}
.df-hard-page .df-page-back,
.df-hard-page .df-page-front {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}
.df-hard-page.df-right-side .df-page-front {
    -webkit-transform-origin: right 50%;
    -moz-transform-origin: right 50%;
    -ms-transform-origin: right 50%;
    transform-origin: right 50%;
    z-index: 3!important
}
.df-hard-page.df-left-side .df-page-front {
    -webkit-transform-origin: right 50%;
    -moz-transform-origin: right 50%;
    -ms-transform-origin: right 50%;
    transform-origin: right 50%
}
.df-hard-page.df-right-side .df-page-back {
    -webkit-transform-origin: left 50%;
    -moz-transform-origin: left 50%;
    -ms-transform-origin: left 50%;
    transform-origin: left 50%;
    z-index: 3
}
.df-hard-page.df-left-side .df-page-back {
    -webkit-transform-origin: left 50%;
    -moz-transform-origin: left 50%;
    -ms-transform-origin: left 50%;
    transform-origin: left 50%
}
.df-page-back:before,
.df-page-front:before {
    content: " ";
    width: 20%;
    z-index: 5
}
.df-page-front:before {
    right: 0
}
.df-page-wrapper.df-right-side.df-flipping {
    z-index: 4
}
.df-ui {
    height: 60px;
    padding: 20px 16px 0
}
.df-ui-btn,
.df-ui-wrapper {
    color: #888;
    vertical-align: top;
    background-color: #f7f7f7;
    box-sizing: border-box;
    text-align: center
}
.df-ui-wrapper {
    background-color: #f7f7f7;
    position: absolute
}
.df-share-wrapper {
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .35);
    display: none
}
.df-share-box {
    position: absolute;
    top: 50%;
    width: 280px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 15px 5px;
    text-align: center
}
span.df-share-title {
    color: #777;
    margin-bottom: 10px;
    display: block
}
.df-share-url {
    background-color: #fff;
    height: 60px;
    color: #666;
    padding: 2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    font-size: 12px;
    box-sizing: border-box;
    margin-bottom: 0
}
.df-share-button {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 10px;
    margin: 3px;
    color: #aaa
}
.df-share-button:hover {
    color: #444
}
.df-ui-btn {
    position: relative;
    width: 50px;
    right: 0;
    height: 40px;
    font-size: 17px;
    cursor: pointer;
    z-index: 2;
    display: block;
    padding: 12px 5px;
    line-height: 1
}
.df-ui-btn:before {
    box-sizing: border-box
}
.df-ui-btn:hover {
    color: #00ACCE
}
.df-ui-btn.disabled,
.df-ui-btn.disabled:hover {
    color: #ccc
}
.df-ui-page {
    padding: 8px 5px 2px;
    font-size: 12px;
    width: auto;
    width: 50px;
    margin: 0;
    border-radius: 0
}
.df-ui-page input,
.df-ui-page label {
    width: 100%;
    top: 0;
    background-color: transparent;
    box-sizing: border-box
}
.df-ui-page input {
    height: 25px;
    margin: 0;
    border: 1px solid #8f8f8f;
    text-align: center;
    vertical-align: top;
    color: transparent;
    font-size: 14px;
    z-index: -1;
    display: inline-block;
    opacity: 0
}
.df-ui-page input:focus {
    z-index: 2;
    opacity: 1;
    color: inherit
}
.df-ui-page input:focus+label {
    opacity: 0;
    display: none
}
.df-ui-page label {
    position: absolute;
    height: 30px;
    display: block;
    padding-top: 14px;
    color: #999;
    font-size: 13px;
    font-weight: 400;
    left: 0;
    cursor: pointer;
    z-index: 1
}
.df-ui-fullscreen {
    bottom: 0
}
.df-ui-zoom {
    top: 24px;
    height: 60px;
    right: 24px;
    width: 30px;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.df-ui-controls {
    bottom: 0;
    width: 100%;
    height: 40px;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 4;
    display: block
}
.df-floating .df-ui-controls {
    top: 10px;
    width: auto;
    width: intial;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 5px;
    display: inline-flex;
    margin: 0;
    left: calc(50% - 212px)
}
.df-ui-wrapper.df-ui-controls .df-ui-btn {
    float: none
}
.df-ui-size {
    bottom: 24px;
    height: 60px;
    right: 24px
}
.df-ui-size:before,
.df-ui-zoom:before {
    height: 0;
    border-bottom: 1px solid;
    content: " ";
    right: 5px;
    opacity: .3;
    display: block;
    position: absolute;
    top: 30px;
    left: 5px;
    z-index: 2
}
.df-ui-btn span,
.df-ui-fit {
    display: none
}
.df-ui-zoomin {
    top: 0
}
.df-ui-zoomout {
    bottom: 0
}
.df-ui-next {
    right: 24px;
    right: 0;
    border-radius: 0
}
.df-container.df-floating>.df-ui-next {
    right: 290px
}
.df-container.df-floating>.df-ui-prev {
    left: 140px
}
.df-container>.df-ui-next,
.df-container>.df-ui-prev {
    margin-top: -5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    opacity: 1;
    background-color: transparent;
    height: auto;
    height: initial;
    font-size: 36px;
    color: #000;
    text-align: center;
    width: initial
}
.df-container>.df-ui-next:before,
.df-container>.df-ui-prev:before {
    color: #fff;
    background: #79797b;
    font-size: 30px;
    padding: 5px
}
.df-page-loading:after,
.df-thumb-container .df-vrow:before {
    background-image: url(../img/base/rolling.gif);
    background-size: 22px
}
.df-container>.df-ui-next:hover,
.df-container>.df-ui-prev:hover {
    opacity: .7
}
.df-container.df-floating>.df-ui-next,
.df-container.df-floating>.df-ui-prev {
    border-radius: 50%;
    width: 40px
}
.df-ui-prev {
    left: 0;
    right: auto;
    border-radius: 0
}
.df-ui-alt {
    position: relative!important;
    right: auto;
    right: initial;
    left: auto;
    left: initial;
    box-shadow: none!important
}
.df-ui-btn.df-active {
    color: #00ACCE;
    background-color: #e7e7e7
}
.df-ui-fit {
    top: 0
}
.df-ui-fullscreen,
.df-ui-more,
.df-ui-zoomin,
.df-ui-zoomout {
    float: right
}
.df-ui-more .more-container {
    display: none;
    position: absolute;
    bottom: -140px;
    margin-bottom: 0!important;
    left: 50px;
    background-color: #f7f7f7;
    z-index: 20;
    border-radius: 5px;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .2)
}
.more-container:before {
    content: " ";
    position: absolute;
    border: solid transparent;
    border-width: 7px;
    border-top-color: #eee;
    height: 0;
    width: 0;
    bottom: -14px;
    right: 13px;
    margin-right: -8px;
    pointer-events: none
}
.more-container .df-ui-btn {
    width: auto;
    width: initial;
    width: 170px;
    text-align: left;
    padding: 8px 10px;
    height: 36px;
    border-top: 1px solid #e4e4e4;
    border-radius: 0
}
.more-container .df-ui-btn:hover {
    background-color: #eee
}
.more-container>.df-ui-btn:first-child {
    border-radius: 5px;
    border-top: none
}
.more-container>.df-ui-btn:last-child {
    border-radius: 0 0 5px 5px
}
.more-container .df-ui-btn:before {
    position: absolute;
    top: 11px;
    font-size: 14px
}
.more-container .df-ui-btn span {
    font-size: 12px;
    padding-left: 20px;
    vertical-align: middle;
    display: inline-block
}
.df-ui-more.df-active .more-container {
    display: block
}
.annotationLayer section,
.customLinkAnnotation,
.highlightAnnotation,
.linkAnnotation,
.popupAnnotation {
    position: absolute;
    z-index: 5;
    cursor: pointer;
    pointer-events: all
}
section.linkAnnotation a {
    display: block;
    height: 100%
}
a.customLinkAnnotation,
a.linkAnnotation,
section.linkAnnotation a {
    background-color: #ff0;
    opacity: .1
}
.highlightAnnotation:hover,
a.customLinkAnnotation:hover,
a.linkAnnotation:hover,
section.linkAnnotation a:hover {
    opacity: .4;
    border-color: transparent;
    background-color: #2196F3
}
.annotationDiv {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}
section.linkAnnotation a .annotationLayer>a {
    display: block;
    position: absolute;
    height: 100%;
    cursor: pointer;
    box-sizing: border-box
}
.df-page-loading:after,
.df-page-loading:before {
    content: " ";
    height: 44px;
    width: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -22px
}
.df-page-loading:before {
    background-color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    box-sizing: border-box
}
.df-page-loading:after {
    background-repeat: no-repeat;
    background-position: center
}
.df-thumb-container .df-vrow {
    height: 124px;
    left: 0;
    width: 90%;
    margin: 10px auto;
    background-position: 50%;
    cursor: pointer;
    background-repeat: no-repeat;
    right: 0;
    border-radius: 5px
}
.df-thumb-container .df-vrow:before {
    content: "";
    height: 22px;
    width: 22px;
    display: block;
    top: 60px;
    margin: 0 auto;
    position: relative;
    z-index: 0
}
.df-outline-container,
.df-thumb-container {
    position: absolute!important;
    bottom: 40px;
    box-shadow: 1px 0 4px rgba(102, 102, 102, .38);
    z-index: 3;
    float: left;
    top: 0
}
.df-thumb-container .df-vrow:hover {
    background-color: #bbb
}
.df-floating .df-thumb-container .df-vrow:hover {
    background-color: #ccc;
    opacity: 1
}
.df-thumb-container .df-vrow.df-thumb-loaded {
    background-size: contain
}
.df-thumb-container .df-vrow.df-thumb-loaded:before {
    display: none
}
.df-vrow>div {
    height: 20px;
    background-color: rgba(170, 170, 170, .54);
    width: 40px;
    margin: 0 auto
}
.df-thumb-container {
    width: 220px;
    background-color: rgba(238, 238, 238, .9);
    text-align: center
}
.df-outline-container {
    width: 200px;
    text-align: left;
    padding: 20px 10px 5px;
    color: #666;
    overflow: auto;
    font-size: 12px;
    background-color: rgba(247, 247, 247, .9);
    box-sizing: content-box
}
.df-outline-container,
.df-thumb-container {
    transition: .5s transform ease;
    -webkit-transition: .5s -webkit-transform ease;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%)
}
.df-floating .df-outline-container,
.df-floating .df-thumb-container {
    bottom: 0
}
.df-outline-container.df-outline-visible {
    display: block
}
.df-floating .df-outline-container.df-outline-visible,
.df-floating .df-thumb-container.df-thumb-visible {
    right: 0;
    left: inherit
}
.df-outline-container.df-outline-visible,
.df-thumb-container.df-thumb-visible {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0)
}
.df-outline-toggle {
    cursor: pointer;
    float: left;
    width: 18px;
    padding: 5px 0;
    margin-left: -18px;
    text-align: center
}
.df-outline-toggle.df-outlines-hidden~.df-outline-items {
    display: none
}
.df-outline-items>.df-outline-item {
    margin-left: 18px
}
.df-outline-item a:hover,
.df-outline-toggle:hover {
    background-color: #e7e7e7
}
.df-outline-item a {
    color: inherit!important;
    text-decoration: none!important;
    display: block;
    padding: 5px 0 5px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none!important;
    box-shadow: none!important
}
.banner-320sq__cta,
.booklet-detail__button:hover span {
    text-decoration: underline
}
.df-outline-toggle:before {
    content: "\e64b";
    font-size: 10px;
    font-family: themify
}
.df-outline-toggle.df-outlines-hidden:before {
    content: "\e649"
}
.df-lightbox-wrapper {
    position: fixed!important;
    top: 0;
    bottom: 0;
    right: 0;
    height: auto!important;
    left: 0;
    background-color: #fff;
    z-index: 99999
}
.df-lightbox-controls {
    float: right;
    padding: 5px;
    z-index: 1000;
    position: relative
}
.df-lightbox-close {
    float: right;
    height: 40px;
    text-align: center;
    font-size: 50px;
    cursor: pointer;
    color: #444;
    border-radius: 50%;
    border-color: transparent;
    width: 40px;
    background-color: transparent;
    transition: .2s;
    -webkit-transition: .2s
}
.df-lightbox-close:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .21);
    border-color: #000
}
.df-lightbox-close:before {
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 24px
}
.df-lightbox-wrapper .df-container {
    position: absolute!important;
    width: 100%;
    top: 0;
    bottom: 0;
    height: auto!important
}
._df_button,
._df_thumb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    cursor: pointer
}
._df_button {
    padding: 5px 15px;
    background: #0085ba;
    color: #fff;
    font-size: 14px;
    border-color: #0073aa #006799 #006799;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap
}
._df_thumb {
    border: none;
    width: 140px;
    height: 200px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .22);
    display: inline-block;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    box-sizing: border-box;
    -webkit-transition: .2s;
    perspective: 1200px;
    -moz-perspective: 1200px;
    margin: 30px 10px 10px;
    -webkit-perspective: 800px
}
._df_books ._df_thumb,
._df_books .df-dummy {
    width: 140px;
    height: 200px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin: 20px 10px;
    vertical-align: top
}
._df_book-cover {
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    transform-origin: left;
    top: 0;
    background-color: #eee;
    position: absolute;
    overflow: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .22)
}
._df_thumb ._df_book-title {
    bottom: -100%;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 5px;
    font-size: 12px;
    background: rgba(60, 60, 60, .8);
    box-sizing: border-box;
    display: block;
    color: #fff;
    transition: .4s;
    -webkit-transition: .4s;
    opacity: 0
}
._df_thumb ._df_book-tag {
    float: left;
    padding: 0 4px 20px;
    background-color: rgba(0, 0, 0, .26);
    text-transform: uppercase;
    font-size: 10px;
    margin: -15px 0 0 2px;
    z-index: -1;
    color: rgba(255, 255, 255, .8);
    position: relative
}
._df_thumb-not-found ._df_book-title,
._df_thumb:hover ._df_book-title {
    opacity: 1;
    bottom: 0
}
._df_thumb:hover ._df_book-cover {
    -webkit-transform: rotateY(-20deg);
    -moz-transform: rotateY(-20deg);
    -ms-transform: rotateY(-20deg);
    transform: rotateY(-20deg);
    box-shadow: 3px 0 12px rgba(0, 0, 0, .6)
}
._df_books {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 20px 5px 150px
}
._df_books-break {
    color: rgba(255, 255, 255, .3);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 25px;
    text-transform: uppercase
}
._df_books-break:after {
    content: " ";
    bottom: 0;
    width: 50px;
    height: 1px;
    background-color: rgba(255, 255, 255, .24);
    display: block;
    margin: 10px auto
}
.df-page-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}
.df-container::-webkit-scrollbar {
    width: 8px
}
.df-container::-webkit-scrollbar-button {
    height: 8px
}
.df-container::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .3);
    border: 0 #fff;
    border-radius: 100px
}
.df-container::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .5)
}
.df-container::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, .5)
}
.df-container::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .2);
    border: 0 #fff;
    border-radius: 100px
}
.df-container::-webkit-scrollbar-track:hover {
    background: rgba(0, 0, 0, .2)
}
.df-container::-webkit-scrollbar-track:active {
    background: rgba(0, 0, 0, .15)
}
.df-container::-webkit-scrollbar-corner {
    background: 0 0
}
.df-skipTransition {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    transition: none!important
}
.df-container.df-fullscreen {
    height: 100%!important;
    max-height: 100%!important;
    width: 100%!important;
    max-width: 100%!important
}
.booklet-detail__button {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: TexGyreAdventor, arial, sans-serif;
    color: #fff;
    padding: 8px;
    max-width: 212px;
    margin: 15px auto;
    font-size: 14px;
    background-color: #d62636;
    box-sizing: border-box;
    position: absolute;
    left: calc(50% + 180px);
    z-index: 9;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}
.booklet-detail__button::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 0 0 5px;
    background-image: url(../img/booklet/arrow-right-white.png);
    background-position: right;
    background-repeat: no-repeat
}
.booklet-detail__button:hover {
    color: #fff;
    text-decoration: underline;
    opacity: .8;
    -moz-opacity: .8;
    filter: alpha(opacity=80)
}
.booklet-detail__button:hover::after {
    background-position: center right
}
.booklet-detail__button span {
    max-width: calc(100% - 15px);
    display: inline-block;
    width: 100%
}
.thumbnail-list {
    position: absolute;
    right: 0;
    width: 240px;
    height: 100%;
    top: 120px;
    z-index: 1;
    text-align: center
}
.thumbnail-list .thumbnail-wrapper {
    overflow-y: scroll;
    height: 80%
}
.thumbnail-list .thumbnail-list-box {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    list-style: none
}
.thumbnail-list .thumbnail-list-box .thumbnail-item {
    padding-top: 1rem
}
.thumbnail-list .thumbnail-list-box .thumbnail-item .thumbnail-img {
    width: 60%
}
@media only screen and (max-width: 992px) {
    .df-floating .df-ui-controls {
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        max-width: 100%
    }
    .booklet-detail__button {
        left: calc(50%);
        top: 50px
    }
}
@media only screen and (max-width: 767px) {
    .thumbnail-list {
        display: none
    }
}
@font-face {
    font-family: themify;
    src: url(base/fonts/themify.eot);
    src: url(../base/fonts/themify.eot?#iefix) format('embedded-opentype'), url(base/fonts/themify.woff) format('woff'), url(base/fonts/themify.ttf) format('truetype'), url(base/fonts/themify.svg) format('svg');
    font-weight: 400;
    font-style: normal
}
[class*=" ti-"]:before,
[class^=ti-]:before {
    font-family: themify;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.banner-320sq,
.banner-320sq * {
    font-family: ITCAvantGardePro;
    box-sizing: border-box
}
.ti-wand:before {
    content: "\e600"
}
.ti-volume:before {
    content: "\e601"
}
.ti-user:before {
    content: "\e602"
}
.ti-unlock:before {
    content: "\e603"
}
.ti-unlink:before {
    content: "\e604"
}
.ti-trash:before {
    content: "\e605"
}
.ti-thought:before {
    content: "\e606"
}
.ti-target:before {
    content: "\e607"
}
.ti-tag:before {
    content: "\e608"
}
.ti-tablet:before {
    content: "\e609"
}
.ti-star:before {
    content: "\e60a"
}
.ti-spray:before {
    content: "\e60b"
}
.ti-signal:before {
    content: "\e60c"
}
.ti-shopping-cart:before {
    content: "\e60d"
}
.ti-shopping-cart-full:before {
    content: "\e60e"
}
.ti-settings:before {
    content: "\e60f"
}
.ti-search:before {
    content: "\e610"
}
.ti-zoom-in:before {
    content: "\e611"
}
.ti-zoom-out:before {
    content: "\e612"
}
.ti-cut:before {
    content: "\e613"
}
.ti-ruler:before {
    content: "\e614"
}
.ti-ruler-pencil:before {
    content: "\e615"
}
.ti-ruler-alt:before {
    content: "\e616"
}
.ti-bookmark:before {
    content: "\e617"
}
.ti-bookmark-alt:before {
    content: "\e618"
}
.ti-reload:before {
    content: "\e619"
}
.ti-plus:before {
    content: "\e61a"
}
.ti-pin:before {
    content: "\e61b"
}
.ti-pencil:before {
    content: "\e61c"
}
.ti-pencil-alt:before {
    content: "\e61d"
}
.ti-paint-roller:before {
    content: "\e61e"
}
.ti-paint-bucket:before {
    content: "\e61f"
}
.ti-na:before {
    content: "\e620"
}
.ti-mobile:before {
    content: "\e621"
}
.ti-minus:before {
    content: "\e622"
}
.ti-medall:before {
    content: "\e623"
}
.ti-medall-alt:before {
    content: "\e624"
}
.ti-marker:before {
    content: "\e625"
}
.ti-marker-alt:before {
    content: "\e626"
}
.ti-arrow-up:before {
    content: "\e627"
}
.ti-arrow-right:before {
    content: "\e628"
}
.ti-arrow-left:before {
    content: "\e629"
}
.ti-arrow-down:before {
    content: "\e62a"
}
.ti-lock:before {
    content: "\e62b"
}
.ti-location-arrow:before {
    content: "\e62c"
}
.ti-link:before {
    content: "\e62d"
}
.ti-layout:before {
    content: "\e62e"
}
.ti-layers:before {
    content: "\e62f"
}
.ti-layers-alt:before {
    content: "\e630"
}
.ti-key:before {
    content: "\e631"
}
.ti-import:before {
    content: "\e632"
}
.ti-image:before {
    content: "\e633"
}
.ti-heart:before {
    content: "\e634"
}
.ti-heart-broken:before {
    content: "\e635"
}
.ti-hand-stop:before {
    content: "\e636"
}
.ti-hand-open:before {
    content: "\e637"
}
.ti-hand-drag:before {
    content: "\e638"
}
.ti-folder:before {
    content: "\e639"
}
.ti-flag:before {
    content: "\e63a"
}
.ti-flag-alt:before {
    content: "\e63b"
}
.ti-flag-alt-2:before {
    content: "\e63c"
}
.ti-eye:before {
    content: "\e63d"
}
.ti-export:before {
    content: "\e63e"
}
.ti-exchange-vertical:before {
    content: "\e63f"
}
.ti-desktop:before {
    content: "\e640"
}
.ti-cup:before {
    content: "\e641"
}
.ti-crown:before {
    content: "\e642"
}
.ti-comments:before {
    content: "\e643"
}
.ti-comment:before {
    content: "\e644"
}
.ti-comment-alt:before {
    content: "\e645"
}
.ti-close:before {
    content: "\e646"
}
.ti-clip:before {
    content: "\e647"
}
.ti-angle-up:before {
    content: "\e648"
}
.ti-angle-right:before {
    content: "\e649"
}
.ti-angle-left:before {
    content: "\e64a"
}
.ti-angle-down:before {
    content: "\e64b"
}
.ti-check:before {
    content: "\e64c"
}
.ti-check-box:before {
    content: "\e64d"
}
.ti-camera:before {
    content: "\e64e"
}
.ti-announcement:before {
    content: "\e64f"
}
.ti-brush:before {
    content: "\e650"
}
.ti-briefcase:before {
    content: "\e651"
}
.ti-bolt:before {
    content: "\e652"
}
.ti-bolt-alt:before {
    content: "\e653"
}
.ti-blackboard:before {
    content: "\e654"
}
.ti-bag:before {
    content: "\e655"
}
.ti-move:before {
    content: "\e656"
}
.ti-arrows-vertical:before {
    content: "\e657"
}
.ti-arrows-horizontal:before {
    content: "\e658"
}
.ti-fullscreen:before {
    content: "\e659"
}
.ti-arrow-top-right:before {
    content: "\e65a"
}
.ti-arrow-top-left:before {
    content: "\e65b"
}
.ti-arrow-circle-up:before {
    content: "\e65c"
}
.ti-arrow-circle-right:before {
    content: "\e65d"
}
.ti-arrow-circle-left:before {
    content: "\e65e"
}
.ti-arrow-circle-down:before {
    content: "\e65f"
}
.ti-angle-double-up:before {
    content: "\e660"
}
.ti-angle-double-right:before {
    content: "\e661"
}
.ti-angle-double-left:before {
    content: "\e662"
}
.ti-angle-double-down:before {
    content: "\e663"
}
.ti-zip:before {
    content: "\e664"
}
.ti-world:before {
    content: "\e665"
}
.ti-wheelchair:before {
    content: "\e666"
}
.ti-view-list:before {
    content: "\e667"
}
.ti-view-list-alt:before {
    content: "\e668"
}
.ti-view-grid:before {
    content: "\e669"
}
.ti-uppercase:before {
    content: "\e66a"
}
.ti-upload:before {
    content: "\e66b"
}
.ti-underline:before {
    content: "\e66c"
}
.ti-truck:before {
    content: "\e66d"
}
.ti-timer:before {
    content: "\e66e"
}
.ti-ticket:before {
    content: "\e66f"
}
.ti-thumb-up:before {
    content: "\e670"
}
.ti-thumb-down:before {
    content: "\e671"
}
.ti-text:before {
    content: "\e672"
}
.ti-stats-up:before {
    content: "\e673"
}
.ti-stats-down:before {
    content: "\e674"
}
.ti-split-v:before {
    content: "\e675"
}
.ti-split-h:before {
    content: "\e676"
}
.ti-smallcap:before {
    content: "\e677"
}
.ti-shine:before {
    content: "\e678"
}
.ti-shift-right:before {
    content: "\e679"
}
.ti-shift-left:before {
    content: "\e67a"
}
.ti-shield:before {
    content: "\e67b"
}
.ti-notepad:before {
    content: "\e67c"
}
.ti-server:before {
    content: "\e67d"
}
.ti-quote-right:before {
    content: "\e67e"
}
.ti-quote-left:before {
    content: "\e67f"
}
.ti-pulse:before {
    content: "\e680"
}
.ti-printer:before {
    content: "\e681"
}
.ti-power-off:before {
    content: "\e682"
}
.ti-plug:before {
    content: "\e683"
}
.ti-pie-chart:before {
    content: "\e684"
}
.ti-paragraph:before {
    content: "\e685"
}
.ti-panel:before {
    content: "\e686"
}
.ti-package:before {
    content: "\e687"
}
.ti-music:before {
    content: "\e688"
}
.ti-music-alt:before {
    content: "\e689"
}
.ti-mouse:before {
    content: "\e68a"
}
.ti-mouse-alt:before {
    content: "\e68b"
}
.ti-money:before {
    content: "\e68c"
}
.ti-microphone:before {
    content: "\e68d"
}
.ti-menu:before {
    content: "\e68e"
}
.ti-menu-alt:before {
    content: "\e68f"
}
.ti-map:before {
    content: "\e690"
}
.ti-map-alt:before {
    content: "\e691"
}
.ti-loop:before {
    content: "\e692"
}
.ti-location-pin:before {
    content: "\e693"
}
.ti-list:before {
    content: "\e694"
}
.ti-light-bulb:before {
    content: "\e695"
}
.ti-Italic:before {
    content: "\e696"
}
.ti-info:before {
    content: "\e697"
}
.ti-infinite:before {
    content: "\e698"
}
.ti-id-badge:before {
    content: "\e699"
}
.ti-hummer:before {
    content: "\e69a"
}
.ti-home:before {
    content: "\e69b"
}
.ti-help:before {
    content: "\e69c"
}
.ti-headphone:before {
    content: "\e69d"
}
.ti-harddrives:before {
    content: "\e69e"
}
.ti-harddrive:before {
    content: "\e69f"
}
.ti-gift:before {
    content: "\e6a0"
}
.ti-game:before {
    content: "\e6a1"
}
.ti-filter:before {
    content: "\e6a2"
}
.ti-files:before {
    content: "\e6a3"
}
.ti-file:before {
    content: "\e6a4"
}
.ti-eraser:before {
    content: "\e6a5"
}
.ti-envelope:before {
    content: "\e6a6"
}
.ti-download:before {
    content: "\e6a7"
}
.ti-direction:before {
    content: "\e6a8"
}
.ti-direction-alt:before {
    content: "\e6a9"
}
.ti-dashboard:before {
    content: "\e6aa"
}
.ti-control-stop:before {
    content: "\e6ab"
}
.ti-control-shuffle:before {
    content: "\e6ac"
}
.ti-control-play:before {
    content: "\e6ad"
}
.ti-control-pause:before {
    content: "\e6ae"
}
.ti-control-forward:before {
    content: "\e6af"
}
.ti-control-backward:before {
    content: "\e6b0"
}
.ti-cloud:before {
    content: "\e6b1"
}
.ti-cloud-up:before {
    content: "\e6b2"
}
.ti-cloud-down:before {
    content: "\e6b3"
}
.ti-clipboard:before {
    content: "\e6b4"
}
.ti-car:before {
    content: "\e6b5"
}
.ti-calendar:before {
    content: "\e6b6"
}
.ti-book:before {
    content: "\e6b7"
}
.ti-bell:before {
    content: "\e6b8"
}
.ti-basketball:before {
    content: "\e6b9"
}
.ti-bar-chart:before {
    content: "\e6ba"
}
.ti-bar-chart-alt:before {
    content: "\e6bb"
}
.ti-back-right:before {
    content: "\e6bc"
}
.ti-back-left:before {
    content: "\e6bd"
}
.ti-arrows-corner:before {
    content: "\e6be"
}
.ti-archive:before {
    content: "\e6bf"
}
.ti-anchor:before {
    content: "\e6c0"
}
.ti-align-right:before {
    content: "\e6c1"
}
.ti-align-left:before {
    content: "\e6c2"
}
.ti-align-justify:before {
    content: "\e6c3"
}
.ti-align-center:before {
    content: "\e6c4"
}
.ti-alert:before {
    content: "\e6c5"
}
.ti-alarm-clock:before {
    content: "\e6c6"
}
.ti-agenda:before {
    content: "\e6c7"
}
.ti-write:before {
    content: "\e6c8"
}
.ti-window:before {
    content: "\e6c9"
}
.ti-widgetized:before {
    content: "\e6ca"
}
.ti-widget:before {
    content: "\e6cb"
}
.ti-widget-alt:before {
    content: "\e6cc"
}
.ti-wallet:before {
    content: "\e6cd"
}
.ti-video-clapper:before {
    content: "\e6ce"
}
.ti-video-camera:before {
    content: "\e6cf"
}
.ti-vector:before {
    content: "\e6d0"
}
.ti-themify-logo:before {
    content: "\e6d1"
}
.ti-themify-favicon:before {
    content: "\e6d2"
}
.ti-themify-favicon-alt:before {
    content: "\e6d3"
}
.ti-support:before {
    content: "\e6d4"
}
.ti-stamp:before {
    content: "\e6d5"
}
.ti-split-v-alt:before {
    content: "\e6d6"
}
.ti-slice:before {
    content: "\e6d7"
}
.ti-shortcode:before {
    content: "\e6d8"
}
.ti-shift-right-alt:before {
    content: "\e6d9"
}
.ti-shift-left-alt:before {
    content: "\e6da"
}
.ti-ruler-alt-2:before {
    content: "\e6db"
}
.ti-receipt:before {
    content: "\e6dc"
}
.ti-pin2:before {
    content: "\e6dd"
}
.ti-pin-alt:before {
    content: "\e6de"
}
.ti-pencil-alt2:before {
    content: "\e6df"
}
.ti-palette:before {
    content: "\e6e0"
}
.ti-more:before {
    content: "\e6e1"
}
.ti-more-alt:before {
    content: "\e6e2"
}
.ti-microphone-alt:before {
    content: "\e6e3"
}
.ti-magnet:before {
    content: "\e6e4"
}
.ti-line-double:before {
    content: "\e6e5"
}
.ti-line-dotted:before {
    content: "\e6e6"
}
.ti-line-dashed:before {
    content: "\e6e7"
}
.ti-layout-width-full:before {
    content: "\e6e8"
}
.ti-layout-width-default:before {
    content: "\e6e9"
}
.ti-layout-width-default-alt:before {
    content: "\e6ea"
}
.ti-layout-tab:before {
    content: "\e6eb"
}
.ti-layout-tab-window:before {
    content: "\e6ec"
}
.ti-layout-tab-v:before {
    content: "\e6ed"
}
.ti-layout-tab-min:before {
    content: "\e6ee"
}
.ti-layout-slider:before {
    content: "\e6ef"
}
.ti-layout-slider-alt:before {
    content: "\e6f0"
}
.ti-layout-sidebar-right:before {
    content: "\e6f1"
}
.ti-layout-sidebar-none:before {
    content: "\e6f2"
}
.ti-layout-sidebar-left:before {
    content: "\e6f3"
}
.ti-layout-placeholder:before {
    content: "\e6f4"
}
.ti-layout-menu:before {
    content: "\e6f5"
}
.ti-layout-menu-v:before {
    content: "\e6f6"
}
.ti-layout-menu-separated:before {
    content: "\e6f7"
}
.ti-layout-menu-full:before {
    content: "\e6f8"
}
.ti-layout-media-right-alt:before {
    content: "\e6f9"
}
.ti-layout-media-right:before {
    content: "\e6fa"
}
.ti-layout-media-overlay:before {
    content: "\e6fb"
}
.ti-layout-media-overlay-alt:before {
    content: "\e6fc"
}
.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}
.ti-layout-media-left-alt:before {
    content: "\e6fe"
}
.ti-layout-media-left:before {
    content: "\e6ff"
}
.ti-layout-media-center-alt:before {
    content: "\e700"
}
.ti-layout-media-center:before {
    content: "\e701"
}
.ti-layout-list-thumb:before {
    content: "\e702"
}
.ti-layout-list-thumb-alt:before {
    content: "\e703"
}
.ti-layout-list-post:before {
    content: "\e704"
}
.ti-layout-list-large-image:before {
    content: "\e705"
}
.ti-layout-line-solid:before {
    content: "\e706"
}
.ti-layout-grid4:before {
    content: "\e707"
}
.ti-layout-grid3:before {
    content: "\e708"
}
.ti-layout-grid2:before {
    content: "\e709"
}
.ti-layout-grid2-thumb:before {
    content: "\e70a"
}
.ti-layout-cta-right:before {
    content: "\e70b"
}
.ti-layout-cta-left:before {
    content: "\e70c"
}
.ti-layout-cta-center:before {
    content: "\e70d"
}
.ti-layout-cta-btn-right:before {
    content: "\e70e"
}
.ti-layout-cta-btn-left:before {
    content: "\e70f"
}
.ti-layout-column4:before {
    content: "\e710"
}
.ti-layout-column3:before {
    content: "\e711"
}
.ti-layout-column2:before {
    content: "\e712"
}
.ti-layout-accordion-separated:before {
    content: "\e713"
}
.ti-layout-accordion-merged:before {
    content: "\e714"
}
.ti-layout-accordion-list:before {
    content: "\e715"
}
.ti-ink-pen:before {
    content: "\e716"
}
.ti-info-alt:before {
    content: "\e717"
}
.ti-help-alt:before {
    content: "\e718"
}
.ti-headphone-alt:before {
    content: "\e719"
}
.ti-hand-point-up:before {
    content: "\e71a"
}
.ti-hand-point-right:before {
    content: "\e71b"
}
.ti-hand-point-left:before {
    content: "\e71c"
}
.ti-hand-point-down:before {
    content: "\e71d"
}
.ti-gallery:before {
    content: "\e71e"
}
.ti-face-smile:before {
    content: "\e71f"
}
.ti-face-sad:before {
    content: "\e720"
}
.ti-credit-card:before {
    content: "\e721"
}
.ti-control-skip-forward:before {
    content: "\e722"
}
.ti-control-skip-backward:before {
    content: "\e723"
}
.ti-control-record:before {
    content: "\e724"
}
.ti-control-eject:before {
    content: "\e725"
}
.ti-comments-smiley:before {
    content: "\e726"
}
.ti-brush-alt:before {
    content: "\e727"
}
.ti-youtube:before {
    content: "\e728"
}
.ti-vimeo:before {
    content: "\e729"
}
.ti-twitter:before {
    content: "\e72a"
}
.ti-time:before {
    content: "\e72b"
}
.ti-tumblr:before {
    content: "\e72c"
}
.ti-skype:before {
    content: "\e72d"
}
.ti-share:before {
    content: "\e72e"
}
.ti-share-alt:before {
    content: "\e72f"
}
.ti-rocket:before {
    content: "\e730"
}
.ti-pinterest:before {
    content: "\e731"
}
.ti-new-window:before {
    content: "\e732"
}
.ti-microsoft:before {
    content: "\e733"
}
.ti-list-ol:before {
    content: "\e734"
}
.ti-linkedin:before {
    content: "\e735"
}
.ti-layout-sidebar-2:before {
    content: "\e736"
}
.ti-layout-grid4-alt:before {
    content: "\e737"
}
.ti-layout-grid3-alt:before {
    content: "\e738"
}
.ti-layout-grid2-alt:before {
    content: "\e739"
}
.ti-layout-column4-alt:before {
    content: "\e73a"
}
.ti-layout-column3-alt:before {
    content: "\e73b"
}
.ti-layout-column2-alt:before {
    content: "\e73c"
}
.ti-instagram:before {
    content: "\e73d"
}
.ti-google:before {
    content: "\e73e"
}
.ti-github:before {
    content: "\e73f"
}
.ti-flickr:before {
    content: "\e740"
}
.ti-facebook:before {
    content: "\e741"
}
.ti-dropbox:before {
    content: "\e742"
}
.ti-dribbble:before {
    content: "\e743"
}
.ti-apple:before {
    content: "\e744"
}
.ti-android:before {
    content: "\e745"
}
.ti-save:before {
    content: "\e746"
}
.ti-save-alt:before {
    content: "\e747"
}
.ti-yahoo:before {
    content: "\e748"
}
.ti-wordpress:before {
    content: "\e749"
}
.ti-vimeo-alt:before {
    content: "\e74a"
}
.ti-twitter-alt:before {
    content: "\e74b"
}
.ti-tumblr-alt:before {
    content: "\e74c"
}
.ti-trello:before {
    content: "\e74d"
}
.ti-stack-overflow:before {
    content: "\e74e"
}
.ti-soundcloud:before {
    content: "\e74f"
}
.ti-sharethis:before {
    content: "\e750"
}
.ti-sharethis-alt:before {
    content: "\e751"
}
.ti-reddit:before {
    content: "\e752"
}
.ti-pinterest-alt:before {
    content: "\e753"
}
.ti-microsoft-alt:before {
    content: "\e754"
}
.ti-linux:before {
    content: "\e755"
}
.ti-jsfiddle:before {
    content: "\e756"
}
.ti-joomla:before {
    content: "\e757"
}
.ti-html5:before {
    content: "\e758"
}
.ti-flickr-alt:before {
    content: "\e759"
}
.ti-email:before {
    content: "\e75a"
}
.ti-drupal:before {
    content: "\e75b"
}
.ti-dropbox-alt:before {
    content: "\e75c"
}
.ti-css3:before {
    content: "\e75d"
}
.ti-rss:before {
    content: "\e75e"
}
.ti-rss-alt:before {
    content: "\e75f"
}
.banner-320sq {
    font-weight: 400;
    line-height: 1.1;
    position: relative;
    display: inline-block;
    width: 320px;
    height: 320px;
    min-height: inherit;
    text-align: left;
    letter-spacing: 0;
    color: #000
}
.banner-320sq * {
    vertical-align: baseline;
    color: inherit
}
.banner-320sq img {
    display: inline-block;
    max-width: 100%
}
.banner-320sq__outer {
    position: relative;
    width: 320px;
    height: 100%;
    padding: 14px 12px 10px
}
.banner-320sq__inner {
    display: table;
    width: 100%;
    height: 100%
}
.banner-320sq__body,
.banner-320sq__footer,
.banner-320sq__header {
    display: table-row
}
.banner-320sq__body .banner-320sq__content,
.banner-320sq__footer .banner-320sq__content,
.banner-320sq__header .banner-320sq__content {
    display: table-cell;
    width: 100%
}
.banner-320sq__header .banner-320sq__content {
    vertical-align: top
}
.banner-320sq__body .banner-320sq__content {
    vertical-align: middle
}
.banner-320sq__footer .banner-320sq__content {
    vertical-align: bottom
}
.banner-320sq__pretitle {
    font-size: 16px;
    letter-spacing: 0
}
.banner-320sq__title {
    font-size: 34px;
    font-weight: 400;
    margin-top: 5px;
    letter-spacing: 0
}
.banner-320sq__subtitle {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0
}
.banner-320sq__desc {
    font-size: 12px
}
.banner-320sq__desc:not(:empty) {
    position: absolute;
    width: 50px;
    left: 180px;
    top: 75px;
}
.banner-320sq__pretitle:not(:empty),
.banner-320sq__title:not(:empty) {
    margin-bottom: 4px
}
.banner-320sq__subtitle:not(:empty) {
    margin-bottom: 5px
}
.banner-320sq__subtitle+.banner-320sq__desc {
    margin-bottom: 0
}
.banner-320sq__cta:not(:empty) {
    margin-top: 5px;
    margin-bottom: 5px
}
.banner-320sq__cta {
    font-size: 16px;
    font-weight: 600;
    display: block;
    color: inherit!important
}
.banner-320sq__cta::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    content: '';
    vertical-align: middle;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7.5px solid
}
.banner-320sq__legal {
    font-size: 10px
}
.banner-320sq__offer {
    display: flex;
    margin-top: 10px;
    align-items: center
}
.banner-320sq__offer-box {
    display: table;
    width: 112px;
    height: 112px;
    color: #0b0a0b;
    background-color: #f7de01
}
.banner-320sq--member .banner-320sq__offer-box {
    color: #fff;
    background-color: #eb1a0c
}
.banner-320sq__offer-box__inner {
    display: table-cell;
    height: 100%;
    padding: 10px 8px;
    vertical-align: middle
}
.banner-320sq__offer-box__heading-large {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 2px;
    letter-spacing: -.6px
}
.banner-320sq__offer-box__heading-small {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-bottom: 2px;
    letter-spacing: -.43px
}
.banner-320sq__offer-box__price {
    font-size: 42px;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    letter-spacing: -3px
}
.banner-320sq__offer-box__price>span {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-left: -4px;
    text-align: left;
    letter-spacing: -.6px
}
.banner-320sq__offer-box__desc,
.banner-320sq__offer-box__price>span>span,
.banner-320sq__offer__legal {
    display: block;
    letter-spacing: -.6px;
    font-weight: 600
}
.banner-320sq__offer-box__price>span>span {
    font-size: 16px
}
.banner-320sq__offer-box__desc {
    font-size: 11px
}
.banner-320sq__offer__legal {
    font-size: 10px
}
.banner-320sq__offer__percent {
    font-size: 50%;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    padding-left: 4px;
    text-align: center;
    letter-spacing: normal
}
.banner-320sq__offer-box__price .banner-320sq__offer-box__price__euro {
    font-size: 80%;
    font-style: normal;
    font-stretch: normal;
    display: inline-block;
    margin-left: -10px;
    text-align: center;
    text-align: left;
    letter-spacing: normal;
    letter-spacing: 0
}
.banner-320sq__offer--center .banner-320sq__offer-box {
    text-align: center
}
.banner-320sq__offer--left .banner-320sq__offer-box {
    text-align: left
}
.banner-320sq__offer--right .banner-320sq__offer-box {
    text-align: right
}
.banner-320sq__offer--whole .banner-320sq__offer-box {
    padding-right: 8px;
    padding-left: 8px
}
.banner-320sq__offer--whole .banner-320sq__offer-box__price {
    font-size: 62px;
    font-weight: 600;
    line-height: 1;
    margin-top: 0
}
.banner-320sq__offer-box__dto {
    font-size: 48px;
    font-weight: 700;
    display: block;
    letter-spacing: -2px
}
.banner-320sq__offer-text {
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    width: 168px;
    padding-left: 14px;
    vertical-align: middle;
    color: #fff
}
.banner-320sq__cover,
.banner-320sq__damero,
.banner-320sq__image {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
.banner-320sq__minus,
.banner-320sq__simbol {
    padding-left: 4px;
    letter-spacing: normal;
    text-align: center;
    font-style: normal;
    font-stretch: normal
}
.banner-320sq__image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.banner-320sq__damero {
    display: none
}
.banner-320sq__damero:after,
.banner-320sq__damero:before {
    position: absolute;
    width: 50%;
    height: 50%;
    content: '';
    background-color: rgba(255, 255, 255, .1)
}
.banner-320sq__damero:before {
    top: 0;
    left: 0
}
.banner-320sq__damero:after {
    right: 0;
    bottom: 0
}
.banner-320sq__simbol {
    font-size: 80%;
    display: inline-block;
    padding-right: 4px
}
.banner-320sq__minus {
    font-weight: 600;
    display: inline-block;
    padding-right: 2px
}
.banner-320sq--bold {
    font-weight: 700!important
}
.banner-320sq--semibold {
    font-weight: 600!important
}
.banner-320sq--light {
    color: #fff
}
.banner-320sq--light .banner-320sq__cta::after {
    border-left-color: #fff
}
.banner-320sq--brand {
    color: #de180b
}
.banner-320sq--brand .banner-320sq__cta::after {
    border-left-color: #de180b
}
.banner-320sq--title-large .banner-320sq__title {
    font-size: 28px;
    letter-spacing: 0
}
.banner-320sq__title--large {
    font-size: 78px;
    line-height: 1;
    margin-left: -3px;
    letter-spacing: -3.2px
}
.banner-320sq__title--small {
    font-size: 21px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}
.banner-320sq__title--large+.banner-320sq__title {
    margin-top: 0
}
.banner-320sq--title-large .banner-320sq__title span {
    font-size: 78px;
    line-height: 1;
    margin-left: -3px;
    letter-spacing: -3.2px;
    display: inline-block;
    width: 100%
}
.banner-320sq--center .banner-320sq__inner>div {
    margin-top: auto;
    margin-bottom: auto
}
.banner-320sq--has-card-top .banner-320sq__header .banner-320sq__content {
    position: relative;
    padding-right: 70px
}
.banner-320sq--has-card-top .banner-320sq__header .banner-320sq__content:after {
    position: absolute;
    top: 55px;
    right: 0;
    display: block;
    width: 68px;
    height: 68px;
    content: '';
    background-image: url(../img/tarjeta-eroski-arrow-68x68.png);
    background-repeat: no-repeat;
    background-position: center
}
.banner-320sq--has-card-bottom .banner-320sq__body .banner-320sq__content {
    position: relative;
    min-height: 75px;
    padding-top: 5px;
    padding-right: 70px
}
.banner-320sq--has-card-bottom .banner-320sq__body .banner-320sq__content:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 68px;
    height: 70px;
    margin-top: -34px;
    content: '';
    background-image: url(../img/tarjeta-eroski-arrow-68x68.png);
    background-repeat: no-repeat;
    background-position: center top
}
.banner-320sq--aling-top .banner-320sq__body .banner-320sq__content,
.banner-320sq--aling-top .banner-320sq__footer .banner-320sq__content,
.banner-320sq--aling-top .banner-320sq__header .banner-320sq__content {
    vertical-align: top
}
.banner-320sq--aling-middle .banner-320sq__body .banner-320sq__content,
.banner-320sq--aling-middle .banner-320sq__footer .banner-320sq__content,
.banner-320sq--aling-middle .banner-320sq__header .banner-320sq__content {
    vertical-align: midlle
}
.banner-320sq--aling-bottom .banner-320sq__body .banner-320sq__content,
.banner-320sq--aling-bottom .banner-320sq__footer .banner-320sq__content,
.banner-320sq--aling-bottom .banner-320sq__header .banner-320sq__content {
    vertical-align: bottom
}
.banner-320sq--damero .banner-320sq__damero {
    display: block
}
@media (max-width: 701px) {
    .banner-320sq {
        width: 100%
    }
    .banner-320sq__outer {
        width: 320px;
        margin: 0 auto
    }
    .banner-320sq__image {
        display: none
    }
    .banner-320sq__image-mobile {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
    }
}
.mastercard {
    clear: both
}
.mc-belt {
    width: 100%;
    max-width: 1270px;
    margin: auto;
    clear: both
}
.mastercard .mastercard-red {
    color: #cd0b27
}
.mastercard .page-title {
    width: 100%;
    text-align: center;
    background: url(../img/mastercard/header-bg.gif) top center no-repeat;
    padding: 30px 35px 35px
}
.mastercard .page-title__text {
    color: #fff;
    font-family: TexGyreAdventorBold, arial, sans-serif;
    font-size: 36px;
    line-height: 1.2;
    vertical-align: middle
}
.mastercard .landing-banner {
    width: 100%;
    display: inline-block
}
.mastercard .landing-banner__img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto
}
.mastercard .section-title {
    display: inline-block;
    text-align: center;
    margin: 50px 0;
    width: 100%
}
.mastercard .section-title__text {
    font-family: TexGyreAdventorBold, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #000;
    display: inline-block;
    line-height: 1.2
}
.mastercard .section-title--savings {
    margin: 10px 0 30px
}
.mastercard .section-title--savings .section-title__text {
    font-size: 45px;
    color: #cd0b27
}
.mastercard .btn-back,
.mastercard .mastercard-btn {
    font-size: 18px;
    text-decoration: none;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif
}
.mastercard .section-title--savings .section-title__img {
    display: block;
    margin: 20px auto 10px
}
.mastercard .btn-back-container {
    display: block;
    width: 100%;
    padding: 5px .8% 5px 0;
    margin: 20px 0;
    text-align: right
}
.mastercard .btn-back {
    display: inline-block;
    width: auto;
    padding: 20px;
    text-align: right;
    vertical-align: middle;
    color: #6b6b6b;
    border: 1px solid #e4e4e4;
    border-right: none;
    position: relative;
    margin-right: 60px
}
.mastercard .btn-back::after {
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    transition: all ease-out .3s;
    display: inline-block;
    width: 60px;
    height: 103%;
    content: '';
    background-image: url(../img/form/arrow-left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e31f09;
    position: absolute;
    top: -1px;
    right: -60px
}
.mastercard .promotions-boxes__link::after,
.mastercard .savings__boxes-link::after {
    -webkit-transition: background-size ease-out .3s;
    -moz-transition: background-size ease-out .3s;
    -o-transition: background-size ease-out .3s;
    -ms-transition: background-size ease-out .3s;
    content: ''
}
.mastercard .btn-back:hover::after {
    background-color: rgba(227, 31, 9, .5)
}
.mastercard .mastercard-btn-container {
    margin: 10px 0 70px;
    padding: 0 20px;
    display: inline-block;
    text-align: center;
    width: 100%
}
.mastercard .mastercard-btn {
    color: #fff;
    padding: 20px 40px;
    min-width: 270px;
    background-color: #c90b26;
    display: inline-block;
    text-align: center
}
.mastercard .promotions-description-section {
    width: 100%;
    padding: 20px 0 0
}
.mastercard .promotions-description-section.promotions-description-section--short {
    padding: 0
}
.mastercard .promotions-description {
    text-align: center;
    margin: 10px auto;
    max-width: 50%;
    padding: 20px 0;
    width: 100%;
    display: block
}
.mastercard .promotions-description-section--short .promotions-description {
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    display: block
}
.mastercard .promotions-description__text {
    display: inline-block;
    width: auto;
    margin: 10px 0 30px;
    text-align: center;
    font-size: 21px;
    color: #000;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    line-height: 1.4
}
.mastercard .promotions-description-section--short .mastercard-btn-container {
    margin: 10px 0 30px
}
@media only screen and (max-width: 1200px) {
    .mc-belt {
        padding: 0 15px
    }
}
@media only screen and (max-width: 992px) {
    .mastercard .section-title--savings .section-title__text {
        font-size: 30px
    }
}
@media only screen and (max-width: 767px) {
    .mastercard .section-title,
    .mastercard .section-title--savings {
        margin: 25px 0
    }
    .mastercard .section-title__text {
        font-size: 20px
    }
    .mastercard .section-title--savings .section-title__text {
        font-size: 24px
    }
    .mastercard .btn-back:hover::after {
        background-color: #e31f09
    }
    .mastercard .mastercard-btn-container {
        margin: 10px 0 40px
    }
    .mastercard .mastercard-btn {
        font-size: 16px;
        min-width: 0;
        max-width: 100%;
        text-align: center
    }
    .mastercard .promotions-description {
        max-width: 70%
    }
    .mastercard .promotions-description__text {
        font-size: 16px
    }
}
@media only screen and (max-width: 500px) {
    .mastercard .page-title {
        background-size: cover;
        padding: 20px 20px 25px
    }
    .mastercard .page-title__text {
        font-size: 26px
    }
    .mastercard .promotions-description {
        max-width: inherit
    }
}
.mastercard .advantages {
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 20px
}
.mastercard .advantages__img {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    height: auto
}
.mastercard .advantages__img img {
    display: block;
    width: 100%;
    height: auto
}
.mastercard .advantages__list {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-left: 2%;
    padding: 10px
}
.mastercard .advantages__list-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 5px 0 10px
}
.mastercard .advantages__list-item img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 0 15px 0 0
}
.mastercard .advantages__list-item .advantages__content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 130px);
    margin-top: 5px;
    text-align: left
}
.mastercard .advantages__boxes {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 30px 0
}
.mastercard .advantages__boxes-item {
    display: inline-block;
    vertical-align: top;
    width: 32.9%;
    margin: 20px 0
}
.mastercard .advantages__boxes-item img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 10px
}
.mastercard .advantages__boxes-item .advantages__content {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 5px;
    text-align: left;
    padding: 10px
}
.mastercard .advantages__title {
    font-size: 24px;
    font-family: TexGyreAdventorBold, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    line-height: 1.2
}
.mastercard .advantages__title sup {
    font-size: 16px
}
.mastercard .advantages__text {
    font-size: 18px;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
    line-height: 1.3;
    color: #6b6b6b
}
.mastercard .advantages__link {
    color: #000;
    text-decoration: underline
}
@media only screen and (max-width: 767px) {
    .mastercard .advantages {
        margin-top: 0
    }
    .mastercard .advantages__img {
        width: 100%;
        text-align: center
    }
    .mastercard .advantages__img img {
        max-width: 100%;
        width: auto;
        display: inline-block;
        margin: 10px auto
    }
    .mastercard .advantages__list {
        width: 100%;
        margin-left: 0;
        padding: 10px;
        overflow: hidden
    }
    .mastercard .advantages__list-item img {
        margin-right: 10px;
        max-width: 70px
    }
    .mastercard .advantages__boxes {
        margin: 10px 0;
        overflow: hidden
    }
    .mastercard .advantages__list-item .advantages__content {
        width: calc(100% - 85px);
        margin-top: 0
    }
    .mastercard .advantages__title {
        font-size: 20px
    }
    .mastercard .advantages__text {
        font-size: 16px
    }
    .mastercard .advantages__boxes-item {
        width: 49%;
        margin: 10px 0
    }
}
@media only screen and (max-width: 500px) {
    .mastercard .advantages__boxes-item {
        width: 100%
    }
}
.mastercard .savings {
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 10px
}
.mastercard .savings__boxes {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 10px 0 20px
}
.mastercard .savings__boxes-item {
    display: inline-block;
    vertical-align: top;
    width: 30.9%;
    margin: 20px 1%
}
.mastercard .savings__boxes-link {
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    position: relative
}
.mastercard .savings__boxes-link::after {
    display: inline-block;
    position: absolute;
    height: 45px;
    width: 45px;
    text-align: center;
    bottom: 0;
    right: 0;
    background: url(../img/base/icon-more-red.png) center no-repeat;
    background-size: 100%;
    transition: background-size ease-out .3s
}
.mastercard .savings__boxes-link:hover::after {
    background-size: 120%
}
.mastercard .savings__boxes-item img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto
}
.mastercard .savings__boxes-item .savings__content {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: left;
    padding: 10px
}
.mastercard .savings__boxes-item .savings__boxes-popup-link {
    text-decoration: underline;
    margin-top: 10px;
    font-size: 14px;
    color: #6b6b6b;
    display: block;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif
}
.mastercard .savings__title {
    font-size: 30px;
    font-family: TexGyreAdventorBold, Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    line-height: 1.2
}
.mastercard .savings__list-link,
.mastercard .savings__text {
    color: #6b6b6b;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif
}
.mastercard .savings__title sup {
    font-size: 20px
}
.mastercard .savings__text {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 1.3
}
.mastercard .savings__text sup {
    font-size: 14px
}
.mastercard .savings__list {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 30px 10px
}
.mastercard .savings__list-item {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin: 20px 1%
}
.mastercard .savings__list-item img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 0 15px 0 0
}
.mastercard .savings__list-item .savings__content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 142px);
    margin-top: 5px;
    text-align: left
}
.mastercard .savings__list-link {
    text-decoration: underline;
    margin-top: 10px;
    font-size: 14px;
    display: block
}
@media only screen and (max-width: 992px) {
    .mastercard .savings__title {
        font-size: 24px
    }
}
@media only screen and (max-width: 767px) {
    .mastercard .savings {
        margin-top: 0
    }
    .mastercard .savings__boxes {
        margin: 10px 0;
        overflow: hidden
    }
    .mastercard .savings__title {
        font-size: 20px
    }
    .mastercard .savings__text {
        font-size: 16px
    }
    .mastercard .savings__boxes-item {
        width: 49%;
        margin: 10px 0
    }
    .mastercard .savings__list {
        width: 100%;
        margin-left: 0;
        padding: 10px;
        overflow: hidden
    }
    .mastercard .savings__list-item {
        width: 100%
    }
    .mastercard .savings__list-item img {
        margin-right: 10px;
        max-width: 70px
    }
    .mastercard .savings__list-item .savings__content {
        width: calc(100% - 85px);
        margin-top: 0
    }
}
@media only screen and (max-width: 500px) {
    .mastercard .savings__boxes-item {
        width: 100%
    }
}
.mastercard .promotions-boxes {
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto 50px
}
.mastercard .promotions-boxes__item {
    display: inline-block;
    width: 49%;
    height: auto;
    text-align: left;
    margin: 5px 0;
    padding: 0;
    vertical-align: top;
    position: relative
}
.mastercard .promotions-boxes__image-content {
    display: table;
    width: 100%;
    height: auto;
    padding: 0
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-left {
    display: table-cell;
    width: 50%;
    height: auto;
    padding: 0;
    position: relative;
    overflow: visible;
    text-align: center
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-left-promotion {
    position: absolute;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -35%);
    -moz-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%);
    max-width: 80%;
    height: auto;
    overflow: visible;
    z-index: 1
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-left-promotion.promotions-boxes__image-left-promotion--card::after {
    display: block;
    background: url(../img/mastercard/card.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 200px;
    height: 111px;
    content: '';
    bottom: -30px;
    right: -180px
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 150px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: -25px;
    letter-spacing: -4px
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number.promotion-main__promo-number--3-digits {
    font-size: 100px
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number .sup {
    font-size: 80px;
    vertical-align: top;
    margin-left: 10px
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-text {
    margin: 10px 10px 0 5px;
    max-width: 90%
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-text p {
    color: #fff;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    display: block;
    text-align: right
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-text .validity {
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-top: 5px;
    text-align: right
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-left-logo {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-right {
    display: table-cell;
    width: 50%;
    height: auto;
    padding: 0;
    position: relative
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-right-link {
    text-decoration: underline;
    color: #fff;
    font-size: 16px;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    position: absolute;
    text-align: center;
    line-height: 1.5
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-right-link.red {
    color: #c90b26
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-right-link.grey {
    color: #323232
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-right-link .promotions-boxes__image-right-link--bigger {
    text-transform: uppercase;
    display: block;
    margin-top: 2px
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-right-link.top {
    top: 15%;
    bottom: inherit;
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    transform: translateY(-15%)
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-right-link.bottom {
    bottom: 15%;
    top: inherit;
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    transform: translateY(-15%)
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-right-link.left {
    left: 15%;
    right: inherit;
    -webkit-transform: translateX(-15%);
    -moz-transform: translateX(-15%);
    transform: translateX(-15%)
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-right-link.right {
    right: 10%;
    left: inherit;
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    transform: translateX(-10%)
}
.mastercard .promotions-boxes__image-content .promotions-boxes__image-left-bg,
.mastercard .promotions-boxes__image-content .promotions-boxes__image-right-bg {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%
}
.mastercard .promotions-boxes__text-content {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 35px;
    background-color: #f4f4f4
}
.mastercard .promotions-boxes__text-content .promotions-boxes__text {
    font-size: 18px;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    line-height: 1.4;
    color: #6b6b6b;
    margin-bottom: 10px
}
.mastercard .promotions-boxes__text-content .promotions-boxes__text--note {
    font-size: 14px
}
.mastercard .promotions-boxes__link {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0
}
.mastercard .promotions-boxes__link::after {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    bottom: 0;
    right: 0;
    background: url(../img/base/icon-more-grey.png) center no-repeat;
    background-size: 100%;
    transition: background-size ease-out .3s
}
.leading-brands-blocks-content .leading-brands__link::after,
.mastercard .promotion-main__link::after {
    -moz-transition: background-size ease-out .3s;
    -ms-transition: background-size ease-out .3s;
    -webkit-transition: background-size ease-out .3s;
    -o-transition: background-size ease-out .3s
}
.mastercard .promotions-boxes__link:hover::after {
    background-size: 140%
}
@media only screen and (max-width: 1200px) {
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-promotion {
        max-width: 90%;
        width: 100%
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number {
        font-size: 120px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number .sup {
        font-size: 70px
    }
}
@media only screen and (max-width: 1024px) {
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-promotion {
        position: absolute;
        top: 25%;
        left: 50%;
        -webkit-transform: translate(-50%, -25%);
        -moz-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%)
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number {
        font-size: 100px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number .sup {
        font-size: 60px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-promotion.promotions-boxes__image-left-promotion--card::after {
        width: 150px;
        height: 77px;
        bottom: -25px;
        right: -110px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-right-link {
        font-size: 14px
    }
}
@media only screen and (max-width: 992px) {
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-promotion {
        position: absolute;
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number {
        font-size: 70px;
        margin-top: 15px;
        text-align: center;
        margin-bottom: -10px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number.promotion-main__promo-number--3-digits {
        font-size: 70px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number .sup {
        font-size: 40px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-text p {
        font-size: 14px;
        text-align: center
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-text .validity {
        font-size: 13px;
        text-align: center
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-logo {
        bottom: 10px;
        max-width: 70%
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-promotion.promotions-boxes__image-left-promotion--card::after {
        display: none
    }
}
@media only screen and (max-width: 767px) {
    .mastercard .promotions-boxes {
        margin-bottom: 20px
    }
    .mastercard .promotions-boxes__item {
        width: 100%;
        margin: 10px 0
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-promotion {
        position: absolute;
        top: 30%;
        left: 50%;
        -webkit-transform: translate(-50%, -30%);
        -moz-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%)
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number {
        font-size: 110px;
        margin-top: 15px;
        margin-bottom: -25px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number.promotion-main__promo-number--3-digits {
        font-size: 100px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number .sup {
        font-size: 70px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-text p {
        font-size: 16px;
        text-align: right
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-text .validity {
        font-size: 14px;
        text-align: right
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-right-link,
    .mastercard .promotions-boxes__text-content .promotions-boxes__text {
        font-size: 16px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-logo {
        bottom: 20px;
        max-width: none
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-bg,
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-right-bg {
        width: 100%
    }
}
.mastercard .promotion-main,
.mastercard .promotion-main__left {
    position: relative;
    text-align: center;
    vertical-align: middle;
    height: auto
}
@media only screen and (max-width: 500px) {
    .mastercard .promotions-boxes__image-content {
        display: inline-block
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left,
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-right {
        display: block;
        width: 100%
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-promotion {
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number {
        font-size: 150px;
        margin-top: 20px;
        margin-bottom: -25px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number.promotion-main__promo-number--3-digits {
        font-size: 100px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left .promotions-boxes__image-left-promotion .promotions-boxes__promo-number .sup {
        font-size: 80px;
        margin-left: 10px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-logo {
        max-width: 70%
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-right-link {
        font-size: 14px
    }
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-left-bg,
    .mastercard .promotions-boxes__image-content .promotions-boxes__image-right-bg {
        width: 100%;
        max-width: 100%
    }
    .mastercard .promotions-boxes__text-content {
        padding: 25px
    }
    .mastercard .promotions-boxes__text-content .promotions-boxes__text {
        font-size: 16px
    }
    .mastercard .promotions-boxes__link:hover::after {
        background-size: 100%
    }
}
.mastercard .promotion-main {
    margin: 5px auto;
    padding: 0;
    display: table;
    width: 98.6%
}
.mastercard .promotion-main.promotion-main--margin {
    margin: 5px auto 40px
}
.mastercard .promotion-main__left {
    display: table-cell;
    width: 24.94%;
    padding: 0;
    overflow: visible
}
.mastercard .promotion-main__left-content {
    position: absolute;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -35%);
    -moz-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%);
    max-width: 80%;
    height: auto;
    overflow: visible;
    z-index: 1
}
.mastercard .promotion-main__left-content.promotion-main__left-content--card::after {
    display: block;
    background: url(../img/mastercard/card.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 200px;
    height: 111px;
    content: '';
    bottom: -30px;
    right: -180px
}
.mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 125px;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: -25px;
    letter-spacing: -4px
}
.mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number.promotion-main__promo-number--3-digits {
    font-size: 100px
}
.mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number .sup {
    font-size: 80px;
    vertical-align: top;
    margin-left: 6px;
    line-height: 1.25
}
.mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-text {
    margin: 10px 10px 0 5px;
    max-width: 90%
}
.mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-text p {
    color: #fff;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    display: block;
    text-align: right
}
.mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-text .validity {
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-top: 5px;
    text-align: right
}
.mastercard .promotion-main__left-logo {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.mastercard .promotion-main__right {
    display: table-cell;
    width: 75.1%;
    height: auto;
    padding: 0;
    vertical-align: middle
}
.mastercard .promotion-main__left-bg,
.mastercard .promotion-main__right-bg.promotion-main__right-bg--desk {
    display: block
}
.mastercard .promotion-main__left-bg,
.mastercard .promotion-main__right-bg {
    width: auto;
    max-width: 100%;
    height: auto
}
.mastercard .promotion-main__right-bg.promotion-main__right-bg--resp {
    display: none
}
.mastercard .promotion-main__right-content {
    display: inline-block;
    position: absolute;
    width: 35%;
    height: auto;
    padding: 10px;
    text-align: left
}
.mastercard .promotion-main__right-content.top {
    top: 5%;
    bottom: inherit;
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    transform: translateY(-5%)
}
.mastercard .promotion-main__right-content.bottom {
    bottom: 5%;
    top: inherit;
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    transform: translateY(-5%)
}
.mastercard .promotion-main__right-content.left {
    left: 45%;
    right: inherit;
    -webkit-transform: translateX(-45%);
    -moz-transform: translateX(-45%);
    transform: translateX(-45%)
}
.mastercard .promotion-main__right-content.right {
    right: 3%;
    left: inherit;
    -webkit-transform: translateX(-3%);
    -moz-transform: translateX(-3%);
    transform: translateX(-3%)
}
.mastercard .promotion-main__right-content .promotion-main__text {
    font-size: 18px;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 10px
}
.mastercard .promotion-main__right-content .promotion-main__text--note {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 0
}
.mastercard .promotion-main__right-content.red .promotion-main__text {
    color: #c90b26
}
.mastercard .promotion-main__right-content.grey .promotion-main__text {
    color: #323232
}
.mastercard .promotion-main__link {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0
}
.mastercard .promotion-main__link::after {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    bottom: 0;
    right: 0;
    background: url(../img/base/icon-more-grey.png) center no-repeat;
    background-size: 100%;
    content: '';
    transition: background-size ease-out .3s
}
.mastercard .promotion-main__link:hover::after {
    background-size: 140%
}
@media only screen and (max-width: 1200px) {
    .mastercard .promotion-main__left-content {
        max-width: 90%;
        width: 100%
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number {
        font-size: 108px
    }
    .mastercard .promotion-main__left .promotion-main__-left-content .promotion-main__promo-number .sup {
        font-size: 70px
    }
}
@media only screen and (max-width: 1024px) {
    .mastercard .promotion-main__left-content {
        position: absolute;
        top: 25%;
        left: 50%;
        -webkit-transform: translate(-50%, -25%);
        -moz-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%)
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number {
        font-size: 100px
    }
    .mastercard .promotion-main__left .promotion-main__-left-content .promotion-main__promo-number .sup {
        font-size: 60px
    }
    .mastercard .promotion-main__left-content.promotion-main__left-content--card::after {
        width: 150px;
        height: 77px;
        bottom: -25px;
        right: -110px
    }
    .mastercard .promotion-main__right-content {
        width: 50%
    }
    .mastercard .promotion-main__right-content.left {
        left: 53%;
        right: inherit;
        -webkit-transform: translateX(-53%);
        -moz-transform: translateX(-53%);
        transform: translateX(-53%)
    }
}
@media only screen and (max-width: 992px) {
    .mastercard .promotion-main__left-promotion {
        position: absolute;
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number {
        font-size: 70px;
        margin-top: 15px;
        text-align: center;
        margin-bottom: -10px
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number.promotion-main__promo-number--3-digits {
        font-size: 70px
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number .sup {
        font-size: 40px
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-text p {
        font-size: 14px;
        text-align: center
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-text .validity {
        font-size: 13px;
        text-align: center
    }
    .mastercard .promotion-main__left-logo {
        bottom: 10px;
        max-width: 70%
    }
    .mastercard .promotion-main__left-content.promotion-main__left-content--card::after {
        display: none
    }
    .mastercard .promotion-main__right-content .promotion-main__text {
        font-size: 14px
    }
    .mastercard .promotion-main__right-content .promotion-main__text--note {
        font-size: 12px
    }
}
@media only screen and (max-width: 767px) {
    .mastercard .promotion-main {
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
        letter-spacing: -5px
    }
    .mastercard .promotion-main__left {
        display: inline-block;
        width: 49.8%;
        letter-spacing: normal;
        vertical-align: middle
    }
    .mastercard .promotion-main__left-content {
        position: absolute;
        top: 30%;
        left: 50%;
        -webkit-transform: translate(-50%, -30%);
        -moz-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%)
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number {
        font-size: 110px;
        margin-top: 15px;
        margin-bottom: -25px
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number.promotion-main__promo-number--3-digits {
        font-size: 100px
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number .sup {
        font-size: 70px
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-text p {
        font-size: 16px;
        text-align: right
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-text .validity {
        font-size: 14px;
        text-align: right
    }
    .mastercard .promotion-main__left-logo {
        bottom: 20px;
        max-width: none
    }
    .mastercard .promotion-main__left-bg,
    .mastercard .promotion-main__right-bg {
        width: 100%
    }
    .mastercard .promotion-main__right {
        display: inline-block;
        width: 49.65%;
        letter-spacing: normal;
        vertical-align: middle
    }
    .mastercard .promotion-main__right-bg.promotion-main__right-bg--desk {
        display: none
    }
    .mastercard .promotion-main__right-bg.promotion-main__right-bg--resp {
        display: block
    }
    .mastercard .promotion-main__right-content {
        display: inline-block;
        position: inherit;
        width: 100%;
        height: auto;
        padding: 35px;
        text-align: left;
        background-color: #f4f4f4;
        letter-spacing: normal
    }
    .mastercard .promotion-main__right-content.top {
        top: inherit;
        bottom: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .mastercard .promotion-main__right-content.bottom {
        bottom: inherit;
        top: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .mastercard .promotion-main__right-content.left {
        left: inherit;
        right: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .mastercard .promotion-main__right-content.right {
        right: inherit;
        left: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .mastercard .promotion-main__right-content .promotion-main__text {
        font-size: 16px;
        font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
        line-height: 1.4;
        color: #6b6b6b;
        margin-bottom: 10px
    }
    .mastercard .promotion-main__right-content .promotion-main__text--note {
        font-size: 14px
    }
    .mastercard .promotion-main__right-content.grey .promotion-main__text,
    .mastercard .promotion-main__right-content.red .promotion-main__text {
        color: #6b6b6b
    }
}
@media only screen and (max-width: 500px) {
    .mastercard .promotion-main__left,
    .mastercard .promotion-main__right {
        display: block;
        width: 100%
    }
    .mastercard .promotion-main__left-content {
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number {
        margin-top: 20px;
        margin-bottom: -25px
    }
    .mastercard .promotion-main__left .promotion-main__left-content .promotion-main__promo-number .sup {
        font-size: 80px;
        margin-left: 10px
    }
    .mastercard .promotion-main__left-logo {
        max-width: 70%
    }
    .mastercard .promotion-main__left-bg,
    .mastercard .promotion-main__right-bg {
        width: 100%;
        max-width: 100%
    }
    .mastercard .promotion-main__right-content {
        display: inline-block;
        position: inherit;
        width: 100%;
        height: auto;
        padding: 35px;
        text-align: left;
        background-color: #f4f4f4
    }
    .mastercard .promotion-main__link:hover::after {
        background-size: 100%
    }
}
.mastercard .sheet-content {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 50px 20px 0;
    margin: 20px 0
}
.mastercard .sheet-content h2,
.mastercard .sheet-content h3,
.mastercard .sheet-content h4,
.mastercard .sheet-content h5,
.mastercard .sheet-content h6 {
    font-size: 30px;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    line-height: 1.3;
    color: #000;
    margin-bottom: 35px
}
.mastercard .sheet-content p {
    font-size: 18px;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    line-height: 1.4;
    color: #6b6b6b;
    margin-bottom: 30px
}
.mastercard .sheet-content strong {
    font-family: TexGyreAdventorBold, Arial, Helvetica, sans-serif
}
.mastercard .sheet-content a {
    text-decoration: underline;
    color: #000
}
.mastercard .sheet-content img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto
}
@media only screen and (max-width: 992px) {
    .mastercard .sheet-content {
        padding: 30px 20px 20px
    }
}
@media only screen and (max-width: 767px) {
    .mastercard .sheet-content h2,
    .mastercard .sheet-content h3,
    .mastercard .sheet-content h4,
    .mastercard .sheet-content h5,
    .mastercard .sheet-content h6 {
        font-size: 20px;
        margin-bottom: 25px
    }
    .mastercard .sheet-content p {
        font-size: 16px;
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px) {
    .mastercard .sheet-content {
        padding: 30px 20px 0;
        margin: 20px 0
    }
}
.mastercard .credit-card-section {
    background: #f4f4f4;
    width: 100%;
    padding: 20px 0 0;
    margin-top: 20px
}
.mastercard .credit-card {
    width: 100%;
    padding: 20px 20px 10px;
    display: inline-block;
    text-align: center
}
.mastercard .credit-card__image {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 10px auto;
    text-align: center
}
.mastercard .credit-card__text,
.mastercard .credit-card__title {
    display: inline-block;
    width: auto;
    line-height: 1.3;
    text-align: center
}
.mastercard .credit-card-info {
    margin: 10px auto 20px;
    max-width: 60%
}
.mastercard .credit-card__title {
    margin: 10px 0;
    font-size: 30px;
    color: #d81d24;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif
}
.mastercard .credit-card__text {
    margin: 10px 0 0;
    font-size: 22px;
    color: #6b6b6b;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif
}
.mastercard .credit-card__text.credit-card__text--small {
    font-size: 12px;
    display: block;
    margin-bottom: 40px
}
@media only screen and (max-width: 767px) {
    .mastercard .credit-card {
        padding: 20px 20px 0
    }
    .mastercard .credit-card-info {
        max-width: 80%
    }
    .mastercard .credit-card__title {
        font-size: 20px
    }
    .mastercard .credit-card__text {
        font-size: 16px
    }
}
@media only screen and (max-width: 500px) {
    .mastercard .credit-card__image {
        max-width: 80%
    }
    .mastercard .credit-card-info {
        max-width: inherit
    }
}
.mastercard .more-info-section {
    width: 100%;
    padding: 20px 0 0
}
.mastercard .more-info {
    text-align: center;
    margin: 10px auto 30px;
    max-width: 60%;
    padding: 50px 0;
    width: 100%;
    display: block
}
.mastercard .more-info__title {
    display: inline-block;
    width: auto;
    margin: 10px 0;
    text-align: center;
    font-size: 30px;
    color: #000;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    line-height: 1.3
}
.mastercard .more-info__text {
    display: inline-block;
    width: auto;
    margin: 10px 0;
    text-align: center;
    font-size: 18px;
    color: #6b6b6b;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    line-height: 1.4
}
.mastercard .more-info__phone {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0
}
.mastercard .more-info__phone-number {
    display: block;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 1.2;
    color: #000;
    margin: 0 0 10px;
    vertical-align: middle
}
.mastercard .more-info__phone-number::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    background-image: url(../img/mastercard/phone-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 10px 0 0
}
.mastercard .more-info__phone-schedule {
    display: block;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #6b6b6b;
    margin: 10px 0
}
@media only screen and (max-width: 767px) {
    .mastercard .more-info {
        padding: 20px;
        max-width: 80%
    }
    .mastercard .more-info__title {
        font-size: 20px
    }
    .mastercard .more-info__text {
        font-size: 16px
    }
}
@media only screen and (max-width: 500px) {
    .mastercard .more-info {
        max-width: inherit
    }
}
.tooltip-container-mastercard {
    display: inline-block;
    z-index: 1;
    position: relative;
    z-index: 1;
    text-align: left;
    vertical-align: super;
    margin: 0
}
.tooltip-container .tooltip-icon {
    display: inline-block;
    top: -.1em
}
.tooltip-container .tooltip-info-icon {
    content: '';
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    display: inline-block
}
.tooltip-container::after,
.tooltip-container::before {
    content: '';
    position: absolute;
    display: none;
    top: -1rem
}
.tooltip-container::before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    left: 3%;
    z-index: 22;
    text-align: left
}
.tooltip-container::after {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 14px solid rgba(0, 0, 0, .1);
    left: -2%;
    z-index: 21
}
.tooltip-container.visible::after,
.tooltip-container.visible::before {
    display: block
}
.tooltip-content {
    background: #fff;
    border: 1px solid #e3e3e3;
    box-shadow: 0 16px 12px -17px rgba(0, 0, 0, .5);
    display: block;
    height: auto;
    left: -100%;
    padding: .65rem;
    position: absolute;
    visibility: hidden;
    min-width: 16rem;
    width: auto;
    z-index: 20;
    text-align: left
}
.top-arrow.tooltip-container::after,
.top-arrow.tooltip-container::before {
    border-top: 0;
    /*top:auto;*/

    position: absolute;
    /*bottom:-.35rem;*/

    content: ''
}
.tooltip-content.visible {
    visibility: visible
}
.top-arrow.tooltip-container::before {
    border-bottom: 12px solid #FFF;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    /*left:3%;*/

    z-index: 22
}
.top-arrow.tooltip-container::after {
    border-bottom: 13px solid rgba(0, 0, 0, .2);
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    left: -3%;
    z-index: 21
}
.tooltip-text {
    display: block;
    width: auto
}
.tooltip-content .tooltip-text p,
.tooltip-content .tooltip-text span {
    display: block;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    font-size: .9rem;
    line-height: 1rem;
    color: #393d49;
    padding: 0;
    margin: 1rem 0
}
.tooltip-content p:last-child,
.tooltip-content span:last-child {
    padding-bottom: 0
}
.tooltip-content p .italic,
.tooltip-content span .italic {
    font-style: italic
}
@media only screen and (max-width: 768px) {
    .tooltip-content.current {
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 16;
        visibility: visible;
        max-width: 90vw!important;
        min-width: 0!important;
        width: 90vw!important
    }
    .tooltip-content.current::after,
    .tooltip-content.current::before {
        display: none
    }
    .tooltip-content p,
    .tooltip-content span {
        margin: 1rem .5rem
    }
    .tooltip-container .overlay-white {
        width: 100vh;
        background: rgba(255, 255, 255, .75);
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 15
    }
}
.leading-brands-blocks-content {
    padding: 40px 0;
    width: 100%
}
.leading-brands-blocks-content .leading-brands-block {
    margin-bottom: 70px
}
.leading-brands-blocks-content .leading-brands-block:last-child {
    margin-bottom: 0
}
.leading-brands-blocks-content .leading-brands-title {
    text-align: left;
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 18px;
    width: 98.6%;
    margin: 15px auto
}
.leading-brands-blocks-content .leading-brands {
    margin: 5px auto;
    height: auto;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    position: relative;
    display: table;
    width: 98.6%
}
.leading-brands-blocks-content .leading-brands.leading-brands--margin {
    margin: 25px auto 0
}
.leading-brands-blocks-content .leading-brands__left {
    display: table-cell;
    width: 24.94%;
    height: auto;
    padding: 0;
    position: relative;
    overflow: visible;
    text-align: center;
    vertical-align: middle
}
.leading-brands-blocks-content .leading-brands__left-content {
    position: absolute;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -35%);
    -moz-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%);
    max-width: 90%;
    width: 100%;
    height: auto;
    overflow: visible;
    z-index: 1
}
.leading-brands-blocks-content .leading-brands__left-content img {
    max-width: 100%;
    width: auto
}
.leading-brands-blocks-content .leading-brands__left-content.leading-brands__left-content--card::after {
    content: '';
    display: block;
    background: url(../img/mastercard/marcas-lideres/eroski-mastercard.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 348px;
    height: 196px;
    bottom: -4px;
    right: -260px
}
.leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-number {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 160px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: -25px;
    letter-spacing: -15px
}
.leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-number .percent {
    font-size: 66px;
    padding-left: 20px;
    width: auto;
    display: inline-block
}
.leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-text {
    margin: 10px 0
}
.leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-text p,
.leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-title p {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 44px;
    line-height: 1.2;
    display: block;
    text-align: center
}
.leading-brands-blocks-content .leading-brands__left-content.red .leading-brands__promo-number,
.leading-brands-blocks-content .leading-brands__left-content.red .leading-brands__promo-text,
.leading-brands-blocks-content .leading-brands__left-content.red .leading-brands__promo-title {
    color: #c90b26
}
.leading-brands-blocks-content .leading-brands__left-content.grey .leading-brands__promo-number,
.leading-brands-blocks-content .leading-brands__left-content.grey .leading-brands__promo-text,
.leading-brands-blocks-content .leading-brands__left-content.grey .leading-brands__promo-title {
    color: #323232
}
.leading-brands-blocks-content .leading-brands__left-logo {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.leading-brands-blocks-content .leading-brands__left-bg {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%
}
.leading-brands-blocks-content .leading-brands__right {
    display: table-cell;
    width: 75.1%;
    height: auto;
    padding: 0;
    vertical-align: middle;
    background: pink
}
.leading-brands-blocks-content .leading-brands__right-bg {
    width: auto;
    height: auto;
    max-width: 100%
}
.leading-brands-blocks-content .leading-brands__right-bg.leading-brands__right-bg--desk {
    display: block
}
.leading-brands-blocks-content .leading-brands__right-bg.leading-brands__right-bg--resp {
    display: none
}
.leading-brands-blocks-content .leading-brands__link {
    display: inline-block;
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0
}
.leading-brands-blocks-content .leading-brands__link::after {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    bottom: 0;
    right: 0;
    background: url(../img/base/icon-more-grey.png) center no-repeat;
    background-size: 100%;
    content: '';
    transition: background-size ease-out .3s
}
.booklet-promo-special .promotion-main-iva__link::after,
.booklet-promo-special .promotion-main-price__link::after {
    -moz-transition: background-size ease-out .3s;
    -ms-transition: background-size ease-out .3s;
    content: ''
}
.leading-brands-blocks-content .leading-brands__link.active::after {
    background: url(../img/base/icon-less-grey.png) center no-repeat;
    background-size: 100%
}
.leading-brands-blocks-content .leading-brands__link:hover::after {
    background-size: 140%
}
.leading-brands__description {
    display: none;
    padding: 50px 20px;
    width: 100%;
    margin: 0 auto
}
.leading-brands__description.active {
    display: block
}
.leading-brands__description-content {
    width: 100%;
    margin: 0 auto
}
.leading-brands__description h2 {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 26px;
    color: #818181;
    text-align: center;
    line-height: 34px
}
.leading-brands__description ol li,
.leading-brands__description p,
.leading-brands__description ul li {
    font-size: 16px;
    line-height: 26px;
    color: #818181;
    font-family: ITCAvantGardeStd-bk, arial, sans-serif
}
.leading-brands__description p {
    padding-bottom: 20px
}
.leading-brands__description ol,
.leading-brands__description ul {
    padding: 25px 0;
    margin-left: 12px
}
.leading-brands__description ol li,
.leading-brands__description ul li {
    padding-bottom: 15px
}
.leading-brands__description ul li {
    list-style-type: disc
}
.leading-brands__description ol li {
    list-style-type: decimal
}
.leading-brands__description a {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 19px;
    color: #818181;
    text-decoration: underline
}
.leading-brands__description-conditions {
    text-align: right
}
.leading-brands__description-conditions a {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 16px;
    color: #164b87;
    text-decoration: underline
}
.leading-brands__description-conditions.red a {
    color: #c90b26
}
.leading-brands__description-conditions.grey a {
    color: #323232
}
.overlay .overlay-box .leading-brand-subtitle,
.overlay .overlay-box .leading-brand-title {
    color: #cd0b27;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 26px;
    padding-bottom: 25px
}
.overlay .overlay-box .leading-brand-text {
    color: #818181;
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 19px;
    padding-bottom: 25px
}
.overlay .overlay-box .leading-brand-text a {
    word-wrap: break-word;
    color: #818181;
    text-decoration: none
}
@media only screen and (max-width: 1200px) {
    .leading-brands-blocks-content .leading-brands__left-content {
        max-width: 90%;
        width: 100%
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-number {
        font-size: 120px
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__-left-content .leading-brands__promo-number .sup {
        font-size: 70px
    }
    .leading-brands-blocks-content .leading-brands__left-content.leading-brands__left-content--card::after {
        width: 304px;
        bottom: -4px;
        right: -231px
    }
}
@media only screen and (max-width: 1024px) {
    .leading-brands-blocks-content .leading-brands__left-content {
        position: absolute;
        top: 25%;
        left: 50%;
        -webkit-transform: translate(-50%, -25%);
        -moz-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%)
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-number {
        font-size: 100px
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__-left-content .leading-brands__promo-number .sup {
        font-size: 60px
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-number .percent {
        font-size: 46px
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-text p,
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-title p {
        font-size: 38px
    }
    .leading-brands-blocks-content .leading-brands__left-content.leading-brands__left-content--card::after {
        width: 260px;
        bottom: -20px;
        right: -202px
    }
}
@media only screen and (max-width: 992px) {
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-number {
        font-size: 90px
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__-left-content .leading-brands__promo-number .sup {
        font-size: 60px
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-number .percent {
        font-size: 46px
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-text p,
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-title p {
        font-size: 30px
    }
    .leading-brands-blocks-content .leading-brands__left-content.leading-brands__left-content--card::after {
        width: 235px;
        bottom: -20px;
        right: -167px
    }
    .leading-brands__description p {
        font-size: 24px;
        line-height: 30px
    }
    .leading-brands__description li {
        font-size: 18px;
        line-height: 24px
    }
}
@media only screen and (max-width: 767px) {
    .leading-brands-blocks-content .leading-brands-title {
        width: 100%
    }
    .leading-brands-blocks-content .leading-brands {
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
        letter-spacing: -5px
    }
    .leading-brands-blocks-content .leading-brands.leading-brands--margin {
        margin: 0
    }
    .leading-brands-blocks-content .leading-brands__left {
        display: inline-block;
        width: 49.8%;
        letter-spacing: normal;
        vertical-align: middle
    }
    .leading-brands-blocks-content .leading-brands__left-content {
        position: absolute;
        top: 30%;
        left: 50%;
        -webkit-transform: translate(-50%, -30%);
        -moz-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%)
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-number {
        font-size: 110px;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-number .percent {
        font-size: 70px
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-text p,
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-title p {
        font-size: 38px
    }
    .leading-brands-blocks-content .leading-brands__left .leading-brands__left-content .leading-brands__promo-text .validity {
        font-size: 14px;
        text-align: right
    }
    .leading-brands-blocks-content .leading-brands__left-logo {
        bottom: 20px;
        max-width: none
    }
    .leading-brands-blocks-content .leading-brands__left-bg,
    .leading-brands-blocks-content .leading-brands__right-bg {
        width: 100%
    }
    .leading-brands-blocks-content .leading-brands__right {
        display: inline-block;
        width: 49.65%;
        letter-spacing: normal;
        vertical-align: middle
    }
    .mastercard-leading-brands .leading-brands__right-bg.leading-brands__right-bg--desk {
        display: none
    }
    .mastercard-leading-brands .leading-brands__right-bg.leading-brands__right-bg--resp {
        display: block
    }
    .mastercard-leading-brands .leading-brands__left-content.leading-brands__left-content--card::after {
        bottom: 23px
    }
    .leading-brands__description {
        width: 100%
    }
}
@media only screen and (max-width: 500px) {
    .mastercard-leading-brands .leading-brands-title {
        width: 100%
    }
    .mastercard-leading-brands .leading-brands__left-content.leading-brands__left-content--card::after {
        display: none
    }
    .mastercard-leading-brands .leading-brands__left,
    .mastercard-leading-brands .leading-brands__right {
        display: block;
        width: 100%
    }
    .mastercard-leading-brands .leading-brands__left-content {
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }
    .mastercard-leading-brands .leading-brands__left .leading-brands__left-content .leading-brands__promo-number {
        font-size: 150px;
        margin-top: 20px;
        margin-bottom: -25px;
        letter-spacing: -15px
    }
    .mastercard-leading-brands .leading-brands__left .leading-brands__left-content .leading-brands__promo-number .sup {
        font-size: 80px;
        margin-left: 10px
    }
    .mastercard-leading-brands .leading-brands__left-logo {
        max-width: 70%
    }
    .mastercard-leading-brands .leading-brands__left-bg,
    .mastercard-leading-brands .leading-brands__right-bg {
        width: 100%;
        max-width: 100%
    }
    .mastercard-leading-brands .leading-brands__right-content {
        display: inline-block;
        position: inherit;
        width: 100%;
        height: auto;
        padding: 35px;
        text-align: left;
        background-color: #f4f4f4
    }
    .mastercard-leading-brands .leading-brands__link:hover::after {
        background-size: 100%
    }
    .leading-brands__description {
        padding: 50px 0 0
    }
    .leading-brands__description p {
        font-size: 22px;
        line-height: 27px
    }
    .leading-brands__description li {
        font-size: 16px
    }
    .overlay .overlay-box .leading-brand-subtitle {
        font-size: 22px
    }
    .overlay .overlay-box .leading-brand-text {
        font-size: 18px
    }
}
.booklet-promo-special {
    clear: both
}
.booklet-promo-special .booklet-promo-special-blocks-content {
    padding: 40px 0;
    width: 100%
}
.booklet-promo-special .information-text {
    font-size: 18px;
    font-family: ITCAvantGardeStd-bk, Arial, Helvetica, sans-serif;
    color: #000;
    width: 80%;
    margin: 0 auto 15px
}
.booklet-promo-special .promotion-main-price {
    margin: 5px auto;
    height: auto;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    position: relative;
    display: table;
    width: 80%
}
.booklet-promo-special .promotion-main-price.promotion-main-price--margin {
    margin: 5px auto 80px
}
.booklet-promo-special .promotion-main-price__left {
    display: table-cell;
    width: 31.1%;
    height: auto;
    padding: 0;
    position: relative;
    overflow: visible;
    text-align: center;
    vertical-align: middle
}
.booklet-promo-special .promotion-main-price__left-content {
    position: absolute;
    top: 31%;
    left: 55%;
    -webkit-transform: translate(-50%, -35%);
    -moz-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%);
    max-width: 95%;
    height: auto;
    overflow: visible;
    z-index: 1;
    width: 95%
}
.booklet-promo-special .promotion-main-price__left-content .promotion-main-price__promo-text {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 26.9px;
    line-height: 1;
    margin-top: 30px;
    margin-bottom: -15px;
    text-align: left
}
.booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-number {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 118px;
    line-height: 1;
    margin-bottom: -15px;
    text-align: left
}
.booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .card-promotion-main-price__promo-number::before {
    display: block;
    background: url(../img/booklet-promo-special/price-card.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    width: 118px;
    height: 90px;
    content: '';
    right: -27px;
    top: 25px
}
.booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content.promotion-main-price__promo-number-top-card .card-promotion-main-price__promo-number::before {
    top: 23px
}
.booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content.promotion-main-price__promo-number-top-card .promotion-main-price__validity {
    margin-bottom: 46px
}
.booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-number .sub {
    font-size: 66px;
    vertical-align: bottom;
    margin-left: 2px
}
.booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-text {
    margin: 10px 10px 0 0;
    max-width: 90%
}
.booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-text p {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 26px;
    line-height: 1.2;
    display: block;
    text-align: left
}
.booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__validity {
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #FFF;
    margin-bottom: 20px
}
.booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .hide-promo-text,
.booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .hide-sub,
.booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .hide-validity {
    display: none
}
.booklet-promo-special .promotion-main-price__left-logo {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.booklet-promo-special .promotion-main-price__right {
    display: table-cell;
    width: 69%;
    height: auto;
    padding: 0;
    vertical-align: middle;
    background-color: #e8e8e8
}
.booklet-promo-special .promotion-main-price__left-bg {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%
}
.booklet-promo-special .promotion-main-price__right-bg {
    width: auto;
    height: auto;
    max-width: 100%
}
.booklet-promo-special .promotion-main-price__right-bg.promotion-main-price__right-bg--desk {
    display: block
}
.booklet-promo-special .promotion-main-price__right-bg.promotion-main-price__right-bg--resp {
    display: none
}
.booklet-promo-special .promotion-main-price__right-content {
    display: inline-block;
    position: absolute;
    width: 35%;
    height: auto;
    padding: 10px;
    text-align: left
}
.booklet-promo-special .promotion-main-price__right-content.top {
    top: 5%;
    bottom: inherit;
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    transform: translateY(-5%)
}
.booklet-promo-special .promotion-main-price__right-content.bottom {
    bottom: 5%;
    top: inherit;
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    transform: translateY(-5%)
}
.booklet-promo-special .promotion-main-price__right-content.left {
    left: 50%;
    right: inherit;
    -webkit-transform: translateX(-45%);
    -moz-transform: translateX(-45%);
    transform: translateX(-45%)
}
.booklet-promo-special .promotion-main-price__right-content.right {
    right: 3%;
    left: inherit;
    -webkit-transform: translateX(-3%);
    -moz-transform: translateX(-3%);
    transform: translateX(-3%)
}
.booklet-promo-special .promotion-main-price__right-content .promotion-main-price__text {
    font-size: 18px;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    line-height: 1.3;
    color: #000;
    margin-bottom: 10px
}
.booklet-promo-special .promotion-main-price__right-content .promotion-main-price__text--note {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 0
}
.booklet-promo-special .promotion-main-price__right-content.red .promotion-main-price__text {
    color: #c90b26
}
.booklet-promo-special .promotion-main-price__right-content.white .promotion-main-price__text {
    color: #fff
}
.booklet-promo-special .promotion-main-price__link {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0
}
.booklet-promo-special .promotion-main-price__link::after {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    bottom: 0;
    right: 0;
    background: url(../img/base/icon-more-grey.png) center no-repeat;
    background-size: 100%;
    -webkit-transition: background-size ease-out .3s;
    -o-transition: background-size ease-out .3s;
    transition: background-size ease-out .3s
}
.booklet-promo-special .promotion-main-price__link:hover::after {
    background-size: 140%
}
@media only screen and (max-width: 1200px) {
    .booklet-promo-special .promotion-main-price__left-content {
        max-width: 90%;
        width: 100%
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-number {
        font-size: 120px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__-left-content .promotion-main-price__promo-number .sub {
        font-size: 70px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-text,
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-text p {
        font-size: 20px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content.promotion-main-price__promo-number-top-card .card-promotion-main-price__promo-number::before {
        right: -42px
    }
}
@media only screen and (max-width: 1250px) {
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .card-promotion-main-price__promo-number::before {
        right: -41px;
        top: 2px
    }
}
@media only screen and (max-width: 1170px) {
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .card-promotion-main-price__promo-number::after {
        right: -155px;
        bottom: -60px
    }
}
@media only screen and (max-width: 1105px) {
    .booklet-promo-special .promotion-main-price__left-content {
        position: absolute;
        top: 25%;
        left: 50%;
        -webkit-transform: translate(-50%, -25%);
        -moz-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%)
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-number {
        font-size: 100px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__-left-content .promotion-main-price__promo-number .sub {
        font-size: 60px
    }
    .booklet-promo-special .promotion-main-price__right-content {
        width: 50%
    }
    .booklet-promo-special .promotion-main-price__right-content.left {
        left: 56%
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .card-promotion-main-price__promo-number::after {
        bottom: -58px;
        right: -155px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__validity {
        margin-top: 0
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-text p {
        font-size: 18px
    }
}
@media only screen and (max-width: 992px) {
    .booklet-promo-special .promotion-main-price__left-promotion {
        position: absolute;
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-number {
        font-size: 70px;
        margin-top: 15px;
        text-align: center;
        margin-bottom: -10px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-number .sub {
        font-size: 40px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-text p {
        font-size: 14px;
        text-align: center
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__validity {
        font-size: 13px;
        text-align: center
    }
    .booklet-promo-special .promotion-main-price__left-logo {
        bottom: 10px;
        max-width: 70%
    }
    .booklet-promo-special .promotion-main-price__right-content .promotion-main-price__text {
        font-size: 14px
    }
    .booklet-promo-special .promotion-main-price__right-content .promotion-main-price__text--note {
        font-size: 12px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .card-promotion-main-price__promo-number::after {
        display: none
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-text {
        font-size: 14px;
        text-align: center;
        max-width: 100%
    }
    .booklet-promo-special .promotion-main-price__right-content.left {
        left: 59%
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .card-promotion-main-price__promo-number::before {
        width: 88px;
        right: -54px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content.promotion-main-price__promo-number-top-card .card-promotion-main-price__promo-number::before {
        top: 6px;
        right: -42px
    }
}
@media only screen and (max-width: 767px) {
    .booklet-promo-special .information-text {
        width: 100%
    }
    .booklet-promo-special .promotion-main-price {
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
        letter-spacing: -5px
    }
    .booklet-promo-special .promotion-main-price__left {
        display: inline-block;
        width: 49.8%;
        letter-spacing: normal;
        vertical-align: middle
    }
    .booklet-promo-special .promotion-main-price__left-content {
        position: absolute;
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -30%);
        -moz-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%)
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-number {
        font-size: 110px;
        margin-top: 15px;
        margin-bottom: -25px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-number .sub {
        font-size: 70px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-text p {
        font-size: 18px;
        text-align: center;
        margin-top: 2em
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__validity {
        font-size: 14px;
        text-align: center
    }
    .booklet-promo-special .promotion-main-price__left-logo {
        bottom: 20px;
        max-width: none
    }
    .booklet-promo-special .promotion-main-price__left-bg,
    .booklet-promo-special .promotion-main-price__right-bg {
        width: 100%
    }
    .booklet-promo-special .promotion-main-price__right {
        display: inline-block;
        width: 49.65%;
        letter-spacing: normal;
        vertical-align: middle
    }
    .booklet-promo-special .promotion-main-price__right-bg.promotion-main-price__right-bg--desk {
        display: none
    }
    .booklet-promo-special .promotion-main-price__right-bg.promotion-main-price__right-bg--resp {
        display: block
    }
    .booklet-promo-special .promotion-main-price__right-content {
        display: inline-block;
        position: inherit;
        width: 100%;
        height: auto;
        padding: 35px;
        text-align: left;
        background-color: #f4f4f4;
        letter-spacing: normal
    }
    .booklet-promo-special .promotion-main-price__right-content.top {
        top: inherit;
        bottom: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-price__right-content.bottom {
        bottom: inherit;
        top: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-price__right-content.left {
        left: inherit;
        right: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-price__right-content.right {
        right: inherit;
        left: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-price__right-content .promotion-main-price__text {
        font-size: 16px;
        font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px
    }
    .booklet-promo-special .promotion-main-price__right-content .promotion-main-price__text--note {
        font-size: 14px
    }
    .booklet-promo-special .promotion-main-price__right-content.red .promotion-main-price__text {
        color: #c90b26
    }
    .booklet-promo-special .promotion-main-price__right-content.white .promotion-main-price__text {
        color: #FFF
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .card-promotion-main-price__promo-number::before {
        right: -70px;
        top: 10px;
        width: 118px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content.promotion-main-price__promo-number-top-card .card-promotion-main-price__promo-number::before {
        top: 9px
    }
}
@media only screen and (max-width: 525px) {
    .booklet-promo-special .promotion-main-price__left,
    .booklet-promo-special .promotion-main-price__right {
        display: block;
        width: 100%
    }
    .booklet-promo-special .promotion-main-price__left-content {
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-number {
        font-size: 150px;
        margin-top: 20px;
        margin-bottom: -25px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-number .sub {
        font-size: 80px;
        margin-left: 10px
    }
    .booklet-promo-special .promotion-main-price__left-logo {
        max-width: 70%
    }
    .booklet-promo-special .promotion-main-price__left-bg,
    .booklet-promo-special .promotion-main-price__right-bg {
        width: 100%;
        max-width: 100%
    }
    .booklet-promo-special .promotion-main-price__right-content {
        display: inline-block;
        position: inherit;
        width: 100%;
        height: auto;
        padding: 35px;
        text-align: left;
        background-color: #f4f4f4
    }
    .booklet-promo-special .promotion-main-price__link:hover::after {
        background-size: 100%
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-text {
        margin: 10px 10px 0 16px;
        max-width: 95%;
        font-size: 20px
    }
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .card-promotion-main-price__promo-number::before {
        display: none
    }
}
@media only screen and (max-width: 370px) {
    .booklet-promo-special .promotion-main-price__left .promotion-main-price__left-content .promotion-main-price__promo-number {
        font-size: 90px
    }
}
.booklet-promo-special .promotion-main-iva {
    margin: 5px auto;
    height: auto;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    position: relative;
    display: table;
    width: 80%
}
.booklet-promo-special .promotion-main-iva.promotion-main-iva--margin {
    margin: 5px auto 80px
}
.booklet-promo-special .promotion-main-iva__left {
    display: table-cell;
    width: 31.1%;
    height: auto;
    padding: 0;
    position: relative;
    overflow: visible;
    text-align: center;
    vertical-align: middle
}
.booklet-promo-special .promotion-main-iva__left-content {
    position: absolute;
    top: 31%;
    left: 55%;
    -webkit-transform: translate(-50%, -35%);
    -moz-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%);
    max-width: 95%;
    height: auto;
    overflow: visible;
    z-index: 1;
    width: 95%
}
.booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-gift {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 26.9px;
    line-height: 1;
    margin-top: 30px;
    margin-bottom: -15px;
    text-align: left
}
.booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-gift .iva-text,
.booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-text .iva-card {
    width: auto;
    max-width: 90%;
    margin-top: 5px;
    margin-bottom: 0
}
.booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-text .hide-card {
    display: none
}
.booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-text {
    margin: 10px 10px 0 5px;
    max-width: 90%
}
.booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-text p {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 26px;
    line-height: 1.2;
    display: block;
    text-align: left
}
.booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__validity {
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
    color: #FFF;
    margin-top: 30px
}
.booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .hide-sub {
    display: none
}
.booklet-promo-special .promotion-main-iva__left-logo {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.booklet-promo-special .promotion-main-iva__right {
    display: table-cell;
    width: 69%;
    height: auto;
    padding: 0;
    vertical-align: middle;
    background-color: #e8e8e8
}
.booklet-promo-special .promotion-main-iva__left-bg {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%
}
.booklet-promo-special .promotion-main-iva__right-bg {
    width: auto;
    height: auto;
    max-width: 100%
}
.booklet-promo-special .promotion-main-iva__right-bg.promotion-main-iva__right-bg--desk {
    display: block
}
.booklet-promo-special .promotion-main-iva__right-bg.promotion-main-iva__right-bg--resp {
    display: none
}
.booklet-promo-special .promotion-main-iva__right-content {
    display: inline-block;
    position: absolute;
    width: 35%;
    height: auto;
    padding: 10px;
    text-align: left
}
.booklet-promo-special .promotion-main-iva__right-content.top {
    top: 5%;
    bottom: inherit;
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    transform: translateY(-5%)
}
.booklet-promo-special .promotion-main-iva__right-content.bottom {
    bottom: 5%;
    top: inherit;
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    transform: translateY(-5%)
}
.booklet-promo-special .promotion-main-iva__right-content.left {
    left: 50%;
    right: inherit;
    -webkit-transform: translateX(-45%);
    -moz-transform: translateX(-45%);
    transform: translateX(-45%)
}
.booklet-promo-special .promotion-main-iva__right-content.right {
    right: 3%;
    left: inherit;
    -webkit-transform: translateX(-3%);
    -moz-transform: translateX(-3%);
    transform: translateX(-3%)
}
.booklet-promo-special .promotion-main-iva__right-content .promotion-main-iva__text {
    font-size: 18px;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    line-height: 1.3;
    color: #000;
    margin-bottom: 10px
}
.booklet-promo-special .promotion-main-iva__right-content .promotion-main-iva__text--note {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 0
}
.booklet-promo-special .promotion-main-iva__right-content.red .promotion-main-iva__text {
    color: #c90b26
}
.booklet-promo-special .promotion-main-iva__right-content.white .promotion-main-iva__text {
    color: #fff
}
.booklet-promo-special .promotion-main-iva__link {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0
}
.booklet-promo-special .promotion-main-iva__link::after {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    bottom: 0;
    right: 0;
    background: url(../img/base/icon-more-grey.png) center no-repeat;
    background-size: 100%;
    -webkit-transition: background-size ease-out .3s;
    -o-transition: background-size ease-out .3s;
    transition: background-size ease-out .3s
}
.booklet-promo-special .promotion-main-iva__link:hover::after {
    background-size: 140%
}
@media only screen and (max-width: 1200px) {
    .booklet-promo-special .promotion-main-iva__left-content {
        max-width: 90%;
        width: 100%
    }
}
@media only screen and (max-width: 1250px) {
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-gift {
        margin-top: -7px
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__validity {
        margin-bottom: 25px
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .card-promotion-main-iva__promo-gift::after {
        bottom: 155px
    }
}
@media only screen and (max-width: 1066px) {
    .booklet-promo-special .promotion-main-iva__left-content {
        position: absolute;
        top: 25%;
        left: 51%;
        -webkit-transform: translate(-50%, -25%);
        -moz-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%)
    }
    .booklet-promo-special .promotion-main-iva__right-content {
        width: 50%
    }
    .booklet-promo-special .promotion-main-iva__right-content.left {
        left: 56%
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .card-promotion-main-iva__promo-gift::after {
        bottom: 145px;
        left: 130px
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-text p {
        font-size: 20px
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-gift .iva-text {
        margin-bottom: 5px
    }
}
@media only screen and (max-width: 992px) {
    .booklet-promo-special .promotion-main-iva__left-promotion {
        position: absolute;
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-gift {
        font-size: 20px;
        text-align: center;
        margin-bottom: -10px
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-text p {
        font-size: 14px;
        text-align: center
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__validity {
        font-size: 13px;
        text-align: center
    }
    .booklet-promo-special .promotion-main-iva__left-logo {
        bottom: 10px;
        max-width: 70%
    }
    .booklet-promo-special .promotion-main-iva__right-content .promotion-main-iva__text {
        font-size: 14px
    }
    .booklet-promo-special .promotion-main-iva__right-content .promotion-main-iva__text--note {
        font-size: 12px
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .card-promotion-main-iva__promo-gift::after {
        display: none
    }
    .booklet-promo-special .promotion-main-iva__right-content.left {
        left: 59%
    }
}
@media only screen and (max-width: 767px) {
    .booklet-promo-special .promotion-main-iva {
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
        letter-spacing: -5px
    }
    .booklet-promo-special .promotion-main-iva__left {
        display: inline-block;
        width: 49.8%;
        letter-spacing: normal;
        vertical-align: middle
    }
    .booklet-promo-special .promotion-main-iva__left-content {
        position: absolute;
        top: 30%;
        left: 50%;
        -webkit-transform: translate(-50%, -30%);
        -moz-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%)
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-gift {
        font-size: 22px;
        margin-top: 15px;
        margin-bottom: -25px
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-text p {
        font-size: 18px;
        text-align: center;
        margin-top: 2em
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__validity {
        font-size: 14px;
        text-align: center
    }
    .booklet-promo-special .promotion-main-iva__left-logo {
        bottom: 20px;
        max-width: none
    }
    .booklet-promo-special .promotion-main-iva__left-bg,
    .booklet-promo-special .promotion-main-iva__right-bg {
        width: 100%
    }
    .booklet-promo-special .promotion-main-iva__right {
        display: inline-block;
        width: 49.65%;
        letter-spacing: normal;
        vertical-align: middle
    }
    .booklet-promo-special .promotion-main-iva__right-bg.promotion-main-iva__right-bg--desk {
        display: none
    }
    .booklet-promo-special .promotion-main-iva__right-bg.promotion-main-iva__right-bg--resp {
        display: block
    }
    .booklet-promo-special .promotion-main-iva__right-content {
        display: inline-block;
        position: inherit;
        width: 100%;
        height: auto;
        padding: 35px;
        text-align: left;
        background-color: #f4f4f4;
        letter-spacing: normal
    }
    .booklet-promo-special .promotion-main-iva__right-content.top {
        top: inherit;
        bottom: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-iva__right-content.bottom {
        bottom: inherit;
        top: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-iva__right-content.left {
        left: inherit;
        right: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-iva__right-content.right {
        right: inherit;
        left: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-iva__right-content .promotion-main-iva__text {
        font-size: 16px;
        font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px
    }
    .booklet-promo-special .promotion-main-iva__right-content .promotion-main-iva__text--note {
        font-size: 14px
    }
    .booklet-promo-special .promotion-main-iva__right-content.red .promotion-main-iva__text {
        color: #c90b26
    }
    .booklet-promo-special .promotion-main-iva__right-content.white .promotion-main-iva__text {
        color: #FFF
    }
}
@media only screen and (max-width: 525px) {
    .booklet-promo-special .promotion-main-iva__left,
    .booklet-promo-special .promotion-main-iva__right {
        display: block;
        width: 100%
    }
    .booklet-promo-special .promotion-main-iva__left-content {
        top: 30%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-gift {
        margin-top: 20px;
        margin-bottom: -25px
    }
    .booklet-promo-special .promotion-main-iva__left-logo {
        max-width: 70%
    }
    .booklet-promo-special .promotion-main-iva__left-bg,
    .booklet-promo-special .promotion-main-iva__right-bg {
        width: 100%;
        max-width: 100%
    }
    .booklet-promo-special .promotion-main-iva__right-content {
        display: inline-block;
        position: inherit;
        width: 100%;
        height: auto;
        padding: 35px;
        text-align: left;
        background-color: #f4f4f4
    }
    .booklet-promo-special .promotion-main-iva__link:hover::after {
        background-size: 100%
    }
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__promo-text {
        margin: 10px 10px 0 16px;
        max-width: 95%
    }
}
@media only screen and (max-width: 325px) {
    .booklet-promo-special .promotion-main-iva__left .promotion-main-iva__left-content .promotion-main-iva__validity {
        margin-bottom: -10px
    }
}
.booklet-promo-special .promotion-main-3x2 {
    margin: 5px auto;
    height: auto;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    position: relative;
    display: table;
    width: 80%
}
.booklet-promo-special .promotion-main-3x2.promotion-main-3x2--margin {
    margin: 5px auto 50px
}
.booklet-promo-special .promotion-main-3x2__left {
    display: table-cell;
    width: 31.1%;
    height: auto;
    padding: 0;
    position: relative;
    overflow: visible;
    text-align: center;
    vertical-align: middle
}
.booklet-promo-special .promotion-main-3x2__left-content {
    position: absolute;
    top: 26%;
    left: 55%;
    -webkit-transform: translate(-50%, -35%);
    -moz-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%);
    max-width: 95%;
    height: auto;
    overflow: visible;
    z-index: 1;
    width: 95%;
    text-align: left
}
.booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-gift {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 26.9px;
    line-height: 1;
    margin-top: 30px;
    margin-bottom: -15px;
    text-align: left
}
.booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promo-3x2 {
    width: auto;
    max-width: 90%;
    margin-bottom: 0
}
.booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-text .iva-card {
    width: auto;
    max-width: 90%;
    margin-top: 5px;
    margin-bottom: 0
}
.booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-text .hide-card {
    display: none
}
.booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-text {
    margin: 10px 10px 0 5px;
    max-width: 90%
}
.booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-text p {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.2;
    display: block;
    text-align: left
}
.booklet-promo-special .promotion-main-3x2__left-logo {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.booklet-promo-special .promotion-main-3x2__right {
    display: table-cell;
    width: 69%;
    height: auto;
    padding: 0;
    vertical-align: middle;
    background-color: #e8e8e8
}
.booklet-promo-special .promotion-main-3x2__left-bg {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%
}
.booklet-promo-special .promotion-main-3x2__right-bg {
    width: auto;
    height: auto;
    max-width: 100%
}
.booklet-promo-special .promotion-main-3x2__right-bg.promotion-main-3x2__right-bg--desk {
    display: block
}
.booklet-promo-special .promotion-main-3x2__right-bg.promotion-main-3x2__right-bg--resp {
    display: none
}
.booklet-promo-special .promotion-main-3x2__right-content {
    display: inline-block;
    position: absolute;
    width: 35%;
    height: auto;
    padding: 10px;
    text-align: left
}
.booklet-promo-special .promotion-main-3x2__right-content.top {
    top: 5%;
    bottom: inherit;
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    transform: translateY(-5%)
}
.booklet-promo-special .promotion-main-3x2__right-content.bottom {
    bottom: 5%;
    top: inherit;
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    transform: translateY(-5%)
}
.booklet-promo-special .promotion-main-3x2__right-content.left {
    left: 50%;
    right: inherit;
    -webkit-transform: translateX(-45%);
    -moz-transform: translateX(-45%);
    transform: translateX(-45%)
}
.booklet-promo-special .promotion-main-3x2__right-content.right {
    right: 3%;
    left: inherit;
    -webkit-transform: translateX(-3%);
    -moz-transform: translateX(-3%);
    transform: translateX(-3%)
}
.booklet-promo-special .promotion-main-3x2__right-content .promotion-main-3x2__text {
    font-size: 18px;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    line-height: 1.3;
    color: #000;
    margin-bottom: 10px
}
.booklet-promo-special .promotion-main-3x2__right-content .promotion-main-3x2__text--note {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 0
}
.booklet-promo-special .promotion-main-3x2__right-content.red .promotion-main-3x2__text {
    color: #c90b26
}
.booklet-promo-special .promotion-main-3x2__right-content.white .promotion-main-3x2__text {
    color: #fff
}
.booklet-promo-special .promotion-main-3x2__link {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0
}
.booklet-promo-special .promotion-main-3x2__link::after {
    display: inline-block;
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    bottom: 0;
    right: 0;
    background: url(../img/base/icon-more-grey.png) center no-repeat;
    background-size: 100%;
    content: '';
    -webkit-transition: background-size ease-out .3s;
    -moz-transition: background-size ease-out .3s;
    -o-transition: background-size ease-out .3s;
    -ms-transition: background-size ease-out .3s;
    transition: background-size ease-out .3s
}
.home-banner__link::after,
.home-slider__link a::after {
    -moz-transition: right ease .2s;
    content: ''
}
.booklet-promo-special .promotion-main-3x2__link:hover::after {
    background-size: 140%
}
@media only screen and (max-width: 1200px) {
    .booklet-promo-special .promotion-main-3x2__left-content {
        max-width: 90%;
        width: 100%
    }
}
@media only screen and (max-width: 1250px) {
    .booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-gift {
        margin-top: -14px
    }
    .booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .card-promotion-main-3x2__promo-gift::after {
        bottom: 155px
    }
}
@media only screen and (max-width: 1066px) {
    .booklet-promo-special .promotion-main-3x2__left-content {
        position: absolute;
        top: 25%;
        left: 51%;
        -webkit-transform: translate(-50%, -25%);
        -moz-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%)
    }
    .booklet-promo-special .promotion-main-3x2__right-content {
        width: 50%
    }
    .booklet-promo-special .promotion-main-3x2__right-content.left {
        left: 56%
    }
    .booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .card-promotion-main-3x2__promo-gift::after {
        bottom: 145px;
        left: 130px
    }
    .booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-gift .iva-text {
        margin-bottom: 5px
    }
}
@media only screen and (max-width: 992px) {
    .booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-text p,
    .booklet-promo-special .promotion-main-3x2__left-content {
        text-align: center
    }
    .booklet-promo-special .promotion-main-3x2__left-promotion {
        position: absolute;
        top: 35%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }
    .booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-gift {
        font-size: 20px;
        text-align: center;
        margin-bottom: -10px
    }
    .booklet-promo-special .promotion-main-3x2__left-logo {
        bottom: 10px;
        max-width: 70%
    }
    .booklet-promo-special .promotion-main-3x2__right-content .promotion-main-3x2__text {
        font-size: 14px
    }
    .booklet-promo-special .promotion-main-3x2__right-content .promotion-main-3x2__text--note {
        font-size: 12px
    }
    .booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .card-promotion-main-3x2__promo-gift::after {
        display: none
    }
    .booklet-promo-special .promotion-main-3x2__right-content.left {
        left: 59%
    }
}
@media only screen and (max-width: 767px) {
    .booklet-promo-special .promotion-main-3x2 {
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
        letter-spacing: -5px
    }
    .booklet-promo-special .promotion-main-3x2__left {
        display: inline-block;
        width: 49.8%;
        letter-spacing: normal;
        vertical-align: middle
    }
    .booklet-promo-special .promotion-main-3x2__left-content {
        position: absolute;
        top: 30%;
        left: 50%;
        -webkit-transform: translate(-50%, -30%);
        -moz-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%)
    }
    .booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-gift {
        font-size: 22px;
        margin-top: 15px;
        margin-bottom: -25px
    }
    .booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-text p {
        text-align: center;
        margin-top: 2em
    }
    .booklet-promo-special .promotion-main-3x2__left-logo {
        bottom: 20px;
        max-width: none
    }
    .booklet-promo-special .promotion-main-3x2__left-bg,
    .booklet-promo-special .promotion-main-3x2__right-bg {
        width: 100%
    }
    .booklet-promo-special .promotion-main-3x2__right {
        display: inline-block;
        width: 49.65%;
        letter-spacing: normal;
        vertical-align: middle
    }
    .booklet-promo-special .promotion-main-3x2__right-bg.promotion-main-3x2__right-bg--desk {
        display: none
    }
    .booklet-promo-special .promotion-main-3x2__right-bg.promotion-main-3x2__right-bg--resp {
        display: block
    }
    .booklet-promo-special .promotion-main-3x2__right-content {
        display: inline-block;
        position: inherit;
        width: 100%;
        height: auto;
        padding: 35px;
        text-align: left;
        background-color: #f4f4f4;
        letter-spacing: normal
    }
    .booklet-promo-special .promotion-main-3x2__right-content.top {
        top: inherit;
        bottom: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-3x2__right-content.bottom {
        bottom: inherit;
        top: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-3x2__right-content.left {
        left: inherit;
        right: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-3x2__right-content.right {
        right: inherit;
        left: inherit;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
    .booklet-promo-special .promotion-main-3x2__right-content .promotion-main-3x2__text {
        font-size: 16px;
        font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
        line-height: 1.4;
        color: #000;
        margin-bottom: 10px
    }
    .booklet-promo-special .promotion-main-3x2__right-content .promotion-main-3x2__text--note {
        font-size: 14px
    }
    .booklet-promo-special .promotion-main-3x2__right-content.red .promotion-main-3x2__text {
        color: #c90b26
    }
    .booklet-promo-special .promotion-main-3x2__right-content.white .promotion-main-3x2__text {
        color: #FFF
    }
}
@media only screen and (max-width: 525px) {
    .booklet-promo-special .promotion-main-3x2__left,
    .booklet-promo-special .promotion-main-3x2__right {
        display: block;
        width: 100%
    }
    .booklet-promo-special .promotion-main-3x2__left-content {
        top: 30%;
        left: 50%;
        -webkit-transform: translate(-50%, -35%);
        -moz-transform: translate(-50%, -35%);
        transform: translate(-50%, -35%)
    }
    .booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-gift {
        margin-top: 20px;
        margin-bottom: -25px
    }
    .booklet-promo-special .promotion-main-3x2__left-logo {
        max-width: 70%
    }
    .booklet-promo-special .promotion-main-3x2__left-bg,
    .booklet-promo-special .promotion-main-3x2__right-bg {
        width: 100%;
        max-width: 100%
    }
    .booklet-promo-special .promotion-main-3x2__right-content {
        display: inline-block;
        position: inherit;
        width: 100%;
        height: auto;
        padding: 35px;
        text-align: left;
        background-color: #f4f4f4
    }
    .booklet-promo-special .promotion-main-3x2__link:hover::after {
        background-size: 100%
    }
    .booklet-promo-special .promotion-main-3x2__left .promotion-main-3x2__left-content .promotion-main-3x2__promo-text {
        margin: 10px 10px 0 16px;
        max-width: 95%
    }
}
.booklet-promo-special .booklet-info-section {
    width: 100%;
    margin-top: 20px
}
.booklet-promo-special .booklet-info {
    width: 100%;
    display: inline-block;
    text-align: center;
    background-color: #fff
}
.booklet-promo-special .booklet-info-container {
    margin: 10px auto 20px;
    max-width: 92%
}
.booklet-promo-special .booklet-info-container p {
    font-size: 20px;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    color: #6b6b6b
}
.booklet-promo-special .booklet-promo-special-btn-container {
    margin: 10px 0 70px;
    padding: 0 20px;
    display: inline-block;
    text-align: center;
    width: 100%
}
.booklet-promo-special .booklet-promo-special-btn {
    color: #fff;
    font-size: 18px;
    font-family: TexGyreAdventor, Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: 12px 40px;
    min-width: 360px;
    background-color: #c90b26;
    display: inline-block;
    text-align: center
}
.home-section-title__subtext,
.home-section-title__text,
.home-slider__subtitle,
.home-slider__title--text {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif
}
@media only screen and (max-width: 640px) {
    .booklet-promo-special .booklet-promo-special-btn {
        min-width: 250px
    }
}
@media only screen and (max-width: 767px) {
    .booklet-promo-special .booklet-info-container {
        max-width: 99%
    }
    .booklet-promo-special .booklet-info-container p {
        font-size: 16px
    }
}
@media only screen and (max-width: 500px) {
    .booklet-promo-special .booklet-info-container {
        max-width: inherit
    }
    .booklet-promo-special .booklet-promo-special-btn {
        min-width: 200px
    }
}
.home .nav-menu-wrapper.fixed {
    /*max-width:1280px*/
}
.home-section-title {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 13px 15px 15px
}
.home-section-title a {
    display: inline-block;
    width: auto;
    text-decoration: none;
    padding: 5px
}
.home-section-title a:hover {
    text-decoration: none
}
.home-section-title--left {
    padding: 35px 15px 15px 0;
    text-align: left
}
.home-section-title__text {
    font-size: 32px;
    line-height: 34px;
    color: #393d49;
    margin: 0
}
.home-section-title__subtext {
    font-size: 22px;
    line-height: 24px;
    color: #393d49;
    margin: 0
}
.home-section-title__text--center {
    text-align: center
}
@media only screen and (max-width: 767px) {
    .home-section-title {
        padding: 0px 15px 15px
    }
    .home-section-title--left {
        padding: 25px 15px 15px;
        text-align: center
    }
    .home-section-title__text {
        font-size: 28px;
        line-height: 1.21
    }
}
@media only screen and (max-width: 700px) {
    .home-hide-resp {
        display: none!important
    }
}
.home-slider .wpb_content_element {
    margin-bottom: 0
}
.home-slider__container {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 400px;
    background: #e0e0e0;
    background: -moz-linear-gradient(top, rgba(224, 224, 224, 1) 0, rgba(224, 224, 224, 1) 80%, rgba(211, 211, 211, 1) 80%, rgba(211, 211, 211, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(224, 224, 224, 1) 0, rgba(224, 224, 224, 1) 80%, rgba(211, 211, 211, 1) 80%, rgba(211, 211, 211, 1) 100%);
    background: linear-gradient(to bottom, rgba(224, 224, 224, 1) 0, rgba(224, 224, 224, 1) 80%, rgba(211, 211, 211, 1) 80%, rgba(211, 211, 211, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#d3d3d3', GradientType=0)
}
.home-slider {
    margin: 0
}
.home-slider__item {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative
}
.home-slider__image {
    height: 400px;
    width: 100%
}
.home-slider__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top
}
.home-slider__image-desk {
    display: block
}
.home-slider__image-resp {
    display: none
}
.home-slider__belt {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1280px;
    height: 100%;
    letter-spacing: -5px;
    z-index: 1
}
.home-slider .hover-effect,
.home-slider__content {
    letter-spacing: normal;
    min-height: 320px;
    vertical-align: top
}
.home-slider .hover-effect {
    width: 320px;
    display: inline-block
}
.home-slider .hover-effect__container {
    display: none
}
.home-slider.slider-hover-effect .hover-effect__container {
    display: block
}
.home-slider__content {
    width: 640px;
    padding: 0;
    display: inline-block
}
.home-slider__boxes {
    letter-spacing: -5px;
    display: inline-block;
    width: 100%
}
.home-slider__content-item {
    letter-spacing: normal;
    width: 50%;
    min-height: 320px;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    position: relative
}
.home-slider__content-bg,
.slick-slide .home-slider__content-full-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover
}
.home-slider__content-item-full-img {
    padding: 0
}
.slick-slide .home-slider__content-full-img--desk {
    display: block
}
.slick-slide .home-slider__content-full-img--resp {
    display: none
}
.home-slider__content-item--dark {
    color: #393d49
}
.home-slider__content-item--light,
.home-slider__content-item--light .home-slider__link a {
    color: #fff
}
.home-slider__content-item--bg-dark {
    background-color: rgba(0, 0, 0, .5)
}
.home-slider__content-item--bg-transparent {
    background-color: transparent
}
.home-slider__content-bg {
    display: block
}
.home-slider__info,
.home-slider__link a,
.home-slider__link a::after,
.home-slider__links {
    position: relative;
    display: inline-block
}
.home-slider__info {
    width: 100%
}
.home-slider__title--text {
    font-size: 40px;
    text-transform: uppercase;
    padding: 5px 10px;
    line-height: 1.1
}
.home-slider__title--img {
    line-height: 1.1;
    display: inline-block;
    text-align: center;
    margin: 0 0 20px;
    width: 100%
}
.home-slider__title--img img {
    display: inline-block;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%
}
.home-slider__subtitle {
    font-size: 16px;
    padding: 5px 10px 20px;
    line-height: 20px
}
.home-slider__links {
    width: 100%;
    padding: 5px 10px
}
.home-slider__link {
    width: 100%;
    display: inline-block;
    margin: 5px 0;
    text-align: left
}
.home-slider__link a {
    width: auto;
    padding: 0 5px 0 0;
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 18px;
    text-decoration: underline
}
.home-slider__content-item--dark .home-slider__link a {
    color: #393d49
}
.home-slider__link a::after {
    background-repeat: no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    right: -5px;
    -webkit-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-slider__content-item--light .home-slider__link a::after {
    background-image: url(../img/home/arrow-white.svg)
}
.home-slider__content-item--dark .home-slider__link a::after {
    background-image: url(../img/base/arrow-right-black.png)
}
.home-slider__link a:hover::after {
    right: -8px
}
.home-slider__content-box-img {
    position: absolute;
    bottom: 10px;
    left: 20px
}
.home-slider__content-box-img img {
    display: inline-block;
    width: auto;
    height: auto
}
.home-slider .slick-arrow {
    background-color: rgba(11, 10, 11, 0);
    text-align: center;
    line-height: 50px
}
.home-slider .slick-arrow,
.home-slider .slick-arrow:focus,
.home-slider .slick-arrow:hover {
    top: calc(50% - 50px);
    bottom: auto
}
.home-slider .slick-next:before {
    transform: rotate(-135deg)
}
.home-slider ul.slick-dots {
    background-color: rgba(39, 38, 39, .7);
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    bottom: 0;
    left: 0
}
.home-slider .slick-dots li {
    width: calc(612px / 4);
    min-height: 56px;
    height: auto;
    vertical-align: top;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #fff;
    margin: 11px 3.5px;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    transition: all ease-out .3s
}
.home-slider .slick-dots li.slick-active,
.home-slider .slick-dots li:hover {
    background-color: rgba(255, 255, 255, .3)
}
.home-slider .slick-dots li a {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    padding: 12px 14px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center
}
.home-club .home-slider .slick-dots {
    display: none!important
}
.home-club .home-club-card__container--carousel {
    position: absolute;
    bottom: 0px
}
.home-club .home-slider__container {
    overflow: inherit
}
.home-club .home-slider {
    overflow: hidden;
    height: 400px
}
@media only screen and (max-width: 992px) {
    .home-club .home-slider__container {
        height: 444px
    }
    .home-slider__image-desk {
        display: none
    }
    .home-slider__image-resp {
        display: block
    }
}
@media only screen and (max-width: 700px) {
    .home-slider__container {
        height: auto
    }
    .home-slider__container--md-white {
        background: #fff
    }
    .home-slider__item {
        margin-bottom: 15px
    }
    .home-slider__content-full-img--desk {
        display: none
    }
    .home-slider__content-full-img--resp {
        display: block
    }
    .home-slider .hover-effect,
    .home-slider__content-item-deco {
        display: none
    }
    .home-slider__image {
        height: 320px
    }
    .home-slider__belt {
        width: 100%
    }
    .home-slider__content {
        width: 100%;
        text-align: center
    }
    .home-slider__content-item {
        width: 320px;
        vertical-align: top;
        text-align: left
    }
    .home-slider__item--margin {
        margin-bottom: 0
    }
    .home-club .home-slider__container {
        height: auto
    }
    .home-club .home-slider {
        overflow: hidden;
        height: auto
    }
    .home-club .home-club-card__container--carousel {
        position: relative;
        margin-bottom: 165px;
    }
}
.home-banner__container {
    width: 100%;
    display: inline-block;
    height: auto;
    clear: both;
    float: none;
    background-color: #fec701;
    margin-bottom: 15px
}
.home-banner,
.home-brochures {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}
.home-banner {
    letter-spacing: -5px;
    max-width: 640px;
    margin: auto;
    display: -moz-box;
    display: flex
}
.home-banner__text {
    color: #393d49;
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    width: 60%;
    padding: 15px 10px
}
.home-banner__text span:last-child {
    display: inline-block;
    letter-spacing: normal;
    max-width: 53%;
    vertical-align: middle
}
.home-banner__text .home-banner__discount {
    display: inline-block;
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 70px;
    margin: 15px 15px 0 0;
    position: relative;
    vertical-align: middle;
    letter-spacing: normal;
    max-width: none
}
.home-banner__link,
.home-outstandings__text {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif
}
.home-banner__text .home-banner__discount span {
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    letter-spacing: normal;
    margin-top: -7px;
    max-width: none
}
.home-banner__link-container {
    display: inline-block;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 40%;
    background-image: url(../img/home/banner-bg.svg)
}
.home-banner__link {
    letter-spacing: normal;
    font-size: 18px;
    color: #393d49;
    margin: 0 0 0 30px
}
.home-banner__link span {
    width: auto;
    margin-right: 5px;
    display: inline-block
}
.home-banner__link::after {
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: relative;
    right: 0;
    -webkit-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-banner__link:hover::after {
    right: -3px
}
@media only screen and (max-width: 767px) {
    .home-banner__container {
        margin-bottom: 5px
    }
}
@media only screen and (max-width: 600px) {
    .home-banner {
        display: block
    }
    .home-banner__text {
        display: block;
        width: 100%;
        padding: 25px 15px
    }
    .home-banner__link-container {
        width: 100%;
        min-height: 80px
    }
    .home-banner__link {
        margin-left: 20px
    }
    .home-banner__text span:last-child {
        max-width: 45%
    }
    .home-banner__text .home-banner__discount {
        margin-right: 12px
    }
}
@media only screen and (max-width: 360px) {
    .home-banner__text {
        padding: 25px 10px
    }
    .home-banner__text span:last-child {
        max-width: 50%
    }
    .home-banner__text .home-banner__discount {
        margin-right: 0;
        width: 49%;
        text-align: center
    }
    .home-banner__text .home-banner__discount span {
        width: auto
    }
}
@media only screen and (max-width: 320px) {
    .home-banner__text span:last-child {
        padding-left: 10px
    }
    .home-banner__text .home-banner__discount span {
        padding-left: 0
    }
}
.home-brochures__container {
    width: 100%;
    display: inline-block;
    height: auto;
    text-align: center
}
.home-brochures {
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -5px;
    margin: 25px auto;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.home-brochures__item {
    width: 31%;
    max-width: 372px;
    height: auto;
    text-align: center;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 14px 20px;
    padding: 0 50px 10px;
    background: #ededed;
    box-shadow: none;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.home-brochures__img,
.home-brochures__item:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-brochures__title {
    display: inline-block;
    width: 100%;
    padding: 25px 5px 15px
}
.home-brochures__links,
.home-brochures__preview {
    padding: 0;
    text-align: center;
    display: inline-block
}
.home-brochures__text {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 24px;
    line-height: 1.25;
    color: #393d49;
    margin: 0
}
.home-brochures__preview {
    margin: 10px 0 20px;
    text-decoration: none
}
.home-brochures__img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 380px
}
.home-brochures__links {
    margin: 5px 0 20px;
    width: 100%;
    letter-spacing: -5px
}
.home-brochures__link-container {
    display: inline-block;
    margin: 0;
    width: 49%;
    letter-spacing: normal;
    padding-right: 18px;
    padding-left: 5px
}
.home-brochures__link-container:first-child {
    text-align: left
}
.home-brochures__link-container:last-child {
    text-align: right
}
.home-brochures__link {
    display: inline-block;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #393d49;
    margin: 0 auto;
    width: auto;
    text-transform: uppercase;
    text-decoration: none;
    position: relative
}
.home-brochures-user,
.home-brochures-user *,
.home-health,
.home-health *,
.home-slider-products,
.home-slider-products * {
    font-family: ITCAvantGardePro
}
.home-brochures__link::after {
    content: '';
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    margin-top: -2px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -14px;
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-brochures__link:hover {
    text-decoration: underline;
    color: #393d49
}
.home-brochures__link:hover::after {
    right: -16px
}
@media only screen and (max-width: 1200px) {
    .home-brochures__item {
        padding: 0 25px 10px
    }
}
@media only screen and (max-width: 1080px) {
    .home-brochures__img {
        max-height: 344px
    }
}
@media only screen and (max-width: 992px) {
    .home-brochures {
        width: 100%;
        display: inline-block;
        height: auto;
        text-align: center
    }
    .home-brochures__item {
        width: 100%;
        margin: 0 auto 15px;
        display: block
    }
    .home-brochures__item:hover {
        box-shadow: none
    }
    .home-brochures__img {
        max-height: none
    }
    .home-brochures__text {
        font-size: 22px
    }
    .home-brochures__link-container {
        margin: 10px 0 5px
    }
    .home-brochures__link:hover::after {
        right: -14px
    }
}
.home-brochures__slider:hover,
.home-health-slide {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .home-brochures {
        margin: 0 auto 10px
    }
    .home-brochures__item {
        padding: 0 50px 10px;
        margin: 0 auto 40px
    }
    .home-brochures__text {
        font-size: 24px
    }
    .home-brochures__link-container {
        margin: 0;
        width: 50%
    }
}
@media only screen and (max-width: 360px) {
    .home-brochures__item {
        max-width: 100%
    }
}
@media only screen and (max-width: 350px) {
    .home-brochures__item {
        padding: 0 20px 10px
    }
}
.home-brochures-user__container {
    width: 100%;
    display: inline-block;
    height: auto;
    text-align: center
}
.home-brochures-user {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 25px auto 47px;
    max-width: 1206px;
    padding: 0 15px;
    font-weight: 400
}
.home-brochures__slider__container {
    max-width: 372px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 25px
}
.home-brochures__slider {
    background-color: #ededed;
    height: 570px;
    padding-top: 15px;
    /*padding:30px 0 19px;*/

    margin-left: 0px;
    margin-right: 0px;
    /*margin-bottom:23px*/

    ;
    overflow: hidden;
    transition: box-shadow ease .2s
}
.home-brochures__slider--main {
    margin-bottom: 0
}
.home-brochures__slider__title {
    font-weight: 800;
    font-size: 24px;
    color: #393d49;
    text-align: center;
    line-height: 30px;
    margin: 0
}
.home-brochures__slider__subtitle {
    font-size: 17px;
    color: #393d49;
    text-align: center;
    line-height: 30px;
    margin: 0
}
.home-brochures__slide a {
    outline: 0!important
}
.home-brochures__slide__preview {
    padding: 0;
    margin: 10px auto 0;
    display: inline-block;
    text-align: center;
    text-decoration: none
}
.home-brochures__slide__preview:focus,
.home-brochures__slide__preview:hover .home-brochures__slide__preview:active {
    outline: 0
}
.home-brochures__slide__img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 380px
}
.home-brochures__slide__links {
    padding: 0;
    margin: 5px 0 20px;
    display: inline-block;
    width: 100%;
    letter-spacing: -5px;
    text-align: right
}
.home-brochures__slide__link-container {
    display: inline-block;
    margin: 0 10px;
    letter-spacing: normal
}
.home-brochures__slide__link {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: #393d49;
    margin: 0 auto;
    width: auto;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    padding-right: 18px;
    padding-left: 5px
}
.home-brochures__slide__link::after {
    content: '';
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-brochures__slide__link:hover {
    text-decoration: underline;
    color: #393d49
}
.home-brochures__slide__link:hover::after {
    right: -6px
}
@media (max-width: 1200px) {
    .home-brochures__slide__links {
        text-align: center
    }
}
.home-brochures-user .slick-arrow {
    background: 0 0;
    text-align: center;
    width: 30px;
    height: 50px;
    padding: 0;
    top: calc(50% - 30px)
}
.home-brochures-user .slick-arrow,
.home-brochures-user .slick-arrow:focus,
.home-brochures-user .slick-arrow:hover {
    bottom: auto
}
.home-brochures-user .slick-arrow:before {
    content: '';
    width: 20px;
    height: 20px;
    border-left: 2px solid #979797;
    border-bottom: 2px solid #979797;
    transform: rotate(45deg);
    display: block;
    margin: 4px;
    transform-origin: center
}
.home-brochures-user .slick-arrow.slick-prev {
    left: 20px
}
.home-brochures-user .slick-arrow.slick-next {
    right: 20px
}
.home-brochures-user .slick-next:before {
    transform: rotate(-135deg)
}
.home-brochures__slider .slick-arrow.slick-next,
.home-brochures__slider .slick-arrow.slick-prev {
    opacity: 0;
    transition: all .3s
}
.home-brochures__slider:hover .slick-arrow.slick-next,
.home-brochures__slider:hover .slick-arrow.slick-prev {
    opacity: 1;
    transition: all .3s
}
.home-brochures-user .slick-dots {
    position: relative;
    bottom: initial;
    left: initial;
    margin-top: 30px;
    margin-bottom: 5px;
    text-align: center;
    width: 100%
}
.home-brochures-user .slick-dots li {
    height: 13px;
    width: 13px;
    background-color: #d8d8d8
}
.home-brochures-user .slick-dots li.slick-active {
    background-color: #979797;
    border-color: #979797;
    margin: 0 4px
}
@media only screen and (max-width: 992px) {
    .home-brochures-user .slick-arrow.slick-prev {
        left: 10px
    }
    .home-brochures-user .slick-arrow.slick-next {
        right: 10px
    }
}
.home-brochures__products__title {
    font-weight: 700;
    font-size: 22px;
    color: #393d49;
    text-align: center;
    line-height: 30px;
    margin: 15px 0 10px
}
.home-brochures__products__links {
    padding: 0;
    margin: 5px 0 30px;
    display: inline-block;
    width: 100%;
    letter-spacing: -5px;
    text-align: right;
    max-width: 640px
}
.home-brochures__products__link-container {
    display: inline-block;
    margin: 0 10px;
    letter-spacing: normal
}
.home-brochures__products__link {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: #393d49;
    margin: 0 auto;
    width: auto;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    padding-right: 18px;
    padding-left: 5px
}
.home-brochures__products__link::after {
    content: '';
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-brochures__products__link:hover {
    text-decoration: underline;
    color: #393d49
}
.home-brochures__products__link:hover::after {
    right: -6px
}
@media only screen and (max-width: 1200px) {
    .home-brochures__products {
        margin-top: 20px
    }
    .home-brochures__products__links {
        text-align: center
    }
}
.home-slider-products {
    font-weight: 400;
    padding-left: 60px;
    padding-right: 60px;
    max-width: 784px;
    margin: 15px auto 18px;
    overflow: hidden
}
@media (max-width: 1200px) {
    .home-slider-products {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 536px
    }
}
@media (max-width: 767px) {
    .home-slider-products {
        max-width: 308px
    }
    .home-slider-products__container+.home-slider-products__container .home-slider-products .slick-list {
        border-top: 1px solid #d8d8d8
    }
}
.home-slider-product {
    display: inline-block;
    text-align: left;
    width: 228px;
    max-width: 228px;
    vertical-align: bottom;
    outline: 0
}
.home-slider-product a:active,
.home-slider-product a:focus,
.home-slider-product a:hover,
.home-slider-product:active,
.home-slider-product:focus,
.home-slider-product:hover {
    outline: 0
}
.home-slider-product a {
    margin: 0 10px 5px;
    display: block;
    color: #393d49;
    transform: scale(1);
    transition: transform .3s
}
.home-slider-product a:hover {
    text-decoration: none;
    transform: scale(1.02);
    transition: transform .3s
}
.home-slider-product a .home-slider-product__offer,
.home-slider-product a:hover .home-slider-product__offer {
    transition: all .3s
}
.home-slider-product__link {
    color: #393d49;
    padding: 0;
    text-decoration: none
}
.home-slider-product__image {
    padding: block;
    margin: 0 auto;
    text-align: center;
    height: 125px;
    width: 150px;
    overflow: hidden;
    vertical-align: middle
}
.home-slider-product__image img {
    display: inline-block;
    max-width: 100%
}
.home-slider-product__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    margin-top: 4px;
    margin-bottom: 4px
}
.home-slider-product__name {
    display: block;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    font-size: 12px;
    line-height: 16px
}
.home-slider-product__price {
    display: block;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    text-align: center
}
.home-slider-product__price sup {
    font-size: 16px;
    line-height: 16px;
    top: -.4rem
}
.home-slider-product__offer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    background: #ffd938
}
.home-slider-product__offer>div {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
    height: 51px;
    text-align: center;
    padding: 8px 15px
}
.home-slider-product__offer-price {
    font-weight: 600;
    font-size: 33px;
    line-height: 33px;
    text-align: center
}
.home-slider-product__offer-price sup {
    font-size: 18px;
    line-height: 16px
}
.home-slider-product__info {
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    display: block;
    letter-spacing: 0
}
.home-slider-product__euro {
    font-size: 75%;
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    line-height: 1.15
}
.home-slider-product--2x1-member .home-slider-product__offer,
.home-slider-product--member .home-slider-product__offer {
    background-color: #eb1a0c;
    color: #fff
}
.home-slider-product--2x1-member .home-slider-product__2x1 {
    font-weight: 600;
    font-size: 33px;
    color: #fff;
    line-height: 33px;
    border-right: 1px solid #fff
}
.home-slider-product--2x1-member .home-slider-product__offer-price {
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 24px;
    padding-top: 6px
}
.home-slider-product--2x1-member .home-slider-product__offer-price sup {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    display: inline-block;
    padding-left: 1px;
    top: -.4rem
}
.home-slider-product--2x1 .home-slider-product__2x1 {
    font-weight: 600;
    font-size: 33px;
    line-height: 33px
}
.home-slider-product--2x1 .home-slider-product__offer-price {
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 24px;
    padding-top: 6px;
    background-color: #e3e3e3
}
.home-slider-product--2x1 .home-slider-product__offer-price sup {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    display: inline-block;
    padding-left: 1px;
    top: -.4rem
}
.home-slider-product--dto .home-slider-product__dto {
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    padding-top: 6px
}
.home-slider-product--dto .home-slider-product__offer-price {
    font-size: 24px;
    letter-spacing: -1px;
    line-height: 24px;
    background-color: #e3e3e3;
    padding-top: 6px
}
.home-slider-product--dto .home-slider-product__offer-price sup {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    display: inline-block;
    padding-left: 1px;
    top: -.4rem
}
.home-slider-products .slick-arrow:before {
    width: 25px;
    height: 25px
}
.home-slider-products .slick-arrow.slick-prev {
    opacity: 0;
    transition: all .3s
}
.home-slider-products:hover .slick-arrow.slick-prev {
    opacity: 1;
    transition: all .3s
}
.home-events-news__link:after,
.home-health-news__link:after {
    content: '';
    -webkit-transition: right ease .2s
}
.home-slider-products .slick-dots {
    position: relative;
    bottom: initial;
    left: initial;
    margin-top: 21px;
    margin-bottom: 15px
}
.home-slider-products .slick-dots li {
    height: 13px;
    width: 13px;
    background-color: #d8d8d8
}
.home-health,
.home-health__container {
    width: 100%;
    display: inline-block;
    height: auto;
    text-align: center
}
.home-slider-products .slick-dots li.slick-active {
    background-color: #979797;
    border-color: #979797;
    margin: 0 4px
}
@media (max-width: 1200px) {
    .home-slider-products .slick-arrow.slick-prev {
        left: 5px
    }
    .home-slider-products .slick-arrow.slick-next {
        right: 5px
    }
}
.home-health {
    max-width: 1206px;
    font-weight: 400;
    padding: 0 15px
}
.home-health-news {
    max-width: 575px;
    display: block;
    margin: 0 auto 15px
}
.home-health-news__list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left
}
.home-health-news__item {
    display: block;
    height: 117px;
    background-color: #ededed;
    border-bottom: 1px solid #fff;
    overflow: hidden
}
.home-health-news__item a:hover {
    text-decoration: none
}
.home-health-news__item__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}
.home-health-news__item__body {
    color: #393d49;
    width: 63%;
    max-width: 360px;
    border-left: 3px solid #0fa2e1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-order: -1;
    order: -1
}
.home-health-news__item__body__inner {
    padding: 15px 25px 10px 35px;
}
.home-health-news__item__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px
}
.home-health-news__item a:hover .home-health-news__item__title h5 {
    text-decoration: underline
}
.home-health-news__item__category {
    font-size: 13px;
    line-height: 20px
}
.home-health-news__item__image {
    max-width: 37%;
    text-align: right;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.home-health-news__item__image .item-desk {
    display: block
}
.home-health-news__item__image .item-resp {
    display: none
}
.home-health-news__item__image img {
    display: block;
    /*max-width:100%*/

    max-width: 250px;
    max-height: 200px;
    float: right
}
.home-health-news__more {
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: right
}
.home-health-news__link {
    font-weight: 600;
    font-size: 16px;
    color: #393d49;
    margin: 10px 15px;
    position: relative;
    display: inline-block;
    width: auto;
    text-decoration: none
}
.home-health-news__link:hover {
    color: inherit
}
.home-health-news__link:after {
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: -15px;
    transition: right ease .2s
}
@media only screen and (max-width: 1025px) {
    .home-health {
        max-width: 575px
    }
    .home-health-news {
        max-width: 100%;
        margin-top: 20px
    }
}
@media only screen and (max-width: 767px) {
    .home-health-news {
        max-width: 372px
    }
    .home-health-news__item {
        height: auto
    }
    .home-health-news__item__body {
        width: 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 152px;
        -ms-flex-order: 0;
        order: 0
    }
    .home-health-news__item__body__inner {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        text-align: left;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .home-health-news__item__image {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .home-health-news__item__image .item-desk {
        display: none
    }
    .home-health-news__item__image .item-resp {
        display: block
    }
    .home-health-news__more {
        display: none
    }
}
.home-health-slider {
    height: 350px;
    overflow: hidden;
    max-width: 575px;
    display: block;
    margin: 0 auto 15px
}
.home-health-slide {
    margin: 0;
    position: relative;
    display: inline-block
}
.home-health-slide a:active,
.home-health-slide a:focus,
.home-health-slide a:hover {
    outline: 0
}
.home-health-slide__logo-image {
    position: absolute;
    top: 0;
    left: 0
}
.home-health-slide__image {
    display: block;
    width: 100%;
    height: 350px
}
.home-health-slide__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
.home-health-slide__image .item-desk {
    display: block
}
.home-health-slide__image .item-resp {
    display: none
}
.home-health-slide__text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 145, 208, .67);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 112px;
    padding: 14px 12%
}
.home-health-slide__text a {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    letter-spacing: -.52px
}
.home-health-slider:hover .home-health-slide__text a,
.home-outstandings__item:hover .home-outstandings__text {
    text-decoration: underline
}
.home-health-slider .slick-arrow.slick-prev {
    position: absolute;
    bottom: 35px;
    left: 20px
}
.home-health-slider .slick-arrow.slick-next {
    position: absolute;
    bottom: 35px;
    right: 20px
}
.home-health-slider .hover-effect {
    position: absolute;
    height: calc(100% - 112px);
    width: 100%;
    top: 0;
    left: 0
}
.home-health-slider .hover-effect__cover {
    z-index: 1
}
@media only screen and (max-width: 1025px) {
    .home-health-slider {
        max-width: 100%
    }
}
@media only screen and (max-width: 767px) {
    .home-health-slider {
        max-width: 372px
    }
    .home-health-slider .slick-arrow.slick-prev {
        left: 10px
    }
    .home-health-slider .slick-arrow.slick-next {
        right: 10px
    }
    .home-health-slide__image .item-desk {
        display: none
    }
    .home-health-slide__image .item-resp {
        display: block
    }
    .home-health-slide__text {
        background-color: rgba(0, 145, 208, 1);
        padding-left: 50px;
        padding-right: 50px
    }
}
.home-health-ticker {
    overflow: hidden;
    margin: 0 auto;
    transition: all .2s ease;
    box-shadow: 0 2px 4px 0 transparent;
    outline: 0
}
.home-health-ticker__slider {
    margin-bottom: 0
}
.home-health-ticker__link {
    display: block
}
.home-health-ticker:hover {
    transition: all .2s ease;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    outline: 0
}
.home-health-ticker__link:hover {
    text-decoration: none
}
.home-health-ticker__link:focus {
    outline: 0;
    outline-offset: 0
}
.home-health-ticker__slide__inner {
    background-color: #24b7e7;
    padding: 0 80px;
    height: 123px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}
.home-health-ticker__logo-image {
    min-width: 120px;
    height: 123px;
    display: inline-block;
    overflow: hidden
}
.home-health-ticker__logo-image img {
    display: block
}
.home-health-ticker__image {
    display: inline-block;
    min-width: 192px;
    height: 123px;
    position: relative;
    overflow: hidden;
    background-color: inherit
}
.home-health-ticker__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
.home-health-ticker__image .item-desk {
    display: block
}
.home-health-ticker__image .item-resp {
    display: none
}
.home-health-ticker__number {
    position: absolute;
    height: 50px;
    width: 50px;
    background-color: inherit;
    top: 0;
    left: 0;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: -.62px
}
.home-health-ticker__text__inner {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 16px 30px
}
.home-health-ticker__text {
    height: 100%;
    color: #fff;
    text-align: left;
    text-decoration: none;
    display: inline-block
}
.home-health-ticker__title {
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -.62px;
    margin-bottom: 6px;
    display: block
}
.home-health-ticker__bodycopy {
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: -.66px
}
@media only screen and (max-width: 1025px) {
    .home-health-ticker {
        max-width: 372px;
        margin-top: 47px
    }
    .home-health-ticker__slide__inner {
        max-width: 372px;
        margin: 0 auto;
        width: 100%;
        display: inline-block;
        height: auto;
        text-align: center;
        padding: 0;
        position: relative
    }
    .home-health-ticker__image .item-desk {
        display: none
    }
    .home-health-ticker__image .item-resp {
        display: block
    }
    .home-health-ticker__logo-image {
        position: absolute;
        left: 0;
        top: 0;
        width: 120px;
        height: 123px
    }
    .home-health-ticker__image {
        display: block;
        margin-left: 120px
    }
    .home-health-ticker__text {
        width: 100%;
        min-height: 240px
    }
    .home-health-ticker__text__inner {
        padding: 25px 60px 35px
    }
    .home-health .home-health-ticker .slick-arrow.slick-next,
    .home-health .home-health-ticker .slick-arrow.slick-prev {
        bottom: 100px
    }
}
.home-health .slick-arrow.slick-next,
.home-health .slick-arrow.slick-prev {
    position: absolute;
    width: 30px;
    bottom: 35px;
    background-color: transparent;
    background-image: url(../img/home/arrow-big-white.svg)
}
.home-health .slick-arrow.slick-prev {
    left: 20px
}
.home-health .slick-arrow.slick-next {
    right: 20px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.home-health .slick-dots {
    position: relative;
    bottom: initial;
    left: initial;
    margin-top: 21px;
    margin-bottom: 15px
}
.home-health .slick-dots li {
    height: 13px;
    width: 13px;
    background-color: #d8d8d8
}
.home-health .slick-dots li.slick-active {
    background-color: #979797;
    border-color: #979797;
    margin: 0 4px
}
.home-health .kd-ellipsis {
    /*overflow:hidden;position:relative;height:40px*/
}
.home-health .kd-ellipsis:before {
    /*content:'';float:left;width:5px;height:40px*/
}
.home-health .kd-ellipsis>:first-child {
    /*float:right;width:100%;margin-left:-5px*/
}
.home-health .kd-ellipsis:after {
    /*content:'\02026';box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;float:right;position:relative;top:-20px;left:100%;width:3em;margin-left:-3em;padding-right:5px;text-align:right;background-size:100% 100%;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#ededed),color-stop(50%,#ededed));background:-moz-linear-gradient(to right,rgba(255,255,255,0),#ededed 50%,#ededed);background:-o-linear-gradient(to right,rgba(255,255,255,0),#ededed 50%,#ededed);background:-ms-linear-gradient(to right,rgba(255,255,255,0),#ededed 50%,#ededed);background:linear-gradient(to right,rgba(255,255,255,0),#ededed 50%,#ededed);line-height:1;padding-top:4px*/
}
.home-outstandings__container {
    width: 100%;
    display: inline-block;
    height: auto;
    text-align: center
}
.home-outstandings {
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -5px;
    margin: 20px auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.home-outstandings__item {
    width: 31%;
    height: auto;
    max-width: 372px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 14px 15px;
    padding: 0;
    position: relative;
    box-shadow: none;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s;
    background: #e4e4e2
}
.home-outstandings__item:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-outstandings__title {
    display: inline-block;
    width: 100%;
    height: 48px;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(57, 61, 73, .6)
}
.home-outstandings__text {
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -.3px;
    color: #fff;
    margin: 0;
    position: absolute;
    top: 60%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%)
}
.home-events,
.home-events *,
.home-localinfos,
.home-localinfos * {
    font-family: ITCAvantGardePro
}
.home-outstandings__link {
    padding: 0;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    letter-spacing: 0
}
.home-outstandings__img {
    display: block;
    width: 100%;
    height: auto
}
.home-outstandings__icon {
    display: block;
    height: auto;
    width: 96px;
    max-width: 20%;
    position: absolute;
    top: 0;
    left: 0
}
.home-outstandings .hover-effect__container,
.home-outstandings .hover-effect__cover {
    height: calc(100% - 48px)
}
@media only screen and (max-width: 1025px) {
    .home-outstandings {
        width: 100%;
        display: inline-block;
        height: auto;
        text-align: center
    }
    .home-outstandings__item {
        width: calc(100% - 28px);
        margin: 0 auto 15px;
        display: block
    }
    .home-outstandings__item:hover {
        box-shadow: none
    }
}
.home-events,
.home-events__container {
    width: 100%;
    display: inline-block;
    height: auto;
    text-align: center
}
.home-events-slide,
.home-localinfo a:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .home-outstandings {
        margin: 20px auto 15px
    }
}
.home-events {
    max-width: 1206px;
    font-weight: 400;
    margin: 25px auto 47px;
    padding: 0 15px
}
.home-events-news {
    max-width: 575px;
    display: block;
    margin: 0 auto 15px
}
.home-events-news__list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.home-events-news__item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    background-color: #ededed;
    overflow: hidden
}
.home-events-news__item a,
.home-events-news__item a:active,
.home-events-news__item a:focus,
.home-events-news__item a:hover {
    text-decoration: none
}
.home-events-news__item__body {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    color: #393d49;
    border-left: 3px solid #0f5d22;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-order: -1;
    order: -1;
    height: 152px;
    max-width: 450px
}
.home-events-news__item__body__inner {
    padding: 5px 13px 0px 25px
}
.home-events-news__item__image {
    text-align: right;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 199px;
    overflow: hidden;
    position: relative
}
.home-events-news__item__image .item-desk {
    height: auto;
    display: block
}
.home-events-news__item__image .item-resp {
    display: none
}
.home-events-news__item__image img {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.home-events-news__more {
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: right
}
.home-events-news__link {
    font-weight: 600;
    font-size: 16px;
    color: #393d49;
    margin: 10px 15px;
    position: relative;
    display: inline-block;
    width: auto;
    text-decoration: none
}
.home-events-news__link:hover {
    color: inherit
}
.home-events-news__link:after {
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: -15px;
    transition: right ease .2s
}
.home-events-news__item__title {
    font-weight: 600;
    font-size: 15px;
    color: #0c6f53;
    line-height: 18px
}
.home-events-news__item__title h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-weight: bold;
}
.home-events-news__item a:hover .home-events-news__item__title {
    text-decoration: underline
}
.home-events-news__item__category {
    font-size: 14px;
    line-height: 22px
}
.home-events-news__item__day {
    font-weight: 600;
    font-size: 28px;
    color: #393d49;
    text-align: center;
    line-height: 34px;
    display: inline-block
}
.home-events-news__item__month,
.home-events-news__item__place,
.home-events-news__item__time {
    color: #393d49;
    text-align: center;
    line-height: 22px;
    display: inline-block
}
.home-events-news__item__month {
    font-size: 14px
}
.home-events-news__item__time {
    font-size: 14px;
    margin-left: 16px;
    margin-right: 18px
}
.home-events-news__item__place {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 12px
}
[data-items='3'] .home-events-news__item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
    height: 117px;
    border-bottom: 1px solid #fff
}
[data-items='3'] .home-events-news__item__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
[data-items='3'] .home-events-news__item__body {
    -ms-flex: 0 0 63%;
    flex: 0 0 63%;
    max-width: 63%;
    height: 117px
}
[data-items='3'] .home-events-news__item__body__inner {
    max-width: 280px;
    padding: 12px 15px 10px 30px
}
[data-items='3'] .home-events-news__item__image {
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
    height: 117px
}
[data-items='2'] .home-events-news__item {
    height: 350px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    border-right: 1px solid #fff
}
[data-items='2'] .home-events-news__item__body {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: 152px
}
[data-items='2'] .home-events-news__item__image {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: 200px
}
[data-items='1'] .home-events-news__item__body {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: 112px
}
[data-items='1'] .home-events-news__item__image {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: 239px
}
@media only screen and (max-width: 1025px) {
    .home-events {
        max-width: 575px
    }
    .home-events-news {
        margin-top: 20px
    }
    [data-items='2'] .home-events-news__item__image {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        height: 160px
    }
    [data-items='2'] .home-events-news__item {
        height: 310px
    }
}
@media only screen and (max-width: 992px) {
    .home-events-news {
        max-width: 465px
    }
    .home-events-news__item__image .item-desk {
        display: none
    }
    .home-events-news__item__image .item-resp {
        display: block
    }
    .home-events-news__list {
        width: 100%;
        max-width: 465px
    }
}
@media only screen and (max-width: 767px) {
    .home-events-news__item__body {
        -ms-flex-order: 0;
        order: 0
    }
    .home-events-news__item__body__inner {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        text-align: left;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .home-events-news__more {
        display: none
    }
    .home-events-news__item,
    [data-items='3'] .home-events-news__item,
    [data-items='2'] .home-events-news__item {
        height: 350px
    }
    .home-events-news__item__body,
    [data-items='3'] .home-events-news__item__body,
    [data-items='2'] .home-events-news__item__body {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        height: 152px
    }
    .home-events-news__item__body__inner,
    [data-items='3'] .home-events-news__item__body__inner,
    [data-items='2'] .home-events-news__item__body__inner {
        padding: 21px 15px 18px 23px
    }
    .home-events-news__item__image,
    [data-items='3'] .home-events-news__item__image,
    [data-items='2'] .home-events-news__item__image {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        height: 199px
    }
}
.home-events-slider {
    height: 350px;
    overflow: hidden;
    max-width: 575px;
    display: block;
    margin: 0 auto 15px;
    position: relative
}
.home-events-slide {
    margin: 0;
    position: relative;
    display: inline-block
}
.home-events-slide a:active,
.home-events-slide a:focus,
.home-events-slide a:hover {
    outline: 0
}
.home-events-slide__logo-image {
    position: absolute;
    top: 0;
    left: 0
}
.home-events-slide__image {
    display: block;
    width: 100%;
    height: 350px
}
.home-events-slide__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
.home-events-slide__image .item-desk {
    display: block
}
.home-events-slide__image .item-resp {
    display: none
}
.home-events-slide__text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(15, 93, 34, .6);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 112px;
    padding: 14px 12%
}
.home-events-slide__text a {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    letter-spacing: -.52px
}
.home-events-slider:hover .home-events-slide__text a {
    text-decoration: underline
}
.home-events-slider .slick-arrow.slick-prev {
    position: absolute;
    bottom: 35px;
    left: 20px
}
.home-events-slider .slick-arrow.slick-next {
    position: absolute;
    bottom: 35px;
    right: 20px
}
.home-events-slider .hover-effect {
    position: absolute;
    height: calc(100% - 112px);
    width: 100%;
    top: 0;
    left: 0
}
.home-events .slick-arrow.slick-next,
.home-events .slick-arrow.slick-prev {
    position: absolute;
    width: 30px;
    background-color: transparent;
    background-image: url(../img/home/arrow-big-white.svg);
    bottom: 35px
}
.home-events-slider .hover-effect__cover {
    z-index: 1
}
@media only screen and (max-width: 992px) {
    .home-events-slider {
        max-width: 465px
    }
    .home-events-slider .slick-arrow.slick-prev {
        left: 10px
    }
    .home-events-slider .slick-arrow.slick-next {
        right: 10px
    }
    .home-events-slide__image .item-desk {
        display: none
    }
    .home-events-slide__image .item-resp {
        display: block
    }
    .home-events-slide__text {
        padding-left: 50px;
        padding-right: 50px
    }
}
@media only screen and (max-width: 340px) {
    .home-events-slide__text {
        padding-left: 30px;
        padding-right: 30px
    }
    .home-events-slide__text a {
        font-size: 18px
    }
}
.home-events .slick-arrow.slick-prev {
    left: 20px
}
.home-events .slick-arrow.slick-next {
    right: 20px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.home-events .slick-dots {
    position: relative;
    bottom: initial;
    left: initial;
    margin-top: 21px;
    margin-bottom: 15px;
    text-align: center;
    width: 100%
}
.home-events .slick-dots li {
    height: 13px;
    width: 13px;
    background-color: #d8d8d8
}
.home-localinfos,
.home-localinfos__container {
    width: 100%;
    height: auto;
    text-align: center;
    display: inline-block
}
.home-events .slick-dots li.slick-active {
    background-color: #979797;
    border-color: #979797;
    margin: 0 4px
}
@media only screen and (max-width: 992px) {
    .home-events .slick-arrow.slick-prev {
        left: 10px
    }
    .home-events .slick-arrow.slick-next {
        right: 10px
    }
}
.home-localinfos__container {
    overflow: hidden
}
.home-localinfos {
    max-width: 1206px;
    font-weight: 400;
    margin: 25px auto 47px;
    padding: 0 15px
}
.home-vouchers__discount-left-item,
.home-vouchers__discount-right-item {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    height: auto;
    width: auto
}
.home-localinfo {
    height: 350px;
    margin: 0 auto;
    display: inline-block;
    text-align: left;
    position: relative;
    width: 20%;
    float: left;
    padding-left: 15px;
    padding-right: 15px
}
.home-localinfo__inner {
    position: relative;
    background-color: rgba(15, 93, 34, 1);
    z-index: 1
}
.home-localinfo__logo-image {
    position: absolute;
    top: 10px;
    left: 10px
}
.home-localinfo__image {
    display: block;
    width: 100%;
    height: 220px
}
.home-localinfo__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center
}
.home-localinfo__image .item-desk {
    display: block
}
.home-localinfo__image .item-resp {
    display: none
}
.home-localinfo a {
    color: inherit
}
.home-localinfo a:active,
.home-localinfo a:focus,
.home-localinfo a:hover {
    text-decoration: none
}
.home-localinfo__text {
    color: #fff;
    font-size: 15px;
    line-height: 17px;
    display: inline-block;
    padding: 21px 23px;
    letter-spacing: -.5px;
    text-decoration: none;
    height: 132px
}
.home-localinfo a:hover .home-localinfo__title,
.home-vouchers__item:hover .home-vouchers__title-text {
    text-decoration: underline
}
.home-localinfo__pretitle {
    margin-top: 4px;
    margin-bottom: 4px
}
.home-localinfo__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: .23px;
    margin-bottom: 4px
}
.home-localinfo a {
    display: block
}
.home-localinfo .hover-effect__container,
.home-localinfo .hover-effect__cover {
    height: 220px
}
.home-localinfo--featured {
    text-align: center;
    width: 40%
}
.home-localinfo--featured__inner {
    background-color: #15613d
}
.home-localinfo--featured .home-localinfo__title {
    font-size: 26px;
    letter-spacing: -.49px;
    line-height: 23px
}
.home-localinfo__link {
    padding: 0;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    letter-spacing: 0;
    z-index: 1
}
@media (max-width: 1025px) {
    .home-localinfo {
        display: none
    }
    .home-localinfos {
        max-width: 575px
    }
    .home-localinfo--featured {
        display: block;
        max-width: 100%;
        width: 100%
    }
}
.home-vouchers__container {
    width: 100%;
    display: inline-block;
    height: auto;
    text-align: center
}
.home-vouchers {
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -5px;
    margin: 30px auto 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.home-vouchers__item {
    width: 31%;
    height: auto;
    max-width: 372px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 14px 15px;
    padding: 0;
    position: relative;
    box-shadow: none;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s;
    background-color: #f1c1c1
}
.home-survey__link::after,
.home-vouchers__title-text::after {
    -webkit-transition: right ease .2s;
    content: ''
}
.home-vouchers__item:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-vouchers__info {
    width: 100%;
    height: 80%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    letter-spacing: -5px;
    position: absolute;
    top: 0;
    left: 0
}
.home-vouchers__discount,
.home-vouchers__text {
    display: inline-block;
    width: 50%;
    height: 100%;
    letter-spacing: normal;
    position: relative;
    vertical-align: top
}
.home-vouchers__discount-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}
.home-vouchers__discount-img {
    max-width: 80%;
    width: auto;
    height: auto;
    display: inline-block
}
.home-vouchers__discount-left-item {
    vertical-align: top;
    display: inline-block;
    max-height: 110px;
    font-size: 98px;
    letter-spacing: -5px;
    color: #fff
}
.home-vouchers__discount-right-item {
    vertical-align: top;
    display: inline-block;
    font-size: 50px;
    max-height: 43px;
    margin-left: 20px;
    letter-spacing: normal;
    color: #fff
}
.home-vouchers__discount--reverse .home-vouchers__discount-left-item {
    vertical-align: bottom;
    font-size: 50px;
    max-height: 43px;
    margin-left: 0;
    letter-spacing: normal
}
.home-vouchers__discount--reverse .home-vouchers__discount-right-item {
    vertical-align: bottom;
    max-height: 110px;
    font-size: 110px;
    letter-spacing: -4px;
    margin-left: -10px;
    margin-right: 0px
}
.home-vouchers__text-content p,
.home-vouchers__title-text {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 18px
}
.home-vouchers__text-content {
    padding: 20px 10px 15px;
    text-align: left
}
.home-vouchers__link,
.home-vouchers__title {
    width: 100%;
    padding: 0;
    left: 0;
    display: inline-block;
    position: absolute
}
.home-vouchers__text-content p {
    line-height: 24px;
    color: #fff
}
.home-vouchers__link {
    height: 100%;
    top: 0;
    z-index: 2
}
.home-vouchers__title {
    height: 20%;
    bottom: 0;
    text-align: right;
    background-color: #393d49;
    z-index: 1
}
.home-vouchers__title-text {
    line-height: 1.25;
    letter-spacing: -.3px;
    color: #fff;
    margin: 0;
    position: absolute;
    top: 60%;
    right: 32px;
    -webkit-transform: translate(0, -60%);
    -ms-transform: translate(0, -60%);
    transform: translate(0, -60%);
    display: inline-block;
    width: auto
}
.home-recipes__text,
.home-slider-outstanding__text a {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    color: #fff
}
.home-vouchers__title-text::after {
    background: url(../img/base/arrow-right-white.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -15px;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-vouchers__item:hover .home-vouchers__title-text::after {
    right: -17px
}
.home-vouchers__img {
    display: block;
    width: 100%;
    height: auto
}
@media only screen and (max-width: 1200px) {
    .home-vouchers__discount-left-item {
        max-height: 90px;
        font-size: 110px;
        letter-spacing: -20.2px
    }
    .home-vouchers__discount-right-item {
        font-size: 40px;
        margin-left: 10px
    }
    .home-vouchers__discount--reverse .home-vouchers__discount-left-item {
        font-size: 40px
    }
    .home-vouchers__discount--reverse .home-vouchers__discount-right-item {
        max-height: 90px;
        font-size: 110px;
        letter-spacing: -20.2px;
        margin-right: 10px
    }
    .home-vouchers__text-content p {
        font-size: 16px
    }
}
@media only screen and (max-width: 992px) {
    .home-vouchers {
        width: 100%;
        display: inline-block;
        height: auto;
        text-align: center
    }
    .home-vouchers__item {
        width: calc(100% - 28px);
        margin: 0 auto 15px;
        display: block
    }
    .home-vouchers__item:hover {
        box-shadow: none
    }
    .home-vouchers__item:hover .home-vouchers__title-text {
        text-decoration: none
    }
    .home-vouchers__item:hover .home-vouchers__title-text::after {
        right: -15px
    }
    .home-vouchers__text-content {
        padding: 27px 10px 15px
    }
    .home-vouchers__text-content p {
        font-size: 18px
    }
}
.home-recipes__item:hover,
.home-slider-outstanding {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .home-vouchers {
        margin: 10px auto
    }
}
@media only screen and (max-width: 500px) {
    .home-vouchers__text-content p {
        font-size: 16px
    }
}
@media only screen and (max-width: 360px) {
    .home-vouchers__text-content {
        padding: 20px 10px 15px
    }
}
@media only screen and (max-width: 320px) {
    .home-vouchers__text-content {
        padding: 10px 10px 15px
    }
}
.home-slider-outstandings__container {
    letter-spacing: -5px;
    max-width: 1204px;
    display: block;
    text-align: center;
    margin: 0 auto 60px;
    padding: 0 14px
}
.home-slider-outstandings__container>.col {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    overflow: hidden;
    padding: 0
}
.home-slider-outstandings {
    margin-top: 10px;
    height: 448px;
    overflow: hidden
}
.home-slider-outstandings--ekilibria {
    background-color: #cfe6f4
}
.home-slider-outstandings--local {
    background-color: #d2e0d1
}
.home-slider-outstanding__text,
.home-slider-outstandings--ekilibria .home-slider-outstanding__text {
    background-color: rgba(51, 167, 223, .7)
}
.home-slider-outstandings__container>.col:first-child {
    padding-right: 15px
}
.home-slider-outstandings__container>.col:last-child {
    padding-left: 15px
}
.home-slider-outstanding {
    margin: 0;
    position: relative
}
.home-slider-outstanding__logo-image {
    position: absolute;
    top: 15px;
    left: 20px
}
.home-slider-outstanding__image {
    display: block;
    width: 100%;
    height: 448px
}
.home-slider-outstanding__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
.home-slider-outstanding__image .item-desk {
    display: block
}
.home-slider-outstanding__image .item-resp {
    display: none
}
.home-slider-outstanding__text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 136px
}
.home-slider-outstandings--local .home-slider-outstanding__text {
    background-color: rgba(26, 108, 70, .6)
}
.home-slider-outstandings .slick-arrow.slick-next,
.home-slider-outstandings .slick-arrow.slick-prev {
    width: 30px;
    bottom: 45px;
    background-color: transparent;
    background-image: url(../img/home/arrow-big-white.svg);
    position: absolute
}
.home-slider-outstanding__text a {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 34px 12%
}
.home-recipes__item:hover .home-recipes__text,
.home-slider-outstandings:hover .home-slider-outstanding__text a {
    text-decoration: underline
}
.home-slider-outstandings.slick-slider {
    margin-bottom: 0
}
.home-slider-outstandings .slick-arrow.slick-prev {
    left: 20px
}
.home-slider-outstandings .slick-arrow.slick-next {
    right: 20px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.home-slider-outstandings .hover-effect {
    position: absolute;
    height: calc(100% - 136px);
    width: 100%;
    top: 0;
    left: 0
}
@media only screen and (max-width: 1023px) {
    .home-slider-outstandings__container>.col:first-child {
        padding-right: 0
    }
    .home-slider-outstandings__container>.col:last-child {
        padding-left: 0
    }
}
@media only screen and (max-width: 992px) {
    .home-slider-outstandings__container .home-section-title__text {
        font-size: 28px
    }
    .home-slider-outstandings .slick-arrow.slick-prev {
        left: 10px
    }
    .home-slider-outstandings .slick-arrow.slick-next {
        right: 10px
    }
    .home-slider-outstandings__container>.col {
        max-width: 572px;
        display: block;
        margin: 0 auto
    }
    .home-slider-outstanding__image .item-desk {
        display: none
    }
    .home-slider-outstanding__image .item-resp {
        display: block
    }
}
@media only screen and (max-width: 767px) {
    .home-slider-outstandings__container {
        margin-bottom: 20px
    }
    .home-slider-outstandings__container .slick-slider {
        margin-bottom: 0
    }
    .home-slider-outstanding__text a {
        padding: 34px 10px
    }
}
@media only screen and (max-width: 500px) {
    .home-slider-outstandings__container .slick-slider {
        margin-bottom: 0
    }
    .home-slider-outstanding__text a {
        padding: 34px 45px
    }
    .home-slider-outstandings {
        height: 400px;
        overflow: hidden
    }
    .home-slider-outstanding__image {
        height: 400px
    }
    .home-slider-outstandings .slick-arrow.slick-next,
    .home-slider-outstandings .slick-arrow.slick-prev {
        padding: 0
    }
}
.home-recipes,
.home-recipes__container {
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center
}
.home-recipes {
    max-width: 1176px;
    letter-spacing: -5px;
    margin: 25px auto 47px
}
.home-recipes__item {
    width: 31.7%;
    max-width: 372px;
    height: 200px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    letter-spacing: normal;
    margin: 10.5px 14px;
    padding: 0;
    position: relative;
    float: left;
    background-color: #e9eaec
}
.home-recipes__item:first-child {
    margin-left: 0;
    height: 420px
}
.home-recipes__item:nth-child(3),
.home-recipes__item:nth-child(5) {
    margin-right: 0
}
.home-recipes__title {
    display: inline-block;
    width: 100%;
    height: 48px;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(57, 61, 73, .6)
}
.home-recipes__text {
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -.3px;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    z-index: 1
}
.home-recipes__link {
    padding: 0;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    letter-spacing: 0;
    z-index: 1
}
.home-survey__link:hover,
.home-survey__link:hover span,
.home-survey__title:hover {
    text-decoration: underline
}
.home-recipes__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
.home-recipes .hover-effect__container,
.home-recipes .hover-effect__cover {
    height: calc(100% - 48px)
}
@media only screen and (max-width: 1180px) {
    .home-recipes__item {
        width: 31%;
        margin: 10.5px 14px
    }
}
@media only screen and (max-width: 1025px) {
    .home-recipes__item {
        display: block;
        margin: 20px auto;
        float: none;
        width: 372px;
        height: 200px;
        max-width: calc(100% - 28px)
    }
    .home-recipes__item:last-child {
        margin-bottom: 0
    }
    .home-recipes__item:first-child {
        margin-left: auto;
        height: 300px;
        margin-top: 0
    }
    .home-recipes__item:nth-child(3),
    .home-recipes__item:nth-child(5) {
        margin-right: auto
    }
    .home-recipes__item:hover {
        box-shadow: none
    }
}
.home-advantages__link:hover .home-advantages__link-box,
.home-card-advantages__card:hover .home-card-advantages__card__outer,
.home-christmas-main-offers__item:hover,
.home-survey:hover,
.home-survey__link:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .home-recipes__item {
        display: none
    }
    .home-recipes__item:first-child {
        display: block
    }
}
.home-survey,
.home-utilities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}
.home-utilities {
    width: 100%;
    max-width: 1204px;
    height: auto;
    text-align: center;
    margin: 25px auto 60px;
    padding: 0 14px;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.home-survey__container {
    width: 64%
}
.home-survey {
    display: -moz-box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: strech;
    -moz-box-align: strech;
    -ms-flex-align: strech;
    -webkit-align-items: strech;
    align-items: strech;
    width: 100%;
    flex-direction: row-reverse
}
.home-survey__text {
    min-height: 224px;
    width: 60%;
    background-color: #26aaa3
}
.home-survey__image {
    background-color: #fec701;
    width: 40%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}
.home-survey__image img {
    object-fit: contain;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block
}
.home-survey__text {
    padding: 20px 40px 20px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    text-align: left
}
.home-survey__title {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    text-align: none;
    display: inline-block
}
.home-survey__title:hover {
    color: #fff
}
.home-survey__product {
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 22px;
    line-height: 32px;
    color: #393d49;
    text-transform: uppercase
}
.home-keywords-links__link,
.home-survey__link {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif
}
.home-survey__link {
    font-size: 18px;
    padding: 10px 15px 8px;
    background-color: #fff;
    color: #393d49;
    min-width: 160px;
    display: inline-block;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s
}
.home-survey__link:hover {
    color: #393d49
}
.home-survey__link span {
    width: calc(100% - 8px);
    display: inline-block
}
.home-survey__link::after {
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: relative;
    right: 0;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-advantages__link-box,
.home-christmas-main-offer {
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s
}
.home-survey__link:hover::after {
    right: -3px
}
.home-keywords-links__container {
    width: 33%
}
.home-advantages,
.home-advantages__container {
    width: 100%;
    height: auto
}
.home-keywords-links {
    text-align: left
}
.home-advantages,
.home-advantages__container,
.home-advantages__item {
    text-align: center;
    display: inline-block
}
.home-keywords-links__link {
    background-color: #ededed;
    font-size: 14px;
    line-height: 32px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    display: inline-block;
    padding: 0 14px;
    margin: 0 8px 9px 0
}
.home-keywords-links__link a {
    color: #000;
    text-decoration: none
}
.home-keywords-links__link a:hover {
    color: #de0009
}
.home-advantages__text,
.home-advantages__title {
    color: #fff;
    font-family: ITCAvantGardeStd-bk, arial, sans-serif
}
@media only screen and (max-width: 1025px) {
    .home-utilities {
        display: inline-block;
        margin: 10px auto 45px
    }
    .home-survey__container {
        width: 100%;
        max-width: 771px;
        margin: 0 auto
    }
    .home-keywords-links__container {
        width: 100%;
        max-width: 771px;
        margin: 30px auto 0
    }
    .home-survey__link:hover {
        box-shadow: none
    }
}
@media only screen and (max-width: 500px) {
    .home-survey {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .home-survey__text {
        min-height: 0;
        width: 100%;
        padding: 20px
    }
    .home-survey__image {
        width: 100%;
        padding: 30px
    }
    .home-survey__title {
        font-size: 20px;
        line-height: 24px
    }
    .home-survey__product {
        font-size: 22px;
        line-height: 28px;
        margin: 30px 0
    }
}
.home-advantages {
    max-width: 1210px;
    letter-spacing: -5px;
    margin: 25px auto 30px;
    padding: 0 14px
}
.home-advantages__item {
    width: calc(1176px / 6);
    height: calc(1176px / 6);
    vertical-align: top;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 165px
}
.home-advantages__item--1 {
    background-color: #393d49;
    padding: 20px 15px
}
.home-advantages__item--2 {
    background-color: #db1720
}
.home-advantages__item--3 {
    background-color: #c80c22
}
.home-advantages__item--4 {
    background-color: #d82322
}
.home-advantages__item--5 {
    background-color: #e43227
}
.home-advantages__item--6 {
    background-color: #e02019
}
.home-advantages__content {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    padding: 5px;
    width: 100%
}
.home-advantages__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    text-transform: uppercase;
    text-align: left
}
.home-advantages__icon {
    display: block;
    margin: 0 auto 5%
}
.home-advantages__text {
    font-size: 15px;
    line-height: 23px;
    margin: 5% 0 1%;
    max-width: 160px;
    display: inline-block
}
.home-advantages__link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.home-advantages__link-box {
    display: inline-block;
    margin: 0;
    width: 80%;
    background: #fff;
    padding: 0;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: left;
    -o-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s
}
.home-advantages__link-box::after {
    content: '';
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 16px;
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-advantages__link:hover .home-advantages__link-box::after {
    right: 14px
}
.home-advantages__link-text {
    display: inline-block;
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #393d49;
    margin: 0 auto;
    width: auto;
    text-decoration: none;
    position: relative;
    padding: 12px 10px 10px
}
.home-card-advantages,
.home-card-advantages * {
    font-family: ITCAvantGardePro
}
.home-advantages__link:hover .home-advantages__link-text {
    color: #393d49;
    text-decoration: underline
}
@media only screen and (max-width: 1204px) {
    .home-advantages__item {
        width: calc((100vw - 28px)/ 6);
        height: calc((100vw - 28px)/ 6)
    }
}
@media only screen and (max-width: 1025px) {
    .home-advantages__text {
        line-height: 20px;
        margin: 3% 0 1%
    }
    .home-advantages__title {
        font-size: 16px;
        line-height: 20px
    }
    .home-advantages {
        max-width: 588px
    }
    .home-advantages__item {
        width: 33.3%;
        max-width: calc((100vw - 28px)/ 3);
        height: calc((100vw - 28px)/ 3);
        max-height: 187px
    }
}
@media only screen and (max-width: 992px) {
    .home-advantages__title {
        font-size: 18px;
        line-height: 24px
    }
    .home-advantages__link:hover .home-advantages__link-box {
        box-shadow: none
    }
}
@media only screen and (max-width: 767px) {
    .home-advantages {
        margin: 40px auto 20px;
        padding: 0 12px
    }
    .home-advantages__item {
        display: none;
        width: calc((100vw - 28px));
        height: calc((100vw - 28px));
        max-width: none;
        max-height: none;
        padding: 20px;
    }
    .home-advantages__item.home-advantages__item--1 {
        display: block!important
    }
    .home-advantages__title {
        font-size: 27px;
        line-height: 36px
    }
}
.home-card-advantages,
.home-card-advantages__container {
    display: inline-block;
    height: auto;
    text-align: center;
    width: 100%
}
@media only screen and (max-width: 550px) {
    .home-advantages {
        margin: 10px auto 20px;
        padding: 0 12px
    }
}
@media only screen and (max-width: 400px) {
    .home-advantages__link-box {
        bottom: 20px;
    }
}
.home-card-advantages {
    max-width: 1204px;
    margin: 0 auto 50px;
    padding: 0 15px;
    font-weight: 400;
    line-height: 1.2
}
.home-card-advantages__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}
.home-card-advantages__card {
    color: #fff;
    position: relative;
    text-align: left;
    margin-top: 50px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    transition: box-shadow ease .2s
}
.home-card-advantages__card--oro .home-card-advantages__card__inner {
    background-color: #C79B63
}
.home-card-advantages__card--mastercard .home-card-advantages__card__inner {
    background-color: #DB1720
}
.home-card-advantages__card__outer {
    transition: box-shadow ease .2s;
    height: 100%
}
.home-card-advantages__card__inner {
    padding: 18px 180px 27px 22px;
    position: relative;
    min-height: 114px;
    display: inline-block;
    width: 100%;
    height: 100%
}
.home-card-advantages__card__content,
.home-card-advantages__card__content:hover {
    text-decoration: none;
    color: inherit
}
.home-card-advantages__card__image {
    position: absolute;
    right: 55px;
    top: 0;
    margin-top: -51px
}
.home-card-advantages__card__title {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -.5px;
    text-align: left;
    margin-bottom: 5px
}
.home-card-advantages__card__inner a:hover .home-card-advantages__card__title {
    text-decoration: underline
}
.home-card-advantages__card__text {
    font-size: 17px;
    letter-spacing: -.5px;
    text-align: left;
    padding-right: 80px;
    padding-bottom: 5px
}
.home-card-advantages__card__button {
    position: absolute;
    right: 13px;
    bottom: 13px
}
.home-card-advantages__card__link {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: #393d49;
    margin: 0 auto;
    width: auto;
    text-decoration: none;
    background: #FFF;
    position: relative;
    padding: 10px 30px 10px 15px
}
.home-card-advantages__card__link::after {
    content: '';
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 10px;
    -webkit-transition: right ease .2s;
    transition: right ease .2s
}
.home-card-advantages__card__link:hover {
    text-decoration: underline;
    color: #393d49
}
.home-card-advantages__card__link:hover::after {
    right: 5px;
    -webkit-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -o-transition: all ease .2s;
    -ms-transition: all ease .2s;
    transition: all ease .2s
}
.home-christmas-banner__link::after,
.home-christmas-brochure__link::after {
    -webkit-transition: right ease .2s;
    content: ''
}
.home-card-advantages--mastercard .home-card-advantages__card__outer {
    background-color: #C70508;
    text-align: right
}
.home-card-advantages--mastercard .home-card-advantages__card__inner {
    max-width: 790px;
    padding-left: 93px
}
.home-card-advantages--mastercard .home-card-advantages__card__image {
    left: -55px;
    right: initial;
    margin-top: -31px
}
@media only screen and (max-width: 1025px) {
    .home-card-advantages {
        max-width: 588px
    }
    .home-card-advantages__card {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .home-card-advantages--mastercard .home-card-advantages__card__outer {
        text-align: left
    }
    .home-card-advantages--mastercard .home-card-advantages__card__image {
        left: initial;
        right: 55px;
        margin-top: -55px
    }
    .home-card-advantages--mastercard .home-card-advantages__card__inner {
        padding-left: 34px
    }
}
@media (max-width: 767px) {
    .home-card-advantages__container+.home-card-advantages__container {
        border-top: 1px solid #D8D8D8
    }
    .home-card-advantages__card__inner {
        padding-left: 24px;
        padding-right: 24px
    }
    .home-card-advantages__card__image {
        position: relative;
        right: initial
    }
    .home-card-advantages__card__text,
    .home-card-advantages__card__title {
        padding-right: 0
    }
    .home-card-advantages__card__button {
        position: relative;
        right: initial;
        bottom: initial;
        margin-top: 23px;
        width: 100%;
        display: block
    }
    .home-card-advantages__card__link {
        display: block;
        width: 100%
    }
    .home-card-advantages--mastercard .home-card-advantages__card__outer {
        text-align: left
    }
    .home-card-advantages--mastercard .home-card-advantages__card__image {
        left: 0;
        margin-top: -55px
    }
    .home-card-advantages--mastercard .home-card-advantages__card__inner {
        padding-left: 34px
    }
}
.home-quicklinks,
.home-quicklinks__container,
.home-quicklinks__item {
    height: auto;
    display: inline-block;
    background-color: #ededed
}
@media (max-width: 340px) {
    .home-card-advantages__card__text,
    .home-card-advantages__card__title {
        padding-right: 40px
    }
}
.home-quicklinks__container {
    width: 100%;
    text-align: center;
    margin: 10px auto 0
}
.home-quicklinks {
    width: 100%;
    text-align: center;
    letter-spacing: -5px;
    margin: 0 auto
}
.home-quicklinks__item {
    width: 16.6%;
    text-align: center;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0;
    position: relative;
    min-height: 115px;
    padding: 20px
}
.home-quicklinks__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 50px)
}
.home-quicklinks__icon {
    display: block;
    margin: 0 auto
}
.home-quicklinks__text {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #de0009;
    margin: 0;
    display: inline-block
}
.home-christmas-banner__number p,
.home-christmas-banner__number p span,
.home-christmas-banner__text span,
.home-christmas-section-title__text {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif
}
.home-quicklinks-arrow {
    display: none
}
@media only screen and (max-width: 1025px) {
    .home-quicklinks__text {
        margin: 3% 0 1%
    }
}
@media only screen and (max-width: 990px) {
    .home-quicklinks__container {
        position: relative;
        display: block;
        height: 110px
    }
    .home-quicklinks__container .belt-1280 {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
    .home-quicklinks-arrow {
        width: 28px;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 3;
        background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(128, 0, 0, 0)), color-stop(100%, rgba(128, 0, 0, 1)));
        background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
        display: block;
        outline: 0;
        border: 0;
        opacity: 0
    }
    .home-quicklinks-arrow:before {
        content: '';
        width: 16px;
        height: 16px;
        border-left: 2px solid #de0009;
        border-bottom: 2px solid #de0009;
        transform: rotate(-135deg);
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
        opacity: .5
    }
    .home-quicklinks-arrow--prev {
        left: 0
    }
    .home-quicklinks-arrow--next {
        right: 0;
        opacity: 1
    }
    .home-quicklinks {
        width: 920px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff
    }
    .home-quicklinks__item {
        width: 150px
    }
    .home-quicklinks__text {
        font-size: 12px
    }
}
.home-christmas-section-title {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 96px 15px 64px
}
.home-christmas-section-title__text {
    font-size: 32px;
    line-height: 34px;
    color: #393d49;
    margin: 0
}
.home-christmas-section-title__logo {
    display: inline-block;
    vertical-align: middle
}
@media only screen and (max-width: 992px) {
    .home-christmas-section-title {
        padding: 80px 15px 32px
    }
    .home-christmas-section-title__logo {
        display: block;
        margin: 12px auto 0
    }
}
@media only screen and (max-width: 767px) {
    .home-christmas-section-title__text {
        font-size: 28px;
        line-height: 1.21
    }
}
@media only screen and (max-width: 700px) {
    .home-christmas-hide-resp {
        display: none!important
    }
}
.home-christmas-banner__container {
    width: 100%;
    display: block;
    height: auto;
    text-align: center
}
.home-christmas-banner {
    width: 100%;
    height: 90px;
    padding: 0 14px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    background-image: url(../img/home/banner-bg.svg), url(../img/home/home-christmas/home-christmas-banner-bg.jpg);
    background-size: auto 100%, cover;
    background-repeat: no-repeat;
    background-position: 45% center, center
}
.home-christmas-banner__promo {
    width: auto;
    display: inline-block;
    letter-spacing: -5px;
    text-align: left;
    z-index: 1
}
.home-christmas-banner__number,
.home-christmas-banner__text {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal
}
.home-christmas-banner__number {
    text-align: left
}
.home-christmas-banner__number p {
    display: inline-block;
    vertical-align: middle;
    font-size: 70px;
    margin: 0;
    color: #393d49;
    height: 55px
}
.home-christmas-banner__number p span {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    margin-left: 5px
}
.home-christmas-banner__icon {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 0 5px
}
.home-christmas-banner__text {
    padding: 10px;
    max-width: 190px;
    margin-left: 5px
}
.home-christmas-banner--eu .home-christmas-banner__text {
    max-width: 250px
}
.home-christmas-banner__text p {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    color: #393d49;
    line-height: 1.2
}
.home-christmas-banner__link,
.home-christmas-main-offer__text {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif
}
.home-christmas-banner__link-container {
    width: auto;
    padding: 0 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    z-index: 1
}
.home-christmas-banner__link {
    font-size: 18px;
    padding: 15px 15px 11px;
    color: #393d49;
    min-width: 130px;
    display: inline-block
}
.home-christmas-banner--eu .home-christmas-banner__link {
    min-width: 90px
}
.home-christmas-banner__link:hover {
    color: #393d49;
    text-decoration: none
}
.home-christmas-banner__link span {
    width: calc(100% - 8px);
    display: inline-block
}
.home-christmas-banner__link::after {
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: relative;
    right: -3px;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-christmas-banner__link:hover::after {
    right: -6px
}
.home-christmas-banner__logo {
    width: auto;
    padding: 0 30px;
    z-index: 1
}
.home-christmas-banner__logo img {
    display: inline-block
}
@media only screen and (max-width: 767px) {
    .home-christmas-banner,
    .home-christmas-banner__link-container {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center
    }
    .home-christmas-banner {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        text-align: center;
        background-image: url(../img/home/home-christmas/home-christmas-banner-bg.jpg);
        padding: 0
    }
    .home-christmas-banner__promo {
        width: 100%;
        padding: 0 14px
    }
    .home-christmas-banner__text {
        max-width: 160px
    }
    .home-christmas-banner--eu .home-christmas-banner__text {
        max-width: 165px
    }
    .home-christmas-banner__link-container {
        width: 100%;
        padding: 0 14px 20px;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: left;
        background-image: url(../img/home/banner-bg.svg)
    }
    .home-christmas-banner__link {
        padding: 15px 15px 11px 0
    }
    .home-christmas-banner--eu .home-christmas-banner__link {
        min-width: 90px
    }
    .home-christmas-banner__link span {
        width: calc(100% - 22px)
    }
    .home-christmas-banner__logo {
        width: 132px;
        display: inline-block;
        text-align: center
    }
}
.home-christmas-main-offers__container {
    width: 100%;
    display: block;
    height: auto;
    text-align: center;
    max-width: 1204px;
    margin: 0 auto
}
.home-christmas-main-offers {
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -5px;
    margin: 0 auto 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.home-christmas-brochure,
.home-christmas-main-offer {
    box-shadow: none;
    text-align: center;
    vertical-align: top;
    -webkit-box-direction: normal
}
.home-christmas-main-offer {
    width: 64%;
    height: auto;
    letter-spacing: normal;
    margin: 0 14px 20px 0;
    padding: 0;
    background: #ededed;
    -o-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.home-christmas-brochure,
.home-christmas-outstandings__item {
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s
}
.home-christmas-main-offer:hover .home-christmas-main-offer__text {
    text-decoration: underline
}
.home-christmas-main-offer__title {
    display: inline-block;
    width: 100%;
    height: 72px;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(57, 61, 73, .6);
    text-transform: uppercase;
    z-index: 1
}
.home-christmas-main-offer__text {
    font-size: 25px;
    line-height: 1.25;
    letter-spacing: -.3px;
    color: #fff;
    margin: 0;
    position: absolute;
    top: 60%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%)
}
.home-christmas-main-offer__link {
    padding: 0;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    letter-spacing: 0;
    z-index: 1
}
.home-christmas-main-offer__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top left
}
.home-christmas-main-offer .hover-effect__container,
.home-christmas-main-offer .hover-effect__cover {
    height: calc(100% - 72px)
}
.home-christmas-brochure {
    width: 31%;
    max-width: 372px;
    height: auto;
    letter-spacing: normal;
    margin: 0 0 20px 14px;
    padding: 0 50px 10px;
    background: url(../img/home/home-christmas/home-christmas-brochure-bg.jpg) #ededed;
    -webkit-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.home-christmas-brochure__title {
    display: inline-block;
    width: 100%;
    padding: 25px 5px 10px
}
.home-christmas-brochure__text {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 24px;
    line-height: 1.25;
    color: #393d49;
    margin: 0
}
.home-christmas-brochure__preview {
    padding: 0;
    margin: 10px 0 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    position: relative
}
.home-christmas-brochure__img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-christmas-brochure__links {
    padding: 0;
    margin: 5px 0 20px;
    display: inline-block;
    width: 100%;
    letter-spacing: -5px;
    text-align: center
}
.home-christmas-brochure__link-container {
    display: inline-block;
    margin: 0;
    width: 50%;
    letter-spacing: normal;
    padding-right: 18px;
    padding-left: 5px;
    z-index: 1
}
.home-christmas-brochure__link-container:first-child {
    text-align: left
}
.home-christmas-brochure__link-container:last-child {
    text-align: right
}
.home-christmas-brochure__link {
    display: inline-block;
    font-family: Conv_ITCAvantGardeStd-Demi, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #393d49;
    margin: 0 auto;
    width: auto;
    text-transform: uppercase;
    text-decoration: none;
    position: relative
}
.home-christmas-outstandings__item:hover .home-christmas-outstandings__text,
.home-christmas-vouchers__item:hover .home-christmas-vouchers__title-text,
.home-christmas-vouchers__note a {
    text-decoration: underline
}
.home-christmas-brochure__link::after {
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    margin-top: -2px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -14px;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-christmas-brochure__link:hover {
    text-decoration: underline;
    color: #393d49
}
.home-christmas-brochure__link:hover::after {
    right: -16px
}
@media only screen and (max-width: 1200px) {
    .home-christmas-brochure {
        padding: 0 25px 10px
    }
}
@media only screen and (max-width: 1080px) {
    .home-christmas-main-offer__text {
        font-size: 22px
    }
}
@media only screen and (max-width: 992px) {
    .home-christmas-main-offers {
        width: 100%;
        display: inline-block;
        height: auto;
        text-align: center
    }
    .home-christmas-main-offer {
        display: none
    }
    .home-christmas-brochure {
        width: 100%;
        margin: 0 auto 15px;
        display: block
    }
    .home-christmas-brochure:hover {
        box-shadow: none
    }
    .home-christmas-brochure__text {
        font-size: 22px
    }
    .home-christmas-brochure__link-container {
        margin: 10px 0 5px
    }
    .home-christmas-brochure__link:hover::after {
        right: -14px
    }
}
@media only screen and (max-width: 767px) {
    .home-christmas-main-offers {
        margin: 0 auto 10px
    }
    .home-christmas-brochure {
        padding: 0 50px 10px;
        margin: 0 auto 40px
    }
    .home-christmas-brochure__text {
        font-size: 24px
    }
    .home-christmas-brochure__link-container {
        margin: 0;
        width: 50%
    }
}
@media only screen and (max-width: 360px) {
    .home-christmas-brochure {
        max-width: 100%
    }
}
@media only screen and (max-width: 350px) {
    .home-christmas-brochure {
        padding: 0 20px 10px
    }
}
.home-christmas-outstandings__container {
    width: 100%;
    display: inline-block;
    height: auto;
    text-align: center
}
.home-christmas-outstandings {
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -5px;
    margin: 20px auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.home-christmas-outstandings__item {
    width: 31%;
    height: auto;
    max-width: 272px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 14px;
    padding: 0;
    position: relative;
    box-shadow: none;
    -webkit-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s
}
.home-christmas-outstandings__item:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-christmas-outstandings__title {
    display: inline-block;
    width: 100%;
    height: 48px;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(57, 61, 73, .6);
    z-index: 1
}
.home-christmas-outstandings__text {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -.3px;
    color: #fff;
    margin: 0;
    position: absolute;
    top: 60%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    text-transform: uppercase
}
.home-christmas-draw__bolus,
.home-christmas-vouchers__discount-content {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}
.home-christmas-outstandings__link {
    padding: 0;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    letter-spacing: 0;
    z-index: 1
}
.home-christmas-outstandings__img {
    display: block;
    width: 100%;
    height: auto
}
.home-christmas-outstandings__icon {
    display: block;
    height: auto;
    width: 96px;
    max-width: 20%;
    position: absolute;
    top: 0;
    left: 0
}
.home-christmas-outstandings .hover-effect__container,
.home-christmas-outstandings .hover-effect__cover {
    height: calc(100% - 48px)
}
@media only screen and (max-width: 992px) {
    .home-christmas-outstandings {
        width: 100%;
        display: inline-block;
        height: auto;
        text-align: center
    }
    .home-christmas-outstandings__item {
        width: calc(100% - 28px);
        margin: 0 auto 15px;
        display: block;
        max-width: 372px
    }
    .home-christmas-outstandings__item:last-child {
        margin: 0 auto
    }
    .home-christmas-outstandings__item:hover {
        box-shadow: none
    }
}
@media only screen and (max-width: 767px) {
    .home-christmas-outstandings {
        margin: 0 auto
    }
}
.home-christmas-vouchers__container {
    width: 100%;
    display: inline-block;
    height: auto;
    text-align: center
}
.home-christmas-vouchers {
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -5px;
    margin: 0 auto 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.home-christmas-vouchers__item {
    width: 31%;
    height: auto;
    max-width: 372px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 14px 15px;
    padding: 0;
    position: relative;
    box-shadow: none;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s
}
.home-christmas-vouchers__item:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-christmas-vouchers__info {
    width: 100%;
    height: 80%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    letter-spacing: -5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}
.home-christmas-vouchers__discount,
.home-christmas-vouchers__text {
    display: inline-block;
    width: 50%;
    height: 100%;
    letter-spacing: normal;
    position: relative;
    vertical-align: top
}
.home-christmas-vouchers__discount-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}
.home-christmas-vouchers__discount-left-item,
.home-christmas-vouchers__discount-right-item {
    display: inline-block;
    width: auto;
    height: auto;
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    vertical-align: top
}
.home-christmas-vouchers__discount-left-item {
    max-height: 110px;
    font-size: 140px;
    letter-spacing: -25px
}
.home-christmas-vouchers__discount-right-item {
    font-size: 50px;
    max-height: 43px;
    margin-left: 20px;
    letter-spacing: normal
}
.home-christmas-vouchers__discount--reverse .home-christmas-vouchers__discount-left-item {
    vertical-align: bottom;
    font-size: 50px;
    max-height: 43px;
    margin-left: 0;
    letter-spacing: normal
}
.home-christmas-vouchers__discount--reverse .home-christmas-vouchers__discount-right-item {
    vertical-align: bottom;
    max-height: 110px;
    font-size: 140px;
    letter-spacing: -25px;
    margin-left: -20px;
    margin-right: 20px
}
.home-christmas-vouchers__text-content {
    padding: 20px 10px 15px;
    text-align: left
}
.home-christmas-vouchers__link,
.home-christmas-vouchers__title {
    width: 100%;
    padding: 0;
    left: 0;
    display: inline-block;
    position: absolute
}
.home-christmas-vouchers__text-content p {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif
}
.home-christmas-vouchers__link {
    height: 100%;
    top: 0;
    z-index: 2
}
.home-christmas-vouchers__title {
    height: 20%;
    bottom: 0;
    text-align: right;
    background-color: #393d49;
    z-index: 1
}
.home-christmas-vouchers__title-text {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -.3px;
    color: #fff;
    margin: 0;
    position: absolute;
    top: 60%;
    right: 32px;
    -webkit-transform: translate(0, -60%);
    -ms-transform: translate(0, -60%);
    transform: translate(0, -60%);
    display: inline-block;
    width: auto
}
.home-christmas-vouchers__title-text::after {
    content: '';
    background: url(../img/base/arrow-right-white.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -15px;
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-christmas-vouchers__item:hover .home-christmas-vouchers__title-text::after {
    right: -17px
}
.home-christmas-vouchers__img {
    display: block;
    width: 100%;
    height: auto
}
.home-christmas-vouchers__note {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 12px;
    line-height: 1.25;
    padding: 0 10px
}
.home-christmas-vouchers__note a {
    color: #ea0700
}
@media only screen and (max-width: 1200px) {
    .home-christmas-vouchers__discount-left-item {
        max-height: 90px;
        font-size: 110px;
        letter-spacing: -20.2px
    }
    .home-christmas-vouchers__discount-right-item {
        font-size: 40px;
        margin-left: 10px
    }
    .home-christmas-vouchers__discount--reverse .home-christmas-vouchers__discount-left-item {
        font-size: 40px
    }
    .home-christmas-vouchers__discount--reverse .home-christmas-vouchers__discount-right-item {
        max-height: 90px;
        font-size: 110px;
        letter-spacing: -20.2px;
        margin-right: 10px
    }
    .home-christmas-vouchers__text-content p {
        font-size: 16px
    }
}
@media only screen and (max-width: 992px) {
    .home-christmas-vouchers {
        width: 100%;
        display: inline-block;
        height: auto;
        text-align: center
    }
    .home-christmas-vouchers__item {
        width: calc(100% - 28px);
        margin: 0 auto 15px;
        display: block
    }
    .home-christmas-vouchers__item:hover {
        box-shadow: none
    }
    .home-christmas-vouchers__item:hover .home-christmas-vouchers__title-text {
        text-decoration: none
    }
    .home-christmas-vouchers__item:hover .home-christmas-vouchers__title-text::after {
        right: -15px
    }
    .home-christmas-vouchers__text-content {
        padding: 27px 10px 15px
    }
    .home-christmas-vouchers__text-content p {
        font-size: 18px
    }
}
@media only screen and (max-width: 767px) {
    .home-christmas-christmas-vouchers {
        margin: 10px auto
    }
}
@media only screen and (max-width: 500px) {
    .home-christmas-vouchers__text-content p {
        font-size: 16px
    }
}
@media only screen and (max-width: 360px) {
    .home-christmas-vouchers__text-content {
        padding: 20px 10px 15px
    }
}
@media only screen and (max-width: 320px) {
    .home-christmas-vouchers__text-content {
        padding: 10px 10px 15px
    }
}
.home-christmas-card__container {
    width: 100%;
    display: block;
    height: auto;
    text-align: center;
    padding: 0 14px;
    max-width: 1204px;
    margin: 0 auto
}
.home-christmas-card {
    width: 100%;
    height: 80px;
    margin: 50px auto 0;
    padding: 0 14px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    background-image: url(../img/home/home-christmas/home-christmas-card-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s
}
.home-christmas-card:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-christmas-card__deco {
    width: 20%;
    position: relative;
    z-index: 1
}
.home-christmas-card__deco img {
    display: block;
    position: absolute;
    top: -80px;
    left: 15%
}
.home-christmas-card__content {
    width: 60%;
    z-index: 1
}
.home-christmas-card__text p {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 3px
}
.home-christmas-card__text .home-christmas-card__text-main {
    font-size: 24px;
    margin-bottom: 0
}
.home-christmas-card__link-container {
    width: 20%;
    z-index: 1
}
.home-christmas-card__link {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 18px;
    padding: 15px 15px 11px;
    background-color: #fff;
    color: #393d49;
    min-width: 200px;
    display: inline-block
}
.home-christmas-card__link:hover span {
    color: #393d49;
    text-decoration: underline
}
.home-christmas-card__link span {
    width: calc(100% - 8px);
    display: inline-block
}
.home-christmas-card__link::after {
    content: '';
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: relative;
    right: -3px;
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-christmas-card__link:hover::after {
    right: -6px
}
@media only screen and (max-width: 1025px) {
    .home-christmas-card__deco {
        width: 18%
    }
    .home-christmas-card__content {
        width: 60%
    }
    .home-christmas-card__link-container {
        width: 22%
    }
}
@media only screen and (max-width: 992px) {
    .home-christmas-card__container {
        padding: 0
    }
    .home-christmas-card {
        width: calc(100% - 28px);
        height: auto;
        margin: 100px auto 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 20px
    }
    .home-christmas-card:hover {
        box-shadow: none
    }
    .home-christmas-card__deco {
        width: auto;
        max-width: 100%;
        min-height: 25px
    }
    .home-christmas-card__content {
        width: auto;
        max-width: 100%;
        margin: 10px 0 20px;
        text-align: left
    }
    .home-christmas-card__text p {
        font-size: 16px
    }
    .home-christmas-card__text .home-christmas-card__text-main {
        font-size: 22px
    }
    .home-christmas-card__link-container {
        width: auto;
        max-width: 100%
    }
}
.home-christmas-draw__container {
    width: 100%;
    display: block;
    height: auto;
    text-align: center;
    padding: 0 14px;
    max-width: 1204px;
    margin: 0 auto
}
.home-christmas-draw {
    width: 100%;
    height: 80px;
    margin: 50px auto 0;
    padding: 0 14px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    background-color: #000;
    background-image: url(../img/home/home-christmas/home-christmas-draw-bg.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 70% center;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s
}
.home-christmas-draw:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-christmas-draw__deco {
    width: 20%;
    position: relative;
    z-index: 1
}
.home-christmas-draw__bolus {
    display: block;
    width: 130px;
    height: 130px;
    background: #bebebe;
    padding: 0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.home-christmas-draw__bolus-content {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.home-christmas-draw__bolus-text-1 {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #000;
    margin: 5px 0 13px
}
.home-christmas-draw__bolus-text-2 {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 40px;
    line-height: .8;
    color: #000
}
.home-christmas-draw__bolus-text-3,
.home-christmas-draw__link,
.home-christmas-draw__text p {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif
}
.home-christmas-draw__bolus-text-3 {
    font-size: 14px;
    line-height: 1;
    color: #000;
    margin: 7px 0 0
}
.home-christmas-draw__content {
    width: 60%;
    height: auto;
    padding: 0 50px;
    z-index: 1
}
.home-christmas-draw__text p {
    font-size: 26px;
    line-height: 1.2;
    color: #fff
}
.home-christmas-draw__link-container {
    width: 20%;
    z-index: 1
}
.home-christmas-draw__link {
    font-size: 18px;
    padding: 15px 15px 11px;
    background-color: #fff;
    color: #393d49;
    min-width: 200px;
    display: inline-block
}
.home-christmas-draw__link:hover span {
    color: #393d49;
    text-decoration: underline
}
.home-christmas-draw__link span {
    width: calc(100% - 8px);
    display: inline-block
}
.home-christmas-draw__link::after {
    content: '';
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: relative;
    right: -3px;
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-christmas-draw__link:hover::after {
    right: -6px
}
@media only screen and (max-width: 1025px) {
    .home-christmas-draw__deco {
        width: 18%
    }
    .home-christmas-draw__content {
        width: 60%
    }
    .home-christmas-draw__link-container {
        width: 22%
    }
}
@media only screen and (max-width: 992px) {
    .home-christmas-draw__container {
        padding: 0
    }
    .home-christmas-draw {
        width: calc(100% - 28px);
        height: auto;
        margin: 100px auto 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 20px
    }
    .home-christmas-draw:hover {
        box-shadow: none
    }
    .home-christmas-draw__deco {
        width: auto;
        max-width: 100%;
        min-height: 65px
    }
    .home-christmas-draw__bolus {
        top: -80px;
        left: 20%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .home-christmas-draw__content {
        width: auto;
        max-width: 100%;
        margin: 10px 0 20px;
        text-align: left;
        padding: 0
    }
    .home-christmas-draw__text p {
        font-size: 20px
    }
    .home-christmas-draw__link-container {
        width: auto;
        max-width: 100%
    }
}
.home-christmas-order,
.home-christmas-order__container {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    height: auto
}
.home-christmas-order__container {
    display: block;
    max-width: 1204px;
    padding: 0 14px
}
.home-christmas-order {
    letter-spacing: -5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s
}
.home-christmas-order:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-christmas-order__item {
    width: 50%;
    height: auto;
    text-align: left;
    vertical-align: top;
    letter-spacing: normal
}
.home-christmas-order__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top
}
.home-christmas-order__desk {
    display: block
}
.home-christmas-order__resp {
    display: none
}
.home-christmas-order__content {
    height: auto;
    text-align: left;
    vertical-align: top;
    letter-spacing: normal;
    padding: 20px 40px;
    background: url(../img/home/home-christmas/home-christmas-order-bg.jpg) center no-repeat;
    background-size: cover
}
.home-christmas-order__text-main {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 26px;
    line-height: 1.1;
    color: #fff;
    margin-top: 5px;
    z-index: 1;
    position: relative
}
.home-christmas-order__link,
.home-christmas-order__note p,
.home-christmas-order__text-regular {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif
}
.home-christmas-order__text-main:hover {
    color: #fff;
    text-decoration: underline
}
.home-christmas-order__text-regular {
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    margin: 10px 0;
    z-index: 1;
    position: relative
}
.home-christmas-order__note {
    z-index: 1;
    position: relative
}
.home-christmas-order__note p {
    font-size: 12px;
    line-height: 1.1;
    color: #fff;
    margin: 10px 0 0
}
.home-christmas-order__note a {
    color: #08088A;
    text-decoration: underline
}
.home-christmas-order__link-container {
    width: 100%;
    margin-top: 15px;
    z-index: 1;
    position: relative
}
.home-christmas-order__link {
    font-size: 18px;
    padding: 15px 15px 11px;
    background-color: #fff;
    color: #393d49;
    min-width: 200px;
    display: inline-block;
    z-index: 1
}
.home-christmas-order__link:hover span {
    color: #393d49;
    text-decoration: underline
}
.home-christmas-order__link span {
    width: calc(100% - 8px);
    display: inline-block
}
.home-christmas-order__link::after {
    content: '';
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: relative;
    right: -3px;
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-christmas-order__link:hover::after {
    right: -6px
}
@media only screen and (max-width: 992px) {
    .home-christmas-order {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
    .home-christmas-order:hover {
        box-shadow: none
    }
    .home-christmas-order__item {
        width: 100%
    }
    .home-christmas-order__content {
        padding: 20px
    }
}
@media only screen and (max-width: 767px) {
    .home-christmas-order {
        margin: 0 auto
    }
}
@media only screen and (max-width: 500px) {
    .home-christmas-order__desk {
        display: none
    }
    .home-christmas-order__resp {
        display: block
    }
}
.home-christmas-solidarity__container {
    width: 100%;
    display: block;
    height: auto;
    text-align: center;
    max-width: 1204px;
    margin: 0 auto;
    padding: 0 14px
}
.home-christmas-financing__content,
.home-christmas-solidarity {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-pack: center
}
.home-christmas-solidarity {
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -5px;
    margin: 0 auto;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s
}
.home-christmas-solidarity__link::after,
.home-club-banner__link a::after {
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    content: ''
}
.home-christmas-solidarity:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-christmas-solidarity__item {
    width: 50%;
    height: auto;
    text-align: left;
    vertical-align: top;
    letter-spacing: normal
}
.home-christmas-solidarity__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top
}
.home-christmas-solidarity__desk {
    display: block
}
.home-christmas-solidarity__resp {
    display: none
}
.home-christmas-solidarity__content {
    height: auto;
    text-align: left;
    vertical-align: top;
    letter-spacing: normal;
    padding: 30px 40px;
    background: url(../img/home/home-christmas/home-christmas-solidarity-bg.jpg) center no-repeat;
    background-size: cover
}
.home-christmas-solidarity__text-main {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 26px;
    line-height: 1.1;
    color: #fff;
    margin-top: 5px;
    z-index: 1;
    position: relative
}
.home-christmas-financing__box-text-1,
.home-christmas-solidarity__link,
.home-christmas-solidarity__text-regular {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif
}
.home-christmas-solidarity__text-main:hover {
    color: #fff;
    text-decoration: underline
}
.home-christmas-solidarity__text-regular {
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    margin: 10px 0;
    z-index: 1;
    position: relative
}
.home-christmas-solidarity__link-container {
    width: 100%;
    margin-top: 15px;
    z-index: 1;
    position: relative
}
.home-christmas-solidarity__link {
    font-size: 18px;
    padding: 15px 15px 11px;
    background-color: #fff;
    color: #393d49;
    min-width: 220px;
    display: inline-block;
    margin-right: 15px;
    margin-top: 10px
}
.home-christmas-solidarity__link:hover span {
    color: #393d49;
    text-decoration: underline
}
.home-christmas-solidarity__link span {
    width: calc(100% - 8px);
    display: inline-block
}
.home-christmas-solidarity__link::after {
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: relative;
    right: -3px;
    transition: right ease .2s
}
.home-christmas-solidarity__link:hover::after {
    right: -6px
}
@media only screen and (max-width: 992px) {
    .home-christmas-solidarity {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
    .home-christmas-solidarity:hover {
        box-shadow: none
    }
    .home-christmas-solidarity__item {
        width: 100%
    }
    .home-christmas-solidarity__content {
        padding: 20px
    }
}
@media only screen and (max-width: 767px) {
    .home-christmas-solidarity {
        margin: 0 auto
    }
}
@media only screen and (max-width: 500px) {
    .home-christmas-solidarity__desk {
        display: none
    }
    .home-christmas-solidarity__resp {
        display: block
    }
}
.home-christmas-financing__container {
    width: 100%;
    display: block;
    height: auto;
    text-align: center;
    max-width: 1204px;
    margin: 0 auto 100px;
    padding: 0 14px;
    position: relative
}
.home-christmas-financing {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 40px;
    background: url(../img/home/home-christmas/home-christmas-financing-bg.jpg) center no-repeat;
    background-size: cover;
    min-height: 400px;
    display: block
}
.home-christmas-financing:hover {
    text-decoration: none
}
.home-christmas-financing__item--left {
    max-width: 472px;
    text-align: left;
    z-index: 1
}
.home-christmas-financing--eu .home-christmas-financing__item--left {
    max-width: 500px
}
.home-christmas-financing__item--right {
    min-width: 400px;
    margin-left: 40px;
    text-align: left;
    z-index: 1
}
.home-christmas-financing__content {
    margin: 0 auto;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}
.home-christmas-financing__box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .3);
    padding: 25px;
    margin-bottom: 10px;
    text-align: left
}
.home-christmas-financing__box-text {
    display: inline-block;
    text-align: center;
    padding: 20px 40px
}
.home-christmas-financing--eu .home-christmas-financing__box-text {
    padding: 20px
}
.home-christmas-financing__box-text-1 {
    display: block;
    color: #fff;
    line-height: 1;
    font-size: 42px
}
.home-christmas-financing--eu .home-christmas-financing__box-text-1 {
    font-size: 28px;
    line-height: 1
}
.home-christmas-financing__box-text-2 {
    display: block;
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    color: #fff;
    line-height: 1.2;
    font-size: 30px
}
.home-christmas-financing--eu .home-christmas-financing__box-text-2 {
    font-size: 48px;
    line-height: 1
}
.home-christmas-financing__box-text-3 {
    display: block;
    font-family: ITCAvantGardeStd-bold, arial, sans-serif;
    color: #fff;
    line-height: 1.2;
    font-size: 52px;
    text-transform: uppercase
}
.home-christmas-financing--eu .home-christmas-financing__box-text-3 {
    font-size: 42px;
    text-transform: none;
    margin-top: -5px;
    line-height: 1
}
.home-christmas-financing__text {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    color: #fff;
    line-height: 1.2;
    font-size: 16px;
    display: inline-block
}
.home-christmas-financing__text span {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    color: #fff;
    text-decoration: underline
}
.home-christmas-financing__note {
    position: absolute;
    bottom: 10px;
    left: 30px
}
.home-christmas-financing__note p {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    color: #fff;
    display: inline-block
}
.home-club-banner__subtitle,
.home-club-banner__title--text,
.home-club-page-title__text,
.home-club-section-title__text {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif
}
.home-christmas-financing__deco {
    position: absolute;
    bottom: -90px;
    right: -40px;
    max-width: 300px;
    z-index: 2
}
.home-christmas-financing__deco img {
    width: auto;
    height: auto;
    max-width: 100%;
    display: inline-block
}
@media only screen and (max-width: 1300px) {
    .home-christmas-financing__deco {
        bottom: -100px;
        right: 0;
        max-width: 250px
    }
    .home-christmas-financing__note {
        max-width: 75%;
        text-align: left;
        bottom: 15px
    }
}
@media only screen and (max-width: 992px) {
    .home-christmas-financing__box,
    .home-christmas-financing__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal
    }
    .home-christmas-financing {
        padding: 30px 30px 120px;
        min-height: 0
    }
    .home-christmas-financing__item--left {
        max-width: none;
        margin-bottom: 30px
    }
    .home-christmas-financing__item--right {
        min-width: 0;
        margin-left: 0;
        margin-bottom: 30px
    }
    .home-christmas-financing__item--right img {
        max-width: 100%;
        margin: 0 auto;
        width: auto
    }
    .home-christmas-financing__content {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: -center
    }
    .home-christmas-financing__box {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 15px 15px 25px;
        margin-bottom: 20px
    }
    .home-christmas-financing__box-text {
        padding: 10px 20px 20px
    }
    .home-christmas-financing--eu .home-christmas-financing__box-text {
        padding: 10px 10px 20px
    }
    .home-christmas-financing__box-text-1 {
        font-size: 40px
    }
    .home-christmas-financing__box-text-2 {
        font-size: 28px
    }
    .home-christmas-financing__box-text-3 {
        font-size: 48px
    }
    .home-christmas-financing--eu .home-christmas-financing__box-text-1 {
        font-size: 26px
    }
    .home-christmas-financing--eu .home-christmas-financing__box-text-2 {
        font-size: 46px
    }
    .home-christmas-financing--eu .home-christmas-financing__box-text-3 {
        font-size: 40px
    }
    .home-christmas-financing__note {
        position: static;
        bottom: 0;
        left: 0;
        max-width: none;
        margin: 0 auto
    }
    .home-christmas-financing__deco {
        max-width: 220px
    }
}
.home-club .nav-menu-wrapper.fixed {
    max-width: 1280px
}
.home-club-section-title {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 35px 15px 15px
}
.home-club-section-title a {
    display: inline-block;
    width: auto;
    text-decoration: none;
    padding: 5px
}
.home-club-section-title a:hover {
    text-decoration: none
}
.home-club-section-title--left {
    padding: 35px 15px 15px 0;
    text-align: left
}
.home-club-section-title__text {
    font-size: 32px;
    line-height: 34px;
    color: #393d49;
    margin: 0
}
.home-club-section-title__text--center {
    text-align: center
}
@media only screen and (max-width: 767px) {
    .home-club-section-title {
        padding: 50px 15px 15px
    }
    .home-club-section-title--left {
        padding: 25px 15px 15px;
        text-align: center
    }
    .home-club-section-title__text {
        font-size: 28px;
        line-height: 1.21
    }
}
@media only screen and (max-width: 700px) {
    .home-club-hide-resp {
        display: none!important
    }
}
.home-club-page-title {
    background-color: #393d49
}
.home-club-page-title__text-content {
    padding: 7px 10px;
    max-width: 1204px;
    margin: 0 auto
}
.home-club-page-title__text {
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    text-transform: uppercase
}
.home-club-logged-partner .home-club-page-title {
    min-height: 40px
}
.home-club-logged-partner .home-club-page-title__text-content {
    display: none
}
.home-club-banner .wpb_content_element {
    margin-bottom: 0
}
.home-club-banner__container {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden
}
.home-club-banner {
    margin: 0
}
.home-club-banner__item {
    overflow: hidden;
    display: block;
    width: 100%;
    height: auto;
    position: relative
}
.home-club-banner__image {
    height: 320px;
    width: 100%
}
.home-club-banner__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top
}
.home-club-banner__image .home-club-banner__image-desk {
    display: block
}
.home-club-banner__image .home-club-banner__image-resp {
    display: none
}
.home-club-banner__belt {
    position: absolute;
    top: 20px;
    left: 37%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    letter-spacing: -5px;
    z-index: 1;
    width: 320px
}
.home-club-banner__content {
    letter-spacing: normal;
    width: 640px;
    padding: 0;
    display: inline-block;
    vertical-align: top
}
.home-club-banner__boxes {
    letter-spacing: -5px;
    display: inline-block;
    width: 100%
}
.home-club-banner__content-item {
    letter-spacing: normal;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    position: relative
}
.home-club-banner__content-bg,
.slick-slide .home-club-banner__content-full-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover
}
.home-club-banner__content-item-full-img {
    padding: 0
}
.slick-slide .home-club-banner__content-full-img--desk {
    display: block
}
.slick-slide .home-club-banner__content-full-img--resp {
    display: none
}
.home-club-banner__content-item--dark {
    color: #393d49
}
.home-club-banner__content-item--light,
.home-club-banner__content-item--light .home-club-banner__link a {
    color: #fff
}
.home-club-banner__content-item--bg-dark {
    background-color: rgba(0, 0, 0, .5)
}
.home-club-banner__content-item--bg-transparent {
    background-color: transparent
}
.home-club-banner__content-bg {
    display: block
}
.home-club-banner__info {
    display: inline-block;
    width: 100%;
    position: relative
}
.home-club-banner__title--text {
    font-size: 40px;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 1.1
}
.home-club-banner__title--img {
    line-height: 1.1;
    display: inline-block;
    text-align: center;
    margin: 0 0 20px;
    width: 100%
}
.home-club-banner__title--img img {
    display: inline-block;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%
}
.home-club-banner__subtitle {
    font-size: 16px;
    padding: 5px 10px 20px;
    line-height: 20px
}
.home-club-banner__links {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 5px 10px
}
.home-club-banner__link {
    width: 100%;
    display: inline-block;
    margin: 5px 0;
    text-align: left
}
.home-club-banner__link a {
    width: auto;
    display: inline-block;
    padding: 0 5px 0 0;
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 18px;
    position: relative;
    text-decoration: underline
}
.home-club-banner__content-item--dark .home-club-banner__link a {
    color: #393d49
}
.home-club-banner__link a::after {
    background-repeat: no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: relative;
    right: -5px;
    transition: right ease .2s
}
.home-club-advantages__link::after,
.home-club-card__link::after {
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s
}
.home-club-banner__content-item--light .home-club-banner__link a::after {
    background-image: url(../img/home/arrow-white.svg)
}
.home-club-banner__content-item--dark .home-club-banner__link a::after {
    background-image: url(../img/base/arrow-right-black.png)
}
.home-club-advantages__block--balance .home-club-advantages__block-text::before,
.home-club-advantages__block-text::before {
    background-image: url(../img/home-club/home-club-advantages-balance.png)
}
.home-club-banner__link a:hover::after {
    right: -8px
}
.home-club-banner__content-box-img {
    margin-top: 5px
}
.home-club-banner__content-box-img img {
    display: inline-block;
    width: auto;
    height: auto
}
@media only screen and (max-width: 1024px) {
    .home-club-banner__belt {
        left: 34%
    }
}
@media only screen and (max-width: 768px) {
    .home-club-banner__belt {
        left: 29%
    }
}
@media only screen and (max-width: 500px) {
    .home-club-banner__image .home-club-banner__image-desk {
        display: none
    }
    .home-club-banner__image .home-club-banner__image-resp {
        display: block
    }
    .home-club-banner__belt {
        width: 100%;
        height: auto;
        left: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .home-club-banner__content {
        width: 100%;
        text-align: center
    }
    .home-club-banner__content-item {
        width: 320px;
        vertical-align: top;
        text-align: left;
        display: block
    }
    .home-club-banner__content-item-deco {
        display: none
    }
    .home-club-banner__title--text {
        font-size: 30px
    }
    .home-club-banner__image img {
        object-position: center center
    }
}
.home-club-advantages__container {
    background-color: #ededed;
    width: 100%
}
.home-club-advantages__title {
    padding: 32px 20px
}
.home-club-advantages__text {
    font-family: ITCAvantGardeStd, arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #5b5b5b
}
.home-club-advantages__block-list {
    text-align: center;
    padding: 0 20px 45px
}
.home-club-advantages__block {
    max-width: 280px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    text-align: left;
    list-style: none
}
.home-club-advantages__block-content {
    padding: 30px 15px;
    text-align: center
}
.home-club-advantages__block-text {
    text-align: center;
    padding-left: 80px;
    position: relative
}
.home-club-advantages__block-text::before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 8px;
    top: calc(50% - 30px);
    width: 68px;
    height: 60px
}
.home-club-advantages__block-text-title {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 21px;
    color: #fff;
    padding-bottom: 20px
}
.home-club-advantages__block-text-number {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 21px;
    color: #fff
}
.home-club-advantages__block--balance .home-club-advantages__block-content {
    background-color: #5b5b5b
}
.home-club-advantages__block--points .home-club-advantages__block-content {
    background-color: #047cc2
}
.home-club-advantages__block--points .home-club-advantages__block-text::before {
    background-image: url(../img/home-club/home-club-advantages-point.png);
    width: 80px;
    height: 80px;
    top: calc(50% - 40px)
}
.home-club-advantages__block--points .home-club-advantages__block-text {
    padding-left: 95px
}
.home-club-advantages__link {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 18px;
    margin: 15px 0;
    position: relative;
    display: inline-block;
    width: auto;
    color: #393d49;
    text-decoration: none
}
.home-club-advantages__link::after {
    content: '';
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 6px);
    right: -15px;
    -webkit-transition: right ease .2s;
    transition: right ease .2s
}
.home-club-advantages__link:hover {
    color: #393d49;
    text-decoration: underline
}
.home-club-advantages__link:hover::after {
    right: -17px
}
@media only screen and (max-width: 500px) {
    .home-club-advantages__block {
        max-width: 320px;
        margin: 0 0 30px
    }
    .home-club-advantages__block:last-child {
        margin: 0
    }
}
.home-club-card,
.home-club-card__container {
    width: 100%;
    margin: 0 auto;
    text-align: center
}
.home-club-card__container {
    display: block;
    height: 81px;
}
.home-club-card {
    height: 81px;
    background-color: #393d49;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s
}
.home-club-card__link::after,
.home-club-vouchers__link-register::after {
    -webkit-transition: right ease .2s;
    content: ''
}
.home-club-card:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-club-card__deco {
    width: 20%;
    position: relative;
    z-index: 1
}
.home-club-card__deco img {
    display: block;
    position: absolute;
    left: 15%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}
.home-club-card__content {
    width: 100%;
    z-index: 1;
    display: inherit;
}
.home-club-card__text p {
    text-align: center;
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 3px
}
.home-club-card__text .home-club-card__text-main {
    font-size: 24px;
    margin-bottom: 0
}
.home-club-card__link-container {
    z-index: 1
}
.home-club-card__link {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 18px;
    padding: 11px 15px;
    background-color: #fff;
    color: #393d49;
    min-width: 200px;
    display: inline-block
}
.home-club-card__link:hover span {
    color: #393d49;
    text-decoration: underline
}
.home-club-card__link span {
    width: calc(100% - 8px);
    display: inline-block;
    text-align: left
}
.home-club-card__link::after {
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: relative;
    right: -3px;
    transition: right ease .2s
}
.home-club-card__link:hover::after {
    right: -6px
}
.home-club-card__container--eroski-club {
    padding: 0 14px;
    max-width: 100%;
    background-color: #393d49
}
.home-club-card__container--eroski-club .home-club-card {
    background-color: #393d49;
    max-width: 1204px;
    position: relative
}
.home-club-card__container--eroski-club .home-club-card:hover {
    box-shadow: none
}
.home-club-card__container--eroski-club:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-club-card__container--eroski-club .home-club-card__deco {
    position: absolute
}
.home-club-card__container--eroski-club .home-club-card__deco .home-club-card__deco-resp {
    display: none
}
.home-club-card__container--eroski-club .home-club-card__content {
    padding-left: 17%;
    width: 100%
}
.home-club-card__container--eroski-club .home-club-card__text {
    padding-top: 0px;
    width: 70%;
    display: inline-block;
    vertical-align: middle
}
.home-club-card__container--eroski-club .home-club-card__link-container {
    display: inline-block;
    vertical-align: middle
}
.home-club-card__container--eroski-saved {
    max-width: 1204px;
    margin: 0 auto 40px;
    padding: 0 14px;
}
.home-club-card__container--eroski-saved .home-club-card {
    background-color: #dd0009
}
.home-club-card__container--travel-club {
    max-width: 1204px;
    margin: 0 auto 40px;
    padding: 0 14px;
}
.home-club-card__container--travel-club .home-club-card {
    background-color: #047cc2
}
.home-club-card__container--app {
    max-width: 1204px;
    margin: 0 auto 40px;
    padding: 0 14px;
}
.home-club-card__container--app .home-club-card {
    background-color: #dadada
}
.home-club-card__container--app .home-club-card__text p {
    color: #393d49
}
.home-club-card__container--app .home-club-card__link-download {
    display: inline-block;
    margin: 0 5px
}
.home-club-card__container--app .home-club-card__content {
    width: 91%;
    text-align: left
}
.home-club-card__container--app .home-club-card__text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 328px)
}
.home-club-card__container--app .home-club-card__link-container {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}
.home-club-card__container--super-online {
    margin: 70px auto 35px
}
.home-club-card__container--super-online .home-club-card {
    background-color: #d81e24
}
.home-club-card__container--logged-partner .home-club-card__text p {
    text-transform: uppercase;
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 28px;
    line-height: 1.21;
    color: #f6f6f6
}
.home-club-card__container--logged-partner .home-club-card__content {
    padding: 0 17%
}
@media only screen and (max-width: 1025px) {
    .home-club-card__deco {
        width: 18%
    }
    .home-club-card__content {
        width: 60%
    }
    .home-club-card__link-container {
        width: 22%
    }
}
@media only screen and (max-width: 992px) {
    .home-club-card__container--super-online,
    .home-club-card__container--travel-club {
        margin: 90px auto 130px !important;
    }
    .home-club-card__container--eroski-club .home-club-card__deco img,
    .home-club-card__deco img {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0)
    }
    .home-club-card__deco img {
        top: -100px
    }
    .home-club-card__container {
        padding: 0
    }
    .home-club-card {
        width: calc(100% - 28px);
        height: 200px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 20px
    }
    .home-club-card__content,
    .home-club-card__deco,
    .home-club-card__link-container {
        width: 100%;
        max-width: 100%
    }
    .home-club-card:hover {
        box-shadow: none
    }
    .home-club-card__deco {
        min-height: 25px
    }
    .home-club-card__content {
        text-align: center;
        display: inline-block;
    }
    .home-club-card__text p {
        font-size: 16px;
        line-height: 1.4
    }
    .home-club-card__text .home-club-card__text-main {
        font-size: 22px
    }
    .home-club-card__container--eroski-club .home-club-card__content {
        max-width: inherit;
        width: calc(100% - 156px);
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 0;
        margin: 0
    }
    .home-club-card__container--eroski-club .home-club-card {
        background-color: #393d49;
        max-width: 100%;
        width: 100%;
        padding: 20px;
        display: block
    }
    .home-club-card__container--eroski-club .home-club-card__deco .home-club-card__deco-desk {
        display: none
    }
    .home-club-card__container--eroski-club .home-club-card__deco .home-club-card__deco-resp {
        display: block
    }
    .home-club-card__container--eroski-club .home-club-card__deco {
        position: relative;
        right: 0;
        top: 0;
        display: inline-block !important;
        vertical-align: middle;
        width: 120px
    }
    .home-club-card__container--eroski-club .home-club-card__deco img {
        top: 0;
        left: inherit;
        position: relative;
        max-width: 100%
    }
    .home-club-card__container--eroski-club .home-club-card__text p {
        margin-bottom: 10px;
        line-height: 1.2
    }
    .home-club-card__container--eroski-saved {
        margin: 90px auto 180px
    }
    .home-club-card__container--super-online,
    .home-club-card__container--travel-club {
        margin: 90px auto 75px
    }
    .home-club-card__container--app {
        margin: 90px auto
    }
    .home-club-card__container--app .home-club-card__content {
        width: 100%;
        margin-top: 20px
    }
    .home-club-card__container--app .home-club-card__text {
        float: left;
        margin: 7px 63px
    }
    /*.home-club-card__text{display:block;width:100%;margin:0 0 20px}*/

    .home-club-card__container--app .home-club-card__text p {
        margin-bottom: 15px
    }
    .home-club-card__container--app .home-club-card__link-container {
        display: block;
        width: 100%;
        text-align: left
    }
    .home-club-card__container--app .home-club-card__link-download {
        display: inline-block;
        margin: 5px 0
    }
    .home-club-card__container--app .home-club-card__link-download:first-child {
        margin-top: 0
    }
    .home-club-card__container--app .home-club-card__link-download:last-child {
        margin-bottom: 0
    }
}
@media only screen and (max-width: 500px) {
    .home-club-card__container--app {
        margin: 80px auto
    }
    .home-club-card__container--eroski-club .home-club-card {
        background-color: #393d49;
        max-width: 100%;
        width: 100%
    }
    .home-club-card__container--eroski-club .home-club-card__deco {
        vertical-align: top;
        width: 101px
    }
    .home-club-card__container--eroski-club .home-club-card__content {
        width: calc(100% - 110px)
    }
    .home-club-card__container--eroski-club .home-club-card__link-container {
        width: 100%
    }
    .home-club-card__container--eroski-club .home-club-card__link {
        /*min-width:100%;*/

        width: 180%;
        margin-left: -20px;
    }
    .home-club-card--hide {
        display: none
    }
}
.home-club-vouchers__container-header {
    text-align: center
}
.home-club-vouchers__subtitle {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #5b5b5b
}
.home-club-vouchers__link-register {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -.3px;
    margin: 15px auto 25px;
    display: none;
    width: auto;
    text-decoration: underline;
    color: #393d49;
    position: relative
}
.home-club-vouchers__link-register::after {
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -15px;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.club-opinion__sidebar-img img,
.home-club-outstandings__text {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}
.home-club-outstandings__item,
.home-club-vouchers__item {
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s
}
.home-club-vouchers__link-register:hover {
    color: #393d49
}
.home-club-vouchers__discount-left-item,
.home-club-vouchers__discount-right-item {
    color: #fff;
    vertical-align: top;
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif
}
.home-club-vouchers__link-register:hover::after {
    right: -17px
}
.home-club-vouchers__container {
    width: 100%;
    display: inline-block;
    height: auto;
    text-align: center
}
.home-club-vouchers {
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -5px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.home-club-vouchers__item {
    width: 31%;
    height: auto;
    max-width: 372px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 14px 25px;
    padding: 0;
    position: relative;
    box-shadow: none;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s;
    background-color: #f1c1c1
}
.home-club-vouchers__item:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-club-vouchers__info {
    width: 100%;
    height: 80%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    letter-spacing: -5px;
    position: absolute;
    top: 0;
    left: 0
}
.home-club-vouchers__discount,
.home-club-vouchers__text {
    display: inline-block;
    width: 50%;
    height: 100%;
    letter-spacing: normal;
    position: relative;
    vertical-align: top
}
.home-club-vouchers__discount-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}
.home-club-vouchers__discount-img {
    max-width: 80%;
    width: auto;
    height: auto;
    display: inline-block
}
.home-club-vouchers__discount-left-item {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 110px;
    font-size: 120px;
    letter-spacing: -6px
}
.home-club-vouchers__discount-right-item {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 50px;
    max-height: 43px;
    margin-left: 5px;
    letter-spacing: normal
}
.home-club-vouchers__discount--reverse .home-club-vouchers__discount-left-item {
    vertical-align: bottom;
    font-size: 50px;
    max-height: 43px;
    margin-left: 0;
    letter-spacing: normal;
    margin-bottom: 12px
}
.home-club-vouchers__discount--reverse .home-club-vouchers__discount-right-item {
    vertical-align: bottom;
    max-height: 110px;
    font-size: 120px;
    letter-spacing: -6px;
    margin-left: -5px;
    margin-right: 7px
}
.home-club-vouchers__text-content p,
.home-club-vouchers__title-text {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 18px;
    color: #fff
}
.home-club-vouchers__text-content {
    padding: 20px 10px 15px;
    text-align: left
}
.home-club-vouchers__link,
.home-club-vouchers__title {
    width: 100%;
    padding: 0;
    display: inline-block;
    position: absolute;
    left: 0
}
.home-club-vouchers__text-content p {
    line-height: 24px
}
.home-club-vouchers__link {
    height: 100%;
    top: 0;
    z-index: 2
}
.home-club-vouchers__title {
    height: 20%;
    bottom: 0;
    text-align: right;
    background-color: #393d49;
    z-index: 1
}
.home-club-vouchers__title-text {
    line-height: 1.25;
    letter-spacing: -.3px;
    margin: 0;
    position: absolute;
    top: 60%;
    right: 32px;
    -webkit-transform: translate(0, -60%);
    -ms-transform: translate(0, -60%);
    transform: translate(0, -60%);
    display: inline-block;
    width: auto
}
.home-club-vouchers__title-text::after {
    content: '';
    background: url(../img/base/arrow-right-white.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -15px;
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-club-vouchers__item:hover .home-club-vouchers__title-text {
    text-decoration: underline
}
.home-club-vouchers__item:hover .home-club-vouchers__title-text::after {
    right: -17px
}
.home-club-vouchers__img {
    display: block;
    width: 100%;
    height: auto
}
@media only screen and (max-width: 1200px) {
    .home-club-vouchers__discount-left-item {
        max-height: 90px;
        font-size: 100px
    }
    .home-club-vouchers__discount-right-item {
        font-size: 40px;
        margin-left: 10px
    }
    .home-club-vouchers__discount--reverse .home-club-vouchers__discount-left-item {
        font-size: 40px
    }
    .home-club-vouchers__discount--reverse .home-club-vouchers__discount-right-item {
        max-height: 90px;
        font-size: 110px;
        margin-right: 10px
    }
    .home-club-vouchers__text-content p {
        font-size: 16px
    }
}
@media only screen and (max-width: 992px) {
    .home-club-card__link {
        float: left;
        margin-top: 10px;
    }
    .home-club-card__text p {
        text-align: left;
    }
    .home-club-card__text {
        float: left;
        padding-top: 7px;
        width: 77%;
        display: inline-block;
        vertical-align: middle;
    }
    .home-club-vouchers {
        width: 100%;
        display: inline-block;
        height: auto;
        text-align: center
    }
    .home-club-vouchers__item {
        width: calc(100% - 28px);
        margin: 0 auto 15px;
        display: block
    }
    .home-club-vouchers__item:hover {
        box-shadow: none
    }
    .home-club-vouchers__item:hover .home-club-vouchers__title-text {
        text-decoration: none
    }
    .home-club-vouchers__item:hover .home-club-vouchers__title-text::after {
        right: -15px
    }
    .home-club-vouchers__text-content {
        padding: 27px 10px 15px
    }
    .home-club-vouchers__text-content p {
        font-size: 18px
    }
}
@media only screen and (max-width: 767px) {
    .home-club-vouchers {
        margin: 0 auto
    }
}
@media only screen and (max-width: 500px) {
    .home-club-vouchers__text-content p {
        font-size: 16px
    }
    .home-club-vouchers__discount--reverse .home-club-vouchers__discount-right-item,
    .home-club-vouchers__discount-left-item {
        font-size: 90px
    }
}
@media only screen and (max-width: 360px) {
    .home-club-vouchers__text-content {
        padding: 20px 10px 15px
    }
}
@media only screen and (max-width: 320px) {
    .home-club-vouchers__text-content {
        padding: 10px 10px 15px
    }
}
.home-club-outstandings__container {
    width: 100%;
    display: inline-block;
    height: auto;
    text-align: center
}
.home-club-outstandings {
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -5px;
    margin: 20px auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}
.home-club-outstandings__item {
    width: 31%;
    height: auto;
    max-width: 372px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 14px 15px;
    padding: 0;
    position: relative;
    box-shadow: none;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s;
    background-color: #f1c1c1
}
.home-club-outstandings__item:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-club-outstandings__item:hover .home-club-outstandings__text {
    text-decoration: underline
}
.home-club-outstandings__item--nolink:hover .home-club-outstandings__text {
    text-decoration: none
}
.home-club-outstandings__title {
    display: inline-block;
    width: 100%;
    height: 140px;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(222, 0, 9, .7)
}
.home-club-outstandings__text {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: -.3px;
    color: #fff;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%)
}
.home-club-outstandings__link {
    padding: 0;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    letter-spacing: 0
}
.home-club-outstandings__img {
    display: block;
    width: 100%;
    height: auto
}
.home-club-outstandings__icon {
    display: block;
    height: auto;
    width: 96px;
    max-width: 20%;
    position: absolute;
    top: 0;
    left: 0
}
.home-club-outstandings .hover-effect__container,
.home-club-outstandings .hover-effect__cover {
    height: calc(100% - 140px)
}
@media only screen and (max-width: 992px) {
    .home-club-outstandings {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin: 20px auto 15px;
        overflow: hidden;
        height: 372px;
        max-width: 372px
    }
    .home-club-outstandings__item {
        width: calc(100% - 28px);
        margin: 0 auto 15px;
        display: block
    }
    .home-club-outstandings__item:hover {
        box-shadow: none
    }
    .home-club-outstandings__text {
        width: 75%
    }
    .home-club-outstandings .slick-arrow.slick-next,
    .home-club-outstandings .slick-arrow.slick-prev {
        position: absolute;
        width: 30px;
        bottom: 55px;
        background-color: transparent;
        background-image: url(../img/home/arrow-big-white.svg)
    }
    .home-club-outstandings.slick-slider {
        margin-bottom: 0
    }
    .home-club-outstandings .slick-arrow.slick-prev {
        left: 10px
    }
    .home-club-outstandings .slick-arrow.slick-next {
        right: 10px;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}
@media only screen and (max-width: 767px) {
    .home-club-outstandings__container {
        padding: 0 1em
    }
}
@media only screen and (max-width: 500px) {
    .home-club-outstandings,
    .home-club-outstandings__item.slick-slide {
        max-width: 100%;
        height: 372px
    }
    .home-club-outstandings {
        margin: 20px auto 15px;
        overflow: hidden
    }
    .home-club-outstandings__text {
        font-size: 22px
    }
    .home-club-outstandings .slick-arrow.slick-next,
    .home-club-outstandings .slick-arrow.slick-prev {
        bottom: 44px
    }
}
@media only screen and (max-width: 400px) {
    .home-club-outstandings__img {
        display: block;
        width: auto;
        height: 372px
    }
}
@media only screen and (max-width: 320px) {
    .home-club-outstandings,
    .home-club-outstandings__item.slick-slide {
        height: 285px
    }
    .home-club-outstandings__img {
        display: block;
        width: 100%;
        height: auto
    }
}
.home-club-slider-outstandings__container {
    letter-spacing: -5px;
    max-width: 1204px;
    display: block;
    text-align: center;
    margin: 0 auto 40px;
    padding: 0 14px
}
.home-club-slider-outstandings__container .home-club-section-title__text {
    letter-spacing: 0
}
.home-club-slider-outstandings__container>.col {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    overflow: hidden;
    padding: 0
}
.home-club-slider-outstandings {
    margin-top: 10px
}
.home-club-slider-outstandings--ekilibria {
    background-color: #cfe6f4
}
.home-club-slider-outstandings--vinoteka {
    background-color: #f392af
}
.home-club-slider-outstanding__text,
.home-club-slider-outstandings--ekilibria .home-club-slider-outstanding__text {
    background-color: rgba(51, 167, 223, .7)
}
.home-club-slider-outstandings__container>.col:first-child {
    padding-right: 15px
}
.home-club-slider-outstandings__container>.col:last-child {
    padding-left: 15px
}
.home-club-slider-outstanding {
    margin: 0;
    position: relative
}
.home-club-slider-outstanding__logo-image {
    position: absolute;
    top: 15px;
    left: 20px
}
.home-club-slider-outstanding__image {
    display: block;
    width: 100%;
    height: 448px
}
.home-club-slider-outstanding__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
.home-club-slider-outstanding__image .item-desk {
    display: block
}
.home-club-slider-outstanding__image .item-resp {
    display: none
}
.home-club-slider-outstanding__text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 136px
}
.home-club-slider-outstandings--vinoteka .home-club-slider-outstanding__text {
    background-color: rgba(149, 23, 61, .7)
}
.home-club-slider-outstandings--local .home-club-slider-outstanding__text {
    background-color: rgba(26, 108, 70, .6)
}
.home-club-slider-outstandings .slick-arrow.slick-next,
.home-club-slider-outstandings .slick-arrow.slick-prev {
    width: 30px;
    bottom: 45px;
    background-color: transparent;
    background-image: url(../img/home/arrow-big-white.svg);
    position: absolute
}
.home-club-slider-outstanding__text a {
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 34px 12%
}
.home-club-slider-outstandings:hover .home-club-slider-outstanding__text a {
    text-decoration: underline
}
.home-club-slider-outstandings.slick-slider {
    margin-bottom: 0
}
.home-club-slider-outstandings .slick-arrow.slick-prev {
    left: 20px
}
.home-club-slider-outstandings .slick-arrow.slick-next {
    right: 20px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.home-club-slider-outstandings .hover-effect {
    position: absolute;
    height: calc(100% - 136px);
    width: 100%;
    top: 0;
    left: 0
}
@media only screen and (max-width: 1023px) {
    .home-club-slider-outstandings__container>.col:first-child {
        padding-right: 0
    }
    .home-club-slider-outstandings__container>.col:last-child {
        padding-left: 0
    }
}
@media only screen and (max-width: 992px) {
    .home-club-slider-outstandings__container .home-club-section-title__text {
        font-size: 28px
    }
    .home-club-slider-outstandings .slick-arrow.slick-prev {
        left: 10px
    }
    .home-club-slider-outstandings .slick-arrow.slick-next {
        right: 10px
    }
    .home-club-slider-outstandings__container>.col {
        max-width: 572px;
        display: block;
        margin: 0 auto
    }
    .home-club-slider-outstanding__image .item-desk {
        display: none
    }
    .home-club-slider-outstanding__image .item-resp {
        display: block
    }
    .home-club-slider-outstandings {
        margin-bottom: 30px
    }
    .home-club-slider-outstandings--vinoteka {
        margin-bottom: 0
    }
}
@media only screen and (max-width: 767px) {
    .home-club-slider-outstandings__container .slick-slider {
        margin-bottom: 0
    }
    .home-club-slider-outstanding__text a {
        padding: 0 10px
    }
}
@media only screen and (max-width: 500px) {
    .home-club-slider-outstandings__container .slick-slider {
        margin-bottom: 0
    }
    .home-club-slider-outstanding__image {
        height: 400px
    }
    .home-club-slider-outstandings .slick-arrow.slick-next,
    .home-club-slider-outstandings .slick-arrow.slick-prev {
        padding: 0
    }
}
.home-club-order__container {
    width: 100%;
    display: block;
    height: auto;
    text-align: center;
    max-width: 1204px;
    margin: 15px auto 30px;
    padding: 0 14px
}
.home-club-order {
    width: 100%;
    height: auto;
    text-align: center;
    letter-spacing: -5px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-transition: box-shadow ease .2s;
    -moz-transition: box-shadow ease .2s;
    -o-transition: box-shadow ease .2s;
    -ms-transition: box-shadow ease .2s;
    transition: box-shadow ease .2s
}
.home-club-order__content,
.home-club-order__item {
    text-align: left;
    letter-spacing: normal;
    vertical-align: top
}
.home-club-order__link::after,
.home-club-survey__link::after {
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    position: relative;
    content: ''
}
.home-club-order:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.home-club-order__item {
    width: 50%;
    height: auto
}
.home-club-order__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top
}
.home-club-order__desk {
    display: block
}
.home-club-order__resp {
    display: none
}
.home-club-order__content {
    height: auto;
    padding: 30px
}
.home-club-order__text-main {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 32px;
    line-height: 1.1;
    color: #fff;
    margin-top: 5px;
    z-index: 1;
    position: relative
}
.home-club-order__text-main:hover {
    color: #fff;
    text-decoration: underline
}
.home-club-order__text-regular {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    margin: 10px 0 35px;
    z-index: 1;
    position: relative
}
.home-club-order__link,
.home-club-order__note p {
    font-family: Conv_ITCAvantGardeStd-Demi, arial, sans-serif
}
.home-club-order__note {
    z-index: 1;
    position: relative
}
.home-club-order__note p {
    font-size: 12px;
    line-height: 1.1;
    color: #fff;
    margin: 10px 0 0
}
.home-club-order__note a {
    color: #08088A;
    text-decoration: underline
}
.home-club-order__link-container {
    width: 100%;
    margin-top: 15px;
    z-index: 1;
    position: relative
}
.home-club-order__link {
    font-size: 18px;
    padding: 11px 15px;
    background-color: #fff;
    color: #393d49;
    min-width: 305px;
    display: inline-block;
    z-index: 1
}
.home-club-order__link:hover span {
    color: #393d49;
    text-decoration: underline
}
.home-club-order__link span {
    width: calc(100% - 8px);
    display: inline-block
}
.home-club-order__link::after {
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    right: -3px;
    transition: right ease .2s
}
.home-club-order__link:hover::after {
    right: -6px
}
.home-club-order__container--club-oro .home-club-order__img {
    background-color: #ffeabd
}
.home-club-order__container--club-oro .home-club-order__content {
    background-color: #c79b63
}
.home-club-order__container--club-mastercard .home-club-order__img {
    background-color: #f1c1c1
}
.home-club-order__container--club-mastercard .home-club-order__content {
    background-color: #d81e24
}
@media only screen and (max-width: 992px) {
    .home-club-order {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
    .home-club-order:hover {
        box-shadow: none
    }
    .home-club-order__item {
        width: 100%
    }
    .home-club-order__content {
        padding: 20px
    }
    .home-club-order__img img {
        display: block
    }
}
.home-club-survey-magazine__container:hover,
.home-club-survey:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}
@media only screen and (max-width: 767px) {
    .home-club-order {
        margin: 0 auto
    }
}
@media only screen and (max-width: 500px) {
    .home-club-order__desk {
        display: none
    }
    .home-club-order__resp {
        display: block
    }
    .home-club-order__link {
        min-width: 100%
    }
    .home-club-order__text-main {
        font-size: 24px
    }
}
.home-club-survey,
.home-club-utilities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}
.home-club-utilities {
    width: 100%;
    max-width: 1204px;
    height: auto;
    text-align: center;
    margin: 25px auto 60px;
    padding: 0 14px;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.home-club-survey__container {
    width: 58%
}
.home-club-survey {
    display: -moz-box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: strech;
    -moz-box-align: strech;
    -ms-flex-align: strech;
    -webkit-align-items: strech;
    align-items: strech;
    width: 100%;
    flex-direction: row-reverse
}
.home-club-survey__text {
    min-height: 224px;
    width: 100%;
    background-color: #26aaa3
}
.home-club-survey__image {
    background-color: #fec701;
    width: 40%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}
.home-club-survey__image img {
    object-fit: contain;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block
}
.home-club-survey-magazine,
.home-club-survey__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}
.home-club-survey__text {
    padding: 20px 40px 20px 15px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    text-align: left
}
.home-club-survey__title {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase
}
.home-club-survey__title:hover {
    color: #fff;
    text-decoration: underline
}
.home-club-survey__product {
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 22px;
    line-height: 32px;
    color: #393d49;
    text-transform: uppercase
}
.home-club-survey__link {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 18px;
    padding: 10px 15px 8px;
    background-color: #fff;
    color: #393d49;
    min-width: 190px;
    display: inline-block
}
.home-club-survey__link:hover {
    color: #393d49;
    text-decoration: underline
}
.home-club-survey__link span {
    width: calc(100% - 8px);
    display: inline-block
}
.home-club-survey__link:hover span {
    text-decoration: underline
}
.home-club-survey__link::after {
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    right: 0;
    transition: right ease .2s
}
.home-club-survey__link:hover::after {
    right: -3px
}
.home-club-survey-magazine__container {
    width: 39%
}
.home-club-survey-magazine {
    display: -moz-box;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: strech;
    -moz-box-align: strech;
    -ms-flex-align: strech;
    -webkit-align-items: strech;
    align-items: strech;
    width: 100%;
    flex-direction: row-reverse
}
.home-club-survey-magazine__text {
    min-height: 224px;
    width: 65%;
    background-color: #ededed
}
.home-club-survey-magazine__image {
    width: 40%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: #d3d3d3;
    position: relative
}
.home-club-survey-magazine__image-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}
.home-club-survey-magazine__image img {
    object-fit: cover;
    object-position: center;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block
}
.home-club-survey-magazine__text {
    padding: 20px 20px 20px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    text-align: left
}
.home-club-survey-magazine__title {
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 24px;
    text-align: left
}
.home-club-survey-magazine__product {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #5b5b5b;
    text-align: left
}
.home-club-survey-magazine__link {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 18px;
    padding: 10px 15px 8px;
    background-color: #fff;
    color: #393d49;
    min-width: 190px;
    display: inline-block
}
.home-club-survey-magazine__link:hover {
    color: #393d49
}
.home-club-survey-magazine__link:hover span {
    text-decoration: underline
}
.home-club-survey-magazine__link span {
    width: calc(100% - 8px);
    display: inline-block
}
.home-club-survey-magazine__link::after {
    content: '';
    background: url(../img/base/arrow-right-black.png) no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: relative;
    right: 0;
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.home-club-survey-magazine__link:hover::after {
    right: -3px
}
@media only screen and (max-width: 992px) {
    .home-club-utilities {
        display: inline-block;
        margin: 10px auto 45px
    }
    .home-club-survey__container {
        width: 100%;
        max-width: 771px;
        margin: 0 auto
    }
    .home-club-survey__link:hover {
        box-shadow: none
    }
    .home-club-survey-magazine__container {
        width: 100%;
        max-width: 771px;
        margin: 30px auto 0
    }
    .home-club-survey-magazine__text {
        min-height: 224px;
        width: 100%
    }
    .home-club-survey-magazine__image {
        padding: 15px 0
    }
}
@media only screen and (max-width: 500px) {
    .home-club-survey,
    .home-club-survey-magazine {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
    .home-club-survey {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .home-club-survey__text {
        min-height: 0;
        width: 100%;
        padding: 20px
    }
    .home-club-survey__image {
        width: 100%;
        padding: 30px
    }
    .home-club-survey__title {
        font-size: 20px;
        line-height: 24px
    }
    .home-club-survey__product {
        font-size: 22px;
        line-height: 28px;
        margin: 30px 0
    }
    .home-club-survey-magazine {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .home-club-survey-magazine__text {
        min-height: 0;
        width: 100%;
        padding: 20px
    }
    .home-club-survey-magazine__image {
        width: 100%;
        padding: 30px
    }
    .home-club-survey-magazine__title {
        font-size: 20px;
        line-height: 24px
    }
    .home-club-survey-magazine__product {
        margin: 10px 0 30px
    }
}
.club-opinion .belt {
    max-width: 970px;
    text-align: center;
    width: 100%
}
.club-opinion__title {
    background: #393d49;
    color: #fff;
    display: inline-block;
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
    width: 100%
}
.club-opinion__subtitle {
    color: #5b5b5b;
    font-family: TexGyreAdventor, arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 20px auto 50px;
    text-align: center;
    width: 100%
}
.club-opinion__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: -5px;
    margin: 50px auto 100px;
    min-height: 600px;
    text-align: left;
    width: 100%
}
.club-opinion__sidebar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    letter-spacing: 0;
    vertical-align: top;
    width: 30%
}
.club-opinion__sidebar-img {
    background: #b6050c;
    display: block;
    width: 100%;
    height: 50%;
    position: relative;
    overflow: hidden
}
.club-opinion__sidebar-img img {
    display: block;
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.club-opinion__sidebar-info {
    background: #de0009;
    color: #fff;
    font-family: Conv_ITCAvantGardeStd-Demi;
    font-size: 24px;
    line-height: 1.25;
    padding: 30px;
    text-align: left;
    width: 100%;
    height: 50%
}
.club-opinion__button,
.gform_next_button,
.gform_previous_button {
    display: inline-block;
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    border: 0
}
.club-opinion__button,
.gform_next_button {
    background-color: #f0301c;
    background-image: url(../img/base/arrow-right-white.png);
    background-position: 90% center;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    min-width: 160px;
    outline: 0;
    padding: 12px 50px 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-transition: background-position .2s linear;
    -ms-transition: background-position .2s linear;
    transition: background-position .2s linear
}
.club-opinion__gforms-container,
.gform_page .gform_button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    outline: 0;
    cursor: pointer
}
.club-opinion__button:hover,
.gform_next_button:hover {
    background-position: 93% center;
    color: #fff;
    text-decoration: underline
}
.gform_previous_button {
    background: url(../img/base/arrow-left-black.png) 3% center no-repeat;
    color: #393d49;
    font-size: 16px;
    padding-left: 25px;
    -webkit-transition: background-position .2s linear;
    -ms-transition: background-position .2s linear;
    transition: background-position .2s linear
}
.gform_previous_button:hover {
    background-position: 0 center
}
.gform_ajax_spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.club-opinion__hidden {
    display: none
}
.club-opinion__gforms-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    letter-spacing: 0;
    background: #ededed;
    font-family: ITCAvantGardeStd-bk;
    font-size: 16px;
    -o-appearance: none;
    appearance: none;
    padding: 35px 50px;
    position: relative;
    vertical-align: top;
    width: 70%
}
.club-opinion__gforms-container .gform_page-active,
.club-opinion__gforms-container .gform_wrapper-active {
    display: block
}
.gform_wrapper .gf_page_steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.gform_wrapper .gf_page_steps>div {
    position: relative
}
.gform_wrapper .gf_page_steps>div::after {
    content: '';
    display: block;
    background: url(../img/club-opinion/club-opinion-check.png) center center no-repeat;
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 32px;
    width: 32px;
    opacity: .2
}
.gform_wrapper .gf_page_steps>div:not(.gf_step_clear) {
    background: #de0009;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: ITCAvantGardeStd-Bold;
    font-size: 12px;
    padding: 8px;
    width: 100%
}
.gform_wrapper .gf_page_steps .gf_step_number {
    margin-top: 2px;
    opacity: .3
}
.gform_wrapper .gf_page_steps div.gf_step_active .gf_step_number,
.gform_wrapper .gf_page_steps div.gf_step_active::after,
.gform_wrapper .gf_page_steps div.gf_step_completed::after {
    opacity: 1
}
.gform_wrapper .gf_page_steps div.gf_step_active {
    background: #cc0a12
}
.gform_wrapper .validation_error {
    color: #cc0a12;
    display: none;
    font-size: 12px;
    margin-bottom: 20px
}
.gform_page .gform__title,
.gform_page .gsection_title {
    color: #393d49;
    font-family: Conv_ITCAvantGardeStd-Demi;
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 20px;
    text-align: left
}
.gform_page .gfield_label {
    color: #de0009;
    font-family: ITCAvantGardeStd-Bold;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: left
}
.gform_page .gfield_description,
.gform_page .gform__text {
    color: #393d49;
    font-size: 16px;
    line-height: 1.43;
    margin-bottom: 20px
}
.gform_page .gform__text--active {
    font-family: Conv_ITCAvantGardeStd-Demi;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 60px
}
.gform_page .gform__text--note {
    font-family: ITCAvantGardeStd-bk;
    font-size: 12px;
    line-height: 1.5
}
.gform_page .gform_button {
    background-color: #f0301c;
    border: 0;
    color: #fff;
    display: inline-block;
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 16px;
    padding: 12px 40px 10px;
    -o-appearance: none;
    appearance: none
}
.gform_page .gfield_checkbox,
.gform_page .gfield_radio,
.gform_page .gfield_select,
.gform_page .gsurvey-rank-choice,
.gform_page .gsurvey-rating,
.gsurvey-likert td:after {
    font-family: Conv_ITCAvantGardeStd-Demi
}
.gform_page .gform_button:hover {
    background: #bb2212
}
.gform_page textarea {
    border: 1px solid #393d49;
    padding: 15px;
    max-width: 100%
}
.gform_page .gfield_checkbox li,
.gform_page .gfield_radio li {
    display: block;
    position: relative;
    line-height: .8;
    margin-bottom: 15px;
    width: 100%
}
.gform_page .gfield_checkbox input[type=checkbox],
.gform_page .gfield_radio li input[type=radio],
.gform_page .gsurvey-rating input[type=radio] {
    position: absolute;
    visibility: hidden;
    margin: 0
}
.gform_page .gfield_checkbox li label,
.gform_page .gfield_radio li label,
.gform_page .gsurvey-rating label {
    display: block;
    position: relative;
    font-weight: 300;
    vertical-align: text-bottom;
    cursor: pointer;
    -webkit-transition: all .25s linear;
    padding-left: 40px;
    line-height: 20px
}
.gform_page .gfield_checkbox li label::before,
.gform_page .gfield_radio li label::before,
.gform_page .gsurvey-rating label::before {
    content: '';
    display: inline-block;
    border: 2px solid #AAA;
    margin-right: 12px;
    height: 24px;
    width: 24px;
    vertical-align: middle;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    position: absolute;
    left: 0
}
.gform_page .gfield_radio li label::after,
.gform_page .gfield_radio li label::before,
.gform_page .gsurvey-rating label::after,
.gform_page .gsurvey-rating label::before {
    border-radius: 100%
}
.gform_page .gfield_checkbox li label::after,
.gform_page .gfield_radio li label::after,
.gform_page .gsurvey-rating label::after {
    display: block;
    content: '';
    top: 5px;
    left: 5px;
    position: absolute;
    height: 14px;
    width: 14px;
    z-index: 11;
    transition: background .25s linear;
    -webkit-transition: background .25s linear
}
.gform_page .gfield_checkbox li label:hover::after,
.gform_page .gfield_radio li label:hover::after,
.gform_page .gsurvey-rating label:hover::after {
    background: #de0009;
    transition: background .25s linear;
    -webkit-transition: background .25s linear
}
.gform_page .gfield_checkbox input[type=checkbox]:checked+label::after,
.gform_page .gfield_radio li input[type=radio]:checked+label::after,
.gform_page .gsurvey-rating input[type=radio]:checked+label::after {
    background: #de0009
}
.gform_page .ginput_container_text input {
    border: 1px solid #393d49;
    padding: 12px
}
.gform_page .gfield_select {
    background-color: #cbcbcb;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #393d49;
    cursor: pointer;
    display: block;
    font-weight: 400;
    height: 40px;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 10px 15px;
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.gform_page .ginput_container_select {
    position: relative;
    width: 50%
}
.gform_page .ginput_container_select::after {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #333;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 12px;
    width: 12px
}
.gsurvey-rating-wrapper {
    overflow: hidden
}
.gsurvey-rating-wrapper .gsurvey-rating {
    float: left
}
.gsurvey-rating-wrapper .gsurvey-rating:not(:checked)>input {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}
.gsurvey-rating-wrapper .gsurvey-rating label::after,
.gsurvey-rating-wrapper .gsurvey-rating label::before {
    display: none
}
.gsurvey-rating-wrapper .gsurvey-rating:not(:checked)>label {
    background: url(../img/club-opinion/club-opinion-star-off.svg) center center no-repeat;
    border: 0;
    display: inline-block;
    cursor: pointer;
    float: right;
    height: 24px;
    line-height: 24px;
    margin: 0 10px;
    overflow: hidden;
    text-indent: -9999px;
    width: 24px
}
.gsurvey-rating-wrapper .gsurvey-rating:not(:checked)>label:hover,
.gsurvey-rating-wrapper .gsurvey-rating:not(:checked)>label:hover~label,
.gsurvey-rating-wrapper .gsurvey-rating>input:checked~label,
.gsurvey-rating>input:checked+label:hover,
.gsurvey-rating>input:checked+label:hover~label,
.gsurvey-rating>input:checked~label:hover,
.gsurvey-rating>input:checked~label:hover~label,
.gsurvey-rating>label:hover~input:checked~label {
    background: url(../img/club-opinion/club-opinion-star-on.svg) center center no-repeat
}
.gform_page .gsurvey-rank-choice {
    background: url(../img/club-opinion/arrow-handle.svg) 0 center no-repeat;
    cursor: move;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 5px 15px 5px 40px;
    width: auto
}
.gform_page_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 35px;
    left: 50%;
    width: 85%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}
.gform_page .gform_page_footer--1button {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.gsurvey-likert tr {
    display: none
}
.gsurvey-likert tbody tr:first-child {
    display: block
}
.gsurvey-likert .gsurvey-likert-row-label {
    display: none
}
.gsurvey-likert td {
    display: block;
    margin: 10px 0;
    position: relative
}
.gsurvey-likert td:after {
    content: attr(data-label);
    display: inline-block;
    font-size: 16px
}
.gform__step-static::before,
.gold-club-advantages__title::before,
.gold-club__link::after,
.gsurvey-likert td::before {
    content: ''
}
.gsurvey-likert td input {
    display: inline-block;
    border: 2px solid #AAA;
    border-radius: 100%;
    margin: 0 12px 0 0;
    height: 24px;
    width: 24px;
    vertical-align: middle;
    z-index: 5;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}
.gform__step-0 .club-opinion__button,
.gform__step-0 .gform__title {
    margin-bottom: 30px
}
.gsurvey-likert td::before {
    background: #de0009;
    display: none;
    border-radius: 100%;
    top: 5px;
    left: 5px;
    position: absolute;
    height: 14px;
    width: 14px;
    z-index: 11;
    transition: background .25s linear;
    -webkit-transition: background .25s linear
}
.gform__step-late .gform__text .block,
.gform__step-no-survey .gform__text .block,
.gform__step-static .gform__text span,
.gsurvey-likert-choice.checked::before {
    display: block
}
.gold-club__content,
.gold-club__link {
    position: relative
}
.gsurvey-likert td:hover::before {
    background: #de0009;
    transition: background .25s linear;
    -webkit-transition: background .25s linear
}
.gfield_description.validation_message {
    color: #de0009;
    font-family: ITCAvantGardeStd-Bold;
    font-size: 14px;
    margin-top: 15px
}
.gform__step-0 .club-opinion__button:focus {
    color: #fff
}
.gform__step-static {
    margin: 30px auto;
    max-width: 500px;
    text-align: center
}
.gform__step-static::before {
    display: block;
    margin: 20px auto
}
.gform__step-static .gform__title {
    margin: 0 auto 30px;
    text-align: center
}
.gform__step-static .gform__text {
    font-size: 18px;
    line-height: 1.6
}
.gform__step-static .gform__text .bold {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif
}
.gform__step-thanks::before {
    background: url(../img/club-opinion/club-opinion-step-thanks-icon.svg) center center no-repeat;
    height: 107px;
    width: 90px
}
.gform__step-thanks .gform__title {
    color: #1dd982;
    width: 80%
}
.gform__step-late::before {
    background: url(../img/club-opinion/club-opinion-step-late-icon.svg) center center no-repeat;
    height: 100px;
    width: 100px
}
.gform__step-late .gform__title {
    color: #d40028;
    margin-bottom: 60px
}
.gform__step-no-survey::before {
    background: url(../img/club-opinion/club-opinion-step-no-survey-icon.svg) center center no-repeat;
    margin-bottom: 40px;
    height: 100px;
    width: 100px
}
.gform__step-no-survey .gform__title {
    margin-bottom: 60px
}
@media only screen and (max-width: 992px) {
    .club-opinion__container,
    .club-opinion__subtitle {
        width: 90%
    }
    .club-opinion__gforms-container,
    .club-opinion__sidebar {
        width: 100%
    }
    .club-opinion__container,
    .club-opinion__gforms-container {
        display: block
    }
    .club-opinion__sidebar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .club-opinion__sidebar-img {
        display: inline-flex;
        height: calc(90vw/2);
        width: calc(90vw/2)
    }
    .club-opinion__sidebar-img img {
        display: block;
        height: auto;
        width: 100%
    }
    .club-opinion__sidebar-info {
        display: inline-flex;
        height: calc(90vw/2);
        width: calc(90vw/2)
    }
    .gform_page .gform__text--active {
        margin-bottom: 30px
    }
    .gform_page_footer {
        position: relative;
        bottom: inherit;
        width: 100%;
        left: inherit;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin-top: 40px
    }
}
@media only screen and (max-width: 767px) {
    .club-opinion__sidebar-img,
    .club-opinion__sidebar-img img,
    .club-opinion__sidebar-info {
        display: block;
        height: auto;
        width: 100%
    }
    .club-opinion__title {
        padding-left: 30%;
        font-size: 17px;
        margin-bottom: 20px
    }
    .club-opinion__sidebar {
        display: block
    }
    .club-opinion__sidebar-img img {
        position: relative;
        top: inherit;
        left: inherit;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    .club-opinion__gforms-container {
        padding: 30px
    }
    .gform_wrapper .gf_page_steps>div::after {
        display: none
    }
    .gform__step-thanks .gform__title,
    .gform_page .ginput_container_select {
        width: 100%
    }
    .gform_wrapper .gf_page_steps>div:not(.gf_step_clear) {
        font-size: 16px;
        text-align: center
    }
    .gform_wrapper .gf_page_steps .gf_step_number {
        display: block;
        margin: 2px auto 0
    }
    .gform__step-static {
        max-width: 90%
    }
    .gform__step-late .gform__title,
    .gform__step-no-survey .gform__title {
        margin-bottom: 30px
    }
}
@media only screen and (max-width: 350px) {
    .club-opinion__gforms-container {
        padding: 20px
    }
    .gform_page_footer {
        display: block
    }
    .club-opinion__button,
    .gform_next_button,
    .gform_previous_button {
        display: block;
        margin: 10px 0
    }
}
.gold-club__link {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 18px;
    padding: 11px 15px;
    background-color: #de0009;
    color: #fff;
    min-width: 250px;
    display: inline-block;
    margin: 25px 0;
    z-index: 2;
    border: none
}
.gold-club-banner-bold,
.gold-club-calculator__input-field-radio label {
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif
}
.gold-club__link:focus span,
.gold-club__link:hover span {
    text-decoration: underline;
    color: #fff
}
.gold-club__link span {
    width: calc(100% - 8px);
    display: inline-block;
    text-align: left
}
.gold-club__link::after {
    background-image: url(../img/base/arrow-right-white.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 8px;
    height: 12px;
    display: inline-block;
    position: relative;
    right: -3px;
    -webkit-transition: right ease .2s;
    -moz-transition: right ease .2s;
    -o-transition: right ease .2s;
    -ms-transition: right ease .2s;
    transition: right ease .2s
}
.gold-club__link:hover::after {
    right: -6px
}
.gold-club__link--black {
    background-color: #393d49
}
.gold-club__link--white {
    background-color: #fff;
    color: #de0009
}
.gold-club__link--white:hover span {
    color: #de0009;
    text-decoration: underline
}
.gold-club__link--white::after {
    background-image: url(../img/base/arrow-right-red.png)
}
.gold-club-calculator__input-field-radio input[type=radio] {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    cursor: pointer
}
.gold-club-calculator__input-field-radio input[type=radio]+label span {
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: -9px 10px 0 0;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}
.gold-club-calculator__input-field-radio input[type=radio]:checked+label span {
    background: #393d49;
    width: 30px;
    height: 30px;
    border: 8px solid #fff
}
.gold-club-calculator__input-field-radio label {
    cursor: pointer;
    font-weight: 400;
    font-size: 22px;
    line-height: 21px;
    color: #fff;
    padding: 9px 0 0
}
.gold-club-banner {
    height: 491px;
    position: relative
}
.gold-club-banner-block {
    position: absolute;
    top: 0;
    left: 7%;
    padding: 40px 0 0;
    max-width: 998px
}
.gold-club-banner__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center
}
.gold-club-banner__image-resp {
    display: none
}
.gold-club-banner-item--5,
.gold-club-banner-regular {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif
}
.gold-club-banner-item-block {
    display: block
}
.gold-club-banner-item-inline-block {
    display: inline-block;
    vertical-align: bottom
}
.gold-club-banner-item {
    color: #fff
}
.gold-club-banner-item--1 {
    font-size: 60.5px;
    line-height: 1.04;
    text-align: left;
    margin: 0;
    display: inline-block;
    vertical-align: top
}
.gold-club-banner__position {
    width: 795px;
    position: absolute;
    left: 67%;
    top: 18px;
    display: inline-block
}
.gold-club-banner-item--save {
    font-size: 67.2px
}
.gold-club-banner-item--2 {
    text-align: left;
    position: relative;
    display: inline-block
}
.gold-club-banner-item--2 .gold-club-banner-item__image {
    position: absolute;
    left: 180px;
    top: 25px
}
.gold-club-banner-item--number {
    font-size: 459.9px;
    height: 380px;
    display: inline-block;
    vertical-align: baseline
}
.gold-club-banner-item--percent-desk {
    font-size: 221.9px;
    text-align: center
}
.gold-club-banner-item--percent-resp {
    display: none
}
.gold-club-banner-item--month {
    font-size: 28px;
    line-height: 1;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 50px)
}
.gold-club-banner-item--4 {
    display: inline-block
}
.gold-club-banner-item--first {
    font-size: 116px;
    line-height: 115px
}
.gold-club-banner-item--medium {
    font-size: 37px;
    position: relative;
    top: -7px;
    line-height: 35px
}
.gold-club-banner-item--last {
    font-size: 53.1px
}
.gold-club-banner-item--5 {
    font-size: 26.4px;
    line-height: 1.18;
    text-align: left;
    padding-right: 43px;
    color: #fff;
    margin-top: 45px
}
.gold-club-banner-item--5 .gold-club__link {
    margin: 0 0 0 15px
}
@media only screen and (max-width: 1100px) {
    .gold-club-banner-block {
        left: 3%
    }
}
@media only screen and (max-width: 1024px) {
    .gold-club-banner-block {
        left: 14px;
        max-width: 990px
    }
}
@media only screen and (max-width: 992px) {
    .gold-club-banner {
        height: 440px;
        position: relative
    }
    .gold-club-banner-block {
        max-width: 100%;
        padding: 30px 0 30px 20px;
        left: 0
    }
    .gold-club-banner__position {
        top: 62px;
        width: 573px;
        left: 54%
    }
    .gold-club-banner-item--1 {
        font-size: 45px
    }
    .gold-club-banner-item--save {
        font-size: 51px
    }
    .gold-club-banner-item--number {
        font-size: 298px;
        line-height: 200px
    }
    .gold-club-banner-item--percent {
        font-size: 144px
    }
    .gold-club-banner-item--first {
        font-size: 83px;
        line-height: 93px;
        position: relative;
        top: 7px
    }
    .gold-club-banner-item--medium {
        font-size: 26px;
        line-height: 35px;
        position: relative;
        top: -8px
    }
    .gold-club-banner-item--last {
        font-size: 38px
    }
    .gold-club-banner-item--5 {
        font-size: 24px;
        line-height: 1.18;
        width: 650px;
        padding-right: 0;
        bottom: -34px
    }
    .gold-club-four-percent-desktop {
        display: none
    }
    .gold-club-four-percent-tablet {
        display: inline-block
    }
    .gold-club-four-percent-mobile {
        display: none
    }
}
@media only screen and (max-width: 767px) {
    .gold-club__link {
        z-index: 11
    }
    .gold-club-banner {
        height: 451px;
        position: relative
    }
    .gold-club-banner__position {
        top: 45px;
        left: 39px;
        display: block;
        width: auto
    }
    .gold-club-banner-item--4 {
        display: inline-block;
        position: absolute;
        right: -16%;
        bottom: 34%
    }
    .gold-club-four-percent-tablet {
        display: none
    }
    .gold-club-four-percent-mobile {
        display: inline-block
    }
    .gold-club-banner-item--1 {
        font-size: 28px
    }
    .gold-club-banner-item--save {
        font-size: 32.5px
    }
    .gold-club-banner-item--number {
        font-size: 290px
    }
    .gold-club-banner-item--percent {
        font-size: 108px
    }
    .gold-club-banner-item--first {
        font-size: 31px;
        line-height: inherit;
        position: relative;
        top: 0;
        display: inline
    }
    .gold-club-banner-item--medium {
        font-family: ITCAvantGardeStd-Demi, arial, sans-serif;
        font-size: 13.2px;
        line-height: inherit;
        position: relative;
        top: -3px;
        padding: 3px 0
    }
    .gold-club-banner-item--last {
        font-size: 21.8px;
        display: inline
    }
    .gold-club-banner-item--5 {
        width: 100%;
        padding-right: 0;
        text-align: left;
        bottom: -127px;
        margin-top: 18px
    }
    .gold-club-banner-item--free {
        display: block
    }
    .gold-club-banner-item--5 .gold-club__link {
        margin: 15px 0 0
    }
    .gold-club-banner-item--percent-desk {
        display: none
    }
    .gold-club-banner-item--percent-resp {
        display: block;
        text-align: left;
        line-height: 72px;
        font-size: 108px
    }
    .gold-club-banner-block {
        padding: 30px 0 30px 40px
    }
}
@media only screen and (max-width: 500px) {
    .gold-club-banner__image-desk {
        display: none
    }
    .gold-club-banner__image-resp {
        display: block
    }
    .gold-club-banner-block {
        padding: 30px 0 30px 15px;
        margin: 0 auto;
        left: 0;
        right: 0;
        display: block;
        max-width: 320px
    }
    .gold-club-banner__position {
        left: 16px
    }
}
.gold-club-advantages {
    padding: 45px 14px;
    font-size: 0
}
.gold-club-advantages-item {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    text-align: center;
    position: relative
}
.gold-club-advantages-item--animation {
    text-align: right
}
.gold-club-advantages__title {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 28px;
    line-height: 1.23;
    text-align: center;
    color: #393d49;
    padding: 115px 20px 25px;
    position: relative
}
.gold-club-advantages__title::before {
    width: 100%;
    height: 172px;
    background: url(../img/gold-club/icon-advantages-decorative.png) center top no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0
}
.gold-club-advantages__text {
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 17px;
    line-height: 1.27;
    text-align: center;
    color: #656363;
    padding-bottom: 20px;
    max-width: 80%;
    margin: 0 auto
}
.gold-club-advantages__text-outstanding {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    color: #393d49
}
.gold-club-advantages__text-block {
    display: block
}
.gold-club-advantages__list {
    display: table;
    padding: 40px 5% 20px
}
.gold-club-advantages__list-item {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    width: 20%;
    position: relative
}
.gold-club-advantages__list-item--buy::after,
.gold-club-advantages__list-item--buy::before {
    width: 1px;
    height: 90px;
    background: #d4c9c9;
    position: absolute;
    top: 0;
    content: ''
}
.gold-club-advantages__list-item span {
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 15px;
    line-height: 1.09;
    text-align: center;
    color: #656363;
    display: block;
    padding: 20px 10px
}
.gold-club-advantages__list-item--buy::before {
    left: 0
}
.gold-club-advantages__list-item--buy::after {
    right: 0
}
.gold-club-advantages__note {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 14px;
    line-height: 1.3
}
.gold-club-advantages__note a {
    color: #000;
    text-decoration: underline
}
.gold-club-advantages__note span {
    display: block
}
.gold-club-advantages .gold-club__link {
    margin: 10px auto 45px
}
.gold-club-advantages-block {
    width: 100%;
    text-align: left;
    max-width: 571px;
    display: inline-block;
    margin-top: 115px
}
.gold-club-advantages__animate {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-wrap: nowrap
}
.gold-club-advantages__animate-item-text {
    max-width: 230px;
    background: #e0a153;
    padding: 40px 5%
}
.gold-club-advantages__animate-title {
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 23px;
    line-height: 1.22;
    text-align: left;
    color: #fff;
    padding-bottom: 15px
}
.gold-club-advantages__animate-text {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}
.animate1 {
    max-width: 155px
}
.animate2 {
    max-width: 341px
}
.animate3 {
    max-width: 155px
}
.animate4 {
    max-width: 186px
}
.animate5,
.animate6 {
    max-width: 230px
}
.animate7 {
    max-width: 186px
}
.animate2 .gold-club-advantages__animate-image-desk,
.animate2 .gold-club-advantages__animate-image-desk-2 {
    object-fit: cover;
    width: 100%;
    height: 100%
}
.gold-club-advantages__animate-image-desk {
    display: block;
    width: 100%
}
.gold-club-advantages__animate-image-desk-2 {
    display: none;
    width: 100%
}
.gold-club-advantage-animation {
    max-width: 100%;
    width: auto
}
@media only screen and (max-width: 992px) {
    .gold-club-advantages-item {
        width: 100%
    }
    .gold-club-advantages-item--animation {
        text-align: center
    }
    .gold-club-advantages-block {
        display: block;
        margin: 40px auto 0
    }
    .gold-club-advantages__text {
        max-width: 80%;
        margin: 0 auto
    }
}
@media only screen and (max-width: 767px) {
    .gold-club-advantages {
        padding: 30px 14px
    }
    .gold-club-advantages__title {
        font-size: 30px;
        padding: 85px 0 25px
    }
    .gold-club-advantages__title::before {
        top: 0
    }
    .gold-club-advantages__text {
        font-size: 20px
    }
    .gold-club-advantages__list {
        display: block;
        padding: 0
    }
    .gold-club-advantages__list-item {
        display: block;
        margin: 0 auto;
        width: 100%
    }
    .gold-club-advantages__list-item--buy::after,
    .gold-club-advantages__list-item--buy::before {
        display: none
    }
    .gold-club-advantages__list-item span {
        font-size: 20px;
        padding: 10px
    }
}
@media only screen and (max-width: 500px) {
    .animate2 {
        height: auto
    }
    .gold-club-advantages__animate-item-text {
        padding: 20px 5px
    }
    .gold-club-advantages__text {
        max-width: 100%;
        margin: 0 auto
    }
    .gold-club-advantages .gold-club__link {
        margin: 25px auto 45px
    }
    .gold-club-advantages__note span {
        display: inline
    }
    .gold-club-advantages__animate-title {
        font-size: 14px
    }
    .gold-club-advantages__animate-text {
        font-size: 12px
    }
}
.gold-club-mechanics {
    padding: 25px 14px 45px
}
.gold-club-mechanics-item {
    width: 50%;
    vertical-align: top;
    position: relative;
    text-align: center;
    margin-left: auto
}
.gold-club-mechanics__title {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 28px;
    line-height: 1.23;
    text-align: center;
    color: #393d49;
    padding: 115px 0 25px;
    position: relative
}
.gold-club-mechanics-bold,
.gold-club-mechanics__list-item {
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif
}
.gold-club-mechanics__title::before {
    content: '';
    width: 100%;
    height: 172px;
    background: url(../img/gold-club/icon-mechanics-decorative.png) center top no-repeat;
    background-size: contain;
    position: absolute;
    top: -18px;
    left: 0
}
.gold-club-mechanics__list {
    display: table;
    padding: 0 5%
}
.gold-club-mechanics__list-item {
    position: relative;
    font-size: 17px;
    line-height: 1.38;
    text-align: center;
    color: #656363;
    display: block;
    padding: 5px 10px 5px 40px
}
.gold-club-mechanics__list-item::before {
    content: '';
    background: url(../img/gold-club/icon-tick.png) no-repeat;
    width: 34px;
    height: 30px;
    display: inline-block;
    position: relative;
    left: -8px;
    top: 5px
}
.gold-club-mechanics-block {
    background: #e0a153;
    padding: 30px 12%;
    position: absolute;
    top: 122px;
    left: -100%;
    width: 94%;
    text-align: left;
    min-height: 407px;
    max-width: 507px
}
.gold-club-mechanics-item--4,
.gold-club-mechanics-regular {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif
}
.gold-club-mechanics-item-block {
    display: block
}
.gold-club-mechanics-item {
    display: block;
    color: #fff
}
.gold-club-mechanics-item--1 {
    font-size: 32px;
    line-height: 1.04;
    text-align: left;
    margin: 0
}
.gold-club-mechanics-item--2 {
    font-size: 462px;
    text-align: center;
    height: 360px;
    margin-top: -30px;
    -webkit-transition: all 1s;
    transition: all 1s;
    display: inline-block;
    vertical-align: bottom
}
.gold-club-mechanics-block .percent-block {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: relative
}
.gold-club-mechanics-block .text-block {
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    min-width: 310px
}
.percent-image {
    -webkit-transition: all 1s;
    transition: all 1s;
    position: absolute;
    top: 0;
    width: auto
}
.percent-block.animate {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7)
}
.gold-club-mechanics-item--percent {
    font-size: 136px;
    text-align: center;
    display: inline-block;
    vertical-align: bottom
}
.gold-club-mechanics-item--month {
    font-size: 22.6px;
    line-height: 1;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    max-width: 50%;
    margin-bottom: 15px
}
.gold-club-mechanics-item--price {
    font-size: 43.3px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px
}
.gold-club-mechanics-item--price sup {
    font-size: 23.8px;
    text-align: center;
    padding-left: 5px
}
.gold-club-mechanics-item--4 {
    opacity: 0;
    font-size: 21.9px;
    line-height: 1.18;
    text-align: left;
    padding-right: 43px
}
.gold-club-mechanics-item--3 {
    opacity: 0
}
.gold-club-mechanics-eu .gold-club-mechanics-item--month {
    padding-right: 20px
}
@media only screen and (max-width: 1024px) {
    .gold-club-mechanics-block {
        padding: 30px 5%
    }
}
@media only screen and (max-width: 992px) {
    .gold-club-mechanics-item {
        width: 100%
    }
    .gold-club-mechanics-block {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        margin: 20px auto 40px;
        padding: 30px 12%
    }
    .gold-club-mechanics__list {
        width: 80%;
        margin: 0 auto
    }
}
@media only screen and (max-width: 767px) {
    .gold-club-mechanics {
        padding: 30px 14px
    }
    .gold-club-mechanics__title {
        font-size: 30px;
        padding: 114px 0 25px
    }
    .gold-club-mechanics__list-item {
        font-size: 20px;
        padding: 10px
    }
    .gold-club-mechanics__list {
        width: 100%
    }
}
@media only screen and (max-width: 500px) {
    .gold-club-mechanics__list {
        width: 100%;
        margin: 0 auto;
        padding: 0
    }
    .gold-club-mechanics-block {
        padding: 30px 33px;
        min-height: 307px;
        max-width: 320px
    }
    .percent-image {
        max-width: 100%
    }
    .gold-club-mechanics-item--month {
        font-size: 17px;
        margin-bottom: 8px
    }
    .gold-club-mechanics-item--price {
        font-size: 32px
    }
    .gold-club-mechanics-item--price sup {
        font-size: 18px
    }
    .gold-club-mechanics-item--4 {
        font-size: 16px
    }
    .gold-club-mechanics-block .text-block {
        min-width: 100%;
        max-width: 100%;
        padding: 0 20px;
        left: 0;
        bottom: 20px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .gold-club-mechanics__title {
        padding: 90px 0 25px
    }
    .gold-club-mechanics-eu .gold-club-mechanics-item--4 {
        padding-right: 0
    }
}
.gold-club-calculator {
    padding: 45px 14px
}
.gold-club-calculator-item {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative;
    text-align: center
}
.gold-club-calculator__title {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 28px;
    line-height: 1.23;
    text-align: center;
    color: #393d49;
    padding: 115px 20px 25px;
    position: relative
}
.gold-club-calculator__title::before {
    content: '';
    width: 100%;
    height: 172px;
    background: url(../img/gold-club/icon-calculator-decorative.png) center top no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0
}
.gold-club-calculator__text {
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif;
    font-size: 17px;
    line-height: 1.27;
    text-align: center;
    color: #656363;
    padding-bottom: 20px;
    max-width: 80%;
    margin: 0 auto
}
.gold-club-calculator__text-outstanding {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    color: #393d49
}
.gold-club-calculator__text-block {
    display: block
}
.gold-club-calculator__list {
    display: table
}
.gold-club-calculator__list-item {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    width: 20%;
    position: relative
}
.gold-club-calculator__input-label,
.gold-club-calculator__list-item span {
    display: block;
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif
}
.gold-club-calculator__list-item span {
    font-size: 18px;
    line-height: 1.09;
    text-align: center;
    color: #656363;
    padding: 20px 10px
}
.gold-club-calculator__list-item--buy::before {
    content: '';
    width: 1px;
    height: 90px;
    background: #d4c9c9;
    position: absolute;
    top: 0;
    left: 0
}
.gold-club-calculator__list-item--buy::after {
    content: '';
    width: 1px;
    height: 90px;
    background: #d4c9c9;
    position: absolute;
    top: 0;
    right: 0
}
.gold-club-calculator-block {
    background: #de0009;
    padding: 35px 11%;
    position: absolute;
    top: 0;
    right: -100%;
    width: 94%;
    text-align: left;
    min-height: 407px;
    max-height: 407px;
    max-width: 507px
}
.gold-club-calculator__form-content {
    margin-top: 60px
}
.gold-club-calculator-block .gold-club__link {
    margin: 10px 20px 10px 0
}
.gold-club-calculator__input-field {
    padding-bottom: 30px
}
.gold-club-calculator__input-label {
    color: #fff;
    font-size: 24px;
    padding-bottom: 20px;
    line-height: 1.31
}
.gold-club-calculator__input {
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: #fff;
    padding: 13px 10px;
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif;
    color: #393d49;
    font-size: 18px
}
.gold-club-calculator-form__error,
.gold-club-calculator-form__result-negative,
.gold-club-calculator__result p {
    font-size: 16px;
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif;
    color: #fff
}
.gold-club-calculator__input:focus {
    border: none
}
.gold-club-calculator__input-field-radio {
    display: inline-block;
    vertical-align: top;
    min-width: 100px
}
.gold-club-calculator-form__error {
    margin-top: 20px;
    display: none
}
.gold-club-calculator__result {
    position: relative;
    display: none;
    max-width: 340px;
    margin: 0 auto
}
.gold-club-calculator-form__result-negative {
    margin-top: 20px;
    display: none
}
.gold-club-calculator-item--1,
.gold-club-calculator-item--2 {
    font-size: 26px;
    line-height: 1.31;
    text-align: left
}
.gold-club-calculator-bold {
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif
}
.gold-club-calculator-item--2,
.gold-club-calculator-regular {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif
}
.gold-club-calculator-item-block {
    display: block
}
.gold-club-calculator-item {
    color: #fff
}
.gold-club-calculator-item--2 {
    margin-bottom: 20px
}
.gold-club-calculator-item--3 {
    font-size: 100px;
    line-height: 1.01;
    text-align: center;
    letter-spacing: 0
}
.gold-club-calculator-item--3 sup {
    font-size: 40px;
    line-height: 2.58;
    padding-left: 12px;
    position: relative;
    top: -45px
}
.gold-club-calculator-eu .gold-club-calculator-item--1,
.gold-club-calculator-eu .gold-club-calculator-item--2 {
    width: 90%
}
@media only screen and (max-width: 1024px) {
    .gold-club-calculator {
        padding: 20px 14px 60px
    }
}
@media only screen and (max-width: 992px) {
    .gold-club-calculator-item {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        width: 100%
    }
    .gold-club-calculator-block {
        padding: 80px 10%;
        position: relative;
        right: 0;
        left: 0;
        width: 100%;
        min-height: 490px;
        max-width: 568px;
        margin: 0 auto;
        display: block
    }
    .gold-club-calculator__text {
        display: none
    }
    .gold-club-calculator-item--3 {
        text-align: left;
        line-height: inherit;
        padding-top: 24px;
        margin-bottom: -13px;
        display: block
    }
    .gold-club-calculator__title::before {
        top: -20px
    }
}
@media only screen and (max-width: 767px) {
    .gold-club-calculator {
        padding: 30px 14px
    }
    .gold-club-calculator__title {
        font-size: 30px;
        padding: 120px 0 40px
    }
    .gold-club-calculator__list-item span {
        font-size: 20px
    }
    .gold-club-calculator__link--desk {
        display: none
    }
    .gold-club-calculator-block {
        min-height: 407px;
        padding: 47px 10%
    }
}
@media only screen and (max-width: 500px) {
    .gold-club-calculator-item--3 {
        font-size: 56px
    }
    .gold-club-calculator-item--3 sup {
        top: -16px
    }
    .gold-club-calculator-block {
        padding: 40px 20px
    }
    .gold-club-calculator__form-content {
        margin-top: 44px
    }
    .gold-club-calculator__title {
        padding: 90px 0 40px
    }
}
.gold-club-video__title {
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-size: 40px;
    line-height: 1.23;
    text-align: center;
    color: #393d49;
    padding: 60px 0;
    position: relative
}
.gold-club-video-block {
    position: relative;
    height: 628px
}
.gold-club-video__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}
.gold-club-video__play {
    background-image: url(../img/gold-club/icon-play-video.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 130px;
    height: 130px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1
}
.gold-club-video__play:hover {
    background-image: url(../img/gold-club/icon-play-video-hover.png)
}
.gold-club-video__flex {
    height: 0;
    overflow: hidden;
    padding-bottom: 628px;
    position: relative
}
.gold-club-video__flex iframe {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}
@media only screen and (max-width: 767px) {
    .gold-club-video {
        padding: 25px 0 0
    }
    .gold-club-video__title {
        font-size: 30px;
        padding: 0 14px 48px
    }
    .gold-club-video-block {
        height: 440px
    }
    .gold-club-video__image {
        width: 100%
    }
    .gold-club-video__flex {
        padding-bottom: 440px
    }
}
.gold-club-follow-me {
    position: absolute;
    right: 0;
    top: 30px;
    transition: right .5s ease-in-out;
    width: 100%;
    display: block
}
.gold-club-follow-me--fixed {
    position: fixed;
    z-index: 1;
    top: 170px
}
.gold-club-follow-me--hide {
    display: none
}
.gold-club-follow-me__content {
    max-width: 1280px;
    display: block;
    margin: 0 auto;
    text-align: right
}
.gold-club-follow-me__block {
    width: 154px;
    height: 69px;
    background-color: #de0009;
    display: inline-block;
    position: relative;
    z-index: 2
}
.gold-club-follow-me__link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}
.gold-club-follow-me__title {
    font-family: ITCAvantGardeStd-Bold;
    font-size: 13.6px;
    line-height: 1.11;
    text-align: left;
    color: #fff;
    position: relative;
    position: absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    width: 45%
}
.gold-club-follow-me__link::after,
.gold-club-follow-me__link::before {
    content: '';
    background-repeat: no-repeat;
    position: absolute
}
.gold-club-follow-me__link::before {
    background-image: url(../img/base/arrow-left-white.png);
    width: 11px;
    height: 20px;
    left: 12px;
    top: calc(50% - 10px)
}
.gold-club-follow-me__link::after {
    background-image: url(../img/gold-club/icon-calculator.png);
    width: 34px;
    height: 44px;
    left: 35px;
    top: calc(50% - 22px)
}
@media only screen and (max-width: 992px) {
    .gold-club-follow-me--fixed {
        top: 210px
    }
}
@media only screen and (max-width: 767px) {
    .gold-club-follow-me--fixed {
        top: 85px;
        z-index: 10
    }
}
@media only screen and (max-width: 600px) {
    .gold-club-follow-me {
        top: inherit;
        bottom: 0;
        position: fixed;
        z-index: 12
    }
    .gold-club-follow-me__content {
        height: 75px
    }
    .gold-club-follow-me__block {
        width: 100%;
        height: 75px
    }
    .gold-club-follow-me__link::before {
        background-image: url(../img/base/arrow-white-down.png);
        width: 22px;
        height: 13px;
        top: calc(50% - 6px)
    }
    .gold-club-follow-me__link::after {
        background-size: contain;
        width: 39px;
        height: 51px;
        left: 70px;
        top: calc(50% - 25px)
    }
    .gold-club-follow-me__title {
        right: inherit;
        left: 0;
        padding-left: 120px;
        padding-right: 10px;
        width: 100%;
        font-size: 20px
    }
}
.gold-club-banner-eu .gold-club-banner {
    height: 491px;
    position: relative
}
.gold-club-banner-eu .gold-club-banner-block {
    position: absolute;
    top: 0;
    left: 7%;
    padding: 40px 0 0;
    max-width: 998px
}
.gold-club-banner-eu .gold-club-banner__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center
}
.gold-club-banner-eu .gold-club-banner__image-resp {
    display: none
}
.gold-club-banner-eu .gold-club-banner-bold {
    font-family: ITCAvantGardeStd-Demi, arial, sans-serif
}
.gold-club-banner-eu .gold-club-banner-item--5,
.gold-club-banner-eu .gold-club-banner-regular {
    font-family: ITCAvantGardeStd-bk, arial, sans-serif
}
.gold-club-banner-eu .gold-club-banner-item-block {
    display: block
}
.gold-club-banner-eu .gold-club-banner-item-inline-block {
    display: inline-block;
    vertical-align: bottom
}
.gold-club-banner-eu .gold-club-banner-item {
    color: #fff
}
.gold-club-banner-eu .gold-club-banner-item--1 {
    font-size: 60.5px;
    line-height: 1.04;
    text-align: left;
    margin: 0;
    display: inline-block;
    vertical-align: top
}
.gold-club-banner-eu .gold-club-banner__position {
    width: 795px;
    position: absolute;
    left: 67%;
    top: 18px;
    display: inline-block
}
.gold-club-banner-eu .gold-club-banner-item--save {
    font-size: 67.2px
}
.gold-club-banner-eu .gold-club-banner-item--percent {
    font-size: 154.7px
}
.gold-club-banner-eu .gold-club-banner-item--2 {
    text-align: left;
    position: relative;
    display: inline-block
}
.gold-club-banner-eu .gold-club-banner-item--2 .gold-club-banner-eu .gold-club-banner-item__image {
    position: absolute;
    left: 180px;
    top: 25px
}
.gold-club-banner-eu .gold-club-banner-item--number {
    font-size: 459.9px;
    height: 380px;
    display: inline-block;
    vertical-align: baseline
}
.gold-club-banner-eu .gold-club-banner-item--percent-desk {
    font-size: 221.9px;
    text-align: center
}
.gold-club-banner-eu .gold-club-banner-item--percent-resp {
    display: none
}
.gold-club-banner-eu .gold-club-banner-item--month {
    font-size: 28px;
    line-height: 1;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 50px)
}
.gold-club-banner-eu .gold-club-banner-item--4 {
    display: inline-block;
    margin-left: -22%
}
.gold-club-banner-eu .gold-club-banner-item--first {
    font-size: 43.3px;
    line-height: 57px
}
.gold-club-banner-eu .gold-club-banner-item--medium {
    font-size: 33px;
    line-height: 35px;
    margin-top: -12px;
    top: 0
}
.gold-club-banner-eu .gold-club-banner-item--last {
    font-size: 73.3px
}
.gold-club-banner-small {
    font-size: 34.3px
}
.gold-club-banner-eu .gold-club-banner-item--5 {
    font-size: 26.4px;
    line-height: 1.18;
    text-align: left;
    padding-right: 43px;
    color: #fff;
    margin-top: 45px
}
.gold-club-banner-eu .gold-club-banner-item--5 .gold-club__link {
    margin: 0 0 0 15px
}
.gold-club-four-percent-mobile,
.gold-club-four-percent-tablet {
    display: none
}
@media only screen and (max-width: 1100px) {
    .gold-club-banner-eu .gold-club-banner-block {
        left: 3%
    }
}
@media only screen and (max-width: 1024px) {
    .gold-club-banner-eu .gold-club-banner-block {
        left: 14px;
        max-width: 990px
    }
}
@media only screen and (max-width: 992px) {
    .gold-club-banner-eu .gold-club-banner {
        height: 440px;
        position: relative
    }
    .gold-club-banner-eu .gold-club-banner-block {
        max-width: 100%;
        padding: 30px 0 30px 20px;
        left: 0
    }
    .gold-club-banner-eu .gold-club-banner__position {
        top: 62px;
        width: 573px;
        left: 64%
    }
    .gold-club-banner-eu .gold-club-banner-item--1 {
        font-size: 45px
    }
    .gold-club-banner-eu .gold-club-banner-item--save {
        font-size: 51px
    }
    .gold-club-banner-eu .gold-club-banner-item--number {
        font-size: 298px;
        line-height: 200px
    }
    .gold-club-banner-eu .gold-club-banner-item--percent {
        font-size: 144px
    }
    .gold-club-banner-eu .gold-club-banner-item--first {
        font-size: 42px;
        line-height: 65px;
        position: relative;
        top: 7px
    }
    .gold-club-banner-eu .gold-club-banner-item--medium {
        font-size: 26px
    }
    .gold-club-banner-eu .gold-club-banner-item--last {
        font-size: 38px
    }
    .gold-club-banner-eu .gold-club-banner-item--5 {
        font-size: 24px;
        line-height: 1.18;
        width: 650px;
        padding-right: 0;
        bottom: -34px
    }
    .gold-club-four-percent-desktop {
        display: none
    }
    .gold-club-four-percent-tablet {
        display: inline-block
    }
    .gold-club-four-percent-mobile {
        display: none
    }
    .gold-club-banner-eu .gold-club-banner-item--4 {
        margin-left: -17%
    }
}
@media only screen and (max-width: 767px) {
    .gold-club-banner-eu .gold-club-banner {
        height: 451px;
        position: relative
    }
    .gold-club-banner-eu .gold-club-banner__position {
        top: 45px;
        display: block;
        width: auto
    }
    .gold-club-banner-eu .gold-club-banner-item--4 {
        display: inline-block;
        position: absolute;
        right: -16%;
        bottom: 34%
    }
    .gold-club-four-percent-tablet {
        display: none
    }
    .gold-club-four-percent-mobile {
        display: inline-block
    }
    .gold-club-banner-eu .gold-club-banner-item--1 {
        font-size: 28px
    }
    .gold-club-banner-eu .gold-club-banner-item--save {
        font-size: 32.5px
    }
    .gold-club-banner-eu .gold-club-banner-item--number {
        font-size: 290px
    }
    .gold-club-banner-eu .gold-club-banner-item--percent {
        font-size: 58px
    }
    .gold-club-banner-eu .gold-club-banner-item--first {
        font-size: 31px;
        position: relative;
        top: 0;
        display: inline
    }
    .gold-club-banner-small {
        font-size: 24px
    }
    .gold-club-banner-eu .gold-club-banner-item--medium {
        font-size: 16px;
        line-height: inherit;
        position: relative;
        top: -2px;
        padding: 3px 0;
        margin-top: -16px
    }
    .gold-club-banner-eu .gold-club-banner-item--last {
        font-size: 21.8px;
        display: inline
    }
    .gold-club-banner-eu .gold-club-banner-item--5 {
        width: 100%;
        padding-right: 0;
        text-align: left;
        bottom: -127px;
        margin-top: 18px
    }
    .gold-club-banner-eu .gold-club-banner-item--free {
        display: block
    }
    .gold-club-banner-eu .gold-club-banner-item--5 .gold-club__link {
        margin: 15px 0 0
    }
    .gold-club-banner-eu .gold-club-banner-item--percent-desk {
        display: none
    }
    .gold-club-banner-eu .gold-club-banner-item--percent-resp {
        display: block;
        text-align: left;
        line-height: 72px;
        font-size: 108px
    }
    .gold-club-banner-eu .gold-club-banner-block {
        padding: 30px 0 30px 40px
    }
}
@media only screen and (max-width: 500px) {
    .gold-club-banner-eu .gold-club-banner__image-desk {
        display: none
    }
    .gold-club-banner-eu .gold-club-banner__image-resp {
        display: block
    }
    .gold-club-banner-eu .gold-club-banner-block {
        padding: 30px 0 30px 12px;
        margin: 0 auto;
        left: 0;
        right: 0;
        display: block;
        max-width: 320px
    }
    .gold-club-banner-eu .gold-club-banner__position {
        left: 12px
    }
}
.header-no-display-desktop {
    display: none
}
.bg-ofertas-yellow {
    height: 51px !important;
    font-size: 16px !important;
    color: #393d49 !important;
    font-weight: 600;
    padding-top: 0.65em !important;
    background: #ffd938 !important
}
.home-section-title__text--h2 {
    font-size: 26px;
    color: #393d49;
    font-weight: 800
}
.productos-precio {
    font-size: 14px;
    padding-top: 6% !important;
    font-weight: 600
}
.nombre-producto {
    font-size: 13px !important;
    width: 90% !important;
    margin-left: 0.1em !important;
    text-align: left !important;
}
.precio_big {
    font-size: 24px;
    color: #393d49
}
.precio_small {
    font-size: 14px;
    color: #393d49
}
.precio_big_cintillo {
    font-size: 32px;
    color: #393d49
}
.precio_small_cintillo {
    font-size: 18px;
    color: #393d49
}
.linea-carousel {}.slick-next {
    font-size: 0;
}
.slick-prev {
    font-size: 0;
}
/*.home-slider .slick-arrow{content: '';width: 20px;height: 20px;border-left: 2px solid white;border-bottom: 2px solid white;transform: rotate(45deg);box-shadow: -3px 3px 5px rgba(0,0,0,0.8);display: block;margin: 10px 15px 10px 15px;transform-origin: center;}.home-slider .slick-next{transform: rotate(-135deg);}*/

.home-slider .slick-arrow {
    background-color: rgba(11, 10, 11, .7);
}
/*.producto{width:33.3% !important; padding: 0 1%;}*/

#controlder,
#controlizq {
    margin-top: 3.5em !important
}
@media (max-width: 992px) {
    .home-brochures__slider__container {
        background-color: #ededed;
    }
    .home-brochures__slider {
        margin: auto;
    }
    .home-club-card-link-amarillo {
        margin-right: 0 !important;
        padding: 0 !important;
    }
    .home-club-card-cintillo-amarillo {
        height: 140px !important;
        padding: 0;
    }
    .home-club-card__deco img {
        top: 0;
    }
    .home-club-card__deco img {
        left: 0;
        top: -100px;
    }
    .home-club-card__deco {
        display: block !important
    }
}
.home-club-card-link-amarillo {
    margin-right: 0 !important;
}
.home-club-card-cintillo-amarillo {
    width: 100%;
    height: 140px;
    background-color: #FAD504;
}
@media (min-width: 982px) {
    .productos-padding {
        /*padding:0 5% 0 2% !important*/

        padding-left: 0.25em !important;
        padding-right: 0.25em !important
    }
}
.offer-product--2x1-member .offer-product__2x1 {
    font-size: 33px;
    font-weight: 600;
    line-height: 33px;
    color: #fff;
    border-right: 1px solid #fff;
}
.offer-product__offer > div {
    width: 100%;
    max-width: 100%;
    height: 51px;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 15px;
    text-align: center;
    flex-basis: 0;
    flex-grow: 1;
}
.offer-product * {
    font-family: ITCAvantGardePro;
    box-sizing: border-box;
}
.offer-product {
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
    outline: none;
    transform: scale(0.98);
}
.offer-product__desc {
    font-size: 13px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    height: 85px;
    padding: 8px 30px 8px 11px;
    transition: all .3s;
    opacity: 0;
    color: #393d49;
}
.offer-product__image {
    overflow: hidden;
    width: 150px;
    height: 125px;
    margin: 0 auto;
    padding: block;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
}
.offer-product__text {
    display: flex;
    margin-top: 4px;
    margin-bottom: 4px;
    flex-wrap: wrap;
    align-items: center!important;
}
.offer-product__offer {
    display: flex;
    transition: all .3s;
    color: #393d49;
    background: #ffd938;
    flex-wrap: wrap;
    align-items: center!important;
}
.offer-product__date {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 8px 30px 8px 11px;
    transition: all .3s;
    opacity: 0;
    color: #393d49;
}
.offer-product--2x1-member .offer-product__offer {
    color: #fff;
    background-color: #eb1a0c;
}
.offer-product__euro {
    font-size: 75%;
    line-height: 1.15;
    position: relative;
    display: inline-block;
    vertical-align: text-top;
}
.offer-product--2x1-member .offer-product__offer-price {
    font-size: 24px;
    padding-top: 6px;
    line-height: 24px;
    letter-spacing: -1px;
}
.offer-product__text {
    display: flex;
    margin-top: 4px;
    margin-bottom: 4px;
    flex-wrap: wrap;
    align-items: center!important;
    color: #393d49;
}
.offer-product__name {
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    display: block;
    max-width: 55%;
    flex: 0 0 55%;
}
.offer-product__price {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    display: block;
    max-width: 45%;
    text-align: center;
    flex: 0 0 45%;
}
.offer-product:active,
.offer-product:focus,
.offer-product:hover,
.offer-product a:active,
.offer-product a:focus,
.offer-product a:hover {
    text-decoration: none;
    outline: none;
}
.offer-product__offer-price {
    font-size: 28px;
    font-weight: 600;
    line-height: 33px;
}
.offer-product:hover {
    transform: scale(1);
    transition: all 0.5s ease;
}
.offer-product__offer-price sup {
    font-size: 19px;
}
.offer-product__price sup {
    font-size: 14px;
}
.offer-product__info {
    font-size: 10px;
    font-weight: 600;
    line-height: 5px !important;
    display: block;
    letter-spacing: 0;
}
.home-health-ticker__title,
.home-health-ticker__bodycopy {
    color: #fff
}
.home-health-news__item__image img {
    width: 209px;
    height: 117px;
}
.fix-padding-opinion {
    padding: 0px 15px 15px 0 !important;
}
.fix-title-opinion {
    font-size: 32px;
    line-height: 34px;
    color: #393d49;
    margin: 0;
    font-family: ITCAvantGardeStd-Bold, arial, sans-serif;
    font-weight: 800;
    padding-bottom: 15px;
    float: left;
}
@media only screen and (min-width: 993px) {
    .home-club-card__container--eroski-club .home-club-card .home-club-card__content {
        display: block;
    }
    .home-club-card__container--eroski-club img {
        top: -5px !important;
    }
    .home-club-card__text {
        float: none !important;
    }
}
.hideOrShowfooterSN,
.hideOrShowfooterSNR {
    display: none;
}
.showmobile {
    display: block;
}
.ocher,
.dark-blue {
    display: none !important;
}

/*--------hacks para internet explorer---------*/
@media all and (-ms-high-contrast:none){.home-club-card__container--eroski-club img { margin-left: -500%;} /* IE10 */*::-ms-backdrop, .home-club-card__container--eroski-club img {margin-left: -500%} /* IE11 */}


.iFrameBCC{
	width: 100%;
	height: 3720px;
}
@media (min-width:992px){
	.iFrameBCC{
		height: 2400px;
	}
}

@media (min-width:1200px){
	.iFrameBCC{
		height: 2270px;
	}
}



@media only screen and (max-width: 992px) and (min-width: 768px)  {
	.iFrameBCC{
		height: 3720px;
	}
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
	margin-bottom: 0 !important;
}