/*
  Theme Name: BIOK
  Theme URI: http://www.z4a8b2c6d0e.info
  Version: 1.6.2
  Author: LLOS&
  Author URI: http://llos.co
*/

/* fonts */

@font-face {
  font-family: 'Grotesque MT Std';
  src: url('fonts/GrotesqueMTStd.woff2') format('woff2'), url('fonts/GrotesqueMTStd.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Grotesque MT Std';
  src: url('fonts/GrotesqueMTStd-Bold.woff2') format('woff2'), url('fonts/GrotesqueMTStd-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Grotesque MT Std';
  src: url('fonts/GrotesqueMTStd-Light.woff2') format('woff2'), url('fonts/GrotesqueMTStd-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Grotesque MT Std Cond';
  src: url('fonts/GrotesqueMTStd-ExtraCond.woff2') format('woff2'), url('fonts/GrotesqueMTStd-ExtraCond.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-stretch: extra-condensed;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Grotesque MT Std';
  src: url('fonts/GrotesqueMTStd-Black.woff2') format('woff2'), url('fonts/GrotesqueMTStd-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'NeueHaasUnicaW1G-Black';
  src: url('fonts/Neue Haas Unica W1G Black.woff2') format('woff2'), url('fonts/Neue Haas Unica W1G Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'Bodoni 72 Oldstyle';
  src: url('fonts/Bodoni 72 Oldstyle Book.woff2') format('woff2'), url('fonts/Bodoni 72 Oldstyle Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'DIN Engschrift Std';
  src: url('fonts/DINEngschriftStd.woff2') format('woff2'), url('fonts/DINEngschriftStd.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

@font-face {
  font-family: 'BrandonGrotesqueBlack';
  src: url('fonts/Brandon_Grotesque_Black/BrandonGrotesque-Black.eot');
  src:
    url('fonts/Brandon_Grotesque_Black/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),
    url('fonts/Brandon_Grotesque_Black/BrandonGrotesque-Black.woff') format('woff'),
    url('fonts/Brandon_Grotesque_Black/BrandonGrotesque-Black.ttf') format('truetype'),
    url('fonts/Brandon_Grotesque_Black/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'BrandonGrotesqueBold';
  src: url('fonts/Brandon_Grotesque_Bold/BrandonGrotesque-Bold.eot');
  src:
    url('fonts/Brandon_Grotesque_Bold/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Brandon_Grotesque_Bold/BrandonGrotesque-Bold.woff') format('woff'),
    url('fonts/Brandon_Grotesque_Bold/BrandonGrotesque-Bold.ttf') format('truetype'),
    url('fonts/Brandon_Grotesque_Bold/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: 'BrandonGrotesqueMedium';
  src: url('fonts/Brandon_Grotesque_Medium/BrandonGrotesque-Medium.eot');
  src:
    url('fonts/Brandon_Grotesque_Medium/BrandonGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/Brandon_Grotesque_Medium/BrandonGrotesque-Medium.woff') format('woff'),
    url('fonts/Brandon_Grotesque_Medium/BrandonGrotesque-Medium.ttf') format('truetype'),
    url('fonts/Brandon_Grotesque_Medium/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium') format('svg');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}


/* general reset */

body { color: #000; font: 400 16px/22px 'Grotesque MT Std', sans-serif; background: #fff; min-width: 320px; }
img { border-style: none; }
input,
textarea,
select { color: #000; vertical-align: middle; font: 100% 'Grotesque MT Std', sans-serif; }
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner { border: none; padding: 0; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: none; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; }
form,
fieldset { margin: 0; padding: 0; border-style: none; }
blockquote,
q { quotes: none; }
q::before,
q::after { content: ''; }
a { color: inherit; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; }
a:hover,
a:focus,
a:active { color: inherit; text-decoration: none; }
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus { outline: none; }
input[type="search"] { -webkit-appearance: textfield; }
.condiciones { text-align: center; }
.condiciones_trabajo { max-width: 600px; margin: 0 auto !important; text-align: left; }
.condiciones_trabajo a,
.condiciones a { text-decoration: underline; }
.condiciones_trabajo a:hover,
.condiciones a:hover { color: #999; }
#wrapper { overflow: hidden; position: relative; min-height: 100vh; -webkit-transition: all 0.3s; transition: all 0.3s; }
.container-fluid.md { width: 100%; max-width: 1170px; }
.slick-slide,
.slick-arrow { outline: none; }
.btn { display: inline-block; vertical-align: top; text-align: center; border-radius: 0; border: 1px solid; font-size: 16px; line-height: 22px; text-transform: uppercase; letter-spacing: 0; font-weight: 400; padding: 11px 15px; box-shadow: none; min-width: 200px;  /* 	margin-top: 20px; */ margin: 17px 20px; }
.picture-box > div > a.btn { /* margin-top: 0; */ margin-top: 20px; }
.btn-default { color: #000; border-color: #000; background: none; }
.btn-default:active:hover,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active,
.btn-default:hover,
.btn-default:focus,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default.focus:active,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus { border-color: #000; background: #000; color: #fff; }
.uppercase { text-transform: uppercase; }

@media (min-width: 1200px){
	.container { width: 1230px; }
}

.form-control::-webkit-input-placeholder { color: #fff; opacity: 1; }
.form-control::-moz-placeholder { color: #fff; opacity: 1; }
.form-control:-ms-input-placeholder { color: #fff; opacity: 1; }
.open-menu { display: none; }


/* header */
#header { background: #fff; width: 100%; position: fixed; top: 0; left: 0; z-index: 200; padding-bottom: 20px; }
#header.nav-up { top: -200px; }
#header.nav-down { display: block; top: 0; }
.scroll_gap { margin-top: 200px; }
#header .top { background: #dee0df; padding: 10px 0; font-size: 14px; line-height: 18px; letter-spacing: 0.3px; }
#header .top .left { float: left; margin: 0; }
#header .top .left a { font-weight: 700; }
#header .top .left a:hover { text-decoration: underline; }
#header .top ul { margin: 0; padding: 0 0 0 0; list-style: none; font-size: 0; line-height: 0; float: right; }
#header .top ul li { display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; padding-left: 47px; }
#header .top ul li a { display: inline-block; vertical-align: top; position: relative; }
#header .top ul li a:hover { opacity: 0.6; }
#header .top ul li a::before { content: ''; position: absolute; top: 0; left: 0; }
#header .top ul li.btn-card a { padding-left: 29px; }
#header .top ul li.btn-card a::before { width: 18px; height: 13px; background: url(img/ico-card-01.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin: 4px 0 0; }
#header .top ul li.btn-centers a { padding-left: 23px; }
#header .top ul li.btn-centers a::before { width: 12px; height: 16px; background: url(img/ico-marker-01.svg) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin: 2px 0 0; }
#header .holder { padding: 40px 0 0; }
#header .logo.corporativo { display: block; width: 246px; height: 60px; background: url('img/biok_corporativo.svg') no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; font-size: 0; line-height: 0; margin: 0 auto 35px; }
#header .logo.biok_moda { display: block; width: 246px; height: 60px; background: url('img/biok_fashion.svg') no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; font-size: 0; line-height: 0; margin: 0 auto 35px; } */
#header .logo.biok_supermercado { display: block; width: 246px; height: 60px; background: url('img/biok_supermarket.svg') no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; font-size: 0; line-height: 0; margin: 0 auto 35px; } */


/* #header .logo { display: block; width: 246px; height: 40px; background: url(img/logo.svg) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; font-size: 0; line-height: 0; margin: 0 auto 35px; } */


#header .logo a { display: block; height: 100%; }
.nav-up { top: -60px; }
#main-nav { text-align: center; }
#main-nav ul { margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; display: flex; justify-content: space-between; flex-basis: unset; width: 100%; }
#main-nav ul li { display: inline-block; vertical-align: top; position: relative; font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 0.6px; text-transform: uppercase; margin: 0 12px; }
body.biok-supermercado #main-nav { background: #f5f5f5; clear: both; }
body.biok-supermercado #main-nav ul li { margin: 0 12px; position: unset; }
body.biok-supermercado #main-nav ul li > a { height: 40px; line-height: 40px; display: inline-block; overflow: hidden; padding-left: 30px; }
#main-nav ul li > a { display: inline-block; vertical-align: top; position: relative; padding-bottom: 5px; }
#main-nav ul li > a::before { content: ''; position: absolute; bottom: 0; left: 50%; right: 50%; height: 2px; background: #000; -webkit-transition: all 0.3s; transition: all 0.3s; width: 0; }
#main-nav ul li.current-menu-item > a::before,
#main-nav ul li.current-menu-parent > a::before,
#main-nav ul li.active > a::before,
#main-nav ul li:hover > a::before { left: 0; right: 0; width: 100%; }
#main-nav ul li:hover ul { opacity: 1; visibility: visible; }
#main-nav ul li ul { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: -10px; min-width: 200px; background: #fff; padding: 15px 10px 10px; text-align: left; -webkit-transition: all 0.3s; transition: all 0.3s; }
#main-nav ul li ul li { display: block; font-size: 14px; line-height: 20px; text-transform: none; letter-spacing: 0; padding: 0 0 5px; margin: 0; }
#main-nav ul li ul li a { display: block; }
#main-nav ul li ul li a:hover { opacity: 0.6; }
#main-nav ul li ul li a::before { display: none; }
/* #header .sub-menu li { display: block; } */


/* visual */

.container-fluid.pad { /*  padding-left: 12%; padding-right: 12%; */ max-width: 1230px; position: relative; clear: both; }
.visual { padding-top: 58%; position: relative; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; margin-bottom: 44px; }
.visual > img { display: none; }
.visual .lbl { position: absolute; top: 45px; right: 56px; width: 295px; height: 290px; border-radius: 50%; background: #efe840; font-size: 0; line-height: 0; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.visual .lbl img { display: none; }


/* items-block */

.items-block { padding: 40px 0 0; text-align: center; }
h1{font-size:2em!important;text-align:center!important;font-weight: 700!important;text-transform:uppercase!important;margin: 0 0 30px!important;}
h2 { text-align: center; font-weight: 700; font-size: 30px; line-height: 34px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 30px; }
.items-block h2 { margin: 40px 0 78px; }
.item-boxes { margin: 0 -40px; padding: 0; list-style: none; font-size: 0; line-height: 0; }
.item-boxes li { display: inline-block; vertical-align: top; width: 50%; padding: 0 40px 20px; }
.item-box { font-weight: 400; font-size: 16px; line-height: 22px; text-align: center; position: relative; }
.item-box .img { background-color: #000; color: #fff; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; padding-bottom: 133.5%; position: relative; margin-bottom: 20px; }
/* .item-box .img_horizontal { margin-bottom: 40px; } */
.item-box .img.type2 { padding-bottom: 140%; }
.item-box .img > img { display: none; }
.item-box h4 { font-weight: 700; font-size: 22px; line-height: 28px; text-transform: uppercase;  /* margin: 0 0 17px; padding: 0 20px; */ padding: 15px 20px 10px; margin: 0; }
.item-box p { /* 	margin: 0 40px 15px 40px; */ margin: 17px 40px; }
.texto_grande p { margin: 0; font: 400 28px/30px 'Grotesque MT Std', sans-serif; }
.item-box .prod-img { min-height: 612px; position: relative; background: #f6f7f9; }
.item-box .prod-img .pic { position: absolute; top: 30px; left: 30px; right: 30px; bottom: 100px; }
.item-box .prod-img .pic img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.item-box .prod-img .txt { position: absolute; left: 0; right: 0; bottom: 0; height: 100px; text-align: center; padding: 22px 20px 0; }
.item-box .prod-img .txt strong { display: block; font-weight: 700; font-size: 18px; line-height: 24px; text-transform: uppercase; margin-bottom: 2px; }
.item-box .prod-img .txt span { display: block; font-weight: 400; font-size: 18px; line-height: 22px; }
.item-box .price-holder { background: #efe840; padding: 38px 15px; margin-bottom: 44px; }
.item-box .price-holder .price { display: inline-block; vertical-align: top; padding: 0 120px 0 90px; font-weight: 700; font-size: 100px; line-height: 80px; color: #e42420; position: relative; }
.item-box .price-holder .price .old { position: absolute; top: 0; left: 0; font-weight: 400; font-size: 26px; line-height: 24px; color: #000; text-decoration: line-through; }
.item-box .price-holder .price sup,
.item-box .price-holder .price sub { position: absolute; }
.item-box .price-holder .price sup { top: 0; right: 63px; font-size: 58px; line-height: 56px; }
.item-box .price-holder .price sub { bottom: 0; right: 3px; font-weight: 400; font-size: 24px; line-height: 28px; }
.item-boxes.type-prod li { padding-bottom: 110px; }
.banner-box { display: block; margin: 60px 0; }
.banner-box.type2 { margin-top: 0; }
.banner-box img { display: block; width: 100%; }
.banner-block .banner { position: relative; }
.info_sobre_banner { position: absolute; margin: 0 auto; top: calc(50% - 65px); text-align: center; left: 0; right: 0; }
.info_sobre_banner h2 { margin: 0 !important; }
.info_sobre_banner h3 { margin: 0; padding: 10px; font-size: 24px; font-weight: 300; }
.info_sobre_banner .btn-default { background: white; color: black; }
.info_sobre_banner .btn-default:hover { background: black; color: white; }
.info_sobre_banner h2 p,
.info_sobre_banner h3 p { margin: 0; }


/* carousel-block */

.carousel-block { padding: 40px 0 40px; }
.carousel-block.type2 { padding: 90px 0 50px; }
.carousel-block h2 { margin: 40px 0 80px; }
.carousel { position: relative; }
.carousel .slick-arrow { position: absolute; border: none; font-size: 0; line-height: 0; padding: 0; width: 28px; height: 52px; top: 50%; margin-top: -26px; }
.carousel .slick-arrow:hover { opacity: 0.5; }
.carousel .slick-prev { background: url(img/ico-prev.svg) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; left: -68px; }
.carousel .slick-next { background: url(img/ico-next.svg) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; right: -68px; }
.carousel .slide { padding: 0 20px; }
.carousel .logo-img { display: block; height: 154px; position: relative; }
.carousel .logo-img:hover { opacity: 0.75; }
.carousel .logo-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; }


/* picture-box */

.picture-box { padding: 40px 0 20px; text-align: center; }
.picture-box h2 { margin: 40px 0 70px; }
.picture { -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; padding-bottom: 54.5%; position: relative; }
.picture img { display: none; }
.picture-box time { display: block; background: #000; color: #fff; font-size: 15px; line-height: 20px; padding: 10px 20px; margin-bottom: 20px; }


/* superpromo-block */

.superpromo-block { padding: 40px 0 44px; }
.superpromo-block h2 { margin: 40px 0 80px; }
.superpromo-box { position: relative; background: #f6f7f9; padding-left: 66.8%; }
.superpromo-box .img { position: absolute; top: 0; bottom: 0; left: 0; width: 66.8%; overflow: hidden; }
.superpromo-box .img img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.superpromo-box .descr { background: #efe840; text-align: center; padding: 40px 30px 30px; min-height: 560px; font-size: 18px; line-height: 25px; position: relative; }
.superpromo-box .descr span,
.superpromo-box .descr time { display: block; }
.superpromo-box .descr .old-price { font-size: 26px; line-height: 30px; margin-bottom: 80px; text-decoration: line-through; }
.superpromo-box .descr .price { display: inline-block; vertical-align: top; padding-right: 95px; font-weight: 700; font-size: 161px; line-height: 120px; color: #e42420; position: relative; margin-bottom: 60px; }
.superpromo-box .descr .price sup,
.superpromo-box .descr .price sub { position: absolute; right: 0; }
.superpromo-box .descr .price sup { top: 0; font-size: 94px; line-height: 70px; }
.superpromo-box .descr .price sub { bottom: 0; font-weight: 400; font-size: 27px; line-height: 30px; }
.superpromo-box .descr .name { text-transform: uppercase; font-weight: 700; font-size: 26px; line-height: 30px; }
.superpromo-box .descr time { display: block; font-weight: 300; font-size: 16px; letter-spacing: 0.35px; margin-top: 38px; }


/* footer */

#footer { border-top: 1px solid #000; padding: 58px 0 48px; margin-top: 60px; }
#footer h4 { font-weight: 700; font-size: 15px; line-height: 20px; text-transform: uppercase; margin: 0 0 19px; }
.footer-nav { margin: 0; padding: 0 0 28px; list-style: none; font-size: 0; line-height: 0; display: inline-block; }
.footer-nav li { font-size: 14px; line-height: 20px; text-transform: uppercase; margin-bottom: 8px; }
.footer-nav li a:hover { text-decoration: underline; }
.social { margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; }
.social li { display: inline-block; vertical-align: top; margin: 0 10px 10px 0; }
.social a { display: block; width: 28px; height: 28px; }
.social a:hover { opacity: 0.75; }
.social .facebook { background: url(/img/ico-facebook.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
#footer .bottom { text-align: center; padding-top: 40px; }
#footer .bottom h4 { font-size: 18px; margin: 0 0 4px; }
.footer-list { margin: 0; padding: 0 0 4px; list-style: none; font-size: 0; line-height: 0; }
.footer-list li { display: inline-block; vertical-align: top; position: relative; padding: 0 9px; font-size: 18px; line-height: 22px; }
.footer-list li + li::before { content: ''; position: absolute; width: 6px; height: 2px; background: #000; left: -3px; top: 50%; margin-top: -1px; }
.footer-list li a:hover { text-decoration: underline; }
.footer-nav .menu img { display: none; }
#mc_embed_signup .clear { clear: none }
.sib_signup_form input[type="email"]{ font-size: 14px; height: 42px; padding: 0 10px; border-radius: 0; border: 1px solid black; }
.sib_signup_form input[type="submit"]{ border: 1px solid black; background: white; border-radius: 0; padding: 0 10px; font-size: 14px; }
.sib_signup_form input[type="submit"]:hover { background: black; color: white; }
.sib-email-area { float: left; }
.sib_signup_form p.sib-alert-message { font-size: 14px !important; height: auto !important; line-height: 1.2 !important; padding: 0 !important; color: black !important; background: transparent !important; border: 0 !important; }
.acceptance-210,
.acceptance-211,
.acceptance-212 { float: left; padding-top: 10px; }
.wpcf7 .ajax-loader { position: absolute; }

/* promo-block */

.promo-block { padding: 40px 0 0; text-align: center; }
.promo-block h2 { margin: 40px 0 79px; }
.promo-list { margin: 0 -25px; padding: 0; list-style: none; font-size: 0; line-height: 0; }
.promo-list li { display: inline-block; vertical-align: top; width: 25%; padding: 0 20px 40px; }
.promo-box .img { min-height: 360px; position: relative; background: #f6f7f9; }
.promo-box .img .ico-flag { position: absolute; z-index: 5; top: 20px; right: 11px; width: 58px; height: 58px; border-radius: 50%; overflow: hidden; }
.promo-box .img .ico-flag img { position: absolute; display: block; height: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.promo-box .img .pic { position: absolute; /*  top: 30px; left: 20px; right: 20px; bottom: 100px; */ width: 220px; height: 260px; }
.promo-box .img .pic img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.promo-box .img .txt { position: absolute; left: 0; right: 0; bottom: 0;  /* height: 80px; */ text-align: center; padding: 20px 10px; text-transform: uppercase; }
.promo-box .img .txt strong { display: block; font-weight: 700; font-size: 14px; line-height: 20px; }
.promo-box .img .txt span { display: block; font-weight: 400; font-size: 14px; line-height: 18px; }
.promo-box .price-holder { background: #efe840; padding: 18px 10px; }
.promo-box .price-holder .price { display: inline-block; vertical-align: top; padding: 0 85px 0 65px; font-weight: 700; font-size: 42px; line-height: 32px; color: #e42420; position: relative; }
.promo-box .price-holder .price .old { position: absolute; top: -2px; left: 0; font-weight: 400; font-size: 16px; line-height: 16px; color: #000; text-decoration: line-through; }
.promo-box .price-holder .price sup,
.promo-box .price-holder .price sub { position: absolute; }
.promo-box .price-holder .price sup { top: 0; right: 60px; font-size: 24px; line-height: 20px; }
.promo-box .price-holder .price sub { bottom: -1px; right: -18px; font-weight: 400; font-size: 14px; line-height: 14px; width: 100px; text-align: left; }
.item-boxes.row3 { margin: 0 -30px; }
.item-boxes.row3 li { width: 33.33%; padding: 0 30px 20px; }
.item-boxes.row3 .item-box .prod-img { min-height: 400px; }
.item-boxes.row3 .item-box .prod-img .txt { height: 83px; }
.item-boxes.row3 .item-box .prod-img .txt strong { font-size: 18px; line-height: 22px; }
.item-boxes.row3 .item-box .prod-img .txt span { font-size: 15px; line-height: 16px; }
.item-boxes.row3 .item-box .price-holder { padding: 21px 10px 22px; }
.item-boxes.row3 .item-box .price-holder .price { font-size: 80px; line-height: 60px; padding: 0 94px 0 72px; }
.item-boxes.row3 .item-box .price-holder .price .old { font-size: 19px; line-height: 20px; }
.item-boxes.row3 .item-box .price-holder .price sup { font-size: 46px; line-height: 44px; right: 46px; }
.item-boxes.row3 .item-box .price-holder .price sub { font-size: 19px; line-height: 15px; right: 0; }
.appear { opacity: 0; -webkit-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; }
.appear.appeared { opacity: 1; }
.transition { transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }
.info_bottom { /* padding: 35px 20% 0 20%; */ padding: 20px 20% 0 20%; }
.info_bottom h4 { text-transform: uppercase; padding: 15px 0 0 0; font-weight: 700; font-size: 22px; line-height: 28px; margin-bottom: 10px; }
.info_bottom.rest p { max-width: 700px; margin: 0 auto; }
.newsletter { padding: 40px 40px 20px 40px; background: #f7e0cf; margin-bottom: 40px; }
.newsletter h2 { margin: 0; }
.newsletter p { text-align: center; max-width: 500px; margin: 0 auto; }
.newsletter form { margin: 20px auto 0 auto; width: 400px; }
.newsletter .text-center { width: calc(100% - 70px); line-height: 40px; border: 0; border-radius: 5px; }
.newsletter button,
input[type="button"],
input[type="reset"],
input[type="submit"] { line-height: 40px; border: 0; border-radius: 5px; padding: 0 17px; margin-left: 10px; height: 42px; }

.widget_text.footer-nav .wpcf7-list-item { border: 0; padding: 0; font-size: 16px; line-height: 22px; padding-bottom: 10px; }
.widget_text.footer-nav .wpcf7-list-item a { text-decoration: underline; }

.subscribe-block .wpcf7-list-item { border: 0; padding: 0; font-size: 11px; line-height: 1; padding-bottom: 10px; background: none; }
.subscribe-block .wpcf7-list-item a { text-decoration: underline; }
.subscribe-block label { font-size: 16px !important; }
.subscribe-block p:not(.condiciones){ display: flex; flex-wrap: wrap; }

#header .top ul li.menu-item-has-children a,
#header .top ul li .sub-menu li.menu-item-language { display: block; padding-left: 0; }
#header .sub-menu { display: none; }
#header li.wpml-ls-item:hover > .sub-menu { display: block; position: absolute; }
#header .top ul li.wpml-ls-item .sub-menu li { display: block; padding-left: 0; }
#header .top ul li.menu-item-language-current { padding-left: 23px; }
.menu-main-container { width: 100%; }
footer ul { list-style: none; padding-left: 20px; }
footer .sub-menu { display: none; }
footer ul:first-child { padding-left: 0; }
span.subtitle { text-transform: uppercase; font-weight: bold; }
.promo_3 .item-box .img,
.promo_2 .item-box .img { background-color: #f6f7f9; }
.banner img { width: 100%; }
.banner-block { padding: 0 0 30px 0; }
.banner-block h2 { margin: 40px 0 80px 0; }
.small_block { max-width: 1000px; margin: 0 auto; clear: both; }
.promo_2 .img_horizontal img,
.promo_3 .img_horizontal img { width: 100%; }
/* .promo_3 .item-box h4 { padding:37px 20px 0 20px; } */
/* .promo_3 > ul > li > .item-box > a .img { margin-bottom: 0 !important; } */
.grid_restaurantes h4 { margin: 30px 0 17px; }
.grid_restaurantes p { margin-bottom: 0; }
.grid_restaurantes .info_rest { min-height: 65px; }
.grid_restaurantes .item-boxes li { padding: 0 100px 80px; }
.grid_restaurantes .btn { margin-top: 35px; }
.slider_rest { position: relative; }
.slider_rest .slick-arrow { position: absolute; border: none; font-size: 0; line-height: 0; padding: 0; width: 28px; height: 52px; top: 50%; margin-top: -26px; }
.slider_rest .slick-arrow:hover { opacity: 0.5; }
.slider_rest .slick-prev { background: url(img/ico-prev.svg) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; left: -68px; }
.slider_rest .slick-next { background: url(img/ico-next.svg) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; right: -68px; }
.icons_container { margin: 0 auto; text-align: center; padding: 50px 0 0 0; }
.icon_img { list-style: none; padding: 5px; display: inline-block; }
.icon_img img { width: 70px; height: 70px; }
.info_bottom p { /* padding: 20px 0 35px 0; margin: 0; */ padding: 17px 0; margin: 0; }
.info_rest { margin: 0 auto; text-align: center; padding: 0; }
.tit { font-weight: bold; padding-top: 20px; text-transform: uppercase; }
.info_rest p { margin: 0; padding: 0 20px 20px 20px; }
.mapa_rest,
.download_file { margin: 80px 20px; }

/* MAPA */

.acf-map { width: 100%; height: 600px; border: #ccc solid 1px; margin: 60px 0 0 0; }
.acf-map img { max-width: inherit !important; }
.acf-map h4 { margin-top: 5px; text-transform: uppercase; margin-bottom: 10px; }
.acf-map h4 a { text-decoration: none; }
.acf-map a { text-decoration: underline; }
.marker { display: flex; flex-direction: column; }
/* .mapa { display: none; }
body.show_map .mapa { display: block; } */
.listado_servicios ul { padding-left: 0; margin-bottom: 70px; }
.listado_servicios p { max-width: 400px; padding: 0 20px; margin: 0 auto; text-align: center; }
.btn_1_servicios { margin-right: 20px; }
.buttons { margin-top: 25px; }
.listado_marcas a { font-weight: bold; }
.col_5.col-md-3 { width: 20%; line-height: 30px; }
.super_title { font-family: "Grotesque MT Std", Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 25px; line-height: 1; }
.super_title span { font-size: 50px; line-height: 1; }
.description_container { right: 0; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.promo-list li:nth-last-child(-n+4) { padding: 0 25px 40px; }
.v-middle { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.image_full_block { position: relative; width: 100%; height: 100%; }
.info_on_img { position: absolute; height: 100%; width: 100%;  /* top: 0; */ bottom: 0; left: 0; justify-content: center; align-items: center; display: flex; flex-direction: column; }
.title_on { font-family: "BrandonGrotesqueBold", Arial, sans-serif; font-size: 26px; text-align: center;  /*  text-transform: uppercase;  */ padding: 0 40px 40px 40px; color: white; }
.texto_on { font-family: "BrandonGrotesqueMedium", Arial, sans-serif; font-size: 80px; line-height: 80px; text-align: center; padding: 0 200px 100px; color: white; }
.texto_on p { margin: 0; }
.info_horizontal { height: 306px; }
.info_vertical { height: 615px; }
.info_on_promo { position: absolute; width: 100%; top: 0; left: 0; justify-content: center; align-items: center; display: flex; flex-direction: column; }
.info_on_promo .title_on { font-family: "BrandonGrotesqueBold", Arial, sans-serif; font-size: 26px; text-align: center;  /* text-transform: uppercase; */ padding: 0 30px 40px 30px; color: white; }
.info_on_promo .texto_on { font-family: "BrandonGrotesqueMedium", Arial, sans-serif; font-size: 40px; line-height: 44px; text-align: center; padding: 30px; color: white; }
.info_on_promo .texto_on p { margin: 0; }
.vertical_3 { height: 393px; }
.horizontal_3 { height: 195px; }
.info_3 { position: absolute; width: 100%; top: 0; left: 0; justify-content: center; align-items: center; display: flex; flex-direction: column; }
.title_3 { font-family: "BrandonGrotesqueBold", Arial, sans-serif; font-size: 26px; text-align: center;  /* text-transform: uppercase; */ padding: 0 30px 40px 30px; color: white; }
.texto_3 { font-family: "BrandonGrotesqueMedium", Arial, sans-serif; font-size: 40px; line-height: 44px; text-align: center; padding: 30px; color: white; }
.texto_3 p { margin: 0; }
.texto_grande { font-size: 28px; line-height: 30px; text-align: center; padding: 17px 15px; }
.texto_grande p { padding: 0; }
#header .open-menu { font-size: 0; line-height: 0; width: 30px; padding: 0; position: absolute; z-index: 50; top: 50%; right: 15px; outline: none; margin-top: -10px; }
body.sticky { padding-top: 180px; }
body.sticky .open-menu { display: block; }
body.sticky #header { position: fixed; left: 0; right: 0; top: 0; background: white; transition: top 0.2s ease-in-out; min-height: 60px; }
body.sticky #header .top { display: none; }

body.sticky #header .logo.corporativo { height: 40px; margin: 0; width: 130px; }
body.sticky #header .logo.biok_moda { height: 50px; margin: 0; width: 100px; }
body.sticky #header .logo.biok_supermercado { height: 50px; margin: 0; width: 100px; display: block; background: url('img/biok_supermarket.svg') no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; font-size: 0; line-height: 0; }

body.sticky #header .holder { padding: 15px 0; }
body.menu-opened { overflow: hidden; }
body.sticky.menu-opened #wrapper { margin: 0 280px 0 -280px; }
body.sticky #header .open-menu { display: block; }
body.sticky #header .open-menu span { display: block; height: 3px; border-radius: 2px; background: #000; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
body.sticky #header .open-menu span + span { margin-top: 6px; }
body.sticky.menu-opened #header .open-menu span:nth-child(1) { -webkit-transform: rotate(45deg) translate(-1px, 0); -ms-transform: rotate(45deg) translate(-1px, 0); -o-transform: rotate(45deg) translate(-1px, 0); transform: rotate(45deg) translate(-1px, 0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; }
body.sticky.menu-opened #header .open-menu span:nth-child(2) { opacity: 0; }
body.sticky.menu-opened #header .open-menu span:nth-child(3) { -webkit-transform: rotate(-45deg) translate(-2px, 0); -ms-transform: rotate(-45deg) translate(-2px, 0); -o-transform: rotate(-45deg) translate(-2px, 0); transform: rotate(-45deg) translate(-2px, 0); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; }
body.sticky.menu-opened #main-nav { right: 0; padding: 20px 15px 20px 80px; }
body.sticky #main-nav { padding: 0; position: fixed; top: 0; right: -100%; bottom: 0; width: 280px; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 55; background: #fff; overflow-y: auto; overflow-x: hidden; }
body.sticky #main-nav ul { list-style: none; margin: 0; padding: 0; text-align: left; }
body.sticky #main-nav ul li { display: block; margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; position: relative; outline: none !important; }
body.sticky #main-nav ul li + li { border-top: 1px solid #000; }
body.sticky #main-nav ul > li.active { font-weight: 700; }
body.sticky #main-nav ul li a { display: block; height: auto; padding: 10px; }
body.sticky #main-nav ul li a::before { display: none; }
body.sticky #main-nav ul li ul { position: static; border: none; width: 100%; padding: 0; margin: 0; opacity: 1; visibility: visible; display: none; -webkit-transition: all 0s; transition: all 0s; background: rgba(0, 0, 0, 0.075); }
body.sticky #main-nav ul li ul li { display: block; border: none; margin: 0; padding: 0; border-top: 1px solid #000; }
body.sticky #main-nav ul li.has-drop ul li a { padding: 8px 10px 8px 20px; }
body.sticky #main-nav .has-drop > a { padding-right: 30px; }
body.sticky #main-nav .has-drop .opener { display: block; position: absolute; right: 0; top: 0; width: 30px; height: 40px; text-align: center; color: #000; cursor: pointer; z-index: 20; }
body.sticky.biok-supermercado #main-nav .has-drop .opener { top: 5px; }
body.sticky #main-nav .has-drop .opener::before { border: 1px solid #000; content: ""; height: 10px; position: absolute; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0 0 0 -8px; width: 10px; left: 50%; top: 15px; border-top-color: transparent; border-left-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
body.sticky #main-nav .has-drop.opened > .opener::before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: -1px 0 0 -5px; }
body.sticky .fader { display: block; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
body.sticky.menu-opened .fader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 40; opacity: 0.4; background: #000; cursor: pointer; }
body:not(.sticky) #main-nav .has-drop ul { visibility: hidden !important; opacity: 0 !important; display: block !important; }
body:not(.sticky):not(.biok-supermercado) #main-nav .sub-menu .sub-menu { transform: translateX(100%) translateY(-45px); -webkit-transform: translateX(100%) translateY(-45px); }
.js-wpml-ls-legacy-dropdown { border-top: 1px solid black; border-bottom: 1px solid black; }
.menu-item-mobile { display: block; margin: 0; font-weight: 400; font-size: 14px; line-height: 20px; padding: 10px 10px 10px 0; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid black; }
.menu-item-mobile a { display: block; height: auto; font-weight: 400; font-size: 14px; line-height: 20px; text-align: left; text-transform: uppercase; }
.show_on_sticky_menu { display: none; }
body.sticky .show_on_sticky_menu { display: block; }
.restaurant_archive .item-box { width: 50%; display: inline-block; padding: 40px; vertical-align: top; }
.restaurant_archive .rest_wrap { margin: 0 -40px; }
.venta_archive .item-box { width: 100%; display: inline-block; padding: 20px 0; vertical-align: top; }
.venta_archive .items-block h2 { margin: 0; font-size: 20px; text-align: left; }
.show_results.results_ventas { padding-bottom: 30px; border-bottom: 1px solid black; }
.venta_archive .poblacion { position: absolute; top: 20px; right: 60px; }
.rest-info { margin: 32px 0 0 0; }
.rest-info h2.name { font-size: 22px; text-align: left; padding-bottom: 17px; margin: 0; max-width: 180px; float: left; }
.poblacion { font-size: 22px; line-height: 34px; text-align: right; float: right; color: #999; font-weight: 300; }
.extracto p { line-height: 20px; text-align: left; margin: 0; float: left; font-weight: 300; }
.rest-info .extracto { float: left; text-align: left; display: block; font-weight: 300; }
.info_bottom_m3 { padding: 0; }
.info_bottom_m3 p { padding: 15px 40px; margin: 0; }
/* .item-box .img_horizontal { margin-bottom: 20px; } */
.show_results { font-size: 22px; line-height: 22px; padding: 80px 0 0 0; }
.llamar { margin: 0 auto; text-align: center; }
.intro_filtro { font-size: 28px; line-height: 30px; text-align: center; padding: 80px 20% 40px 20%; }
.intro_filtro p { margin: 0; }
form { margin: 0 0 10px 0; }


/* Dropdown multiple checkbox select */
.dropdown_wrapper { display: inline-block; min-height: 42px; margin: 0 9px; width: 272px; vertical-align: top; color: black; position: relative; }
.dropdown { margin: 0; padding: 4px 5px; border: 1px solid black; background: white; position: absolute; min-width: 272px; z-index: 199; }
.dropdown dd,
.dropdown dt { margin: 0; padding: 0; }
.dropdown ul { margin: -1px 0 0 0; }
.dropdown dd { position: relative; }
.dropdown a,
.dropdown a:visited { color: #000; text-decoration: none; outline: none; }
.dropdown dt a { background-color: #fff; display: block; padding: 8px 10px 5px 10px; min-height: 25px; line-height: 24px; overflow: hidden; border: 0; width: 272px; }
.dropdown dt a span,
.multiSel span { cursor: pointer; display: inline-block; padding: 0 3px 2px 0; }
.dropdown dd ul { background-color: #fff; border: 0; color: #000; display: none; left: 0; padding: 10px; position: absolute; top: 2px; width: 280px; list-style: none; height: 175px; overflow: auto; }
.dropdown span.value { display: none; }
.dropdown dd ul li a { padding: 5px; display: block; }
.dropdown dd ul li a:hover { background-color: #fff; }
.multiSel { margin: 0; }
.c_postal { border: 1px solid black; padding: 5px 10px; height: 42px; margin: 0 10px 0 0; width: 268px; vertical-align: top; color: black; }
.n_comensales { border: 1px solid black; padding: 5px 10px; height: 42px; margin: 0 10px; width: 268px; vertical-align: top; color: black; }
.c_postal::-webkit-input-placeholder { color: #ccc; opacity: 1; }
.c_postal::-moz-placeholder { color: #ccc; opacity: 1; }
.c_postal:-ms-input-placeholder { color: #ccc; opacity: 1; }
.n_comensales::-webkit-input-placeholder { color: #ccc; opacity: 1; }
.n_comensales::-moz-placeholder { color: #ccc; opacity: 1; }
.n_comensales:-ms-input-placeholder { color: #ccc; opacity: 1; }
.btn_filter {
  line-height: 40px;
  border-radius: 0 !important;
  padding: 0 !important;
  border: 1px solid black !important;
  vertical-align: top;
  margin: 0 0 0 10px;
  width: 120px !important;
  min-width: auto;
}

input[type="checkbox"],
input[type="radio"] {
  margin-right: 10px;
}

.mutliSelect ul { padding-left: 0; }
.mutliSelect li { list-style: none; padding: 0 5px; }
.intro-filter { padding: 5px; }
.hida:after {
  content: '';
  background: url(img/arrow_down.svg);
  position: relative;
  float: right;
  width: 32px;
  height: 32px;
  margin-top: -3px;
}

.lupa {
  background: url(img/lupa.svg);
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.tax-list {
  display: none;
}
.tax-list.active {
  display: block;
}
.filter_form {
  margin: -10px auto;
  left: 0;
  right: 0;
}
.intro_filtro a:hover {
  text-decoration: underline;
}
.c_postal,
.n_comensales,
div.dropdown_wrapper,
.btn_filter {
  margin-top: 40px;
}
.restaurants-wrapper .item-box .restaurant_archive .extracto {
  font-weight: 300px !important;
}

/* Single Restaurante */
.info_restaurante {
  padding: 40px 0;
}
.galeria {
  padding: 0 40px;
  margin: 0 0 60px 0;
}
.info_block {
  padding: 0 40px;
  height: 615px;
  position: relative;
}

/* Dots */
.galeria .slick-slider {
  margin-bottom: 30px;
}
.galeria .slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
  max-width: 460px;
}
.galeria .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.galeria .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.galeria .slick-dots li button:hover,
.galeria .slick-dots li button:focus {
  outline: none;
}
.galeria .slick-dots li button:hover::before,
.galeria .slick-dots li button:focus::before {
  opacity: 1;
}
.galeria .slick-dots li button::before {
  font-family: 'slick';
  font-size: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.galeria .slick-dots li.slick-active button::before {
  opacity: 0.75;
  color: black;
}
.info_block h2 {
  text-align: left;
  margin-bottom: 10px;
}
.info_wrapper {
  margin: 0 -40px;
}
.info_wrapper .large_button {
  margin: 5px 0;
  width: 100%;
  padding: 6px;
}
.icon_servicio {
  width: 40px;
  height: 40px;
  padding: 0;
  padding-right: 5px;
}
.horarios {
  display: inline-block;
  padding: 15px 40px 15px 0;
}
.tipo_de_establecimiento {
  font-family: 'Grotesque MT Std', Arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 22px;
  color: #ccc;
  padding-bottom: 20px;
}
.excerpt {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
}
.frase {
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  color: #ccc;
  margin-top: 30px;
}
.frase_mini {
  font-weight: 300px;
  font-size: 12px;
  line-height: 14px;
}
.frase_mini p {
  margin: 0;
}
.info_rest_bottom {
  bottom: 0;
  position: absolute;
}
.info_email {
  display: inline-block;
}
.banner_rest img {
  width: 100%;
}
.info_over {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.title_place {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  padding-bottom: 10px;
}
.rest_name {
  font-size: 50px;
  line-height: 50px;
  color: #fff;
}
.banner_rest {
  padding: 40px 0;
}
.relateds {
  padding: 40px 0;
}
.relateds h2 {
  margin-bottom: 80px;
}
.relateds .excerpt {
  float: left;
  text-align: left;
}
.relateds .excerpt p {
  margin: 0;
}

/* Llamada auxiliar */
.llamada-block {
  text-align: center;
}
.grey-block {
  background: #e9e9e9;
  padding: 120px 0;
  margin: 80px 0;
}
.white-block {
  padding: 120px 0;
  margin: 80px 0;
}
.white-call-block {
  padding: 0;
  margin: 80px 0;
}
.frase_bloque_gris {
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  padding: 0 15%;
}
.frase_bloque_gris p {
  margin-bottom: 17px;
}
.white-call-block .frase_bloque_gris {
  padding: 0 20%;
}
.txt_gris {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #999;
  margin: 0;
}
.llamada-block .btn {
  background: white;
  color: black;
}
.llamada-block .btn:hover {
  background: black;
  color: white;
}

/* Contacto Zelai */
.col-center {
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: inline-block;
}
.contacto-zelai-block {
  text-align: center;
}
.contactos_wrapper {
  text-align: center;
}
.pob {
  display: block;
  padding-top: 55px;
}
.frase_bloque_gris p {
  margin-top: 0;
}
.grey-block .btn {
  margin: 17px 20px 13px 20px;
}
.contacto_llamar_btn {
  width: 250px;
  background: white;
}
.contacto_llamar_btn:hover {
  background: black;
}

/* Descargar folleto */
.issuuembed {
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding-bottom: 40px;
}
.issuu-block {
  margin: 0 auto;
  text-align: center;
  left: 0;
  right: 0;
}
.issuu-block > img,
.issuu-block a > img {
  max-width: 380px;
  max-height: 320px;
  width: auto;
  height: auto;
  margin: 60px 0 60px 100px;
  box-shadow: 5px 5px 10px grey;
}
.issuu-block a:hover > img {
  box-shadow: 5px 5px 20px grey;
}
.issuu.grey-block {
  padding: 20px 0 80px 0;
  margin-top: 15px;
}
.arrow_right {
  padding-left: 100px;
}
.arrow_right img {
  height: 27px;
}

/* Form tarjeta - updated */
.wpcf7-form input {
  height: 40px;
  font-size: 14px;
  border: 1px solid black;
  background: white;
  border-radius: 0;
  box-shadow: none;
}
.form_tarjeta { max-width: 600px; margin: 0 auto; text-align: center; }
.form_tarjeta .wpcf7-form input,
.form_tarjeta .wpcf7-form textarea {
  width: 100%;
  padding: 9px;
  border: 1px solid #000;
  vertical-align: top;
  margin-bottom: 25px;
}
.form_tarjeta .half { position: relative; }
.form_tarjeta .half .wpcf7-form-control-wrap { width: calc(50% - 7.5px) !important; display: inline-block; margin-right: 7.5px; }
.form_tarjeta .half .wpcf7-form-control-wrap:last-child { margin-left: 7.5px; margin-right: 0; }
.form_tarjeta form p { margin: 0; }
.form_tarjeta .placeholder { position: absolute; font-size: 14px; left: 100px; bottom: 33px; color: grey; }
.form_tarjeta .selector {
  width: 100%;
  height: 40px;
  margin-bottom: 25px;
}
.form_tarjeta .selector .select2-container {
  display: block;
  width: 100% !important;
}
.form_tarjeta .selector .select2-container--default .select2-selection--single {
  border: 1px solid black;
  border-radius: 0;
  height: 40px;
}
.form_tarjeta .selector .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 6px;
  right: 10px;
}
.select2-search--dropdown {
  display: none !important; 
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: black;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: black;
}

.wpcf7-form input[type="submit"]{
  text-transform: uppercase;
}
.wpcf7-form input[type="submit"]:hover {
  background: black;
  color: white;
}
.form_tarjeta .wpcf7-form input[type="submit"]{
  margin-left: 0;
  line-height: 24px;
}


/*?*/
.wpcf7-validates-as-email { margin: 7.5px 0; }
.consigue_tarjeta_btn { width: 300px; background: white; }
.consigue_tarjeta_btn:hover { background: black; }
span.wpcf7-list-item { position: relative; display: block; margin: 0; text-align: left; }

.wpcf7-form .send_form {
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  margin-top: 35px;
}
.div.wpcf7-mail-sent-ok {
  border: 0 !important;
}
.wpcf7-validates-as-email {
  margin: 0;
  width: 100%;
}
.widget_text .wpcf7-form > p > label { max-width: 59%; float: left; }
.widget_text .wpcf7-form > p input[type="submit"]{ width: auto; }
.wpcf7-response-output {
    font-size: 12px;
    border: 0;
    padding: 0;
    margin: 0;
}
.wpcf7-form input[type="checkbox"],
.wpcf7-form input[type="radio"] {
  height: inherit;
}
.wpcf7-form .condiciones_link { text-decoration: underline; }
.wpcf7-form .condiciones_link:hover { color: #999; text-decoration: underline; }

#hidden-cookie-message {
  display: none;
  position: fixed;
  bottom: 0;
  padding: 20px 40px;
  background: #b2b2b2;
  width: 100%;
  z-index: 999;
  text-align: left;
  color: white;
}
#hidden-cookie-message a { color: white; text-decoration: underline; }
#hidden-cookie-message a:hover { color: black; }
a.close-cookie-banner {
  text-align: center;
  border: 1px solid white;
  padding: 10px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: block;
  width: 100px;
  text-decoration: none !important;
}

a.close-cookie-banner:hover {
  color: white !important;
  background: black;
  border: 1px solid black;
}

body.showCookieMessage #hidden-cookie-message {
  display: flex;
}

#hidden-cookie-message > div {
  text-align: left;
  display: inline-block
}

.wpcf7-form-control-wrap.acceptance > span > span > label {
  float: left;
}
span.wpcf7-not-valid-tip {
  font-size: 12px;
  text-align: left;
  line-height: 1;
  color: #999;
  position: absolute;
  top: -18px;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: 0;
  color: #999;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-response-output {
  border: 0;
}

/* Checkbox y radio buttons */
.form_tarjeta .wpcf7-list-item span { cursor: pointer; }
.form_tarjeta input[type="radio"],
.form_tarjeta input[type="checkbox"] { opacity: 0; }
.form_tarjeta input[type="radio"] + span::before,
.form_tarjeta input[type="checkbox"] + span::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #000;
  margin-right: 10px;
}
.form_tarjeta input[type="radio"]:checked + span::before,
.form_tarjeta input[type="checkbox"]:checked + span::before {
  content: '•';
  font-size: 32px;
  line-height: 13px;
}
.form_tarjeta .wpcf7-radio input,
.form_tarjeta .wpcf7-acceptance input /*acceptance*/ {
  position: absolute;
  display: block;
  text-align: left;
  margin: 0 !important;
  width: 25% !important;
  height: 14px !important;
  top: 5px;
  cursor: pointer;
}

#ui-datepicker-div { border-radius: 0; max-width: 292.5px; }

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br { border-bottom-right-radius: 0; }
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl { border-bottom-left-radius: 0; }
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr { border-top-right-radius: 0; }
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl { border-top-left-radius: 0; }
.ui-timepicker-div { display: none; }
.ui-datepicker-header { background: white; border-radius: 0; }
.ui-datepicker-prev.ui-corner-all { background: white;border: 0; }
.ui-datepicker-next.ui-corner-all { background: white; border: 0; }
.ui-datepicker-prev { margin: 1px 0 0 0;cursor: pointer; }
.ui-datepicker-prev-hover { margin: 2px 0 0 1px; }
.ui-datepicker-next { margin: 1px 0 0 0; cursor: pointer; }
.ui-datepicker-next-hover { margin: 2px 1px 0 0; }

/* Trabaja con nosotros */
#trabaja-con-nosotros { margin: 0; }
#trabaja-con-nosotros .texto_grande { padding: 30px 20% 50px 20%; }
div.wpcf7 input[type="file"] {
  width: 100%;
  border: 1px solid black;
  height: 40px;
  min-width: 100%;
}
#trabaja-con-nosotros p { margin: 0; padding: 0; }
#fileuploadfield { opacity: 0; }
#uploadtextfield {  height: 18px; width: 139px; } 
.upload-btn-wrapper { position: relative; width: 100%; margin-bottom: 25px; height: 40px; }
.uploadfieldtrick { border: 1px solid black; }
.uploadfieldtrick .upload_btn { display: block; padding: 9px; }
.uploadfieldtrick .wpcf7-form-control-wrap {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#uploadbrowsebutton {
  height: 100%;
  width: 40px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  padding: 0;
  z-index: -1;
}
.archivo_cv {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
}
.archivo_cv input {
  z-index: 2;
}
.upload-btn-wrapper input[type=file] {
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/* Subscribe form */
.subscribe_form {
  max-width: 450px;
  margin: 23px auto;
}
.subscribe_form label {
  font-size: 0;
  float: left;
}
.wpcf7 form .wpcf7-response-output {
  border: 0;
  padding-left: 0;
  margin: 0;
  line-height: 1.4;
}
.email_field {
  width: 350px;
  padding: 10px;
  height: 40px;
  float: left;
  border: 1px solid #000;
}
.subscribe_btn {
  min-width: 80px;
  margin: 0 0 0 15px !important;
  float: left;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  max-height: 40px;
  background: white !important;
  color: black !important;
}
.subscribe_btn:hover {
  background: black !important;
  color: white !important;
}
form .hide {
  display: none;
}

/* FORM AYUDANOS A MEJORAR */
/* -- eliminat -- refer de zero 
#ayudanos-a-mejorar { margin: 0; }
#ayudanos-a-mejorar h3 { margin-top: 40px; text-align: left; }
#ayudanos-a-mejorar .texto_grande { padding: 30px 20% 50px 20%; }
#ayudanos-a-mejorar .genero .wpcf7-list-item,
#ayudanos-a-mejorar .genero .first,
#ayudanos-a-mejorar .genero .last {
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  padding: 0 10px 0 0;
  margin: 0 !important;
}
#ayudanos-a-mejorar .genero > span {
  display: flex;
}
#ayudanos-a-mejorar input {
  width: 100%;
  padding: 9px;
  border: 1px solid #000;
}
#ayudanos-a-mejorar .wpcf7-form-control-wrap {
  width: calc(50% - 7.5px) !important;
  display: inline-block;
  margin: 7.5px 7.5px 7.5px 0;
  vertical-align: top;
}
*/

/* Newsletter Widget */
.biok_news_widget-2 .subscribe_btn { min-width: 60px; }
.biok_news_widget-2 .email_field { width: calc(100% - 80px); }
.biok_news_widget-2 .subscribe_form { margin: 0; }
.biok_news_widget-2 #footer h4 { margin: 0 !important; }
.biok_news_widget-2 form { margin: -10px 0; }

/* Ventas */

.item-wrap {
  border-bottom: 1px solid black;
}

.info-desplegable {
  padding: 20px 0 0 0;
  display: none;
  flex-direction: column;
}

.info-desplegable.show-info {
  display: flex;
}

.info-desplegable .subtitle {
  text-align: left;
  margin: 0;
  float: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.info-desplegable .subtitle p {
  font-weight: 300;
  margin: 0;
  padding: 0 0 10px 0;
}

.comercios-venta {
  padding-bottom: 15px;
}

.comercios-venta,
.comercios-venta ul {
  display: flex;
  flex-direction: column;
}

.comercios-venta li {
  width: 100% !important;
  font-weight: 300;
  line-height: 16px;
}

.info-desplegable li {
  padding: 5px;
  width: 50px;
}

.info-desplegable ul {
  padding-left: 0;
  text-align: left;
  margin: 0 -5px;
}

.venta-wrapper {
  display: flex;
  flex-direction: column;
}

.venta-wrapper .icon_servicio {
  width: 35px;
  padding: 0;
}

.arrow_down {
  content: '';
  background: url(img/arrow_down.svg);
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-top: -3px;
  text-align: right;
  right: 0;
  position: absolute;
  top: 25px;
  cursor: pointer;
}

.arrow_down.show-more-info {
  transform: rotate(180deg);
}

.venta-wrapper .icons_wrapper {
  text-align: left;
}

.call-btn {
  max-width: 100px;
}

.venta-buttons {
  float: right;
  right: -20px;
  bottom: 5px;
  position: absolute;
}

.venta-buttons a {
  margin: 17px 20px 17px 0;
}


/* pdf template */

.page-template-template-pdf .book_container {
  width: 100%;
  position: relative;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wowbook-controls, .wowbook-share-buttons, .wowbook-nav {
  box-shadow: none;
}
.wowbook-control, .wowbook-control, .wowbook-control:visited, .wowbook-control:active, .wowbook-control.remove-sticky-hover-style:hover {
  color: black;
}
.wowbook-controls, .wowbook-share-buttons, .wowbook-nav {
  background: transparent;
}
.wowbook-nav:active, .wowbook-nav:hover, .wowbook-control:active, .wowbook-control:hover {
  background: black;
}

.page-template-template-pdf #header,
.page-template-template-pdf .xoo-wsc-modal,
.page-template-template-pdf #footer {
  display: none;
}
.page-template-template-pdf .scroll_gap {
  margin-top: 0;
}

.page-template-template-pdf .close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  z-index: 999;
}
.page-template-template-pdf .close:hover {
  opacity: 1;
}
.page-template-template-pdf .close:before, .page-template-template-pdf .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #000;
}
.page-template-template-pdf .close:before {
  transform: rotate(45deg);
}
.page-template-template-pdf .close:after {
  transform: rotate(-45deg);
}


/* COOKIES */
#wt-cli-accept-all-btn { border: 1px solid white; }
.cli-plugin-button.cli-plugin-main-button.cli_settings_button { border: 1px solid transparent; }
.cli-plugin-button.cli-plugin-main-button.cli_settings_button:hover { border: 1px solid black; }
#cookie_action_close_header_reject { margin-right: 4px; border: 1px solid transparent; }
#cookie_action_close_header_reject:hover { border: 1px solid black; }
.cli-switch input:checked + .cli-slider,
.cli-tab-footer .wt-cli-privacy-accept-btn { background-color: #000; }
#cookie-law-info-bar .cli-bar-btn_container > a:not(#cookie_action_close_header) { margin: 0 15px 0 0 !important; }



/* media */

@media screen and (min-width: 769px) {
  body:not(.sticky) #main-nav .has-drop:hover > ul { visibility: visible !important; opacity: 1 !important; }
  body:not(.sticky):not(.biok-supermercado) #main-nav .has-drop:hover > ul.has-drop:hover > ul { visibility: visible !important; opacity: 1 !important; }
  body:not(.sticky).biok-supermercado #main-nav ul li { margin: 0; padding: 0 12px; background: #f5f5f5; height: 40px; width: 100%; text-align: center; }
  body:not(.sticky).biok-supermercado #main-nav .has-drop > ul { display: block;width: calc(100% - 30px);background: white;height: 42vh;max-height: 300px;-webkit-box-shadow: 0px 5px 8px -4px rgb(0 0 0 / 70%);box-shadow: 0px 5px 8px -4px rgb(0 0 0 / 70%);margin: 0 0 0 15px;left: 0; }
  body:not(.sticky).biok-supermercado #main-nav .has-drop > ul > li,
  body:not(.sticky).biok-supermercado #main-nav .has-drop > ul > li > ul,
  body:not(.sticky).biok-supermercado #main-nav .has-drop > ul > li > ul > li { background: white; text-align: left; max-width: 250px; }
  body:not(.sticky).biok-supermercado #main-nav .has-drop > ul > li { padding-left: 0; }
  body.biok-supermercado #main-nav ul li > .sub-menu a { padding-left: 0; line-height: 1; height: auto; padding: 10px; width: 100%; }
  body.biok-supermercado #main-nav ul li > .sub-menu a:hover { background: #dee0df; color: black; opacity: 1; }
  body:not(.sticky).biok-supermercado #main-nav .has-drop .sub-menu .sub-menu { left: 250px; position: absolute; top: 0;-webkit-box-shadow: none;box-shadow: none;margin: 0; }
  body.biok-supermercado #main-nav .sub-menu > li.menu-item-has-children > a:after {
      content: '';
      display: inline-block;
      border-right: 1px solid black;
      border-bottom: 1px solid black;
      width: 10px;
      height: 10px;
      transform: rotate(-45deg);
      position: absolute;
      right: 10px;
      top: 10px;
  }
}


@media screen and (max-width: 1800px) {
  body.menu-opened #header .open-menu { right: 230px; z-index: 99; }
}

@media screen and (max-width: 1399px) {
  .carousel { padding: 0 40px; }
  .carousel .slick-prev { left: 0; }
  .carousel .slick-next { right: 0; }
}

@media screen and (max-width: 1279px) {
  .promo-box .img { display: flex; justify-content: center; }
  #header .top ul { padding: 0; }
  #header .top ul li { padding-left: 20px; }
  #header .holder { padding: 40px 0 30px; }
  #header .logo { margin: 0 auto 40px; }
  #main-nav ul li { margin: 0 12px; }
  .biok-supermercado #main-nav ul li { margin: 0; padding: 0 12px; }
  .visual { margin-bottom: 30px; }
  .items-block { padding: 50px 0 10px; }
  h2 { letter-spacing: 1px; }
  .items-block h2,
  .picture-box h2,
  .superpromo-block h2,
  .carousel-block h2,
  .carousel-block.type2 h2,
  .promo-block h2 { margin: 0 0 50px; }
  .item-box .img,
  .item-box .img.type2 { margin-bottom: 30px; }
  .item-box h4 { margin: 0 0 15px; }
  .item-box p { margin: 0 0 30px; }
  .picture-box { padding: 50px 0 20px; }
  .picture-box h2 { padding-left: 15px; padding-right: 15px; }
  .superpromo-block { padding: 50px 0; }
  .superpromo-box { padding-left: 60%; }
  .superpromo-box .img { width: 60%; }
  .superpromo-box .descr { min-height: 465px; padding: 50px 20px 30px; }
  .superpromo-box .descr .old-price,
  .superpromo-box .descr .price { margin-bottom: 50px; }
  .superpromo-box .descr time { margin-top: 30px; }
  #footer { margin-top: 80px; padding: 40px 0 30px; }
  #footer .bottom { padding-top: 10px; }
  .visual .lbl { width: 220px; height: 220px; top: 40px; right: 40px; }
  .banner-box { margin: 30px 0; }
  .promo-list { margin: 0 -15px; }
  .promo-list li { width: 33.33%; padding: 0 15px 40px; }
  .item-boxes.row3 { margin: 0 -20px; }
  .item-boxes.row3 li { width: 50%; padding: 0 20px 40px; }
  body.biok-moda #header .holder { padding-bottom: 15px; }
}

@media screen and (min-width: 1200px) {
  .top .container { width: 1230px !important; }
}

@media screen and (max-width: 1199px) {
  #header .logo { width: 191px; height: 45px; }
}

@media screen and (max-width: 1024px) {
  .container-fluid.pad { padding-left: 30px; padding-right: 30px; }
  .dropdown { position: relative; min-width: unset; }
  .visual { margin: 0 -30px 30px; }
  .item-boxes { margin: 0 -30px; }
  .item-boxes li { padding: 0 30px 20px; }
  /* 	.picture-box  {margin: 0 -30px;} */
  .grid_restaurantes .item-boxes li { padding: 0 30px 80px !important; }
  .grid_restaurantes h4 { margin: 30px 0 17px !important; }
  .info_rest { padding: 0; }
  .grid_restaurantes .info_rest { min-height: 100px; }
}

@media screen and (max-width: 991px) {
  /* sticky and no sticky per evitar el salt?*/
  #header { min-height: 60px; }
  #header .holder { padding: 20px 0; }
  body.biok-moda #header .holder { padding: 15px 0 5px 0; }
  body { padding-top: 15px !important; }
  .biok-moda { padding-top: 55px !important; }
  /* fi */

  #main-nav ul { display: none; }
  .sticky #main-nav ul { display: block; }

  #mc_embed_signup { padding-top: 10px; }
  .banner { height: auto; overflow: hidden; }
  .banner img { width: auto; height: auto; }
  .frase_bloque_gris { padding: 0; }
  .consigue_tarjeta_btn { width: 100%; }
  .grey-block .btn { margin: 0; width: 100%; margin-left: 0 !important; background: #444 !important; color: white !important; border: 1px solid #444 !important; }
  .pob { padding-bottom: 10px; }
  .image_full_block .info_bottom { padding: 20px 0; }
  .email_field { /* width: calc(100% - 80px); */ width: 100%; margin-bottom: 15px; border-radius: 5px; border: 1px solid #444; height: 45px; }
  .subscribe_btn { min-width: 60px; }

  #header .logo { width: 180px; height: 42px; margin: 0; }
  .visual { margin-bottom: 20px; }
  .items-block { padding: 30px 0 10px; }
  h2 { font-size: 24px; line-height: 28px; }
  .items-block h2,
  .picture-box h2,
  .superpromo-block h2,
  .carousel-block h2,
  .carousel-block.type2 h2,
  .promo-block h2 { margin: 0 0 30px; }
  .item-box .img,
  .item-box .img.type2 { margin-bottom: 10px; }
  .item-box h4 { font-size: 18px; line-height: 22px; margin: 0 0 10px; }
  .item-box p { margin: 0 0 20px; }
  .superpromo-box .descr { min-height: 385px; font-size: 16px; line-height: 22px; }
  .superpromo-box .descr .old-price { font-size: 24px; line-height: 28px; margin-bottom: 30px; }
  .superpromo-box .descr .price { font-size: 124px; line-height: 100px; padding-right: 70px; margin-bottom: 30px; }
  .superpromo-box .descr .price sup { font-size: 68px; line-height: 60px; }
  .superpromo-box .descr .price sub { font-size: 24px; line-height: 28px; }
  .superpromo-box .descr .name { font-size: 24px; line-height: 28px; }
  .superpromo-box .descr time { margin-top: 20px; }
  .item-boxes.type-prod li { padding-bottom: 60px; }
  .item-box .prod-img { min-height: 500px; }
  .item-box .prod-img .txt strong { font-size: 22px; line-height: 24px; }
  .item-box .price-holder { padding: 30px 15px; margin-bottom: 20px; }
  .item-box .price-holder .price { font-size: 84px; line-height: 64px; padding: 0 70px; }
  .item-box .price-holder .price .old { font-size: 22px; line-height: 20px; }
  .item-box .price-holder .price sup { font-size: 48px; line-height: 38px; right: 20px; }
  .item-box .price-holder .price sub { font-size: 20px; line-height: 20px; right: 0; }
  .carousel-block,
  .carousel-block.type2 { padding: 50px 0; }
  .picture-box { margin: 0; }
  body.sticky { padding-top: 15px !important; }
  .biok-moda.sticky { padding-top: 55px !important; }

  .texto_on { font-size: 70px; line-height: 70px; }
  .galeria .slick-dots { width: 100%; padding: 0 20px; position: relative; bottom: 0; max-width: 100%; }
  .info_wrapper {
    margin: 0 -10px;
  }

  .relateds h2 {
    padding: 0 40px;
  }

  .relateds > .col-md-4 {
    padding: 0 40px 50px 40px;
  }

  .rest-info h2.name {
    padding-left: 0;
  }

  .n_comensales {
    margin: 5px 0;
  }

  .dropdown_wrapper {
    margin: 5px 0;
    margin-top: 0;
  }

  .dropdown_wrapper input[type="submit"] {
    margin: 5px 0;
  }

  .c_postal,
  .n_comensales,
  div.dropdown_wrapper,
  .btn_filter {
    margin: 5px 0;
    width: 100%;
  }

  input[type="submit"] {
    margin-left: 0;
  }

  .restaurant_archive .item-box {
    width: 100%;
    padding: 40px 0;
  }

  .intro_filtro {
    padding: 80px 40px 40px 40px;
  }

  .item-boxes {
    margin: 0 40px;
  }

  #header .open-menu {
    right: 30px;
  }

  .scroll_gap {
    margin-top: 20px !important;
  }

  .menu-opened .filter-toggle {
    display: none;
  }
  body.biok-moda .filter-toggle {
    position: absolute;
    right: 35px;
    font-size: 15px;
    z-index: 999;
    top: 20px;
    cursor: pointer;
  }
  body.biok-moda .filter-toggle:before {
      content: '+ Filtros';
      color: gray;
      display: block;
  }
  body.biok-moda .filter-toggle.toggled {
      right: auto;
      left: 15px;
      top: 10px;
      width: 32px;
      height: 32px;
      z-index: 9999;
  }

  body.biok-moda .filter-toggle.toggled:before,
  body.biok-moda .filter-toggle.toggled:after {
      position: absolute;
      left: 15px;
      content: ' ';
      height: 33px;
      width: 2px;
      background-color: gray;
  }
  body.biok-moda .filter-toggle.toggled:before {
      transform: rotate(45deg);
  }
  body.biok-moda .filter-toggle.toggled:after {
      transform: rotate(-45deg);
  }

}

@media screen and (max-width: 769px) {
  .promo-box .img {
    display: block;
    justify-content: none;
  }

  .texto_on {
    font-size: 7vw;
    line-height: 7vw;
    padding: 0 40px 0;
  }

  .title_on {
    font-size: 2.6vh;
    padding: 0 20px 20px 20px;
  }

  .info_on_img {
    height: calc(100% - 60px);
  }

  .info_on_promo {
    height: 462px;
  }

  .info_on_promo .texto_on {
    font-size: 7vw;
    line-height: 7vw;
  }

  body.sticky {
    /*padding-top: 45px !important;*/
    padding-top: 100px !important;
  }

  #header .open-menu {
    right: 15px;
  }

  .filter_form {
    margin: 50px auto;
    padding: 0 15px;
  }

  #footer > div > div.row > div:nth-child(3) { width: 100% !important; }
  #footer > div > div.row > div:nth-child(3) > div { width: 50%; }

}

@media screen and (max-width: 767px),
  screen and (orientation: landscape) and (max-width: 767px),
  screen and (orientation: portrait) and (max-width: 767px) {

  #footer > div > div.row > div:nth-child(4) > div.widget_text.footer-nav > h4 { background: transparent; }
  #footer > div > div.row > div:nth-child(4) > div.widget_text.footer-nav > h4:before,
  #footer > div > div.row > div:nth-child(4) > div.widget_text.footer-nav > h4:after { content: ''; background: none; }
  #footer > div > div.row > div:nth-child(4) > div.widget_text.footer-nav .textwidget { padding: 0 15px; }
  #footer form > p > label > span > input[type="email"] { padding: 0 10px; }

  #footer .widget_text.footer-nav > h4:before { content: ''; background: url(''); background-size: contain; width: 25px; height: 25px; }
  .email_footer_mobile { position: absolute; bottom: 20px; display: flex; justify-content: center; text-align: center; margin: 0 auto; right: 0; left: 0; }
  .icons_wrapper > a { padding: 0 5px; }

  body.biok-moda .filter-toggle { right: 20px; }
  body.biok-moda .filter-toggle.toggled { top: -5px; }

  #hidden-cookie-message { padding: 20px; }

  section h1 { line-height: 1; }

  .show_results { padding: 80px 15px 0 15px; }

  .restaurant_archive { padding: 0 15px; }

  #header .logo { width: 120px; height: 28px; }

  h2 { font-size: 20px; line-height: 24px; }

  .container-fluid.pad { padding-left: 15px; padding-right: 15px; }

  .visual { margin: 0 -15px 20px; }

  .item-boxes { margin: 27.5px -15px; }

  .item-boxes li { padding: 0 15px 20px; }

  /* .picture-box {margin: 0 -15px;} */
  .items-block h2,
  .picture-box h2,
  .superpromo-block h2 { margin: 0 0 20px; }

  .item-boxes li { width: 100%; padding: 15px; }

  .item-box { max-width: 350px; margin: 0 auto; }

  .picture-box,
  .superpromo-block { padding: 10px 0 0 0; }

  .superpromo-box { max-width: 528px; padding: 0; margin: 0 auto; }

  .superpromo-box .img { position: relative; width: 100%; height: 342px; }

  .superpromo-box .descr { min-height: 0; padding: 20px 15px 15px; font-size: 24px; line-height: 32px; }

  .superpromo-box .descr .old-price { font-size: 28px; line-height: 28px; margin-bottom: 40px; }

  .superpromo-box .descr .price { font-size: 130px; line-height: 100px; margin-bottom: 39px; }

  .superpromo-box .descr .price sup { font-size: 76px; line-height: 56px; }

  .superpromo-box .descr .price sub { font-size: 28px; line-height: 30px; }

  .superpromo-box .descr .name { font-size: 28px; line-height: 30px; margin-bottom: 4px; }

  .superpromo-box .descr time { font-size: 22px; margin-top: 20px; }

  .item-box .prod-img .txt strong { font-size: 28px; line-height: 30px; }

  .item-box .prod-img .txt span { font-size: 24px; line-height: 30px; }

  #footer { margin-top: 0; padding: 0 0 30px 0; text-align: center; border: 0; position: relative; }

  #footer h4 { margin: 1px 0 0 0; padding: 12px; background: #e9e9e9; cursor: pointer; font-size: 13px; }

  #footer .facebook { padding: 40px 0 40px 0; }

  #footer .bottom h4 { background: transparent; }

  .footer-list,
  #menu-footer2-1 { display: none; }
  #footer h4:after {
    content: '';
    position: absolute;
    top: 8px;
    right: 40px;
    background: url('img/arrow_down.svg');
    background-size: contain;
    width: 30px;
    height: 30px;
  }

  #footer .open h4:after {
    transform: rotate(180deg);
  }

  #footer > div > div.bottom > h4:after,
  #footer > div > div.row > div:nth-child(4) > div.text-2.widget_text.footer-nav > h4:after { content:''; display: none; }

  .footer-nav {
    padding: 0;
    position: relative;
    width: 100%;
  }

  .nav_menu-2,
  .nav_menu-6,
  .biok_news_widget-2 {
    display: none;
  }

  /* .menu-main-container, */
  .menu-footer-container,
  .menu-footer2-container,
  .menu-secciones-container,
  .menu-footer4-container,
  .menu-secciones-frances-container,
  .menu-footerfr-container,
  .menu-footer2fr-container,
  .menu-footer4fr-container,
  .menu-secciones-euskera-container,
  .menu-footereu-container,
  .menu-footer2eu-container,
  .menu-footer4eu-container,
  .menu-footer2-frances-container,
  .menu-footer3-footer3-frances-container,
  .menu-footer-footer1-euskera-container,
  .menu-footer3-footer3-euskera-container,
  .menu-footer2-euskera-container {
  /* .menu-footer3-container, */
  /* .subscribe_form { */
    display: none;
  }


  .nav_menu-1.open .menu-main-container,
  /* .nav_menu-2.open .menu-main-container, */
  .nav_menu-3.open .menu-footer-container,
  .nav_menu-4.open .menu-footer2-container,
  .nav_menu-7.open .menu-secciones-container,
  .nav_menu-8.open .menu-footer4-container,
  .nav_menu-7.open .menu-secciones-frances-container,
  .nav_menu-3.open .menu-footerfr-container,
  .nav_menu-4.open .menu-footer2fr-container,
  .nav_menu-8.open .menu-footer4fr-container,
  .nav_menu-7.open .menu-secciones-euskera-container,
  .nav_menu-3.open .menu-footereu-container,
  .nav_menu-4.open .menu-footer2eu-container,
  .nav_menu-8.open .menu-footer4eu-container,
  .nav_menu-3.open .menu-footer2-frances-container,
  .nav_menu-4.open .menu-footer3-footer3-frances-container,
  .nav_menu-1.open .menu-secciones-frances-container,
  .nav_menu-1.open .menu-secciones-euskera-container,
  .nav_menu-3.open .menu-footer2-euskera-container,
  .nav_menu-4.open .menu-footer3-footer3-euskera-container {
  /* .nav_menu-6.open .menu-footer3-container, */
  /* .nav_menu-5.open .menu-footer4-container, */
  /* .biok_news_widget-2 h4.open > .subscribe_form { */
    display: block;
  }

  #menu-footer2 {
    border-bottom: 1px solid #e9e9e9;
  }
  .biok_news_widget-2 .subscribe_btn {
    min-width: 60px;
    width: 100%;
    margin-left: 0 !important;
    background: #444 !important;
    color: white !important;
    border: 1px solid #444 !important;
  }

  .biok_news_widget-2 .email_field {
    width: 100%;
  }

  .biok_news_widget-2 .subscribe_form {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .biok_news_widget-2 .subscribe_form {
    width: 100%;
    max-width: 70%;
    margin: 20px auto 40px auto;
    padding: 0;
  }

  .footer-nav li {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 12px;
    border-top: 1px solid #e9e9e9;
    text-transform: inherit;
  }

  #footer .col-md-3.col-sm-6 {
    padding: 0;
  }

  .social li {
    margin: 0 5px 10px;
  }

  .footer-list li {
    font-size: 16px;
    line-height: 22px;
  }

  .visual .lbl {
    width: 100px;
    height: 100px;
    top: 15px;
    right: 15px;
  }

  .item-boxes.type-prod li {
    padding-bottom: 40px;
  }

  .item-box .prod-img {
    min-height: 400px;
  }

  .banner-box {
    margin: 20px -15px;
  }

  .carousel-block,
  .carousel-block.type2 {
    padding: 30px 0;
  }

  .carousel {
    padding: 0 30px;
  }

  .carousel .slick-arrow {
    width: 14px;
    height: 26px;
    margin-top: -13px;
  }

  .carousel .slide {
    padding: 10px;
  }

  .carousel .logo-img {
    height: 100px;
  }

  .promo-block {
    padding: 30px 0;
  }

  .promo-list li {
    width: 50%;
  }

  .promo-box {
    max-width: 330px;
    margin: 0 auto;
  }

  .promo-box .img .ico-flag {
    width: 30px;
    height: 30px;
    top: 15px;
    right: 15px;
  }

  .promo-box .img {
    min-height: 150px;
  }

  .promo-box .price-holder .price {
    padding: 0 85px 0 50px;
  }

  .item-boxes.row3 li {
    width: 100%;
  }

  .banner-block h2 {
    margin: 30px 0;
  }

  .superpromo-block {
    height: 100%;
  }

  .superpromo-box .img {
    height: 342px;
  }

  .superpromo-box .descr {
    height: 440px;
  }

  .texto_on {
    font-size: 6vw;
    line-height: 6vw;
    padding: 0 40px 0;
  }

  .title_on {
    font-size: 2.6vh;
    padding: 0 20px 20px 20px;
  }

  .info_on_img {
    height: calc(100% - 60px);
  }

  .info_on_promo {
    height: 462px;
  }

  .info_on_promo .texto_on {
    font-size: 8vh;
    line-height: 8vh;
  }

  .galeria .slick-dots {
    width: 100%;
    padding: 0 20px;
    position: relative;
    bottom: 0;
    max-width: 100%;
  }

  .info_wrapper {
    margin: 0 -25px;
  }

  .relateds h2 {
    padding: 0 20px;
  }

  .relateds > .col-md-4 {
    padding: 0 15px 50px 15px;
  }

  .rest-info h2.name {
    padding-left: 0;
  }

  .n_comensales {
    margin: 5px 0;
  }

  .dropdown_wrapper {
    margin: 5px 0;
    margin-top: 0;
  }

  .dropdown_wrapper input[type="submit"] {
    margin: 5px 0;
  }

  .c_postal,
  .n_comensales,
  div.dropdown_wrapper,
  .btn_filter {
    margin: 5px 0;
    width: 100%;
  }

  input[type="submit"] {
    margin-left: 0;
  }

  .restaurant_archive .item-box {
    width: 100%;
    padding: 40px 0;
  }

  .intro_filtro {
    padding: 80px 15px 40px 15px;
  }

  .items-block {
    padding: 0;
    width: 100%;
    margin: 0;
  }

  .restaurant_archive .rest_wrap {
    margin: 0;
  }

  #trabaja-con-nosotros .texto_grande {
    padding: 30px 15px;
  }

  input[type="submit"].send_form {
    margin-right: 0;
  }

  .white-call-block .frase_bloque_gris {
    padding: 0;
  }

  body.single .info_bottom {
    padding: 20px 0;
  }

  body.single .info_rest_bottom {
    position: relative;
    padding-top: 20px;
  }

  .nav_menu-5 {
    position: absolute;
    bottom: -45px;
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 100%;
    padding: 30px 0;
  }

  .nav_menu-5 h4 {
    display: none;
  }

  .nav_menu-5 ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .nav_menu-5 li {
    border-top: 0;
    padding: 0 5px;
    text-transform: uppercase;
    font-size: 10px;
  }

  .nav_menu-5 li:last-of-type {
    border-left: 1px solid #e9e9e9;
  }

  .vertical {
    padding-bottom: 133.5%;
  }

  .issuu.grey-block {
    margin-top: 0;
  }

  .promo-list li:nth-last-child(-n+4) {
    padding: 0 15px 40px;
  }

  .issuu-block {
    padding: 10px 15px 30px 15px;
  }

  .issuu.grey-block {
    padding: 0;
  }

  .txt_gris {
    line-height: 1.2;
    padding-top: 5px;
  }

  .white-block {
    padding: 50px 0;
    margin: 50px 0;
  }

  .form_tarjeta input {
    border-radius: 5px;
  }

  .picture-box time {
    margin-bottom: 42.5px;
  }

  .menu-opened #wrapper {
    margin: 0 250px 0 -250px;
  }

  #main-nav {
    right: -250px;
    width: 250px;
  }

  .items-block {
    padding: 0;
  }

  .footer-list {
    padding: 0;
  }

  .footer-list li {
    display: block;
    padding: 0 0 5px;
  }

  .footer-list li + li::before {
    display: none;
  }

  .item-boxes.row3 .item-box .prod-img {
    min-height: 320px;
  }

  .item-boxes.row3 .item-box .price-holder .price {
    padding: 0 60px;
  }

  .item-boxes.row3 .item-box .price-holder .price sup {
    right: 15px;
  }

  .newsletter form {
    width: 100%;
  }

  .picture-box {
    margin: 0;
  }

  .texto_on {
    font-size: 30px;
    line-height: 30px;
  }

  .title_on {
    font-size: 10px;
    padding: 0 20px 10px 20px;
  }

  .info_on_img {
    height: calc(100% - 60px);
  }

  .info_on_promo {
    height: 462px;
  }

  .info_on_promo .texto_on {
    font-size: 30px;
    line-height: 30px;
  }

  .texto_on {
    font-size: 6vw;
    line-height: 6vw;
    padding: 0 40px 0;
  }

  .title_on {
    font-size: 2.6vh;
    padding: 0 20px 20px 20px;
  }

  .info_on_img {
    height: calc(100% - 60px);
  }

  .info_on_promo {
    height: 462px;
  }

  .item-box {
    max-width: none;
  }

  .info_on_promo {
    height: 100%;
  }

  .issuu-block a > img {
    margin: 20px 0;
  }

  .issuu-block .arrow_right {
    padding-left: 10px;
  }

  .grey-block {
    margin: 0 15px 30px 15px;
    padding: 50px 0;
  }

  .promo-box {
    max-width: none;
  }

  .promo-box .img .pic {
    position: relative;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 130px;
    width: 100%;
  }

  .promo-box .img .pic img {
    padding: 10px 0 0 0;
  }

  .promo-box .img .txt {
    padding: 15px 10px;
  }

  .promo-box .img .txt span {
    font-size: 12px;
    line-height: 12px;
  }

  .promo-box .img .txt strong {
    font-size: 12px;
    line-height: 20px;
  }

  .promo-box .img .txt {
    position: relative;
  }

  .horizontal_3 {
    height: 100%;
  }

  body.sticky #main-nav {
    width: calc(100% - 30px);
    font-size: 24px;
  }

  body.menu-opened #header .open-menu {
    right: calc(100% - 85px);
  }

  #menu-main > li > a { font-weight: bold; }
  body.sticky #main-nav ul li ul {
    padding-left: 20px;
    background: transparent;
    border-top: 1px solid black;
  }

  body.sticky #main-nav ul li ul li {
    margin-top: -1px;
  }

  body.sticky #main-nav ul li a {
    padding: 10px 30px 10px 0;
  }

  body.sticky #main-nav ul li.has-drop ul li a {
    padding: 8px 10px 8px 0;
    text-transform: uppercase;
  }

  .col_5.col-md-3 {
    width: 50%;
  }

  .listado_marcas {
    padding-bottom: 80px;
  }


  .widget_text.footer-nav p:not(.condiciones){ display: flex; flex-wrap: wrap; justify-content: space-between; }
  .widget_text .wpcf7-form > p > label { max-width: 70%; }

  #footer > div > div.row > div:nth-child(3) > div {
    width: 100%;
  }

  .form_tarjeta .half .wpcf7-form-control-wrap { width: 100% !important; margin-right: 0; }
  .form_tarjeta .half .wpcf7-form-control-wrap:last-child { margin-left: 0; }
}

@media screen and (max-width: 420px) {
  form {
    font: 400 2vh/22px 'Grotesque MT Std',
    sans-serif;
  }
  .cli-style-v2.cli-bar-container { margin-bottom: 50px; }
  #cookie_action_close_header { position: absolute; margin: 0 auto !important; right: 0; left: 0; width: fit-content; margin-top: 50px !important; min-width: 100px; }
}

@media screen and (max-width: 319px) {
  form {
    font: 400 2.2vh/22px 'Grotesque MT Std',
      sans-serif;
  }
}