Your IP : 18.118.186.225
.ui-widget-content.ui-popin {
z-index: 10200 !important;
background-color: #1b1b1b;
padding: 10px 20px;
width: 214px;
border: none
}
.ui-widget-content.ui-popin .ui-button:hover {
background: url(ru/media/wysiwyg/Pages/Home/Popin/popin-white-close.png) no-repeat scroll 0 0 transparent;
border: medium none;
height: 19px;
position: absolute;
width: 19px;
z-index: 9999
}
.ui-widget-content.ui-popin .ui-dialog-title {
display: none
}
.ui-widget-content.ui-popin .ui-dialog-titlebar-close {
background: url(ru/media/wysiwyg/Pages/Home/Popin/notification-close.png) no-repeat scroll 0 0 transparent;
border: medium none;
height: 19px;
position: absolute;
right: -5px;
top: -5px;
width: 19px
}
.ui-widget-content.ui-popin .your-product {
border: 1px solid #333;
max-width: 212px
}
.ui-widget-content.ui-popin .prod-info {
background: url(ru/media/wysiwyg/Pages/Home/Popin/popin-white-bg.png) repeat-x scroll 0 0 #fff;
height: 81px;
padding: 15px 10px;
text-align: center;
width: auto;
position: relative
}
.ui-widget-content.ui-popin .prod-info .primaryPrice {
font-size: 166.7%;
color: #cc9d49;
font-family: Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
margin: 0
}
.ui-widget-content.ui-popin .prod-info .btn-addtocart {
position: absolute;
width: 100%;
bottom: 7px;
left: 0
}
.ui-widget-content.ui-popin .moar .orange {
color: #cc9d49;
margin-right: 6px
}
.ui-widget-content.ui-popin .accessories {
border-top: 1px solid #333
}
body .ui-dialog {
z-index: 1000;
position: absolute;
font-size: 12px;
box-sizing: content-box
}
body .ui-dialog p {
margin: 1em 0
}
body .ui-widget-overlay {
background: url(ru/media/wysiwyg/Pages/Home/Popin/popin-overlay-bg-black.png) repeat scroll 0 0 transparent;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10100
}
:root .btn.green, :root .btn.small {
overflow: visible
}
#quantity-selector-options {
display: block;
position: relative;
overflow: hidden;
margin: 0 auto;
padding: 0;
width: 100%;
list-style: none
}
#quantity-selector-options li {
display: block;
float: left;
margin: 0;
padding: 0;
width: 38px;
height: 30px;
text-align: center;
border-color: #c9cacb #c9cacb #eaeaeb #eaeaeb;
border-style: solid;
border-width: 1px
}
#quantity-selector-options li.qty-row-first {
border-top: 0
}
#quantity-selector-options li.qty-row-last {
border-bottom: 0
}
#quantity-selector-options li.qty-col-first {
border-left: none
}
#quantity-selector-options li.qty-col-last {
border-right: 0
}
#quantity-selector-options li .quantity-selection {
display: block;
padding: 0;
width: 100%;
height: 30px;
line-height: 28px;
font-family: Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: .9166666666666666em;
font-weight: 400;
text-decoration: none;
text-shadow: 1px 1px 1px #fff;
color: #272727;
background: 0;
border: 0
}
#quantity-selector-options li .quantity-selection:hover {
background-color: #f1f1f3;
color: #000
}
#quantity-selector-options li .quantity-selection:focus {
outline: 0;
height: 29px;
border: 1px dotted gray
}
.header .cart-container .ui-dialog-titlebar, .visually-hidden {
position: absolute;
clip: rect(1px 1px 1px 1px);
text-indent: -100000px
}
.clearfix:after, clearfix:before {
display: table;
content: "";
zoom: 1
}
.display-none, .element-hide, .ng-hide {
display: none
}
.centered-on-page {
margin: 0 auto
}
.pull-left {
float: left
}
.pull-right {
float: right
}
.unstyled {
list-style: none;
margin: 0;
padding: 0
}
.home-blocks p {
font-style: normal !important
}
.home-blocks a {
color: #cc9d49;
cursor: pointer;
text-decoration: underline
}
.home-blocks .home-block-main {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 10px
}
.home-blocks .home-block-main .slideshow-container {
overflow: hidden;
position: relative;
text-align: center;
margin: 0
}
.home-blocks .home-block-main .slideshow-container .slider-wrapper {
width: 100%;
overflow: hidden
}
.home-blocks .home-block-main .slideshow-container .slider-wrapper .slider-item {
width: 100%;
float: left;
overflow: hidden;
position: relative
}
.home-blocks .home-block-main .slideshow-container .slider-wrapper .slider-item a {
display: block;
margin: 0 auto
}
.home-blocks .home-block-main .slideshow-container .slider-pause, .home-blocks .home-block-main .slideshow-container .slider-play {
display: block
}
.home-blocks .home-block-main .slideshow-container .slider-nav-ctn {
bottom: 0;
left: 0;
position: absolute;
height: 103px;
width: 100%
}
.home-blocks .home-block-main .static-banners {
width: 30%;
padding-left: 10px;
height: 100%
}
@media only screen and (max-width: 1025px) {
.home-blocks .home-block-main {
margin-bottom: 0 !important;
}
body.cms-home .main-container {
margin: 0 !important;
}
.col-main {
margin-bottom: 0 !important;
}
.home-blocks .home-block-main .static-banners {
display: none
}
}
.home-blocks .home-block-main .static-banners .banner {
height: 50%
}
.home-blocks .home-block-main .static-banners .banner img {
width: 100%
}
.home-blocks .home-block-main .static-banners .banner:nth-child(2) {
padding-top: 10px
}
.home-blocks .home-block-promo {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width: 767px) {
.home-blocks .home-block-promo {
display: none
}
}
.home-blocks .home-block-promo > * {
display: block;
float: right;
width: 100%
}
.home-blocks .home-block-promo :first-child {
float: left;
width: 100%;
margin-right: 10px
}
.home-blocks .home-block-promo .wrapper-push-banner img.mobile {
display: none
}
.home-blocks .home-block-mosaic .gray-block {
background-color: #1b1b1b
}
.home-blocks .home-block-mosaic .gray-block .articles {
font-family: Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: 1em;
font-weight: 400;
line-height: 16px
}
.home-blocks .home-block-mosaic .gray-block .articles h2 {
margin: 0;
padding: 0 20px;
text-transform: none;
font-family: Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: 1em;
font-weight: 700;
line-height: 50px;
text-align: center
}
.home-blocks .home-block-mosaic .gray-block .articles .more {
margin: 0 20px 0 0
}
.home-blocks .home-block-mosaic .gray-block .articles .more a {
line-height: 50px
}
.home-blocks .home-block-mosaic .gray-block .articles .more .orange {
color: #cc9d49
}
.home-blocks .home-block-mosaic .gray-block .articles .article-front .thumbs {
padding: 0 20px;
width: 100%
}
.home-blocks .home-block-mosaic .gray-block .articles .article-front .thumbs img {
margin: 0 auto
}
.home-blocks .home-block-mosaic .gray-block .articles .article-front .thumbs li {
margin-bottom: 10px
}
.home-blocks .home-block-mosaic .gray-block .articles .article-front .article-front-content {
text-align: center
}
@media only screen and (max-width: 1024px) {
.home-blocks .home-block-mosaic .gray-block .articles .article-front .article-front-content {
margin: auto 25px
}
}
.home-blocks .home-block-mosaic .gray-block .articles .article-front .title {
margin: 0;
font-family: Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: 1em;
font-weight: 700;
line-height: 30px;
color: #fff
}
.home-blocks .home-block-mosaic .gray-block .articles .article-front h4 {
margin: 0 0 15px;
font-family: Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: 1.8333333333333333em;
font-weight: 400;
line-height: 30px
}
.home-blocks .home-block-mosaic .gray-block .articles .article-front .gray {
color: #d0d0d0
}
.home-blocks .home-block-mosaic .gray-block .articles .article-front .btn {
margin: 30px 0
}
.home-blocks .home-block-mosaic .gray-block .articles .article-block {
padding: 0 18px;
width: 125px
}
.home-blocks .home-block-mosaic .gray-block .articles .article-block.separator {
border-right: 1px dotted #525252
}
.home-blocks .home-block-mosaic .gray-block .articles .article-block .title {
margin: 5px 0 15px;
font-family: Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: .9166666666666666em;
font-weight: 700;
line-height: 14px
}
.home-blocks .home-block-mosaic .gray-block .articles .article-block p {
color: #d0d0d0;
margin: 0 0 15px
}
.home-blocks .home-block-mosaic .gray-block .articles .article-block ul {
list-style: disc inside;
padding: 0
}
.home-blocks .home-block-mosaic .gray-block .articles .article-block.wide {
width: 292px
}
.home-blocks .home-block-mosaic .gray-block .articles-home {
height: auto;
width: 35%
}
@media only screen and (max-width: 1281px) {
.home-blocks .home-block-mosaic .gray-block .articles-home {
width: 100%
}
}
@media only screen and (min-width: 768px) and (max-width: 1281px) {
.home-blocks .home-block-mosaic .gray-block .articles-home {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col {
width: 100%;
position: relative
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table {
display: table;
margin: 0 auto
}
@media only screen and (max-width: 1281px) {
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table {
width: 100%
}
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table .recipes-header {
display: table-row
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table .recipes-header h2 {
display: table-cell
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table .recipes-header .more {
display: table-cell;
text-align: right;
padding-right: 20px
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table > ul {
display: table-row
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table .article-block {
display: table-cell;
padding: 0 18px;
width: 125px;
position: relative
}
@media only screen and (max-width: 1281px) {
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table .article-block a img {
margin: auto
}
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table .article-block.separator {
border-right: 1px dotted #525252
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table .article-block .title {
margin: 5px 0 15px;
font-family: Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: .82em;
font-weight: 700;
line-height: 14px;
color: #fff
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table .article-block p {
color: #d0d0d0;
margin: 0 0 15px;
font-size: 1em;
font-weight: 400;
line-height: 16px
}
@media only screen and (max-width: 1024px) {
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table .article-block p:nth-child(odd) {
min-height: 12vh
}
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table .article-block ul {
list-style: disc inside;
padding: 0
}
.home-blocks .home-block-mosaic .gray-block .articles-home .focus-block-col .recipes-table .article-block.wide {
width: 292px
}
.home-blocks .home-block-mosaic .gray-block .articles-products {
background-color: #101010
}
.home-blocks .home-block-mosaic .gray-block .articles-products .article-front {
background-color: #1b1b1b
}
.home-blocks .home-block-mosaic .gray-block .products-block .focus-push-block:after, .home-blocks .home-block-mosaic .gray-block .products-block .focus-push-block:before {
display: table;
content: "";
zoom: 1
}
.home-blocks .home-block-mosaic .gray-block .products-block h2 {
color: #fff;
font-family: Nespresso Lucas, Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: 1em;
font-weight: 700;
line-height: 39px;
margin: 0;
text-transform: uppercase;
font-size: 100%;
text-align: center;
margin: 7px 6px 0;
padding-left: 0;
text-align: left;
width: 85.3%
}
@media only screen and (max-width: 1281px) {
.home-blocks .home-block-mosaic .gray-block .products-block h2 {
width: 675px;
margin: 0 auto
}
}
.home-blocks .home-block-mosaic .gray-block .products-block td {
position: relative;
padding-left: 0;
padding-top: 0
}
.home-blocks .home-block-mosaic .gray-block .products-block td a {
color: #fff;
text-decoration: none
}
.home-blocks .home-block-mosaic .gray-block .products-block td.last {
padding-right: 0
}
.home-blocks .home-block-mosaic .gray-block .products-block .prod-ctn {
position: relative;
padding: 12px;
color: white!important;
}
.home-blocks .home-block-mosaic .gray-block .products-block .prod-ctn a {
display: block
}
.home-blocks .home-block-mosaic .gray-block .products-block .prod-ctn a:hover {
border-color: #272727
}
.home-blocks .home-block-mosaic .gray-block .products-block .prod-ctn a:focus {
position: relative;
z-index: 1
}
.home-blocks .home-block-mosaic .gray-block .products-block .prod-info {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
font-size: .9166666666666666em;
line-height: 1;
box-sizing: border-box
}
.home-blocks .home-block-mosaic .gray-block .products-block .prod-info .sep {
color: #525252;
margin: 0 3px
}
.home-blocks .home-block-mosaic .gray-block .products-block .prod-info em {
color: #000 !important;
font-weight: 700
}
.home-blocks .home-block-mosaic .gray-block .products-block .focus-push-block {
zoom: 1;
width: 100%;
margin: auto
}
@media only screen and (max-width: 1281px) {
.home-blocks .home-block-mosaic .gray-block .products-block .focus-push-block {
width: 675px
}
}
.home-blocks .home-block-mosaic .gray-block .products-block .focus-push-block:after {
clear: both
}
.home-blocks .home-block-mosaic .gray-block .products-block .focus-push-block li {
float: left;
display: block;
padding: 0 1px 1px 0;
margin-left: 0;
line-height: 0;
background-color: #0c0c0c
}
.home-blocks .home-block-mosaic .gray-block .new-products {
height: auto;
padding-bottom: 20px;
width: 700px;
overflow: hidden
}
@media only screen and (max-width: 1281px) {
.home-blocks .home-block-mosaic .gray-block .new-products {
width: 100%
}
}
@media only screen and (max-width: 1281px) {
.home-blocks .home-block-mosaic .gray-block .home-blocks .home-block-mosaic .gray-block .new-products {
margin: auto
}
.home-blocks .home-block-mosaic .gray-block .home-blocks .home-block-mosaic .gray-block .products-block h2 {
width: 98.3%
}
.home-blocks .home-block-mosaic .gray-block .pull-right {
float: none
}
}
.home-blocks .home-block-mosaic .gray-block html .home-blocks .home-block-mosaic .gray-block .products-block .prod-info {
font-size: 12px;
z-index: 1;
color: #fff !important
}
.home-blocks .home-block-mosaic .gray-block .prod-ctn {
cursor: pointer
}
.home-blocks .home-block-mosaic .gray-block .prod-info strong {
margin: 10px 0;
display: block
}
.home-blocks .home-block-mosaic .gray-block .focus-push-block .icon {
position: absolute;
top: 74px;
width: 212px;
height: 241px;
border-radius: 123px;
opacity: .4;
left: 0;
z-index: 0
}
.home-blocks .home-block-mosaic .gray-block .focus-push-block img {
text-align: center;
z-index: 2;
position: absolute;
display: block;
top: -55px;
right: 0;
left: 0;
bottom: 0;
margin: auto
}
.home-blocks .home-block-mosaic .gray-block .home-blocks .home-block-mosaic .gray-block .products-block .focus-push-block .prod-info.large {
font-size: 14px;
display: block;
position: absolute;
bottom: 18px;
left: 0;
right: 0
}
.home-blocks .home-block-mosaic .gray-block .focus-push-block .icon.wide {
width: 552px;
height: 570px;
border-radius: 430px;
left: -62px
}
.home-blocks .home-block-mosaic .gray-block .focus-push-block .icon.large {
height: 452px;
width: 435px;
border-radius: 430px;
left: -3px;
top: 194px;
opacity: .2
}
.home-blocks .home-block-mosaic .gray-block .focus-push-block .icon.blue {
background-color: #161b3f
}
.home-blocks .home-block-mosaic .gray-block .focus-push-block .icon.red {
background-color: #700
}
.home-blocks .home-block-mosaic .gray-block .focus-push-block .icon.green {
background-color: #204714
}
.home-blocks .home-block-mosaic .gray-block .focus-push-block .icon.pink {
background-color: #58004f
}
.home-blocks .home-block-mosaic .gray-block .focus-push-block .icon.light-green {
background-color: #00970e;
opacity: .15
}
.home-blocks .home-block-mosaic .gray-block .focus-push-block li > div {
overflow: hidden
}
.home-blocks .home-block-mosaic .horizontal-separator {
border-top: 1px dotted #525252;
height: 0;
margin: 0 20px;
width: auto
}
@media only screen and (max-width: 1281px) {
.home-blocks .home-block-mosaic .horizontal-separator {
height: auto;
border-right: 1px dotted #525252
}
}
.home-blocks .home-block-benifites #nespresso-club {
background: #000 url(ru/media/wysiwyg/Pages/Home/nespressoclub-bg.png) 0 0 repeat-x;
color: #fff;
margin: 0 auto;
height: 149px
}
.home-blocks .home-block-benifites #nespresso-club .baseline-club {
margin: 0 0 0 20px;
text-transform: uppercase;
font-family: Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 48px
}
.home-blocks .home-block-benifites #nespresso-club .moar {
display: block;
margin: 0;
padding: 16px 20px 0 0;
text-align: right;
height: 26px;
width: 170px;
float: right;
font-family: Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 15px
}
.home-blocks .home-block-benifites #nespresso-club .moar .orange {
color: #cc9d49
}
.home-blocks .home-block-benifites #nespresso-club .moar a {
color: #fff
}
.home-blocks .home-block-benifites #nespresso-club .moar a:hover {
color: #cc9d49
}
.home-blocks .home-block-benifites #nespresso-club .moar a:active {
color: #e2be7e
}
.home-blocks .home-block-benifites #nespresso-club .item {
border-right: 1px solid #1d2224;
margin-top: 1px;
float: left;
height: 100px;
width: 20%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative
}
.home-blocks .home-block-benifites #nespresso-club .item.heart p span {
color: #d2b1ae
}
.home-blocks .home-block-benifites #nespresso-club .item.gift p span {
color: #8ed7c7
}
.home-blocks .home-block-benifites #nespresso-club .item.box p span {
color: #cc9d49
}
.home-blocks .home-block-benifites #nespresso-club .item.bag p span {
color: #e4c286
}
.home-blocks .home-block-benifites #nespresso-club .item.lock p span {
color: #f6e054
}
.home-blocks .home-block-benifites #nespresso-club .item p {
left: 65px;
top: 20px;
width: 135px;
position: absolute;
font-family: Trebuchet MS, Helvetica Neue, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 14px
}
@media only screen and (max-width: 1024px) {
.home-blocks .home-block-benifites #nespresso-club .item p {
left: 0;
width: 100%;
text-align: center;
margin: 0;
padding: 5px 15px 0;
top: 0
}
}
.home-blocks .home-block-benifites #nespresso-club .item .icon {
margin: 20px 0 0 15px;
position: relative
}
@media only screen and (max-width: 1024px) {
.home-blocks .home-block-benifites #nespresso-club .item .icon {
display: none
}
}
.home-blocks .home-block-benifites #nespresso-club .item .icon img {
width: 40px
}
.cms-home .ui-widget.ui-widget-content {
border: none
}
.cms-home .ui-widget.ui-widget-content a {
color: #fff
}
.ui-dialog .ui-widget-content, .ui-widget-content .ui-widget-header {
border: none;
background: transparent;
color: #fff
}
.cms-home .std ul li {
margin-left: 0;
line-height: 0
}
.reset-visually-hidden {
position: inherit;
clip: inherit
}
.popin-page {
padding: 0 20px 20px
}
.popin-page .vscroll .jspTrack {
right: 50px
}
.popin-page.pickup-points .vscroll .jspTrack {
right: 61px
}
button.as-link {
background: 0;
border: 0;
color: inherit;
font: inherit;
padding: 0;
text-decoration: underline
}
@media only screen and (max-width: 767px) {
.home-block-benifites, .home-block-mosaic, .home-block-promo.bottom, .home-block-social, .home-blocks .home-block-main .slideshow-container, .static-banners {
display: none
}
}
@media only screen and (max-width: 1024px) {
.home-block-promo.top .wrapper-push-banner:first-child {
margin-right: 5px
}
.home-block-promo.top .wrapper-push-banner img.mobile {
display: block;
margin: 0 auto;
max-width: 100%
}
}
button:after, button:before {
content: normal
}
button.loader i.fn_addToCart:before {
opacity: 0;
visibility: hidden
}
button i {
position: absolute;
display: block;
top: 1px;
left: 1px;
height: calc(100% - 2px);
text-align: center;
width: calc(3em - 2px);
color: #fff;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
font-weight: 400
}
button i span {
font-style: normal
}
button i:before, button i span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden
}
button i:before {
font-size: 1.5em
}
button i:after {
content: "";
border-right: 1px solid #226a19;
height: 100%;
position: absolute;
top: 0;
left: 33px;
box-shadow: 1px 0 0 #539441
}
button i.fn_addToCart:before {
content: "+"
}
button i.fn_addToCart:before, button i.v_quantity span {
transition: all 1s ease;
opacity: 1;
visibility: visible
}
.mobile-block-container {
display: block;
background: url(ru/media/wysiwyg/Pages/Home/mobile-block/background_new.jpg) round
}
@media only screen and (min-width: 767px) {
.mobile-block-container {
display: none
}
}
.mobile-block-container .mobile-block {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 276px;
font-family: Nespresso Lucas
}
.mobile-block-container .mobile-block > div {
width: 50%
}
.mobile-block-container .mobile-block .background-img {
height: 100%;
background-size: cover
}
.mobile-block-container .mobile-block .block-content {
margin: auto 0;
padding: 0 8px;
text-align: center
}
.mobile-block-container .first-banner .block-content .text {
font-size: 6vw
}
.mobile-block-container .mobile-block .block-content .text {
text-transform: uppercase;
font-size: 5vw
}
.mobile-block-container .mobile-block .block-content .note {
text-transform: uppercase;
color: #fff;
font-size: 2.8vw;
padding-top: 3px
}
.mobile-block-container .mobile-block .block-content .note::before {
content: "";
display: block;
border-top: 1px solid #fff;
padding-bottom: 1px
}
.mobile-block-container .mobile-block .block-content .note-caps {
font-size: 3vw;
font-weight: 400;
text-transform: uppercase
}
.mobile-block-container .mobile-block .block-content .old-price, .mobile-block-container .mobile-block .block-content .old-price.rubdc {
text-decoration: line-through;
font-size: 5vw
}
.mobile-block-container .mobile-block .block-content .current-price, .mobile-block-container .mobile-block .block-content .current-price.rubdc {
font-size: 12vw;
font-weight: 700;
line-height: 10vw
}
.mobile-block-container .mobile-block.second-banner .block-content .choise-button {
border: 2px solid #255f60;
background-color: #255f60;
width: 30vw;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 8vw;
position: relative;
margin: 2vw auto 0
}
.mobile-block-container .mobile-block.first-banner .block-content .choise-button {
background-color: #fff;
width: 39vw;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 10vw;
position: relative;
margin: 2vw auto 0;
border-radius: 4px
}
.mobile-block-container .mobile-block.first-banner .block-content .choise-button a {
margin: auto;
font-size: 5vw;
color: #000;
font-weight: 700;
text-decoration: none;
text-transform: uppercase
}
.mobile-block-container .mobile-block.second-banner .block-content .choise-button a {
margin: auto;
font-size: 4vw;
color: #fff;
text-decoration: none;
text-transform: uppercase
}
.mobile-block-container .mobile-block .block-content .choise-button.caps {
width: 40vw
}
.mobile-block-container .mobile-block.block-machine .background-img {
background-image: url(ru/media/wysiwyg/Pages/Home/mobile-block/coffeemachines_new3.png);
background-position: 50%
}
.mobile-block-container .mobile-block.block-capsule .background-img {
background-image: url(ru/media/wysiwyg/Pages/Home/mobile-block/capsule.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain
}
@media only screen and (max-width: 767px) {
.home-blocks .home-block-main {
margin-bottom: 0 !important;
}
body.cms-home .main-container {
margin: 0 !important;
padding: 0 !important;
}
.col-main {
margin-bottom: 0 !important;
}
}
@media only screen and (min-width: 1025px) {
.page {
background: #000 url(ru/media/wysiwyg/Pages/Home/Backgrounds/Homepage_Skin_Coffee_Birth_Places_v12.jpg) no-repeat 49.5% 204px
}
}
.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 **/
}
}
.desktop .remodal {
width: 770px
}
.remodal ul li {
list-style-type: disc;
margin: 13px 24px
}
.remodal a {
color: #925128;
text-decoration: none;
border-bottom: 1px dotted #925128
}
.remodal h5 {
margin: 0 0 5px;
text-transform: uppercase
}
.remodal h5, .remodal h6 {
font-family: Nespresso-Light;
color: #b8976a;
padding: 0;
font-weight: 100;
font-size: 18px;
line-height: 18px
}
.remodal h6 {
margin: 10px 0 5px
}
html.remodal-is-locked {
overflow: hidden
}
.remodal, [data-remodal-id] {
display: none
}
.remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none
}
.remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -.05em;
content: ""
}
.remodal-overlay, .remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.remodal {
position: relative;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
margin-top: 10px
}
.remodal-is-initialized {
display: inline-block
}
.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {
-webkit-filter: blur(3px);
filter: blur(3px)
}
.remodal-overlay {
background: rgba(43, 46, 56, .9)
}
.remodal-overlay.remodal-is-closing, .remodal-overlay.remodal-is-opening {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.remodal-overlay.remodal-is-opening {
-webkit-animation: c .3s;
animation: c .3s
}
.remodal-overlay.remodal-is-closing {
-webkit-animation: d .3s;
animation: d .3s
}
.remodal, .remodal-wrapper {
padding: 20px
}
.remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
text-align: left;
-webkit-transform: translateZ(0);
transform: translateZ(0);
color: #2b2e38;
background: #fff
}
.remodal.remodal-is-closing, .remodal.remodal-is-opening {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.remodal.remodal-is-opening {
-webkit-animation: a .3s;
animation: a .3s
}
.remodal.remodal-is-closing {
-webkit-animation: b .3s;
animation: b .3s
}
.remodal, .remodal-wrapper:after {
vertical-align: middle
}
.remodal-close {
text-transform: uppercase;
top: -20px;
color: #b49869;
right: 0;
background: transparent;
cursor: pointer;
overflow: visible
}
.remodal-close, .remodal-close:before {
position: absolute;
display: inline-block
}
.remodal-close:before {
font-family: Arial, Helvetica CY, Nimbus Sans L, sans-serif !important;
font-size: 25px;
line-height: 12px;
left: -20px;
content: "\00d7"
}
@-webkit-keyframes a {
0% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes a {
0% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@-webkit-keyframes b {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
to {
-webkit-transform: scale(.95);
transform: scale(.95);
opacity: 0
}
}
@keyframes b {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
to {
-webkit-transform: scale(.95);
transform: scale(.95);
opacity: 0
}
}
@-webkit-keyframes c {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes c {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes d {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes d {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@media only screen and (min-width: 641px) {
.remodal {
width: auto;
height: auto
}
}
.lt-ie9 .remodal-overlay {
background: #2b2e38
}
.lt-ie9 .remodal {
width: 700px
}
@media screen and (max-width: 600px) {
BODY {
min-width: 0 !important
}
.nes_bg-content-bloc {
margin-top: -680px !important
}
.nes_view-fonction-v2 {
display: none
}
#container {
min-width: 0
}
#nes_global {
padding: 0;
min-height: auto
}
.nes_bg-content-bloc {
padding: 0
}
#nes_header-log, #nes_main-nav {
display: none
}
#nes_content, .nes_price-black-product {
width: auto
}
.nes_2col_2-2 #nes_colRight {
float: none;
width: auto
}
#nes_header-content {
width: auto;
height: auto !important;
padding: 10px;
z-index: 1002;
background-color: #000
}
#nes_logo {
float: none;
top: auto;
left: auto
}
.nes_1col #nes_colLeft {
width: auto
}
.nes_lang_block_top {
display: none
}
#nes_content * {
text-align: center !important
}
.eb_mgm.locale_spain .eb_introduction .eb_inside {
min-height: 0
}
.eb_mgm .eb_valign div {
display: block;
width: 100%
}
.eb_mgm .eb_valign .eb_visual {
text-align: center;
padding: 0
}
.eb_mgm .eb_valign .eb_content {
text-align: center
}
.eb_mgm .eb_visual img {
margin-bottom: 10px
}
}
.cms-home .mobile-block-container {
background: url(ru/media/wysiwyg/Pages/Home/mobile-block/background_spring_promo_mobile_banner_2.jpg) round
}
.mobile-block-container .mobile-block.block-machine .background-img {
background-image: url(ru/media/wysiwyg/Pages/Home/mobile-block/coffee_machine_spring_promo_mobile_banner.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.cms-home .mobile-block-container .mobile-block.block-capsule .background-img {
background-image: url(ru/media/wysiwyg/Pages/Home/mobile-block/bundle_spring_promo_mobile_banner.png);
}
.cms-home .mobile-block-container .mobile-block.first-banner .block-content .count.caps {
font-size: 12vw;
}
.mobile-block-container .mobile-block .block-content .note:before {
width: 34vw;
margin: 0 auto;
display: block;
}
.cms-home .mobile-block-container .mobile-block.first-banner .block-content .choise-button a,
.cms-home .mobile-block-container .mobile-block.second-banner .block-content .choise-button a {
margin: auto 15px;
font-size: 5vw;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: left;
line-height: 1.2;
}
.cms-home .mobile-block-container .mobile-block.second-banner .block-content .choise-button,
.cms-home .mobile-block-container .mobile-block.first-banner .block-content .choise-button {
border: 2px solid #fff;
background-color: transparent;
width: 40vw;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 16vw;
border-radius: 0;
position: relative;
margin: 2vw auto 0;
}
.cms-home .mobile-block-container .mobile-block.first-banner .block-content .count.caps,
.cms-home .mobile-block-container .mobile-block.second-banner .block-content .count.caps {
font-size: 9vw;
line-height: 1;
text-transform: uppercase;
}
.cms-home .mobile-block-container .mobile-block.first-banner .text-container,
.cms-home .mobile-block-container .mobile-block.second-banner .text-container {
display: inline-block;
margin: 3vw;
position: relative;
}
.cms-home .mobile-block-container .mobile-block.first-banner .text-container.plus::after,
.cms-home .mobile-block-container .mobile-block.second-banner .text-container.plus::after {
content: "+";
position: absolute;
top: 4vw;
left: 16vw;
display: inline-block;
font-size: 6vw;
font-weight: bold;
}
.choise-button.caps:after {
content: "›";
font-size: 12vw;
position: absolute;
top: -2vw;
left: 32vw;
}
#slider-contentCarrouselBlock .slideshow > li:not(.cycle-slide) {
visibility: hidden;
opacity: 0;
}
#slider-contentCarrouselBlock .slideshow > li:not(.cycle-slide):nth-child(1) {
visibility: visible;
opacity: 1;
}
.banner-container {
position: relative;
width: 100%;
height: 100%
}
.left-banner-link, .right-banner-link {
position: absolute;
width: 50%;
height: 100%
}
.left-banner-link {
left: 0
}
.right-banner-link {
right: 0
}
@font-face {
font-family: Nespresso Lucas;
font-style: normal;
font-weight: 700;
src: url(/ru/club/common/fonts/lucas/NespressoLucas-Bold.woff) format("woff")
}
.banner-container a, .banner-container img {
display: none
}
@media only screen and (min-width: 768px) {
.desktop {
display: block !important
}
}
@media only screen and (max-width: 767px) {
.mobile {
display: block !important;
}
}
.products-grid .product-image img {
display: block;
margin-left: auto;
margin-right: auto;
width: auto;
max-width: 70%;
height: 147px!important;
}
.login-error-text{
color: red;
}