Your IP : 3.14.252.58
<!DOCTYPE html>
<!--[if lt IE 7 ]>
<html lang="ru" id="top" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>
<html lang="ru" id="top" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>
<html lang="ru" id="top" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>
<html lang="ru" id="top" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="ru" id="top" class="no-js"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Откройте для себя коллекцию кофе Nespresso Гран Крю</title>
<meta name="description" content="Default Description"/>
<meta name="keywords" content="Magento, Varien, E-commerce"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<link rel="icon" href="/ru/media/favicon/default/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="/ru/media/favicon/default/favicon.ico" type="image/x-icon"/>
<script type="text/javascript">
var kameleoonURL = "https://ea0vheu5ao.kameleoon.eu";
var kameleoonStartLoadTime = new Date().getTime();
var kameleoonLoadingTimeout = 1000;
var kameleoonProcessMessageEvent = function (event) {
if (kameleoonURL == event.origin) {
window.removeEventListener("message", kameleoonProcessMessageEvent);
window.kameleoonExternalIFrameLoaded = true;
eval(event.data);
Kameleoon.Analyst.load();
}
};
if (window.addEventListener) {
window.addEventListener("message", kameleoonProcessMessageEvent, false);
}
if (!document.getElementById("kameleoonLoadingStyleSheet") && !window.kameleoonDisplayPageTimeOut) {
var kameleoonS = document.getElementsByTagName("script")[0];
var kameleoonCc = "* { visibility: hidden !important; background-image: none !important; }";
var kameleoonStn = document.createElement("style");
kameleoonStn.type = "text/css";
kameleoonStn.id = "kameleoonLoadingStyleSheet";
if (kameleoonStn.styleSheet) {
kameleoonStn.styleSheet.cssText = kameleoonCc;
} else {
kameleoonStn.appendChild(document.createTextNode(kameleoonCc));
}
kameleoonS.parentNode.insertBefore(kameleoonStn, kameleoonS);
window.kameleoonDisplayPage = function () {
if (kameleoonStn.parentNode) {
kameleoonStn.parentNode.removeChild(kameleoonStn);
}
};
window.setTimeout(function () {
}, 25);
window.kameleoonDisplayPageTimeOut = window.setTimeout(window.kameleoonDisplayPage, kameleoonLoadingTimeout);
}
var iframeNode = document.createElement("iframe");
iframeNode.src = kameleoonURL;
iframeNode.id = "kameleoonExternalIframe";
iframeNode.style = "float: left !important; opacity: 0.0 !important; width: 0px !important; height: 0px !important;";
document.head.appendChild(iframeNode);
</script>
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
var BLANK_URL = 'https://www.nespresso.com/ru/js/blank.html';
var BLANK_IMG = 'https://www.nespresso.com/ru/js/spacer.gif';
//]]>
</script>
<![endif]-->
<script type="text/javascript">
var dtmEnabled = true;
</script>
<!--script src="https://www.nespresso.com/ru/club/ab/split2.js?1605231208"></script-->
<!--<script id="adobedtm" src="https://assets.adobedtm.com/2016687db8840fa748bbdc966b49915a93243a15/satelliteLib-7534d9ec2b2d1c92a804f9e1163a0d6f4ae90ac1.js"></script>-->
<!-- Yandex.Metrika counter -->
<!--script type="text/javascript" >
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter31116493 = new Ya.Metrika2({
id:31116493,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true,
trackHash:true,
ut:"noindex",
ecommerce:"dataLayer"
});
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/tag.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks2");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/31116493?ut=noindex" style="position:absolute; left:-9999px;" alt="" /></div></noscript-->
<!-- /Yandex.Metrika counter -->
<style id="antiClickjack">body {
display: none !important;
}</style>
<script type="text/javascript">
if (self === top) {
var antiClickjack = document.getElementById("antiClickjack");
antiClickjack.parentNode.removeChild(antiClickjack);
} else {
top.location = self.location;
}
</script>
<link rel="stylesheet" type="text/css" href="/ru/media/css_secure/30547485ec3ea1726a70ba32587bcce6-1.0.488.css"
media="all"/>
<script type="text/javascript" src="/ru/media/js/24576567f9b357d7873b2fd957a63d3f-1.0.488.js"></script>
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Raleway:300,400,500,700,600"/>
<!--[if (lte IE 8) & (!IEMobile)]>
<link rel="stylesheet" type="text/css"
href="https://www.nespresso.com/ru/media/css_secure/167d797c8a4bcce633ec45a04e0863da-1.0.488.css"
media="all"/>
<![endif]-->
<!--[if (gte IE 9) | (IEMobile)]><!-->
<link rel="stylesheet" type="text/css" href="/ru/media/css_secure/ef3d9767e04eb9d4d809f09991acf9c5-1.0.488.css"
media="all"/>
<!--<![endif]-->
<script type="text/javascript">//<![CDATA[
var Translator = new Translate({
"Please select an option.": "\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442",
"This is a required field.": "\u042d\u0442\u043e \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u043b\u0435",
"Please use numbers only in this field. Please avoid spaces or other characters such as dots or commas.": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0446\u0438\u0444\u0440\u044b",
"Please use letters only (a-z or A-Z) in this field.": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0434\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0431\u0443\u043a\u0432\u044b (\u0430-\u044f \u0438\u043b\u0438 \u0410-\u042f).",
"Please use only letters (a-z or A-Z) or numbers (0-9) only in this field. No spaces or other characters are allowed.": "\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0435 \u0438\/\u0438\u043b\u0438 \u043f\u0440\u043e\u043f\u0438\u0441\u043d\u044b\u0435 \u0431\u0443\u043a\u0432\u044b \u0438\u043b\u0438 \u0446\u0438\u0444\u0440\u044b",
"Please enter a valid date.": "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u0443\u044e \u0434\u0430\u0442\u0443.",
"Please enter a valid email address. For example johndoe@domain.com.": "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u0430\u0434\u0440\u0435\u0441 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u044b.",
"Please make sure your passwords match.": "\u0423\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u043f\u0430\u0440\u043e\u043b\u0438 \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u044e\u0442",
"Please enter a valid URL. Protocol is required (http:\/\/, https:\/\/ or ftp:\/\/)": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 URL. \u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b (http:\/\/, https:\/\/ \u0438\u043b\u0438 ftp:\/\/).",
"Please select one of the options.": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0434\u0438\u043d \u0438\u0437 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432",
"Credit card number does not match credit card type.": "\u041d\u043e\u043c\u0435\u0440 \u0431\u0430\u043d\u043a\u043e\u0432\u0441\u043a\u043e\u0439 \u043a\u0430\u0440\u0442\u044b \u043d\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0442\u0438\u043f\u0443 \u0431\u0430\u043d\u043a\u043e\u0432\u0441\u043a\u043e\u0439 \u043a\u0430\u0440\u0442\u044b.",
"Incorrect credit card expiration date.": "\u041d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u0430\u044f \u0434\u0430\u0442\u0430 \u0438\u0441\u0442\u0435\u0447\u0435\u043d\u0438\u044f \u0441\u0440\u043e\u043a\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0431\u0430\u043d\u043a\u043e\u0432\u0441\u043a\u043e\u0439 \u043a\u0430\u0440\u0442\u044b.",
"Please enter a valid credit card verification number.": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u0447\u043d\u044b\u0439 \u043a\u043e\u0434 \u0431\u0430\u043d\u043a\u043e\u0432\u0441\u043a\u043e\u0439 \u043a\u0430\u0440\u0442\u044b (CVV\/CVC).",
"Please enter issue number or start date for switch\/solo card type.": "\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0434\u0430\u0442\u0443 \u0432\u044b\u043f\u0443\u0441\u043a\u0430 \u0431\u0430\u043d\u043a\u043e\u0432\u0441\u043a\u043e\u0439 \u043a\u0430\u0440\u0442\u044b.",
"Please wait, loading...": "\u041f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435, \u043f\u043e\u0436-\u0442\u0430 \u0438\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430",
"Complete": "\u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d, \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d",
"Add Products By SKU": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b \u043f\u043e \u0430\u0440\u0442\u0438\u043a\u0443\u043b\u0443.",
"Your order cannot be completed at this time as there is no payment methods available for it.": "\u0412\u0430\u0448 \u0437\u0430\u043a\u0430\u0437 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d, \u0442\u0430\u043a \u043a\u0430\u043a \u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u043e\u043f\u043b\u0430\u0442\u044b.",
"Add to Cart": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u043a\u043e\u0440\u0437\u0438\u043d\u0443",
"In Stock": "\u0422\u043e\u0432\u0430\u0440 \u0435\u0441\u0442\u044c \u0432 \u043d\u0430\u043b\u0438\u0447\u0438\u0438",
"Out of Stock": "\u0422\u043e\u0432\u0430\u0440\u0430 \u043d\u0435\u0442 \u0432 \u043d\u0430\u043b\u0438\u0447\u0438\u0438",
"Wishlist Name": "\u0418\u043c\u044f \u0438\u0437\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e",
"Save": "\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c",
"Cancel": "\u041e\u0442\u043c\u0435\u043d\u0430",
"Make This Wishlist Public": "\u0421\u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043b\u0438\u0441\u0442 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0439 \u043e\u0431\u0449\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c",
"Error happened during wishlist creation. Try again later": "\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043b\u0438\u0441\u0442\u0430 \u043f\u043e\u0436\u0435\u043b\u043d\u0430\u0438\u0439. \u041f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0435 \u043f\u043e\u043f\u044b\u0442\u043a\u0443 \u043f\u043e\u0437\u0436\u0435",
"Create New Wishlist": "\u0421\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u041d\u043e\u0432\u044b\u0439 \u043b\u0438\u0441\u0442 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u0439",
"Edit Wishlist": "\u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0441\u0442 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u0439",
"Select items to move": "\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0430",
"Select items to copy": "\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0434\u043b\u044f \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f",
"Add to:": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432:",
"Add to Wishlist": "\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432 \u0441\u043f\u0438\u0441\u043e\u043a",
"Weak": "\u0421\u043b\u0430\u0431\u044b\u0439",
"Medium": "\u0421\u0440\u0435\u0434\u043d\u0438\u0439",
"Strong": "\u0421\u0438\u043b\u044c\u043d\u044b\u0439",
"Very Strong": "\u041e\u0447\u0435\u043d\u044c \u0441\u0438\u043b\u044c\u043d\u044b\u0439",
"Contact": "\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b"
});
//]]></script>
<script type="text/javascript">
//<![CDATA[
Mage.Cookies.path = '/ru/';
Mage.Cookies.domain = '.www.nespresso.com';
//]]>
</script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<script type="text/javascript">
//<![CDATA[
optionalZipCountries = ["HK", "IE", "MO", "PA"];
//]]>
</script>
<script type="text/javascript">
etCurrencyManagerJsConfig = {
"precision": 0,
"position": 16,
"display": 2,
"symbol": "₽",
"zerotext": "",
"excludecheckout": "1",
"cutzerodecimal": 0,
"cutzerodecimal_suffix": ",-",
"min_decimal_count": "2"
};
try {
extendProductConfigformatPrice();
} catch (e) {
}
</script>
<style>.clearboth {
clear: both
}
.discovertheexpertise {
text-align: center;
background-image: url(/ru/media/wysiwyg/grands-crus-coffee-range/scrolldown.png);
background-position: top;
background-repeat: no-repeat;
display: block;
padding-top: 50px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-weight: 700;
margin-top: 15px;
padding-bottom: 15px
}
.discovertheexpertise:hover {
color: #fff
}
#ranges {
list-style: none;
text-align: center;
width: 100%
}
#ranges li {
padding: 0;
margin: 0 17px 0 0
}
@media only screen and (max-width: 1023px) {
#ranges li {
width: 100%;
margin: 0
}
}
#ranges li.last {
margin: 0
}
#ranges li a {
border-radius: 2px;
display: block;
border: 1px solid #616161;
width: 160px;
height: 150px;
position: relative
}
#ranges li a.intenso {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/gamme_intenso_160x150.jpg) no-repeat rgba(60, 60, 60, .4)
}
#ranges li a.espresso {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/gamme_espresso_160x150.jpg) no-repeat rgba(60, 60, 60, .4)
}
#ranges li a.pure-origin {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/gamme_pure_origine_160x150_v1.jpg) no-repeat rgba(60, 60, 60, .4)
}
#ranges li a.lungo {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/gamme_lungo_160x150.jpg) no-repeat rgba(60, 60, 60, .4)
}
#ranges li a.variations {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/gamme_variations_160x150.jpg) no-repeat rgba(60, 60, 60, .4)
}
@media only screen and (max-width: 1023px) {
#ranges li a.espresso, #ranges li a.intenso, #ranges li a.lungo, #ranges li a.pure-origin, #ranges li a.variations {
width: 100%;
height: 300px;
background-position: 50%;
background-size: contain;
background-color: transparent
}
}
.cms-page-view .coffee-hp .left-part, .cms-page-view .coffee-hp .right-part {
width: 40%;
display: inline-block;
vertical-align: top;
margin-bottom: 30px
}
.display-none {
display: none
}
body.cms-page-view .col-main .std p {
color: inherit
}
.cms-page-view .col-main .std li {
color: inherit;
line-height: 1
}
.std ul li {
margin-left: 1px
}
.home-titleTR {
width: 40%;
margin: auto;
padding-top: 20px
}
.cms-page-view .std p {
color: #241a17;
font-style: normal
}
@media only screen and (max-width: 325px) {
.cms-page-view .coffee-hp .wrapper {
min-width: 290px
}
}
.cms-page-view .coffee-hp h3, .cms-page-view .coffee-hp h4 {
margin: 1.33em 0
}
.cms-page-view .coffee-hp article {
padding: 50px 80px
}
.cms-page-view .coffee-hp .home-title h3 {
color: #292727;
text-align: center;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 30px;
margin: 10px 0 15px
}
.cms-page-view .coffee-hp .home-titleTR {
color: #292727;
text-align: center
}
.cms-page-view .coffee-hp .home-titleTR .top {
background: transparent url(/ru/media/wysiwyg/grands-crus-coffee-range/home-title-bg-top.png) 50% 50px no-repeat;
padding: 60px 0 10px;
position: relative
}
.cms-page-view .coffee-hp .home-titleTR .top img {
bottom: 0;
left: 50%;
margin-left: -40px;
position: absolute
}
.cms-page-view .coffee-hp .home-titleTR .bottom {
background: transparent url(/ru/media/wysiwyg/grands-crus-coffee-range/home-title-bg-bottom.png) 0 0 repeat-x;
line-height: 4px;
margin: 0 80px;
height: 4px;
width: auto
}
.cms-page-view .coffee-hp #origin {
margin-top: 36px
}
.cms-page-view .coffee-hp #cupsize {
margin-top: 0
}
.cms-page-view .coffee-hp img {
display: inline-block
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .left-part li.toggleZone {
width: 100%;
margin-left: 0
}
}
@media only screen and (min-width: 1023px) {
.cms-page-view .coffee-hp .left-part {
padding-left: 5%
}
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .right-part li.toggleZone {
width: 100%;
margin-left: 0
}
}
@media only screen and (min-width: 1023px) {
.cms-page-view .coffee-hp .right-part {
margin-left: 8%
}
}
.cms-page-view .coffee-hp .only-right {
text-align: left;
float: right;
margin-right: 30px;
width: 45%
}
.cms-page-view .coffee-hp .first-text {
color: #241a17;
font-size: 12px;
margin: 0;
padding: 0 5px
}
.cms-page-view .coffee-hp span.orange {
color: #cc9d49
}
.cms-page-view .coffee-hp .section-intro {
text-align: center;
min-height: 670px;
background: #000 url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_intro_bg.jpg) bottom no-repeat;
background-size: 100%;
color: #fff;
background-color: #000
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-intro {
background: -webkit-linear-gradient(bottom, #1f1003, #d47d2c);
background: linear-gradient(0deg, #1f1003, #d47d2c)
}
}
.cms-page-view .coffee-hp .section-intro .banner {
background: rgba(0, 0, 0, .1);
padding: 15px 60px;
text-align: left;
font-weight: 700
}
.cms-page-view .coffee-hp .section-intro .banner h3 {
font-weight: 700
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-intro .banner h3 {
text-align: center
}
}
.cms-page-view .coffee-hp .section-intro .banner img {
margin-bottom: 5px
}
.cms-page-view .coffee-hp .section-intro .banner ul {
margin: 0;
padding: 0;
float: left
}
.cms-page-view .coffee-hp .section-intro .banner li {
margin: 0;
padding: 0;
margin-right: 15px;
display: inline-block;
list-style-type: none
}
.cms-page-view .coffee-hp .section-intro .banner li a {
text-transform: uppercase;
color: #fff;
text-decoration: none
}
.cms-page-view .coffee-hp .section-intro .banner li a:hover {
color: #cc9d49
}
.cms-page-view .coffee-hp .section-intro .banner .link {
float: right
}
.cms-page-view .coffee-hp .section-intro .title {
text-transform: uppercase;
font-weight: 700;
font-style: normal;
font-size: 14px
}
.cms-page-view .coffee-hp .section-intro .home-titleTR {
color: #fff;
width: 40%;
margin: auto
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-intro .home-titleTR {
width: 100%
}
}
.cms-page-view .coffee-hp .section-intro .home-titleTR .top {
width: 50%;
margin: auto
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-intro .home-titleTR .top {
width: 80%
}
}
.cms-page-view .coffee-hp .section-intro .home-titleTR .top img {
margin-left: -17px
}
.cms-page-view .coffee-hp .section-intro h4 {
margin-bottom: 0;
font-size: 1.4em
}
.cms-page-view .coffee-hp .section-intro h1 {
font-size: 4em;
line-height: 44px;
margin-bottom: 150px;
margin-top: 32px;
color: #fff;
font-weight: 700
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-intro h1 {
font-size: 2em;
margin-bottom: 10px
}
}
.cms-page-view .coffee-hp .section-intro p {
width: 35%;
margin: 20px 0 0 60px;
text-align: left;
color: #fff
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-intro p {
width: 100%;
padding: 5px 25px;
margin: 0
}
}
.cms-page-view .coffee-hp .section-intro h3 {
text-transform: uppercase
}
.cms-page-view .coffee-hp .section-intro article {
padding: 50px 80px
}
.cms-page-view .coffee-hp .section-intro .bottom img {
vertical-align: top
}
.cms-page-view .coffee-hp .section-intro.home-titleTR h3 {
margin: 10px 0 35px;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 30px
}
.cms-page-view .coffee-hp .section-intro .right-part img {
margin-left: -15%
}
.cms-page-view .coffee-hp .section-taste .block-1-3 li, .cms-page-view .coffee-hp .section-taste .block-2-3 li, .cms-page-view .coffee-hp .section-taste .block-3-3 li {
display: inline-block;
width: 200px;
text-align: left;
margin-bottom: 15px !important
}
.cms-page-view .coffee-hp .section-taste .block-1-3 li .icon, .cms-page-view .coffee-hp .section-taste .block-2-3 li .icon, .cms-page-view .coffee-hp .section-taste .block-3-3 li .icon {
width: 54px;
height: 54px;
background-position: 50%;
background-repeat: no-repeat;
display: block;
position: absolute
}
.cms-page-view .coffee-hp .section-taste .block-1-3 li p, .cms-page-view .coffee-hp .section-taste .block-2-3 li p, .cms-page-view .coffee-hp .section-taste .block-3-3 li p {
height: 54px;
display: block;
margin: 0;
position: relative;
top: 0;
left: 60px
}
.cms-page-view .coffee-hp .section-taste .block-1-3, .cms-page-view .coffee-hp .section-taste .block-2-3, .cms-page-view .coffee-hp .section-taste .block-3-3 {
display: inline-block;
width: 28%;
vertical-align: top;
margin-top: 10px;
margin-bottom: 20px
}
.cms-page-view .coffee-hp .section-taste .block-1-2, .cms-page-view .coffee-hp .section-taste .block-2-2 {
display: inline-block;
width: 47%;
vertical-align: top;
margin-bottom: 20px
}
.cms-page-view .coffee-hp .section-taste {
text-align: center;
background: #fff;
font-size: 12px;
color: #241a17
}
.cms-page-view .coffee-hp .section-taste h4 {
color: #241a17
}
.cms-page-view .coffee-hp .section-taste .home-title h3 {
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 30px;
margin: 10px 0 15px
}
.cms-page-view .coffee-hp .section-taste .home-title .top {
background: transparent url(/ru/media/wysiwyg/grands-crus-coffee-range/home-title-bg-top.png) center 50px no-repeat;
background-size: 1040px;
padding: 60px 0 10px;
position: relative
}
.cms-page-view .coffee-hp .section-taste .home-title .top img {
bottom: 0;
left: 50%;
margin-left: -22px;
position: absolute
}
.cms-page-view .coffee-hp .section-taste .home-title .bottom {
background: transparent url(/ru/media/wysiwyg/grands-crus-coffee-range/home-title-bg-bottom.png) 0 0 repeat-x;
line-height: 4px;
margin: 0 80px;
height: 4px;
width: auto
}
.cms-page-view .coffee-hp .section-taste .home-title .bottom img {
vertical-align: top
}
.cms-page-view .coffee-hp .section-taste .section-intensity {
background: #e6e6e6;
padding-bottom: 30px;
display: none
}
.cms-page-view .coffee-hp .section-taste .section-intensity .bubble {
margin-left: 228px
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste .section-intensity .bubble {
margin-left: 25%
}
}
.cms-page-view .coffee-hp .section-taste .section-cupsize {
background: #e6e6e6;
padding-bottom: 30px;
display: none
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste .section-cupsize .right-part img {
width: 50%
}
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste .section-cupsize .left-part, .cms-page-view .coffee-hp .section-taste .section-cupsize .right-part {
width: 100%
}
}
.cms-page-view .coffee-hp .section-taste .section-origin {
background: #e6e6e6;
margin-top: 30px;
padding-bottom: 30px;
display: none
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste .section-origin {
margin-top: 0
}
}
.cms-page-view .coffee-hp .section-taste .section-origin .bubble {
margin-left: 228px
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste .section-origin .bubble {
margin-left: 25%
}
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste .section-origin .right-part img {
width: 50%
}
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste .section-origin .left-part, .cms-page-view .coffee-hp .section-taste .section-origin .right-part {
width: 100%
}
}
.cms-page-view .coffee-hp .section-taste .section-aromatic {
background: #e6e6e6;
margin-top: 30px;
padding-bottom: 30px;
display: none
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste .section-aromatic {
margin-top: 0
}
}
.cms-page-view .coffee-hp .section-taste .toggleZone {
text-decoration: underline;
width: 30%;
margin-left: 33%;
cursor: pointer;
float: left;
margin-top: 15px
}
.cms-page-view .coffee-hp .section-taste .sigle {
width: 20px;
height: 20px;
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/sprite_open-close.png) 0 0 no-repeat;
background-position: 0 0;
float: left
}
.cms-page-view .coffee-hp .section-taste .sigle.knilesolc {
background-position: 0 -20px
}
.cms-page-view .coffee-hp .section-taste .subtitle {
color: #241a17;
font-size: 1.4em;
font-weight: 400;
margin-bottom: 25px
}
.cms-page-view .coffee-hp .section-taste .block-1-3 {
margin-right: 6%
}
.cms-page-view .coffee-hp .section-taste .block-1-3 li img {
margin: 0 !important
}
.cms-page-view .coffee-hp .section-taste .block-2-3 {
margin-right: 6%
}
.cms-page-view .coffee-hp .section-taste .block-2-3 li img, .cms-page-view .coffee-hp .section-taste .block-3-3 li img {
margin: 0 !important
}
@media only screen and (min-width: 1023px) {
.cms-page-view .coffee-hp .section-taste .block-1-2 {
margin-right: 5%
}
}
.cms-page-view .coffee-hp .section-taste .bubble {
width: 30px;
height: 30px;
background-color: #e6e6e6;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -7px;
position: absolute;
margin-left: 723px
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste .bubble {
margin-left: 65%
}
}
@media only screen and (min-width: 1023px) {
.cms-page-view .coffee-hp .section-taste .mt50 {
margin-top: 50px
}
}
.cms-page-view .coffee-hp .section-taste article {
padding: 30px 40px 0
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste article {
padding: 10px 0
}
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste article:first-of-type .right-part > img {
display: none
}
}
.cms-page-view .coffee-hp .section-taste article img {
margin: 20px 0 0;
display: inline-block
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-taste article img {
width: 50%
}
}
.cms-page-view .coffee-hp .section-taste h4 {
font-size: 1.2em
}
.cms-page-view .coffee-hp .section-taste ul {
text-indent: none;
text-decoration: none;
list-style: none;
margin: 0;
padding: 0
}
.cms-page-view .coffee-hp .section-taste .mini {
margin-right: 4px;
margin-top: -35px;
font-size: .8em
}
.cms-page-view .coffee-hp .section-taste li {
color: #241a17;
margin-bottom: 0
}
.cms-page-view .coffee-hp .section-milkrecipes {
text-align: center;
height: 420px;
color: #292727;
margin-top: -10px;
position: relative;
background: #ececec 30px 0 no-repeat
}
@media only screen and (min-width: 375px) {
.cms-page-view .coffee-hp .section-milkrecipes {
background-image: url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_milkrecipe.jpg)
}
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-milkrecipes {
background-image: none;
background-position: -30px 0;
background-size: contain
}
}
.cms-page-view .coffee-hp .section-milkrecipes article {
padding-top: 10px
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-milkrecipes article {
padding: 0 20px
}
}
.cms-page-view .coffee-hp .section-milkrecipes h3 {
padding-top: 80px
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-milkrecipes h3 {
padding-top: 10px;
padding-left: 0;
font-size: 1.4em;
width: 100%;
float: right
}
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-milkrecipes .spoon-dec {
display: none
}
}
@media only screen and (min-width: 1023px) {
.cms-page-view .coffee-hp .section-milkrecipes .spoon-dec {
position: absolute;
top: 150px;
right: -30px
}
}
.cms-page-view .coffee-hp .section-milkrecipes .only-right {
width: 60%;
margin-right: 130px
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-milkrecipes .only-right {
margin-right: 0;
width: 100%
}
}
.cms-page-view .coffee-hp .section-milkrecipes .only-right p {
font-size: 12px;
margin: 1em 0
}
@media only screen and (max-width: 414px) {
.cms-page-view .coffee-hp .section-milkrecipes .only-right p:nth-child(3) {
display: none
}
}
.cms-page-view .coffee-hp .section-slidcaps .owl-carousel li.block-1-3, .cms-page-view .coffee-hp .section-slidcaps .owl-carousel li.block-2-3, .cms-page-view .coffee-hp .section-slidcaps .owl-carousel li.block-3-3 {
width: 23%;
margin-left: 4%;
margin-right: 0;
text-align: center;
font-size: .9em
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-slidcaps .owl-carousel li.block-1-3, .cms-page-view .coffee-hp .section-slidcaps .owl-carousel li.block-2-3, .cms-page-view .coffee-hp .section-slidcaps .owl-carousel li.block-3-3 {
width: 100%
}
}
.cms-page-view .coffee-hp .section-slidcaps {
background-color: #fff;
color: #241a17;
margin: 0
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-slidcaps {
display: none
}
}
.cms-page-view .coffee-hp .section-slidcaps article p {
width: 450px;
margin: 50px auto;
text-align: center;
font-size: .9em
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-slidcaps article p {
width: 100%
}
}
.cms-page-view .coffee-hp .section-slidcaps article ul li {
display: inline-block;
vertical-align: top;
text-decoration: none
}
.cms-page-view .coffee-hp .section-slidcaps .menu-slide {
text-align: center;
font-size: 12px
}
.cms-page-view .coffee-hp .section-slidcaps .menu-slide li {
text-transform: uppercase;
font-size: 12px;
width: 90px;
margin: 2%;
height: 40px;
text-align: center;
cursor: pointer;
font-weight: 700;
color: #737373
}
.cms-page-view .coffee-hp .section-slidcaps .menu-slide li.underlin, .cms-page-view .coffee-hp .section-slidcaps .menu-slide li:hover {
border-bottom: 3px solid #241a17;
color: #241a17
}
.cms-page-view .coffee-hp .section-slidcaps .owl-carousel {
display: none;
position: relative;
width: 100%
}
.cms-page-view .coffee-hp .section-slidcaps .owl-carousel .owl-wrapper {
display: none;
position: relative
}
.cms-page-view .coffee-hp .section-slidcaps .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.cms-page-view .coffee-hp .section-slidcaps .owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%
}
.cms-page-view .coffee-hp .section-slidcaps .owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height .5s ease-in-out;
transition: height .5s ease-in-out
}
.cms-page-view .coffee-hp .section-slidcaps .owl-carousel .owl-item {
float: left
}
.cms-page-view .coffee-hp .section-slidcaps .owl-controls {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.cms-page-view .coffee-hp .section-slidcaps .owl-controls .owl-buttons div, .cms-page-view .coffee-hp .section-slidcaps .owl-controls .owl-page {
cursor: pointer
}
.cms-page-view .coffee-hp .section-slidcaps .owl-item {
width: 100%
}
.cms-page-view .coffee-hp .section-slidcaps .owl-item .item {
display: block;
width: 100%;
margin-top: 40px
}
.cms-page-view .coffee-hp .section-slidcaps .sprite {
width: 13px;
height: 20px;
position: absolute
}
.cms-page-view .coffee-hp .section-slidcaps .sprite-next {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/sprite_slider_arrows.png) -13px 0 no-repeat;
top: 35px;
right: 25%
}
.cms-page-view .coffee-hp .section-slidcaps .sprite-next:hover {
background-position: -13px -20px
}
.cms-page-view .coffee-hp .section-slidcaps .sprite-prev {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/sprite_slider_arrows.png) 0 0 no-repeat;
top: 35px;
left: 25%
}
.cms-page-view .coffee-hp .section-slidcaps .sprite-prev:hover {
background-position: 0 -20px
}
.cms-page-view .coffee-hp .section-slidcaps .owl-pagination {
text-align: center
}
.cms-page-view .coffee-hp .section-slidcaps .owl-page {
margin: 5px;
width: 18px;
height: 18px;
display: inline-block;
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/sprite_slider_bullets.png)
}
.cms-page-view .coffee-hp .section-slidcaps .owl-page.active, .cms-page-view .coffee-hp .section-slidcaps .owl-page:hover {
background-position: 0 -18px
}
.cms-page-view .coffee-hp .section-slidcaps .item h4 {
text-align: center;
text-transform: uppercase;
font-size: 1.4em;
color: #241a17
}
.cms-page-view .coffee-hp .section-slidcaps .owl-carousel li p {
width: auto;
margin-top: 10px;
margin-bottom: 5px
}
.cms-page-view .coffee-hp .section-journey {
text-align: center;
height: 300px;
background: #000 url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_banner_journey.jpg) 0 0 no-repeat;
background-size: 100%;
color: #fff
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-journey {
background: -webkit-linear-gradient(bottom, #47342d, #3a2720);
background: linear-gradient(0deg, #47342d, #3a2720);
height: 330px
}
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-journey .only-right {
width: 100%;
margin: 0
}
}
.cms-page-view .coffee-hp .section-journey article {
padding-top: 20px;
padding-right: 0;
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-journey article {
padding: 10px 30px
}
}
.cms-page-view .coffee-hp .section-journey p {
color: #fff;
font-size: 12px
}
.cms-page-view .coffee-hp .section-journey p.moru {
margin-top: 20px
}
.cms-page-view .coffee-hp .section-journey p.moru a {
margin-top: 20px;
color: #fff;
opacity: .8;
text-decoration: underline;
}
.cms-page-view .coffee-hp .section-journey p.moru a:hover {
color: #cc9d49
}
.cms-page-view .coffee-hp .section-faq {
padding: 60px 80px 0;
background-image: url(/ru/media/wysiwyg/grands-crus-coffee-range/faq_topshade.png);
background-size: 100%;
background-repeat: no-repeat;
margin-bottom: 70px
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-faq {
padding: 20px 30px
}
}
.cms-page-view .coffee-hp .section-faq h3 {
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 30px;
margin-top: 0
}
.cms-page-view .coffee-hp .section-faq a {
color: #fff
}
.cms-page-view .coffee-hp .section-faq .question {
display: block;
font-size: 14px;
font-weight: 700;
color: #fff;
text-decoration: none;
line-height: 20px;
background-image: url(/ru/media/wysiwyg/grands-crus-coffee-range/faq_open.png);
background-position: 0 3px;
background-repeat: no-repeat;
padding-left: 20px
}
.cms-page-view .coffee-hp .section-faq .question:hover {
color: #fff
}
.cms-page-view .coffee-hp .section-faq .question.opened {
background-image: url(/ru/media/wysiwyg/grands-crus-coffee-range/faq_close.png)
}
.cms-page-view .coffee-hp .section-faq .answer {
display: none;
color: #c7cbd4;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
padding-left: 20px
}
.cms-page-view .coffee-hp .section-faq .answer ul {
margin: 0;
padding: 0
}
.cms-page-view .coffee-hp .section-faq .answer ol {
margin: 0;
padding: 0;
list-style-type: disc
}
.cms-page-view .coffee-hp .section-faq #faq-accordion {
margin: 0;
padding: 0;
margin-bottom: 25px
}
.cms-page-view .coffee-hp .section-faq #faq-accordion li {
position: relative;
overflow: hidden;
margin-bottom: 3px;
margin-left: 0;
width: 600px
}
@media only screen and (max-width: 1023px) {
.cms-page-view .coffee-hp .section-faq #faq-accordion li {
width: 100%
}
}
.filters a, .filters a:hover {
width: 100%;
text-decoration: none;
color: #585858;
font-size: 9px;
font-weight: 700;
white-space: nowrap
}
.visually-hidden {
position: absolute;
clip: rect(1px 1px 1px 1px);
text-indent: -100000px
}
.intensity {
color: #929394;
font-weight: 400;
line-height: 8px
}
.matrix-filter {
margin: 0 auto
}
.matrix-filter .btn-buy {
position: absolute;
top: 20px;
right: 20px
}
@media only screen and (max-width: 1023px) {
.matrix-filter .btn-buy {
top: -30px
}
}
.matrix-filter .matrix-title {
position: relative;
margin: 10px 0
}
.matrix-filter .matrix-title .intro {
width: 750px;
margin: 50px auto 30px;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 18px;
text-align: center;
color: #e6e6e6
}
@media only screen and (max-width: 1023px) {
.matrix-filter .matrix-title .intro {
width: 100%
}
}
.matrix-filter .matrix-title .intro .title {
margin: 0;
padding: 0;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 52px;
text-transform: uppercase;
color: #e6e6e6
}
.matrix-filter .matrix-title .intro .title em {
font-weight: 400
}
.matrix-filter .matrix-title .intro p {
font-size: 12px
}
.matrix-filter .matrix-title .intro .milk-message {
padding: 10px 0 0;
font-style: italic;
text-align: center
}
.matrix-filter .matrix-title .intro .milk-message .image {
background-image: url(/ru/media/wysiwyg/grands-crus-coffee-range/filters/milk.png);
background-position: 0;
background-repeat: no-repeat;
height: 62px;
width: 50px;
display: inline-block;
vertical-align: middle
}
.matrix-filter .container {
padding-top: 40px;
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/filters/coffees-family-bgrd.jpg)
}
.matrix-filter .cup-size table {
width: 100%
}
.matrix-filter .cup-size tr td {
text-align: center
}
@media only screen and (max-width: 325px) {
.matrix-filter .cup-size tr td .items-3 .product {
width: 96px
}
.matrix-filter .cup-size tr td .items-5 .product {
width: 58px
}
}
.matrix-filter .with-cup-size .cup-size {
padding-left: 140px;
background-position: 0;
background-repeat: no-repeat
}
.matrix-filter .with-cup-size .cup-size tr td {
text-align: left
}
.matrix-filter .with-cup-size .chapter {
position: relative
}
.matrix-filter .with-cup-size .cup-size-icon {
position: absolute;
left: 40px;
top: 50%;
margin-top: -44px
}
.matrix-filter .with-cup-size .cup-size-icon div {
opacity: .7;
text-align: center;
font-size: 10px;
text-transform: uppercase
}
.matrix-filter .with-cup-size .cup-size-icon div img {
margin-left: 5px
}
.matrix-filter .with-cup-size .cup-size-icon .name {
font-size: 10px;
margin-top: 5px;
font-weight: 700
}
.matrix-filter .with-cup-size .cup-size-icon .volume {
margin-bottom: 5px
}
.matrix-filter .type {
padding-top: 10px;
display: inline-block
}
.matrix-filter .type .title, .matrix-filter .type .title a {
font-size: 10px;
text-transform: uppercase;
opacity: .7
}
.matrix-filter .type .title a {
text-decoration: none;
color: #d7d7d7;
text-align: center
}
.matrix-filter .type .title a:hover {
text-decoration: underline
}
.matrix-filter .reset {
height: 2em;
text-align: right
}
.matrix-filter .reset a {
color: #fff;
text-decoration: none
}
.matrix-filter .product {
float: left;
width: 81px;
text-align: center
}
@media only screen and (max-width: 414px) {
.matrix-filter .product {
width: 75px
}
}
@media only screen and (max-width: 375px) {
.matrix-filter .product {
width: 69px
}
}
.matrix-filter .product .product-name {
display: block;
color: #d7d7d7;
font-size: 11px;
margin-top: 5px
}
.matrix-filter .product a, .matrix-filter .product a:hover {
text-decoration: none
}
.matrix-filter .product img {
border: 0
}
.matrix-filter .wide .product {
width: 95px
}
.matrix-filter .wide .category-line {
margin: 0 5px 9px
}
.matrix-filter a:active, .matrix-filter a:focus, .matrix-filter a:visited {
outline: 1px dotted grey
}
.matrix-filter .title {
text-align: center;
text-transform: capitalize;
line-height: 1.3em;
font-size: 12px;
overflow: visible;
color: #d7d7d7
}
.matrix-filter .category-line {
height: 5px;
border: 1px solid grey;
border-bottom: 0;
margin: 5px 18px 9px;
text-transform: uppercase
}
.matrix-filter .one-caps {
width: 44px
}
.matrix-filter table {
margin-bottom: 20px
}
.matrix-filter table tr td {
border-bottom: 0;
padding: 0 0 20px
}
.filter-box {
height: 64px;
text-align: center;
background-color: #292727;
position: relative
}
@media only screen and (min-width: 1023px) {
.filter-box.cupsize, .filter-box.intensity {
border-right: 1px solid #373737
}
}
.filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #292727
}
@media only screen and (max-width: 1023px) {
.filters * {
box-sizing: content-box
}
}
@media only screen and (max-width: 1023px) {
.filters {
display: inline-block;
background-color: transparent;
width: 100%
}
}
.filters div.filter-group {
display: inline-block;
width: 100%;
float: left;
height: 65px;
padding: 10px 10px 0
}
@media only screen and (max-width: 1023px) {
.filters div.filter-group {
padding: 0;
margin: 1px 0
}
}
.filters div.filter-group.cupsize {
padding: 10px 22px 0
}
@media only screen and (max-width: 1023px) {
.filters div.filter-group.cupsize {
padding: 0
}
}
@media only screen and (max-width: 1023px) {
.filters div.filter-group.cupsize .div_filter_wrapper {
width: 100%;
padding: 0 5px;
box-sizing: border-box
}
}
.filters div.filter-group .div_filter_wrapper {
display: inline-block
}
.filters div.intensity div {
text-align: center
}
.filters a img {
border: 0
}
.filters li.selected img.selected {
display: inline
}
.filters li.selected img.unselected {
display: none
}
.filters li.selected a.filter span {
background-position: 0 -9px
}
.filters li.disabled {
color: #acacac;
opacity: .2;
filter: alpha(opacity=20)
}
.filters li.disabled a {
cursor: default
}
.filters li.disabled a span {
background-position: 0 -9px !important
}
.filters li.with-icon a {
padding: 0
}
.filters li.with-icon a.filter span {
background-repeat: no-repeat;
background-position: 0 -69px;
padding-left: 35px;
display: inline-block;
height: 25px;
font-weight: 700;
padding-top: 5px
}
.filters li.with-icon a:hover.filter span {
background-position: 0 -9px
}
.filters li a.filter span {
padding-top: 4px
}
.filters li img.selected {
display: none
}
.filters ul {
padding: 0;
margin: 0;
list-style: none
}
.filters ul li {
float: left;
padding: 0
}
.intensity a, .intensity a:hover {
color: #d7d7d7;
text-align: center
}
.intensity a:first-child, .intensity a:first-child:hover {
padding-left: 0
}
.intensity a.filter span {
display: block
}
.intensity ul li {
padding: 0 2px
}
.intensity ul li.first {
padding-left: 0
}
.intensity ul li.last {
padding-right: 0
}
.intensity ul li.with-icon {
padding-right: 5px
}
ul.steps {
margin-top: 10px
}
ul.filter-buttons {
margin-top: 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.filter-buttons li {
display: block;
height: 27px;
margin-left: 1px;
text-align: center;
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/filters/cafe-btn-filter.png) 0 0 repeat-x
}
@media only screen and (max-width: 1023px) {
.filter-buttons li {
width: 100% !important
}
}
.filter-buttons li a {
padding: 5px;
display: block;
line-height: 18px
}
.filter-buttons li a img {
vertical-align: bottom
}
.filter-buttons li.selected {
background-position: bottom
}
.filter-buttons li.selected.first {
background-position: 0 100%
}
.filter-buttons li.selected.last {
background-position: 100% 100%
}
.filter-buttons li.selected a {
color: #fff
}
.filter-buttons li.first {
background-position: 0 0;
padding-left: 0;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.filter-buttons li.last {
background-position: 100% 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px
}
.filter-buttons li:hover {
background-position: 0 -54px
}
.filter-buttons li:hover a {
color: #fff
}
.filter-buttons li:hover.disabled {
background-position: 0 0
}
.filter-buttons li:hover.disabled a {
color: #acacac
}
#plp-hover {
position: absolute;
font-size: 11px
}
#plp-hover .scale .intensity-square {
display: block;
float: left;
margin-left: 2px;
height: 3px;
width: 3px;
background-color: #616161
}
#plp-hover .scale .intensity-square.filled {
background-color: #939393
}
#plp-hover .left {
background-position: 0 0;
background-repeat: no-repeat;
background-image: url(/ru/media/wysiwyg/grands-crus-coffee-range/filters/plp_hover.png);
float: left;
height: 90px;
padding: 0
}
#plp-hover .left .details {
padding: 20px 0 0 20px
}
#plp-hover .left .details .title {
font-weight: 700;
font-size: 12px;
line-height: 1.1em;
color: #d7d7d7
}
#plp-hover .left .details .intensity {
font-weight: 700;
font-size: 10px;
color: #cc9d49;
padding-top: 5px
}
#plp-hover .left .details .intensity .number {
margin-right: 2px
}
#plp-hover .left .details .intensity .scale {
padding-bottom: 1px;
padding-left: 0
}
#plp-hover .left .details .flavour {
font-weight: 700;
font-size: 10px;
font-style: italic;
color: #d4d4d4;
padding-top: 5px;
max-height: 20px
}
#plp-hover .left .details .cup-sizes {
padding: 0;
margin: 5px 0 0
}
#plp-hover .left .details .cup-sizes li {
list-style: none;
padding: 0;
margin: 0 5px 0 0;
float: left;
display: block;
width: 30px;
height: 40px
}
#plp-hover .left .details .cup-sizes li .cup-size-image {
background-repeat: no-repeat;
background-position: 1px -9px;
display: block;
text-align: center;
float: left;
width: 100%;
height: 30px
}
#plp-hover .left .details .cup-sizes li .cup-size-title {
display: block;
width: 100%;
text-align: center;
float: left;
clear: left;
font-size: 7px;
color: #6b6969
}
#plp-hover .right {
background-position: 100% 0;
background-repeat: no-repeat;
background-image: url(/ru/media/wysiwyg/grands-crus-coffee-range/filters/plp_hover.png);
float: left;
width: 20px;
height: 82px
}
.btn {
margin: 0;
border: 0;
display: inline-block;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
line-height: 35px;
margin-right: 12px;
padding: 0 14px 0 27px;
position: relative;
text-align: center;
text-decoration: none;
font-size: 100%
}
.btn.green {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/filters/btn-bg-green.png) no-repeat scroll -12px 0 transparent;
color: #fff;
height: 37px;
width: auto;
text-shadow: 1px 1px 1px #000;
font-weight: 400
}
.btn.green .left-part {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/filters/btn-spacer-green.png) repeat-y scroll 100% 0 transparent
}
.btn.green .border {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/filters/btn-bg-green.png) no-repeat scroll 0 0 transparent;
display: block;
height: 37px;
position: absolute;
right: -12px;
top: 0;
width: 12px
}
.btn.green:hover {
background-position: -12px -37px;
color: #fff
}
.btn.green:hover .border {
background-position: 0 -37px
}
.btn.green.active {
background-position: -12px -37px;
color: #fff
}
.btn.green.active .border {
background-position: 0 -37px
}
.btn.green:active {
background-position: -12px -74px;
color: #fff
}
.btn.green:active .border {
background-position: 0 -74px
}
.btn.green.disabled {
cursor: default;
color: #99a396 !important
}
.btn.green.disabled, .btn.green.disabled:hover {
background-position: -12px -110px
}
.btn.green.disabled .border, .btn.green.disabled:hover .border {
background-position: 0 -110px
}
.btn.green.txt-shadow {
text-shadow: 1px 1px 0 #1f3a15
}
.btn.green.txt-shadow.disabled {
text-shadow: 0 1px 1px #546b4c
}
.btn.green-hover {
font-weight: 400
}
.btn.green-hover:hover {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/filters/btn-bg-green.png) no-repeat scroll -12px 0 transparent;
color: #fff
}
.btn.green-hover:hover .border {
background: url(/ru/media/wysiwyg/grands-crus-coffee-range/filters/btn-bg-green.png) no-repeat scroll 0 0 transparent
}</style>
<script type="text/javascript">jQuery(document).ready(function (t) {
t = jQuery;
var e = t(".paragraph-toggle"), o = t(".paragraph"), i = t(".content-section h2");
e.click(function () {
o.css("display", "none"), i.removeClass("moins"), t(this).find("h2").addClass("moins"), t(this).next(".paragraph").slideToggle()
});
var n = t(".section-cupsize"), l = t(".section-aromatic"), s = t(".section-origin"),
r = t(".section-intensity"), c = t(".toggle-section"), a = t("#cupsize"), d = t("#aromatic"),
p = t("#origin"), u = t("#intensity"), h = t(".sigle"), f = function (t) {
t.find(".sigle").toggleClass("knilesolc")
}, m = function (t, e) {
c.not(t).css("display", "none"), h.not(".knilesolc").removeClass("knilesolc")
};
a.click(function () {
m(n, a);
t(this);
f(t(this)), n.slideToggle()
}), d.click(function () {
m(l, d);
var e = t(this);
f(e), l.slideToggle()
}), p.click(function () {
m(s, p);
var e = t(this);
f(e), s.slideToggle()
}), u.click(function () {
m(r, u);
var e = t(this);
f(e), r.slideToggle()
}), t(".owl-carousel").owlCarousel({
singleItem: !0,
navigation: !0,
slideSpeed: 300,
paginationSpeed: 400,
lazyLoad: !0,
navigationText: ['<i class="sprite sprite-prev"></i>', '<i class="sprite sprite-next"></i>'],
pagination: !0,
responsiveClass: !0,
autoWidth: !0,
loop: !1,
responsive: {768: {items: 1, autoWidth: !0, nav: !0, loop: !1}}
}), t("sprite-next").click(function () {
owl.trigger("owl.next")
}), t("sprite sprite-prev").click(function () {
owl.trigger("owl.prev")
});
var y = t("#espresso"), g = t("#intenso"), v = t("#lungo"), b = t("#origin-slide"), L = t("#decaffeinato"),
I = t("#variations"), x = t("#btn-espresso"), w = t("#btn-intenso"), C = t("#btn-lungo"),
P = t("#btn-origin"), _ = t("#btn-decaffeinato"), O = t("#btn-variations");
allslide = t(".slidcc"), caroussel = t(".owl-carousel"), caroussel.not("#intenso").css("display", "none"), x.click(function () {
t(".menu-slide li").removeClass("underlin"), t(this).addClass("underlin"), caroussel.not("#espresso").css("display", "none"), y.css("display", "block")
}), w.click(function () {
t(".menu-slide li").removeClass("underlin"), t(this).addClass("underlin"), caroussel.not("#intenso").css("display", "none"), g.css("display", "block")
}), C.click(function () {
t(".menu-slide li").removeClass("underlin"), t(this).addClass("underlin"), caroussel.not("#lungo").css("display", "none"), v.css("display", "block")
}), P.click(function () {
t(".menu-slide li").removeClass("underlin"), t(this).addClass("underlin"), caroussel.not("#origin-slide").css("display", "none"), b.css("display", "block")
}), _.click(function () {
t(".menu-slide li").removeClass("underlin"), t(this).addClass("underlin"), caroussel.not("#decaffeinato").css("display", "none"), L.css("display", "block")
}), O.click(function () {
t(".menu-slide li").removeClass("underlin"), t(this).addClass("underlin"), caroussel.not("#variations").css("display", "none"), I.css("display", "block")
}), t("#faq-accordion .question").click(function (e) {
e.preventDefault(), t(this).toggleClass("opened"), t(this).closest("li").find(".answer").not(":animated").slideToggle()
})
}), jQuery(function (t) {
t = jQuery, smoothScroll.init({speed: 1e3, easing: "easeInOutQuart"}), t(".lesuorac").owlCarousel({
items: 1,
navSpeed: 700,
loop: !0,
margin: 0,
center: !0,
nav: !0,
dots: !0,
pagination: !0,
navElement: "button",
navText: ["Previous Accessory", "Next Accessory"]
}), jQuery("a.discovertheexpertise").click(function () {
smoothScroll.animateScroll(null, "#" + jQuery(".section-taste").attr("id"))
}), t(".noitces.sepicer > ul li").click(function () {
console.log(t(this).index()), t(this).siblings().removeClass("evitca"), t(this).addClass("evitca"), t(".noitces.sepicer .lesuorac").css("display", "none"), t(".noitces.sepicer .lesuorac:eq(" + t(this).index() + ")").css("display", "block"), t(".lesuorac").trigger("resize")
}), t(".noitces.sepicer > ul li:first-child").trigger("click")
}), jQuery(document).ready(function (t) {
if (nn = window.nn || {}, nn.plps = window.plps || [], nn.filterSeparator = "_", nn.plps.push("originalCapsulePLPBlock"), "undefined" != typeof nn && "undefined" != typeof nn.plps) for (var e = nn.plps.length - 1; e >= 0; e--) {
var o = nn.plps[e];
new ProductListPage(o)
}
});
var ProductListPage = function (t) {
"use strict";
var e = jQuery;
this.jFilters = e("#" + t + "-filters"), this.jMatrix = e("#" + t + "-matrix"), this.jReset = e("#" + t + "-reset"), this.enabledFilters = {}, this.jProducts = this.jMatrix.find(".product"), this.init(), this.filtersSetup(), this.hoverSetup()
};
ProductListPage.prototype.init = function () {
"use strict";
var t = jQuery, e = this;
this.animationDuration = this.jMatrix.data("animationDuration") || 500, this.jFilters.children().not(".clearfix").each(function () {
var o = t(this).data();
e.enabledFilters[o.filter] = {type: o.type, values: []}
})
}, ProductListPage.prototype.filtersSetup = function () {
"use strict";
var t = jQuery, e = this;
this.jFilters.on("click.plpfilters", "a.filter", function () {
var o = t(this), i = this.hash.slice(1).split(nn.filterSeparator), n = o.parents(".filter-group"),
l = n.hasClass("intensity");
if (2 !== i.length) return !1;
if (o.parent().hasClass("disabled")) return !1;
if (l && o.parent().hasClass("selected") && 1 === n.find("ul.steps").children("li").not(".disabled").filter(".selected").length) return !1;
var s = i[0], r = i[1], c = "off" === e.enabledFilters[s].type;
return o.parent().toggleClass("selected"), o.parent().hasClass("selected") ? c ? (l || o.parent().siblings().removeClass("disabled"), e.removeFromFilters(s, r)) : e.addToFilters(s, r) : c ? e.addToFilters(s, r) : (l || o.parent().siblings().removeClass("disabled"), e.removeFromFilters(s, r)), e.updateMatrix(), l && 0 === e.getFiltersValues(s).length && e.updateFilters(n), e.updateFilters(e.jFilters.children().not(".clearfix")), o.blur(), !1
}), this.jReset.on("click.plpfilters", "a", function () {
return e.init(), e.jFilters.children().not(".clearfix").each(function () {
var e = t(this), o = e.data(), i = e.find("li");
i.removeClass("disabled").toggleClass("selected", "off" === o.type)
}), e.updateMatrix(), e.updateFilters(e.jFilters.children().not(".clearfix").filter(".intensity")), !1
}), e.updateFilters(e.jFilters.children().not(".clearfix").filter(".intensity"))
}, ProductListPage.prototype.buildHover = function () {
"use strict";
var t = jQuery;
if (!this.hover.jElement.length) {
var e = '<div id="plp-hover" class="display-none"> <div class="left"> <div class="details"> <div class="title"></div> <div class="intensity"><span class="number"></span><div class="scale"></div></div> <div class="flavour"></div> <ul class="cup-sizes clearfix"></ul> </div> </div> <div class="right"></div></div>';
this.hover.isVisible = !1, t("body").append(e), this.hover.jElement = t("#plp-hover")
}
}, ProductListPage.prototype.hoverSetup = function () {
"use strict";
var t = jQuery, e = this;
this.hover = {}, this.hover.jElement = t("#plp-hover"), this.hover.isVisible = !1, this.hover.isPointerOnHover = !1, this.hover.currentProduct = null, this.hover.timer = null, this.hover.show = function (o) {
if (clearTimeout(e.hover.timer), e.buildHover(), e.hover.isVisible && o === e.hover.currentProduct) return !0;
var i = t(o).data(), n = e.hover.jElement;
n.find(".title").text(i.productName).end().find(".intensity>.number").text(i.intensity).end().find(".flavour").text(i.flavour);
for (var l = e.jFilters.children(".intensity").data().max, s = "", r = 1; l >= r; r++) {
var c = "intensity-square" + (r <= i.intensity ? " filled" : "");
s += '<span class="' + c + '"></span>'
}
n.find(".scale").html(s), n.show(), n.position({
my: "left bottom",
at: "center center",
of: t(o).find("img")
}), e.hover.currentProduct = o, e.hover.isVisible = !0
}, this.hover.hide = function () {
return !e.hover.isVisible || (clearTimeout(e.hover.timer), void(e.hover.timer = setTimeout(function () {
return !!e.hover.isVisible && (!e.hover.isPointerOnHover && !e.hover.isPointerOnProduct && (e.hover.jElement.hide(), e.hover.isVisible = !1, void(e.hover.currentProduct = null)))
}, 200)))
}, this.hover.jElement.on("mouseenter.plpfilters mouseleave.plpfilters", function (t) {
switch (t.type) {
case"mouseenter":
e.hover.isPointerOnHover = !0;
break;
case"mouseleave":
e.hover.isPointerOnHover = !1, e.hover.hide()
}
}), this.hover.jElement.on("click.plpfilters", function () {
null !== e.hover.currentProduct && t(e.hover.currentProduct).find("a").trigger("click")
}), this.jMatrix.on("mouseenter.plpfilters mouseleave.plpfilters", "div.product", function (o) {
if (t(this).hasClass("dimmed")) return !1;
switch (o.type) {
case"mouseenter":
e.hover.isPointerOnProduct = !0, e.hover.show(this);
break;
case"mouseleave":
e.hover.isPointerOnProduct = !1, e.hover.hide()
}
})
}, ProductListPage.prototype.updateFilters = function (t) {
"use strict";
for (var e = (jQuery, this.jProducts.not(".dimmed")), o = t.length - 1; o >= 0; o--) {
var i, n = t.eq(o), l = n.data();
n.find("li").removeClass("disabled"), i = "off" === l.type ? n.find("li.selected a") : n.find("li:not(.selected) a");
for (var s = i.length - 1; s >= 0; s--) {
var r = i.eq(s), c = r.attr("href").slice(1);
e.filter("." + c).length || r.parent().addClass("disabled")
}
}
}, ProductListPage.prototype.updateMatrix = function () {
"use strict";
var t = jQuery, e = this, o = t(), i = !1;
t.each(this.enabledFilters, function (t) {
var n, l = "off" === e.enabledFilters[t].type, s = e.enabledFilters[t].values;
if (s.length) {
i = !0;
var r;
l ? (r = "." + t + nn.filterSeparator + s.join(",." + t + nn.filterSeparator), n = e.jProducts.filter(r)) : (r = "." + t + nn.filterSeparator + s.join("." + t + nn.filterSeparator), n = e.jProducts.not(r)), o = o.add(n)
}
}), i ? (e.jProducts.not(o).removeClass("dimmed").find("img").stop(!0).animate({opacity: 1}, this.animationDuration), o.addClass("dimmed").find("img").stop(!0).animate({opacity: .2}, this.animationDuration), e.jReset.children("a").show()) : (e.jProducts.removeClass("dimmed").find("img").stop(!0).animate({opacity: 1}, this.animationDuration), e.jReset.children("a").hide())
}, ProductListPage.prototype.removeFromFilters = function (t, e) {
"use strict";
for (var o = (jQuery, []), i = this.enabledFilters[t].values, n = i.length - 1; n >= 0; n--) e !== i[n] && o.push(i[n]);
this.enabledFilters[t].values = o
}, ProductListPage.prototype.addToFilters = function (t, e) {
"use strict";
jQuery;
this.enabledFilters[t].values.push(e)
}, ProductListPage.prototype.getFiltersValues = function (t) {
"use strict";
jQuery;
return this.enabledFilters[t].values
}, function (t, e) {
function o(t, e, o) {
return [parseFloat(t[0]) * (h.test(t[0]) ? e / 100 : 1), parseFloat(t[1]) * (h.test(t[1]) ? o / 100 : 1)]
}
function i(e, o) {
return parseInt(t.css(e, o), 10) || 0
}
function n(e) {
var o = e[0];
return 9 === o.nodeType ? {
width: e.width(),
height: e.height(),
offset: {top: 0, left: 0}
} : t.isWindow(o) ? {
width: e.width(),
height: e.height(),
offset: {top: e.scrollTop(), left: e.scrollLeft()}
} : o.preventDefault ? {
width: 0,
height: 0,
offset: {top: o.pageY, left: o.pageX}
} : {width: e.outerWidth(), height: e.outerHeight(), offset: e.offset()}
}
t.ui = t.ui || {};
var l, s = Math.max, r = Math.abs, c = Math.round, a = /left|center|right/, d = /top|center|bottom/,
p = /[\+\-]\d+(\.[\d]+)?%?/, u = /^\w+/, h = /%$/, f = t.fn.position;
t.position = {
scrollbarWidth: function () {
if (l !== e) return l;
var o, i,
n = t("<div style='display:block;width:50px;height:50px;overflow:hidden;'><div style='height:100px;width:auto;'></div></div>"),
s = n.children()[0];
return t("body").append(n), o = s.offsetWidth, n.css("overflow", "scroll"), i = s.offsetWidth, o === i && (i = n[0].clientWidth), n.remove(), l = o - i
}, getScrollInfo: function (e) {
var o = e.isWindow ? "" : e.element.css("overflow-x"),
i = e.isWindow ? "" : e.element.css("overflow-y"),
n = "scroll" === o || "auto" === o && e.width < e.element[0].scrollWidth,
l = "scroll" === i || "auto" === i && e.height < e.element[0].scrollHeight;
return {width: l ? t.position.scrollbarWidth() : 0, height: n ? t.position.scrollbarWidth() : 0}
}, getWithinInfo: function (e) {
var o = t(e || window), i = t.isWindow(o[0]);
return {
element: o,
isWindow: i,
offset: o.offset() || {left: 0, top: 0},
scrollLeft: o.scrollLeft(),
scrollTop: o.scrollTop(),
width: i ? o.width() : o.outerWidth(),
height: i ? o.height() : o.outerHeight()
}
}
}, t.fn.position = function (e) {
if (!e || !e.of) return f.apply(this, arguments);
e = t.extend({}, e);
var l, h, m, y, g, v, b = t(e.of), L = t.position.getWithinInfo(e.within),
I = t.position.getScrollInfo(L), x = (e.collision || "flip").split(" "), w = {};
return v = n(b), b[0].preventDefault && (e.at = "left top"), h = v.width, m = v.height, y = v.offset, g = t.extend({}, y), t.each(["my", "at"], function () {
var t, o, i = (e[this] || "").split(" ");
1 === i.length && (i = a.test(i[0]) ? i.concat(["center"]) : d.test(i[0]) ? ["center"].concat(i) : ["center", "center"]), i[0] = a.test(i[0]) ? i[0] : "center", i[1] = d.test(i[1]) ? i[1] : "center", t = p.exec(i[0]), o = p.exec(i[1]), w[this] = [t ? t[0] : 0, o ? o[0] : 0], e[this] = [u.exec(i[0])[0], u.exec(i[1])[0]]
}), 1 === x.length && (x[1] = x[0]), "right" === e.at[0] ? g.left += h : "center" === e.at[0] && (g.left += h / 2), "bottom" === e.at[1] ? g.top += m : "center" === e.at[1] && (g.top += m / 2), l = o(w.at, h, m), g.left += l[0], g.top += l[1], this.each(function () {
var n, a, d = t(this), p = d.outerWidth(), u = d.outerHeight(), f = i(this, "marginLeft"),
v = i(this, "marginTop"), C = p + f + i(this, "marginRight") + I.width,
P = u + v + i(this, "marginBottom") + I.height, _ = t.extend({}, g),
O = o(w.my, d.outerWidth(), d.outerHeight());
"right" === e.my[0] ? _.left -= p : "center" === e.my[0] && (_.left -= p / 2), "bottom" === e.my[1] ? _.top -= u : "center" === e.my[1] && (_.top -= u / 2), _.left += O[0], _.top += O[1], t.support.offsetFractions || (_.left = c(_.left), _.top = c(_.top)), n = {
marginLeft: f,
marginTop: v
}, t.each(["left", "top"], function (o, i) {
t.ui.position[x[o]] && t.ui.position[x[o]][i](_, {
targetWidth: h,
targetHeight: m,
elemWidth: p,
elemHeight: u,
collisionPosition: n,
collisionWidth: C,
collisionHeight: P,
offset: [l[0] + O[0], l[1] + O[1]],
my: e.my,
at: e.at,
within: L,
elem: d
})
}), e.using && (a = function (t) {
var o = y.left - _.left, i = o + h - p, n = y.top - _.top, l = n + m - u, c = {
target: {element: b, left: y.left, top: y.top, width: h, height: m},
element: {element: d, left: _.left, top: _.top, width: p, height: u},
horizontal: i < 0 ? "left" : o > 0 ? "right" : "center",
vertical: l < 0 ? "top" : n > 0 ? "bottom" : "middle"
};
h < p && r(o + i) < h && (c.horizontal = "center"), m < u && r(n + l) < m && (c.vertical = "middle"), s(r(o), r(i)) > s(r(n), r(l)) ? c.important = "horizontal" : c.important = "vertical", e.using.call(this, t, c)
}), d.offset(t.extend(_, {using: a}))
})
}, t.ui.position = {
fit: {
left: function (t, e) {
var o, i = e.within, n = i.isWindow ? i.scrollLeft : i.offset.left, l = i.width,
r = t.left - e.collisionPosition.marginLeft, c = n - r, a = r + e.collisionWidth - l - n;
e.collisionWidth > l ? c > 0 && a <= 0 ? (o = t.left + c + e.collisionWidth - l - n, t.left += c - o) : a > 0 && c <= 0 ? t.left = n : c > a ? t.left = n + l - e.collisionWidth : t.left = n : c > 0 ? t.left += c : a > 0 ? t.left -= a : t.left = s(t.left - r, t.left)
}, top: function (t, e) {
var o, i = e.within, n = i.isWindow ? i.scrollTop : i.offset.top, l = e.within.height,
r = t.top - e.collisionPosition.marginTop, c = n - r, a = r + e.collisionHeight - l - n;
e.collisionHeight > l ? c > 0 && a <= 0 ? (o = t.top + c + e.collisionHeight - l - n, t.top += c - o) : a > 0 && c <= 0 ? t.top = n : c > a ? t.top = n + l - e.collisionHeight : t.top = n : c > 0 ? t.top += c : a > 0 ? t.top -= a : t.top = s(t.top - r, t.top)
}
}, flip: {
left: function (t, e) {
var o, i, n = e.within, l = n.offset.left + n.scrollLeft, s = n.width,
c = n.isWindow ? n.scrollLeft : n.offset.left, a = t.left - e.collisionPosition.marginLeft,
d = a - c, p = a + e.collisionWidth - s - c,
u = "left" === e.my[0] ? -e.elemWidth : "right" === e.my[0] ? e.elemWidth : 0,
h = "left" === e.at[0] ? e.targetWidth : "right" === e.at[0] ? -e.targetWidth : 0,
f = -2 * e.offset[0];
d < 0 ? (o = t.left + u + h + f + e.collisionWidth - s - l, (o < 0 || o < r(d)) && (t.left += u + h + f)) : p > 0 && (i = t.left - e.collisionPosition.marginLeft + u + h + f - c, (i > 0 || r(i) < p) && (t.left += u + h + f))
}, top: function (t, e) {
var o, i, n = e.within, l = n.offset.top + n.scrollTop, s = n.height,
c = n.isWindow ? n.scrollTop : n.offset.top, a = t.top - e.collisionPosition.marginTop,
d = a - c, p = a + e.collisionHeight - s - c, u = "top" === e.my[1],
h = u ? -e.elemHeight : "bottom" === e.my[1] ? e.elemHeight : 0,
f = "top" === e.at[1] ? e.targetHeight : "bottom" === e.at[1] ? -e.targetHeight : 0,
m = -2 * e.offset[1];
d < 0 ? (i = t.top + h + f + m + e.collisionHeight - s - l, t.top + h + f + m > d && (i < 0 || i < r(d)) && (t.top += h + f + m)) : p > 0 && (o = t.top - e.collisionPosition.marginTop + h + f + m - c, t.top + h + f + m > p && (o > 0 || r(o) < p) && (t.top += h + f + m))
}
}, flipfit: {
left: function () {
t.ui.position.flip.left.apply(this, arguments), t.ui.position.fit.left.apply(this, arguments)
}, top: function () {
t.ui.position.flip.top.apply(this, arguments), t.ui.position.fit.top.apply(this, arguments)
}
}
}, function () {
var e, o, i, n, l, s = document.getElementsByTagName("body")[0], r = document.createElement("div");
e = document.createElement(s ? "div" : "body"), i = {
visibility: "hidden",
width: 0,
height: 0,
border: 0,
margin: 0,
background: "none"
}, s && t.extend(i, {position: "absolute", left: "-1000px", top: "-1000px"});
for (l in i) e.style[l] = i[l];
e.appendChild(r), o = s || document.documentElement, o.insertBefore(e, o.firstChild), r.style.cssText = "position: absolute; left: 10.7432222px;", n = t(r).offset().left, t.support.offsetFractions = n > 10 && n < 11, e.innerHTML = "", o.removeChild(e)
}()
}(jQuery), _Lbt.dl.components.push({
elementId: "originalCapsulePLPBlock-filters",
type: "filter",
layout: "box",
dynamic: "static"
}), _Lbt.dl.components.push({
elementId: "filter-intensity",
type: "filter",
layout: "box",
dynamic: "static",
orderIndex: 1
}), _Lbt.dl.components.push({
elementId: "filter-cupsize",
type: "filter",
layout: "box",
dynamic: "static",
orderIndex: 1
}), _Lbt.dl.components.push({
elementId: "filter-aromatic",
type: "filter",
layout: "box",
dynamic: "static",
orderIndex: 1
}), _Lbt.dl.components.push({
elementId: "originalCapsulePLPBlock-matrix",
type: "product",
layout: "box",
dynamic: "static",
listStyle: "grid"
}), _Lbt.dl.components.push({
elementId: "plp-product-7623.50",
type: "product",
contentId: "7623.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7623.50",
productIdLocale: "7623.50",
price: 41,
techno: ["original"],
type: "capsule",
name: "Kazaar",
nameLocale: "Kazaar"
}), _Lbt.dl.components.push({
elementId: "plp-product-7624.50",
type: "product",
contentId: "7624.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7624.50",
productIdLocale: "7624.50",
price: 41,
techno: ["original"],
type: "capsule",
name: "DHARKAN (v20)",
nameLocale: "Dharkan"
}), _Lbt.dl.components.push({
elementId: "plp-product-7615.50",
type: "product",
contentId: "7615.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7615.50",
productIdLocale: "7615.50",
price: 35,
techno: ["original"],
type: "capsule",
name: "RISTRETTO",
nameLocale: "Ristretto"
}), _Lbt.dl.components.push({
elementId: "plp-product-7431.50",
type: "product",
contentId: "7431.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7431.50",
productIdLocale: "7431.50",
price: 35,
techno: ["original"],
type: "capsule",
name: "ARPEGGIO",
nameLocale: "Arpeggio"
}), _Lbt.dl.components.push({
elementId: "plp-product-7439.50",
type: "product",
contentId: "7439.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7439.50",
productIdLocale: "7439.50",
price: 35,
techno: ["original"],
type: "capsule",
name: "ROMA",
nameLocale: "Roma"
}), _Lbt.dl.components.push({
elementId: "plp-product-7443.50",
type: "product",
contentId: "7443.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7443.50",
productIdLocale: "7443.50",
price: 35,
techno: ["original"],
type: "capsule",
name: "LIVANTO",
nameLocale: "Livanto"
}), _Lbt.dl.components.push({
elementId: "plp-product-7413.50",
type: "product",
contentId: "7413.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7413.50",
productIdLocale: "7413.50",
price: 35,
techno: ["original"],
type: "capsule",
name: "CAPRICCIO",
nameLocale: "Capriccio"
}), _Lbt.dl.components.push({
elementId: "plp-product-7435.50",
type: "product",
contentId: "7435.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7435.50",
productIdLocale: "7435.50",
price: 35,
techno: ["original"],
type: "capsule",
name: "VOLLUTO",
nameLocale: "Volluto"
}), _Lbt.dl.components.push({
elementId: "plp-product-7642.50",
type: "product",
contentId: "7642.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7642.50",
productIdLocale: "7642.50",
price: 35,
techno: ["original"],
type: "capsule",
name: "COSI (v.20)",
nameLocale: "Cosi (New Recipe)"
}), _Lbt.dl.components.push({
elementId: "plp-product-7644.50",
type: "product",
contentId: "7644.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7644.50",
productIdLocale: "7644.50",
price: 39,
techno: ["original"],
type: "capsule",
name: "Arpeggio Decaffeinato v20",
nameLocale: "Arpeggio Decaffeinato"
}), _Lbt.dl.components.push({
elementId: "plp-product-7645.50",
type: "product",
contentId: "7645.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7645.50",
productIdLocale: "7645.50",
price: 39,
techno: ["original"],
type: "capsule",
name: "Volluto Decaffeinato v20",
nameLocale: "Volluto Decaffeinato"
}), _Lbt.dl.components.push({
elementId: "plp-product-7646.50",
type: "product",
contentId: "7646.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7646.50",
productIdLocale: "7646.50",
price: 41,
techno: ["original"],
type: "capsule",
name: "Vivalto Lungo Decaffeinato v20",
nameLocale: "Vivalto Lungo Decaffeinato"
}), _Lbt.dl.components.push({
elementId: "plp-product-7510.50",
type: "product",
contentId: "7510.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7510.50",
productIdLocale: "7510.50",
price: 41,
techno: ["original"],
type: "capsule",
name: "INDRIYA FROM INDIA",
nameLocale: "Indriya from India"
}), _Lbt.dl.components.push({
elementId: "plp-product-7515.50",
type: "product",
contentId: "7515.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7515.50",
productIdLocale: "7515.50",
price: 41,
techno: ["original"],
type: "capsule",
name: "ROSABAYA DE COLOMBIA",
nameLocale: "Rosabaya de Colombia"
}), _Lbt.dl.components.push({
elementId: "plp-product-7530.50",
type: "product",
contentId: "7530.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7530.50",
productIdLocale: "7530.50",
price: 41,
techno: ["original"],
type: "capsule",
name: "DULSÃO DO BRASIL",
nameLocale: "Dulsão do Brasil"
}), _Lbt.dl.components.push({
elementId: "plp-product-7633.50",
type: "product",
contentId: "7633.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7633.50",
productIdLocale: "7633.50",
price: 41,
techno: ["original"],
type: "capsule",
name: "BUKEELA KA ETHIOPIA (v.20)",
nameLocale: "Bukeela ka Ethiopia"
}), _Lbt.dl.components.push({
elementId: "plp-product-7654.50",
type: "product",
contentId: "7654.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7654.50",
productIdLocale: "7654.50",
price: 39,
techno: ["original"],
type: "capsule",
name: "ENVIVO LUNGO (v.20)",
nameLocale: "Envivo Lungo"
}), _Lbt.dl.components.push({
elementId: "plp-product-7834.50",
type: "product",
contentId: "7834.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7834.50",
productIdLocale: "7834.50",
price: 39,
techno: ["original"],
type: "capsule",
name: "FORTISSIO LUNGO",
nameLocale: "Fortissio Lungo"
}), _Lbt.dl.components.push({
elementId: "plp-product-7810.50",
type: "product",
contentId: "7810.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7810.50",
productIdLocale: "7810.50",
price: 39,
techno: ["original"],
type: "capsule",
name: "VIVALTO LUNGO",
nameLocale: "Vivalto Lungo"
}), _Lbt.dl.components.push({
elementId: "plp-product-7622.50",
type: "product",
contentId: "7622.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7622.50",
productIdLocale: "7622.50",
price: 39,
techno: ["original"],
type: "capsule",
name: "LINIZIO LUNGO (v20)",
nameLocale: "Linizio Lungo"
}), _Lbt.dl.components.push({
elementId: "plp-product-7449.50",
type: "product",
contentId: "7449.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7449.50",
productIdLocale: "7449.50",
price: 39,
techno: ["original"],
type: "capsule",
name: "DECAFFEINATO INTENSO",
nameLocale: "Decaffeinato Intenso"
}), _Lbt.dl.components.push({
elementId: "plp-product-7628.50",
type: "product",
contentId: "7628.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7628.50",
productIdLocale: "7628.50",
price: 43,
techno: ["original"],
type: "capsule",
name: "CARAMELITO (V20)",
nameLocale: "Caramelito"
}), _Lbt.dl.components.push({
elementId: "plp-product-7626.50",
type: "product",
contentId: "7626.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7626.50",
productIdLocale: "7626.50",
price: 43,
techno: ["original"],
type: "capsule",
name: "CIOCATTINO (V20)",
nameLocale: "Ciocattino"
}), _Lbt.dl.components.push({
elementId: "plp-product-7627.50",
type: "product",
contentId: "7627.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7627.50",
productIdLocale: "7627.50",
price: 43,
techno: ["original"],
type: "capsule",
name: "VANILIO (V20)",
nameLocale: "Vanilio"
}), _Lbt.dl.components.push({
elementId: "plp-product-7665.50",
type: "product",
contentId: "7665.50",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "7665.50",
productIdLocale: "7665.50",
price: 44,
techno: ["original"],
type: "capsule",
name: "Cafezinho do Brasil LE (v.20)",
nameLocale: "Cafezinho do Brasil"
}), _Lbt.dl.components.push({
elementId: "plp-product-10482",
type: "product",
contentId: "10482",
layout: "box",
dynamic: "static"
}), _Lbt.dl.products.push({
productId: "10482",
productIdLocale: "10482",
price: 11.4,
techno: ["original"],
type: "capsule",
name: "Virtual Duo Pack - Cafezinho do Brasil",
nameLocale: "2-Pack Cafezinho do Brasil"
}), !function (t, e) {
"function" == typeof define && define.amd ? define("smoothScroll", e(t)) : "object" == typeof exports ? module.exports = e(t) : t.smoothScroll = e(t)
}(window || this, function (t) {
"use strict";
var e, o, i, n = {}, l = !!document.querySelector && !!t.addEventListener, s = {
speed: 500, easing: "easeInOutCubic", offset: 0, updateURL: !0, callbackBefore: function () {
}, callbackAfter: function () {
}
}, r = function (t, e, o) {
if ("[object Object]" === Object.prototype.toString.call(t)) for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && e.call(o, t[i], i, t); else for (var n = 0, l = t.length; l > n; n++) e.call(o, t[n], n, t)
}, c = function (t, e) {
var o = {};
return r(t, function (e, i) {
o[i] = t[i]
}), r(e, function (t, i) {
o[i] = e[i]
}), o
}, a = function (t, e) {
for (var o = e.charAt(0); t && t !== document; t = t.parentNode) if ("." === o) {
if (t.classList.contains(e.substr(1))) return t
} else if ("#" === o) {
if (t.id === e.substr(1)) return t
} else if ("[" === o && t.hasAttribute(e.substr(1, e.length - 2))) return t;
return !1
}, d = function (t) {
return Math.max(t.scrollHeight, t.offsetHeight, t.clientHeight)
}, p = function (t) {
for (var e, o = String(t), i = o.length, n = -1, l = "", s = o.charCodeAt(0); ++n < i;) {
if (e = o.charCodeAt(n), 0 === e) throw new InvalidCharacterError("Invalid character: the input contains U+0000.");
l += e >= 1 && 31 >= e || 127 == e || 0 === n && e >= 48 && 57 >= e || 1 === n && e >= 48 && 57 >= e && 45 === s ? "\\" + e.toString(16) + " " : e >= 128 || 45 === e || 95 === e || e >= 48 && 57 >= e || e >= 65 && 90 >= e || e >= 97 && 122 >= e ? o.charAt(n) : "\\" + o.charAt(n)
}
return l
}, u = function (t, e) {
var o;
return "easeInQuad" === t && (o = e * e), "easeOutQuad" === t && (o = e * (2 - e)), "easeInOutQuad" === t && (o = .5 > e ? 2 * e * e : -1 + (4 - 2 * e) * e), "easeInCubic" === t && (o = e * e * e), "easeOutCubic" === t && (o = --e * e * e + 1), "easeInOutCubic" === t && (o = .5 > e ? 4 * e * e * e : (e - 1) * (2 * e - 2) * (2 * e - 2) + 1), "easeInQuart" === t && (o = e * e * e * e), "easeOutQuart" === t && (o = 1 - --e * e * e * e), "easeInOutQuart" === t && (o = .5 > e ? 8 * e * e * e * e : 1 - 8 * --e * e * e * e), "easeInQuint" === t && (o = e * e * e * e * e), "easeOutQuint" === t && (o = 1 + --e * e * e * e * e), "easeInOutQuint" === t && (o = .5 > e ? 16 * e * e * e * e * e : 1 + 16 * --e * e * e * e * e), o || e
}, h = function (t, e, o) {
var i = 0;
if (t.offsetParent) do i += t.offsetTop, t = t.offsetParent; while (t);
return i = i - e - o, i >= 0 ? i : 0
}, f = function () {
return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight)
}, m = function (t) {
return t && "object" == typeof JSON && "function" == typeof JSON.parse ? JSON.parse(t) : {}
}, y = function (e, o) {
history.pushState && (o || "true" === o) && history.pushState(null, null, [t.location.protocol, "//", t.location.host, t.location.pathname, t.location.search, e].join(""))
};
n.animateScroll = function (e, o, n) {
var l = c(l || s, n || {}), r = m(e ? e.getAttribute("data-options") : null);
l = c(l, r), o = "#" + p(o.substr(1));
var a = "#" === o ? document.documentElement : document.querySelector(o), g = t.pageYOffset;
i || (i = document.querySelector("[data-scroll-header]"));
var v, b, L, I = null === i ? 0 : d(i) + i.offsetTop, x = h(a, I, parseInt(l.offset, 10)), w = x - g,
C = f(), P = 0;
y(o, l.updateURL);
var _ = function (i, n, s) {
var r = t.pageYOffset;
(i == n || r == n || t.innerHeight + r >= C) && (clearInterval(s), a.focus(), l.callbackAfter(e, o))
}, O = function () {
P += 16, b = P / parseInt(l.speed, 10), b = b > 1 ? 1 : b, L = g + w * u(l.easing, b), t.scrollTo(0, Math.floor(L)), _(L, x, v)
}, j = function () {
l.callbackBefore(e, o), v = setInterval(O, 16)
};
0 === t.pageYOffset && t.scrollTo(0, 0), j()
};
var g = function (t) {
var o = a(t.target, "[data-scroll]");
o && "a" === o.tagName.toLowerCase() && (t.preventDefault(), n.animateScroll(o, o.hash, e))
}, v = function () {
o || (o = setTimeout(function () {
o = null, headerHeight = null === i ? 0 : d(i) + i.offsetTop
}, 66))
};
return n.destroy = function () {
e && (document.removeEventListener("click", g, !1), t.removeEventListener("resize", v, !1), e = null, o = null, i = null)
}, n.init = function (o) {
l && (n.destroy(), e = c(s, o || {}), i = document.querySelector("[data-scroll-header]"), document.addEventListener("click", g, !1), i && t.addEventListener("resize", v, !1))
}, n
});</script>
</head>
<body class=" cms-page-view cms-grands-crus-coffee-range">
<div class="widget widget-static-block">
<style>
.wrapper .slick-slide img {
width: auto;
}
.add-to-cart-buttons {
position: relative;
}
.carousel-mode .block-layered-nav .category_filter,
.carousel-mode .block-layered-nav .coffee_strength_text_filter {
display: none;
}
@media only screen and (min-width: 901px) {
#header-nav .nav-primary.count-7 li.level0 {
width: -webkit-calc((100% / 7) - 0.05px); /** Safari 6, Chrome 19-25 **/
width: -moz-calc((100% / 7) - 0.05px); /** FF 4-15 **/
width: calc((100% / 7) - 0.05px); /** FF 16+, IE 9+, Opera 15, Chrome 26+, Safari 7 and future other browsers **/
}
}
</style>
</div>
<div class="wrapper">
<noscript>
<div class="global-site-notice noscript">
<div class="notice-inner">
<p>
<strong>JavaScript seems to be disabled in your browser.</strong><br/>
You must have JavaScript enabled in your browser to utilize the functionality of this website. </p>
</div>
</div>
</noscript>
<div class="page">
<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
?>
<div class="main-container col1-layout">
<div class="main">
<div class="breadcrumbs">
<ul>
<li class="home">
<a href="/ru/ru.html" title="Go to Home Page">Домашняя страница</a>
<span></span>
</li>
<li class="cms_page">
<strong>Откройте для себя коллекцию кофе Nespresso Гран Крю</strong>
</li>
</ul>
</div>
<div class="col-main">
<div class="std">
<div class="home-prod coffee-hp">
<!-------------------->
<div class="wrapper">
<!----------start-section-coffee-selector---------->
<div id="originalCapsulePLPBlock" class="matrix-filter">
<div class="matrix-title dark">
<a href="/ru/ru/coffee-capsules.html" class="btn-container btn-buy">
<span class="btn green">
Заказать кофе-капсулы<span class="border"></span>
</span>
</a>
<div class="intro">
<h2 class="title">
ИСКЛЮЧИТЕЛЬНЫЙ ЭСПРЕССО
</h2>
<p>
Одним нажатием кнопки приготовьте восхитительный кофе Гран Крю с
кофемашиной Nespresso. Откройте для себя 3 ароматических профиля блендов
кофе: интенсивный, сбалансированный и цветочно-фруктовый.
</p>
<p class="milk-message">
<span class="image"></span>Вся коллекция кофе Гран Крю прекрасно
сочетается с молоком, чтобы создавать новые грани вкуса.
</p>
</div>
</div>
<div>
</div>
<div id="originalCapsulePLPBlock-matrix" class="container normal lbt-component"
data-animation-duration="500">
<h3 class="visually-hidden">Capsule list</h3>
</div>
</div>
<!----------end-section-coffee-selector---------->
<!----------start-section-intro---------->
<div class="section-intro">
<div style="background-color:black;padding:0;" class="banner">
<br>
<div class="clearboth"></div>
</div>
<div class="home-titleTR">
<h4 data-cq-component="text">КОФЕ <em>NESPRESSO</em></h4>
<div class="top"><img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/home-title-nespresso.png"
alt=""></div>
<h1 id="excellence-coffee" class="page-anchor" data-label="Excellence coffee"
data-cq-component="text">СОВЕРШЕНСТВО <br>КОФЕ</h1></div>
<p data-cq-component="text" class="title">Наша страсть к совершенству отражена в
непревзойденном качестве кофе Гран Крю Nespresso.</p>
<p data-cq-component="text">Мы ничего не оставляем на волю случая. Качество строго
контролируется на всех этапах производства <em>Nespresso</em>, начиная с
тщательного отбора наиболее благоприятных регионов произрастания кофе
выскочайшего уровня до распространения среди потребителей по всему миру.</p>
<p data-cq-component="text">Говоря о наших блендах, мы используем термин «Гран Крю»,
что указывает на особую роль происхождения кофе, терруара и экспертизы
Nespresso.<br> В процессе создания блендов мы выбираем сорта кофе за их
уникальные характеристики и утонченность. Соединяя их в нужных пропорциях, мы
создаем идеальную гармонию, чтобы насладиться чашкой кофе в соответствии со
вкусовыми предпочтениями.</p> <a href="#section-taste-scroll"
class="discovertheexpertise smoothScroll">Узнать
больше</a>
</div>
<!----------end-section-intro---------->
<!----------start-section-taste---------->
<div class="section-taste" id="section-taste-scroll">
<div class="home-title">
<div class="top"><img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/home-title-nespresso-black.png"
alt=""></div>
<h3 id="taste-of-coffee" class="page-anchor" data-label="The Taste"
data-cq-component="text">ВКУС КОФЕ <em>Nespresso</em></h3>
<p data-cq-component="text" class="first-text">Выберите Вашу капсулу кофе Гран
Крю, проникнитесь ее дизайном, почувствуйте аромат и насладитесь вкусом.
<br>Познакомьтесь с искусством дегустации кофе Гран Крю от
<em>Nespresso</em></p>
<p class="subtitle" data-cq-component="text"><strong>Вкус каждой капсулы кофе
Гран Крю уникален и определяется следующими факторами:</strong></p>
<div class="bottom"><img
src="/ru/media/wysiwyg/grands-crus-coffee-range/home-title-bottom.png"
width="39" height="4" alt=""></div>
</div>
<article>
<div class="left-part">
<h4 data-cq-component="text">ПРОИСХОЖДЕНИЕ/ВИД</h4> <img
data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_origins_big.jpg"
alt="">
<br>
<br>
<ul data-cq-component="text">
<li>Арабика или Робуста</li>
<li>Страна происхождения/терруар</li>
<li id="origin" class="toggleZone">
<div class="sigle"></div>
Узнать подробнее
</li>
</ul>
</div>
<div data-cq-component="text" class="right-part">
<h4 data-cq-component="text">РАЗМЕР ЧАШКИ</h4> <img
data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_cupsize_big.jpg"
alt="">
<br>
<div class="block-1-3 mini">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_cupsize_ristretto_small.png"
alt="">
<p class="first-text" data-cq-component="text">Ристретто</p>
<p data-cq-component="text">Размер чашки: 25 мл</p>
</div>
<div class="block-2-3 mini">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_cupsize_espresso_small.png"
alt="">
<p class="first-text" data-cq-component="text">Эспрессо</p>
<p data-cq-component="text">Размер чашки: 40 мл</p>
</div>
<div class="block-3-3 mini">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_cupsize_lungo_small.png"
alt="">
<p class="first-text" data-cq-component="text">Лунго</p>
<p data-cq-component="text">Размер чашки: 110 мл</p>
</div>
<ul data-cq-component="text">
<li id="cupsize" class="toggleZone">
<div class="sigle"></div>
Узнать подробнее
</li>
</ul>
</div>
</article>
<!-- TOGGLE SECTION cupsize-->
<div class="section-cupsize toggle-section">
<div class="bubble"></div>
<div class="left-part">
<div class="home-titleTR">
<div class="top">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_cupsize_small.png"
alt="">
</div>
<h4 data-cq-component="text">РАЗМЕР ЧАШКИ</h4>
</div>
<p class="first-text" data-cq-component="text">Каждая капсула кофе Гран Крю
создана под определенный размер объем для оптимального вкуса и текстуры
в чашке.</p>
<p data-cq-component="text">Излишняя экстракция: размер чашки имеет решающее
значение,так как избыток воды с недостатком кофе приводит к
несбалансированному вкусу.</p>
<div class="block-1-3">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_cupsize_ristretto.png"
alt="">
<p class="first-text" data-cq-component="text">Ристретто</p>
<p data-cq-component="text">Размер чашки: 25 мл</p>
</div>
<div class="block-2-3">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_cupsize_espresso.png"
alt="">
<p class="first-text" data-cq-component="text">Эспрессо</p>
<p data-cq-component="text">Размер чашки: 40 мл</p>
</div>
<div class="block-3-3">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_cupsize_lungo.png"
alt="">
<p class="first-text" data-cq-component="text">Лунго</p>
<p data-cq-component="text">Размер чашки: 110 мл</p>
</div>
</div>
<div class="right-part mt50">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_cupsize_img.jpg"
alt="">
</div>
</div>
<!-- TOGGLE SECTION -->
<!-- TOGGLE SECTION Origin-->
<div class="section-origin toggle-section">
<div class="bubble"></div>
<div class="left-part">
<div class="home-titleTR">
<div class="top">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_origins_small.png"
alt="">
</div>
<h4 data-cq-component="text">ПРОИСХОЖДЕНИЕ/ВИД</h4>
</div>
<div class="block-1-2">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_origins_green-coffee.png"
alt="">
<p data-cq-component="text">Виды зеленого кофе и его особенности
(различные Арабики и Робусты)</p>
</div>
<div class="block-2-2">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_origins_country-origin.png"
alt="">
<p data-cq-component="text">Страна происхождения/терруар</p>
</div>
<p data-cq-component="text">Вкус кофе ГрандКрю зависит от состава бленда и
терруара.</p>
</div>
<div class="right-part mt50">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_origins_img.jpg"
alt="">
</div>
<article>
<h4 data-cq-component="text">СРЕДА И КЛИМАТ</h4>
<h4 data-cq-component="text">ТЕРРУАР</h4>
<p class="first-text" data-cq-component="text">Интенсивность кофе <em>Nespresso</em>
зависит от степени обжарки зерен, плотности тела и горчинки во вкусе,
<u>а не от содержания кофеина</u>.
<br>
<br>
<br>Наряду с кислинкой, горчинкой, сладостью, ароматом и послевкусием
плотность является одной из ключевых характеристик кофе.</p>
<div class="block-1-3">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_environment_altitude.png"
alt="">
<p data-cq-component="text">Высота</p>
</div>
<div class="block-2-3">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_environment_soil.png"
alt="">
<p data-cq-component="text">Состав почвы</p>
</div>
<div class="block-3-3">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_environment_climate.png"
alt="">
<p data-cq-component="text">Температурный климат, воздействие
солнца/осадков, влажности и др.</p>
</div>
</article>
</div>
<!-- TOGGLE SECTION -->
<article>
<div class="left-part">
<h4 data-cq-component="text">Интенсивность</h4>
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_intensity_big.jpg"
alt="">
<ul data-cq-component="text">
<li>Насыщенность</li>
<li>Горчинка</li>
<li>Прожарка</li>
<li id="intensity" class="toggleZone">
<div class="sigle"></div>
Узнать подробнее
</li>
</ul>
</div>
<div data-cq-component="text" class="right-part">
<h4 data-cq-component="text">ОТТЕНКИ АРОМАТА</h4>
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_aromatic_big.jpg"
alt="">
<ul data-cq-component="text">
<li>Фруктовый/Цветочный</li>
<li>Легкий</li>
<li>Интенсивный</li>
<li id="aromatic" class="toggleZone">
<div class="sigle"></div>
Узнать подробнее
</li>
</ul>
</div>
</article>
<!-- TOGGLE SECTION INTENSITY -->
<div class="section-intensity toggle-section">
<div class="bubble"></div>
<div class="home-titleTR">
<div class="top">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_intensity_small.png"
alt="">
</div>
<h4 data-cq-component="text">Интенсивность</h4>
<p class="first-text" data-cq-component="text">Интенсивность достигается
при:</p>
</div>
<article>
<div class="block-1-3">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_intensity_honey.png"
alt="">
<h4 data-cq-component="text">Насыщенность</h4>
<p data-cq-component="text">Насыщенность кофе и яркость каждого глотка.
Насыщенный кофе всегда плотный и густой, кофе с меньшей
насыщенностью всегда легче по плотности.</p>
</div>
<div class="block-2-3">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_intensity_bitterness.png"
alt="">
<h4 data-cq-component="text">Горчинка</h4>
<p data-cq-component="text">Подумайте о темном шоколаде, какао, даже
цикории. Кофе чуть более горький.</p>
</div>
<div class="block-3-3">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_intensity_roastiness.png"
alt="">
<h4 data-cq-component="text">Прожарка </h4>
<p data-cq-component="text">Вкус обжарки раскрывается в зависимости от
способа обжарки.</p>
</div>
<p class="first-text" data-cq-component="text">Интенсивность кофе <em>Nespresso</em>
зависит от степени обжарки зерен, плотности тела и горчинки во вкусе,
<u>а не от содержания кофеина</u>.
<br>Наряду с кислинкой, горчинкой, сладостью, ароматом и послевкусием
плотность является одной из ключевых характеристик кофе.
</p>
</article>
</div>
<!-- TOGGLE SECTION -->
<!-- TOGGLE SECTION aromatic-->
<div class="section-aromatic toggle-section">
<div class="bubble"></div>
<div class="home-titleTR">
<div class="top">
<img data-cq-component="image"
src="/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_taste_aromatic_small.png"
alt="">
</div>
<h4 data-cq-component="text">ОТТЕНКИ АРОМАТА</h4>
<p class="first-text" data-cq-component="text">Главные ароматические ноты и
интенсивность определяют профиль, характер кофе Гран Крю.
<br>
<br>
</p>
<p class="first-text" data-cq-component="text">3 основные ароматические
семьи:</p>
</div>
<article>
<div class="block-1-3">
<h4 data-cq-component="text">СБАЛАНСИРОВАННЫЙ</h4>
<ul>
<li>
<div class="icon"
style="background-image:url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_aroma_flowerly.png);"></div>
<p class="inli" data-cq-component="text">
<br>Цветочный</p>
</li>
<li>
<div class="icon"
style="background-image:url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_aroma_citrus.png);"></div>
<p class="inli" data-cq-component="text"><br>Цитрусовый</p>
</li>
<li>
<div class="icon"
style="background-image:url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_aroma_fruity.png);"></div>
<p class="inli" data-cq-component="text"><br>Фруктово-винный</p>
</li>
</ul>
</div>
<div class="block-2-3">
<h4 data-cq-component="text">СБАЛАНСИРОВАННЫЙ</h4>
<ul>
<li>
<div class="icon"
style="background-image:url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_aroma_honey.png);"></div>
<p class="inli" data-cq-component="text"><br>Медовый</p>
</li>
<li>
<div class="icon"
style="background-image:url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_aroma_cereals.png);"></div>
<p class="inli" data-cq-component="text"><br>Злаковый</p>
</li>
<li>
<div class="icon"
style="background-image:url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_aroma_roasted.png);"></div>
<p class="inli" data-cq-component="text"><br>С нотами тостации
</p>
</li>
</ul>
</div>
<div class="block-3-3">
<h4 data-cq-component="text">ИНТЕНСИВНЫЙ</h4>
<ul>
<li>
<div class="icon"
style="background-image:url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_aroma_cocoa.png);"></div>
<p class="inli" data-cq-component="text"><br>Какао</p>
</li>
<li>
<div class="icon"
style="background-image:url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_aroma_spicy.png);"></div>
<p class="inli" data-cq-component="text"><br>Перечный</p>
</li>
<li>
<div class="icon"
style="background-image:url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_aroma_woody.png);"></div>
<p class="inli" data-cq-component="text"><br>Древесный</p>
</li>
<li>
<div class="icon"
style="background-image:url(/ru/media/wysiwyg/grands-crus-coffee-range/plpcoffee_picto_aroma_intensely-raosted.png);"></div>
<p class="inli" data-cq-component="text">Насыщенный <br>с нотами
тостации</p>
</li>
</ul>
</div>
</article>
</div>
<!-- TOGGLE SECTION -->
</div>
<!----------end-section-taste---------->
<!----------start-section-milkrecipes---------->
<div class="section-milkrecipes">
<div class="home-title">
<h3 id="milk-recipes" class="page-anchor" data-label="Milk recipes"
data-cq-component="text">РЕЦЕПТЫ С МОЛОКОМ</h3>
</div>
<article>
<div data-cq-component="text" class="only-right">
<p class="first-text">Кофе раскрывается в непередаваемом сочетании с
молоком</p>
<p>Большинство людей обычно используют интенсивные бленды эспрессо для
кофейных рецептов, считая, что аромат более утонченных блендов будет
ослаблен молоком. Каждая капсула кофе Гран Крю, даже с самым элегантным
и деликатным характером, в сочетании с молоком обретает новые грани
вкуса.</p>
<p>И каков результат? Это создает практически бесконечную палитру вариаций
кофе Гран Крю начиная с каждой капсулы. Сочетая один и тот же бленд с
молоком, капучино или латте раскроется множеством разнообразных оттенков
вкуса.</p>
</div>
</article>
</div>
<!----------end-section-milkrecipes---------->
<!----------start-section-journey---------->
<div class="section-journey">
<article>
<div data-cq-component="text" class="only-right">
<h4 id="journey" class="page-anchor" data-label="Journey to perfection"
data-cq-component="text">путешествие к совершенному кофе</h4>
<p class="first-text">Ягоды дерева Coffea Rubiaceae, кофе растет между
тропиками Козерога и Рака.</p>
<p>Как и вино, превосходный кофе вбирает в себя качества своего терруара:
результат гармонии между почвой, погодными условиями, сортом и высотой.
Мы называем плод кофейного дерева "ягодой" за ее сочный красный цвет при
созревании и форму подобную вишне. Как и любой другой фрукт, кофе
отличается наилучшим вкусом при правильном сборе урожая.</p>
<p class="moru" data-cq-component="text">
<span class="orange"></span>
<a href="/ru/coffee-expertise.html" data-cq-component="text">Узнайте
больше</a>
</p>
</div>
</article>
</div>
<!----------end-section-journey---------->
</div>
<!-------------------->
<script>
window.jQuery || document.write('<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"><\/script>')
</script>
<script src="shared_res/mos/free_html/int/_common/js/owl.carousel.min.js"></script>
</div>
</div>
</div>
</div>
</div>
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>
<!-- ZIP code detector -->
<link rel="stylesheet" type="text/css" href="/ru/club/utils/zip/jquery-ui-custom.min.css" media="all"/>
<script type="text/javascript" src="/ru/club/utils/zip/getpostalcode-prod.js"></script>
<script type="text/javascript" src="/ru/club/utils/zip/jquery-ui-custom.min.js"></script>
<!-- end ZIP -->
<!-- LiveChat Script -->
<link rel="stylesheet" type="text/css" href="/ru/club/utils/livechat/livechat.css" media="all"/>
<script src="/ru/club/utils/livechat/livechat.js"></script>
<!-- end LiveChat Script -->
<script>(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_EN/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
window.twttr = (function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function (f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));
</script>
<script src="apis.google.com/js/platform.js"></script>
<script>var FEED_BASE_URL = "https://www.nespresso.com/ru/ru/";</script>
<script src="/ru/js/mirasvit/code/feedexport/performance.js" type="text/javascript"></script>
<!-- Digital Data Layer -->
<script type="text/javascript">
(function () {
var digitalDataTemp = {
"version": "1.1.2",
"page": {"type": "content", "category": "Content", "breadcrumb": []},
"user": {"isLoggedIn": false, "isReturning": false},
"cart": {"subtotal": 0, "total": 0, "lineItems": [], "currency": "RUB"},
"website": {
"type": "responsive",
"country": "RU",
"environment": "production",
"language": "ru_RU"
},
"changes": []
};
window.digitalData = $H(window.digitalData || {}).merge(digitalDataTemp).toObject();
})();
</script>
<!-- //Digital Data Layer -->
<!-- Digital Data Manager snippet -->
<script type="text/javascript">
(function (e) {
var a = window.ddManager = window.ddManager || [];
window.ddListener = window.ddListener || [];
var b = window.digitalData = window.digitalData || {};
b.events = b.events || [];
if (!a.initialize) if (a.invoked) window.console && console.error && console.error("Digital Data Manager snippet included twice."); else {
a.invoked = !0;
a.methods = "initialize addIntegration persist unpersist on once off".split(" ");
a.factory = function (f) {
return function () {
var c = Array.prototype.slice.call(arguments);
c.unshift(f);
a.push(c);
return a
}
};
for (b = 0; b < a.methods.length; b++) {
var d = a.methods[b];
a[d] = a.factory(d)
}
a.load = function (a) {
var c = document.createElement("script");
c.type = "text/javascript";
c.async = !0;
c.src = a;
a = document.getElementsByTagName("script")[0];
a.parentNode.insertBefore(c, a)
};
a.loadProject = function (b) {
var c = window.location.search;
0 <= c.indexOf("ddm_test_mode=1") ? window.localStorage.setItem("_ddm_test_mode", "1") : 0 <= c.indexOf("ddm_test_mode=1") && window.localStorage.removeItem("_ddm_test_mode");
b = "1" === window.localStorage.getItem("_ddm_test_mode") ?
"//api.ddmanager.ru/v1/ddm-initialization/" + b + ".js" : "//cdn.ddmanager.ru/ddm-initialization/" + b + ".js";
a.load(b)
};
a.SNIPPET_VERSION = "1.0.3";
a.loadProject(e)
}
})("c9c01252-2e15-4442-b4cc-887384ab5ffb");
</script>
<!-- //Digital Data Manager snippet -->
<div class="widget widget-static-block">
<script>
var targetSegments = {
mega_menu: {
"capsules-tab": {
28: {
src: "/ru/media/wysiwyg/Pages/Coffee/WO_140617_300x240_ru.jpg",
href: "/ru/ru/nespresso-first-time?ref=mega-menu-coffee-banner-ru",
event_action: "wo_201703",
event_label: "megamenu_caps-tab"
},
55: {
src: "/ru/media/wysiwyg/Pages/Coffee/268_web_weekend_300_240_0627_rus.jpg",
href: "/ru/ru/coffee-capsules?ref=mega-menu-coffee-banner-ru",
event_action: "20170616_weekend_delivery_promotion",
event_label: "megamenu_caps-tab"
},
159: {
src: "/ru/media/wysiwyg/Pages/Coffee/2_web_ban_AYS_300x240_0411_nespresso.jpg",
href: "/ru/ru/coffee-capsules?ref=mega-menu-accessories-banner-ru",
event_action: "201811041816",
event_label: "megamenu_accessories-tab"
}
},
"machines-tab": {
55: {
src: "/ru/media/wysiwyg/Pages/Coffee/268_web_weekend_300_240_0627_rus.jpg",
href: "/ru/ru/coffee-machines?ref=mega-menu-machines-banner-ru",
event_action: "20170616_weekend_delivery_promotion",
event_label: "megamenu_machines-tab"
},
28: {
src: "/ru/media/wysiwyg/Pages/Coffee/WO_140617_300x240_ru.jpg",
href: "/ru/ru/nespresso-first-time?ref=mega-menu-machines-banner-ru",
event_action: "wo_201703",
event_label: "megamenu_machines-tab"
},
159: {
src: "/ru/media/wysiwyg/Pages/Coffee/2_web_ban_AYS_300x240_0411_nespresso.jpg",
href: "/ru/ru/coffee-capsules?ref=mega-menu-accessories-banner-ru",
event_action: "201811041816",
event_label: "megamenu_accessories-tab"
}
},
"accessories-tab": {
28: {
src: "/ru/media/wysiwyg/Pages/Coffee/WO_140617_300x240_ru.jpg",
href: "/ru/ru/nespresso-first-time?ref=mega-menu-accessories-banner-ru",
event_action: "wo_201703",
event_label: "megamenu_accessories-tab"
},
55: {
src: "/ru/media/wysiwyg/Pages/Coffee/268_web_weekend_300_240_0627_rus.jpg",
href: "/ru/ru/accessories?ref=mega-menu-accessories-banner-ru",
event_action: "20170616_weekend_delivery_promotion",
event_label: "megamenu_accessories-tab"
},
159: {
src: "/ru/media/wysiwyg/Pages/Coffee/2_web_ban_AYS_300x240_0411_nespresso.jpg",
href: "/ru/ru/coffee-capsules?ref=mega-menu-accessories-banner-ru",
event_action: "201811041816",
event_label: "megamenu_accessories-tab"
},
},
"business-tab": {}
},
home_page: {
push_banner_2: {
174: {
src: "/ru/media/wysiwyg/Pages/Coffee/essenza-70-banner_525_165.jpg",
href: "/ru/ru/essenza-for-free",
event_action: "essenza_for_free",
event_label: "capsules_plp_top"
},
177: {
src: "/ru/media/wysiwyg/Pages/Coffee/essenza-70-banner_525_165.jpg",
href: "/ru/ru/essenza-for-free",
event_action: "essenza_for_free",
event_label: "capsules_plp_top"
},
180: {
src: "/ru/media/wysiwyg/Pages/Coffee/essenza-70-banner_525_165.jpg",
href: "/ru/ru/essenza-for-free",
event_action: "essenza_for_free",
event_label: "capsules_plp_top"
},
158: {
src: "/ru/media/wysiwyg/Pages/Coffee/essenza-70-banner_525_165.jpg",
href: "/ru/ru/essenza-for-free",
event_action: "essenza_for_free",
event_label: "capsules_plp_top"
}
}
},
catalog_page: {
capsules: {
plp_top: {
159: {
src: "/ru/media/wysiwyg/Pages/Coffee/3_web_ban_AYS_1200x170_0411_nespresso.jpg",
href: "/ru/ru/coffee-capsules?ref=pdp-banner-ru",
event_action: "201811041816",
event_label: "capsules_page_top"
}
}
},
machines: {
plp_top: {
159: {
src: "/ru/media/wysiwyg/Pages/Coffee/3_web_ban_AYS_1200x170_0411_nespresso.jpg",
href: "/ru/ru/coffee-capsules?ref=pdp-banner-ru",
event_action: "201811041816",
event_label: "capsules_page_top"
}
}
},
accessories: {
plp_top: {
159: {
src: "/ru/media/wysiwyg/Pages/Coffee/3_web_ban_AYS_1200x170_0411_nespresso.jpg",
href: "/ru/ru/coffee-capsules?ref=pdp-banner-ru",
event_action: "201811041816",
event_label: "capsules_page_top"
}
}
}
},
product_page: {
capsules: {
right_banner: {
55: {
src: "/ru/media/wysiwyg/Pages/Coffee/268_web_weekend_525_165_0627_rus.jpg",
href: "",
event_action: "20170616_weekend_delivery_promotion",
event_label: "capsules_page_top"
},
159: {
src: "/ru/media/wysiwyg/Pages/Coffee/6_web_ban_AYS_525x165_0411_nespresso.jpg",
href: "/ru/ru/coffee-capsules?ref=pdp-banner-ru",
event_action: "201811041816",
event_label: "capsules_page_top"
}
}
},
machines: {
right_banner: {
55: {
src: "/ru/media/wysiwyg/Pages/Coffee/268_web_weekend_525_165_0627_rus.jpg",
href: "",
event_action: "20170616_weekend_delivery_promotion",
event_label: "machines_page_top"
},
159: {
src: "/ru/media/wysiwyg/Pages/Coffee/6_web_ban_AYS_525x165_0411_nespresso.jpg",
href: "/ru/ru/coffee-capsules?ref=pdp-banner-ru",
event_action: "201811041816",
event_label: "capsules_page_top"
}
}
},
accessory: {
right_banner: {
55: {
src: "/ru/media/wysiwyg/Pages/Coffee/268_web_weekend_525_165_0627_rus.jpg",
href: "",
event_action: "20170616_weekend_delivery_promotion",
event_label: "accessories_page_top"
},
159: {
src: "/ru/media/wysiwyg/Pages/Coffee/6_web_ban_AYS_525x165_0411_nespresso.jpg",
href: "/ru/ru/coffee-capsules?ref=pdp-banner-ru",
event_action: "201811041816",
event_label: "accessories_page_top"
}
}
}
}
};
</script>
</div>
<div class="widget widget-static-block">
<style>.iefix img {
width: 60% !important;
height: 60% !important;
}
.item-with-links .item-title:hover, .item-with-links p:hover, .megamenu li:not(.item-with-links):hover .item-title {
text-decoration: underline
}
.menu-active .megamenu {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.megamenu {
display: none
}
.nav-primary li.level0 .megamenu {
background-color: #fff;
position: absolute;
width: 1200px;
z-index: 200
}
.nav-primary li.level0 .megamenu > a {
width: 25%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.nav-primary li.level0 .megamenu > ul {
position: relative;
width: 75%;
top: 0;
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-shadow: none
}
.nav-primary li.level0 .megamenu > ul > li:nth-child(3n+2) {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6
}
.nav-primary li.level0 .megamenu > ul > li {
width: 33.33%;
height: 120px;
padding: 10px;
border-bottom: 1px solid #e6e6e6
}
.nav-primary li.level0 .megamenu > ul > li > a {
padding: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%
}
.nav-primary li.level0 .megamenu > ul > li > a > .info {
color: #000;
width: 100%
}
.nav-primary li.level0 .megamenu > ul > li > a > .info .item-title {
margin: 0 0 5px;
font-weight: 700;
line-height: 18px;
font-size: 14px
}
.nav-primary li.level0 .megamenu > ul > li > a > .info p {
font-size: 12px;
font-weight: 400;
line-height: 14px;
margin: 0
}
.allh .info, .allh a img {
margin: 0 auto
}
.nav-primary li.level0 .megamenu > .menu-bottom {
height: 60px;
width: 100%;
color: #000;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
box-shadow: inset 0 3px 10px gray
}
.nav-primary li.level0 .megamenu > .menu-bottom > a {
color: gray;
text-transform: uppercase;
text-decoration: underline
}
.nav-primary li.level0 .megamenu > .menu-bottom > * {
font-size: 120%
}
.allh {
height: 240px !important
}
.allh .item-title, .allh p {
text-align: center
}
.item-with-links .item-title, .item-with-links p {
padding-left: 30px;
text-align: left;
font-weight: 700
}
.allh a {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.allh a img {
width: 50%
}
.nav-primary li.level0 .megamenu > ul {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 240px
}
.item-with-links {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.item-with-links .item-title {
color: #357e00
}
.green .item-title, .green p {
color: #357e00 !important
}
@media only screen and (max-width: 1260px) {
.nav-primary li.level0 .megamenu {
width: calc(100vw - 60px)
}
}
@media only screen and (max-width: 1024px) {
.nav-primary li.level0 .megamenu {
width: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
position: relative;
left: 0 !important
}
.nav-primary li.level0 .megamenu > a {
width: 100%;
display: none
}
.nav-primary li.level0 .megamenu > ul {
width: 100%;
height: auto
}
.nav-primary li.level0 .megamenu > ul > li:nth-child(3n+2) {
border-right: 0;
border-left: 0
}
.nav-primary li.level0 .megamenu > ul > li:nth-child(odd) {
border-right: 1px solid #e6e6e6
}
.nav-primary li.level0 .megamenu > ul > li {
width: 50%
}
.nav-primary li.level0 .megamenu > .menu-bottom {
display: none
}
}
@media only screen and (max-width: 480px) {
.nav-primary li.level0 .megamenu > ul > li {
width: 100%
}
}
@media only screen and (min-width: 1025px) {
.nav-primary li.level0 a.level0.icon-our-choices:after {
background: url(/ru/media/wysiwyg/menuimages/nav-icon-ccp-31.png) top no-repeat
}
.nav-primary li.level0:hover a.level0.icon-our-choices:after {
background-position: center -32px
}
.nav-primary li.level0 a.level0.icon-new-service:after {
background: url(ecom/medias/sys_master/public/10184262877214/nav-icon-7-benef.png) top no-repeat
}
.nav-primary li.level0:hover a.level0.icon-new-service:after {
background-position: center -32px
}
}
.nav-primary li.level0:hover a.level0.color-browngrey:before {
background: #9c8c76
}
.nav-primary li.level0:hover a.level0.color-yellow:before {
background: #c87f00
}
#our-choices > ul > li > a > img {
width: auto !important
}</style>
</div>
</div>
</div>
<!-- start system / design / footer -->
<!-- system / design / footer segments customer replace img -->
<!-- start system / design / footer banner segments function -->
<script type="text/javascript">
var targetBanners = function (a, b, c) {
console.log("init.target.banners");
var d = Mage.Cookies.get("CUSTOMER_SEGMENT_IDS");
if (null !== d) {
var e = d.split(","), f = localStorage.getItem("banners_customer_viewed_segments_" + b) || "[]",
g = JSON.parse(f);
e.every(function (c, d) {
if (c in a && jQuery.inArray(c, g) < 0) {
if (g.push(c), localStorage.setItem("banners_customer_viewed_segments_" + b, JSON.stringify(g)), "" !== a[c].href && jQuery("." + b).attr("href", a[c].href), "" !== a[c].src && jQuery("." + b + " img").attr("src", a[c].src), void 0 !== a[c].mobile) {
var e = jQuery("." + b).parent().parent();
if (void 0 !== a[c].mobile[414] && Modernizr.mq("screen and (max-width: " + bp.xsmall + "px)")) {
jQuery("." + b).parent().remove();
var f = generateCarousel("xsmall", a[c].mobile[414]);
e.append(f), initTargetBannerCarusel(".xsmall.owl-carousel")
} else if (void 0 !== a[c].mobile[768] && Modernizr.mq("screen and (max-width: " + bp.large + "px)")) {
jQuery("." + b).parent().remove();
var f = generateCarousel("large", a[c].mobile[768]);
e.append(f), initTargetBannerCarusel(".large.owl-carousel")
}
}
return pushToDataLayer(a[c], c), !1
}
return localStorage.setItem("banners_customer_viewed_segments_" + b, "[]"), !0
})
} else void 0 !== a.new && ("" !== a.new.href && jQuery("." + b).attr("href", a.new.href), "" !== a.new.src && jQuery("." + b + " img").attr("src", a.new.src), pushToDataLayer(a.new, "new"));
c && "function" == typeof c && c()
}, generateCarousel = function (a, b) {
var c = '<div class="' + a + ' owl-carousel">';
return b.each(function (a, b) {
console.log(), c += '<a href="' + a.href + '" class="mobile_banner_' + b + '">', c += '<div class="item">', c += '<img style="width:100%" class="" alt="banner_' + b + '" src="' + a.src + '">', c += "</div> ", c += "</a>"
}), c += "</div>"
}, initTargetBannerCarusel = function (a) {
jQuery(a).owlCarousel({
singleItem: !0,
navigation: !1,
slideSpeed: 300,
margin: 10,
stagePadding: 10,
paginationSpeed: 400,
lazyLoad: !0,
navigationText: ['<i class="sprite sprite-prev"></i>', '<i class="sprite sprite-next"></i>'],
pagination: !1,
responsiveClass: !0,
autoWidth: !0,
loop: true,
items: 3,
autoPlay: 2e3,
stopOnHover: !1
})
}, pushToDataLayer = function (a, b) {
setTimeout(function () {
console.log("init.dataLayer.push"), dataLayer.push({
event: "impression",
event_category: "product_push",
event_action: a.event_action,
event_label: a.event_label + "_segment_" + b
})
}, 1e3)
};
</script>
<!-- end system / design / footer banner segments function -->
<!--start_delivery_info-->
<script>
// jQuery(function(){var a=jQuery(".col-left.sidebar:eq(0)"),b="",c="",d=jQuery("html").attr("lang");"ru"==d?(b="Изменения сроков доставки во время праздников",c="Изменения сроков доставки во время праздников"):(b="Delivery time change during the holiday season",c="Delivery time change during the holiday season");var e="";e+='<div class="feb23banner">',e+='<a href="https://www.nespresso.com/ru/ru/delivery-payment?ref=holiday_banner" title="'+b+'">',e+='<img style="margin:0 auto;" alt="'+c+'" src="https://www.nespresso.com/ru/media/wysiwyg/Pages/delivery_'+d+'.jpg">',e+="</a>",e+="</div>",a.length&&a.append(e)});
</script>
<!--end_delivery_info-->
<!-- end system / design / footer --> </body>
</html>