@charset "UTF-8";

@font-face {
    font-family:'Nespresso-Regular';
    src:url(https://www.nespresso.com/shared_res/mos/free_html/be/breakfast-moments/assets/css/fonts/Nespresso-Regular.eot?#iefix) format("embedded-opentype"),
    url(https://www.nespresso.com/shared_res/mos/free_html/be/breakfast-moments/assets/css/fonts/Nespresso-Regular.otf) format("opentype"),
    url(https://www.nespresso.com/shared_res/mos/free_html/be/breakfast-moments/assets/css/fonts/Nespresso-Regular.woff) format("woff"),
    url(https://www.nespresso.com/shared_res/mos/free_html/be/breakfast-moments/assets/css/fonts/Nespresso-Regular.ttf) format("truetype"),
    url(https://www.nespresso.com/shared_res/mos/free_html/be/breakfast-moments/assets/css/fonts/Nespresso-Regular.svg#Nespresso-Regular) format("svg");
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:'Nespresso-Bold';
    src:url(https://www.nespresso.com/shared_res/mos/free_html/be/breakfast-moments/assets/css/fonts/Nespresso-Bold.eot?#iefix) format("embedded-opentype"),
    url(https://www.nespresso.com/shared_res/mos/free_html/be/breakfast-moments/assets/css/fonts/Nespresso-Bold.otf) format("opentype"),
    url(https://www.nespresso.com/shared_res/mos/free_html/be/breakfast-moments/assets/css/fonts/Nespresso-Bold.woff) format("woff"),
    url(https://www.nespresso.com/shared_res/mos/free_html/be/breakfast-moments/assets/css/fonts/Nespresso-Bold.ttf) format("truetype"),
    url(https://www.nespresso.com/shared_res/mos/free_html/be/breakfast-moments/assets/css/fonts/Nespresso-Bold.svg#Nespresso-Bold) format("svg");
    font-weight:400;
    font-style:normal;
}


.dp-envivo-page {
    font-size: 14px;
    line-height: 19px;
    color:#4a3428;
    width: 100%;
    background: #000;
    font-family: 'Nespresso-Regular';
}

.dp-envivo-page * {
    padding: 0;
    margin: 0;
    box-sizing:border-box;
}

.dp-envivo-container {
    width: 996px;
    margin:0 auto;
    background: #d5bfad url(../images/bkgd.jpg) center top no-repeat;
    background-size:cover;
    overflow: hidden; 
}

.dp-envivo-section {
    width: 100%;
    padding: 0 65px 100px 65px;
}

.dp-envivo-title {
    font-size: 1.5em;
    line-height: 1.25em;
    color:#4a3428;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 24px;
    font-family: 'Nespresso-Bold';
    font-weight: normal;
}

.dp-envivo-text {
    font-size: 1em;
    line-height: 1.5em;
    color:#4a3428;
    text-align: center;
    padding-bottom: 15px;
}

.dp-envivo-text-main {
    font-size: 1.2em;
    line-height: 1.5em;
    color:#4a3428;
    font-family: 'Nespresso-Bold';
    font-weight: normal;
    text-align: center;
    padding-bottom: 15px;
}

.dp-envivo-text-bottom {
    font-size: 1.35em;
    line-height: 1.5em;
    color:#682f0f;
    font-family: 'Nespresso-Bold';
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}

.dp-envivo-text strong {
    font-family: 'Nespresso-Bold';
    font-weight: normal;
}


.dp-envivo-title .dp-envivo-small {
    font-size: 0.64em;
    line-height: 1em;
    text-transform: none;
}




/*  ---------   intro   ---------   */


.dp-envivo-section-intro {
    padding: 100px 10% 0 0;
    height: 650px;
}

.dp-envivo-section-intro .dp-envivo-title {
    font-size: 2.14em;
    line-height: 1.15em;
    color:#4a3428;
    font-weight: normal;
    text-align: right;
    padding-bottom: 5px;
    color: #fff;
    font-family: 'Nespresso-Regular';
}

.dp-envivo-section-intro .dp-envivo-title span {
    font-style: italic;
    font-family: 'Nespresso-Bold';
}

.dp-envivo-section-intro .dp-envivo-text {
    font-size: 1.57em;
    line-height: 1.5em;
    color:#4a3428;
    font-weight: normal;
    text-align: right;
    color: #fff;
}

.dp-envivo-section-intro .dp-envivo-detail {
    font-size: 0.85em;
    line-height: 1.25em;
    color:#ab4523;
    text-align: left;
    background: url(../images/headline-cup.png) left top no-repeat;
    height: 231px;
    width: 600px;
    padding-top: 30px;
    padding-left: 395px;
    margin-top: 125px;
    margin-left: 395px;
}

.dp-envivo-section-intro .dp-envivo-detail-quantity {
    font-family: 'Nespresso-Bold';
    font-size: 1.25em;
    display: block;
}


.dp-envivo-section-intro .dp-envivo-detail-intensity {
    display: block;
    margin-top: 20px;
    padding-top: 23px;
    background: url(../images/cup-110-red.png) left top no-repeat;
}



/*  ---------   recipe   ---------   */

.dp-envivo-section-recipe { padding-bottom: 110px; }

.dp-envivo-section-recipe .dp-envivo-title {
    font-size: 1.925em;
    line-height: 1.1em;
    padding-bottom: 30px;
}

.dp-envivo-cols:before, .dp-envivo-cols:after { content: ""; display: table; }
.dp-envivo-cols:after { clear: both; }
.dp-envivo-cols { zoom:1; padding-top: 40px; }

.dp-envivo-section-recipe .dp-envivo-cols .dp-envivo-title {
    font-size: 1.57em;
    line-height: 1.25em;
    padding-bottom: 5px;
}

.dp-envivo-section-recipe .dp-envivo-cols .dp-envivo-text {
    padding-bottom: 0px;
}


.dp-envivo-col-left { float: left; text-align: right; padding-right: 15px; width:50%; }
.dp-envivo-col-right { float: left; text-align: left; padding-left: 15px; width:50%; }

.dp-envivo-col-left .dp-envivo-title,
.dp-envivo-col-left .dp-envivo-text,
.dp-envivo-col-left .dp-envivo-recipe-texts { text-align: right; text-align-last: right;  -moz-text-align-last: right; }

.dp-envivo-col-right .dp-envivo-title,
.dp-envivo-col-right .dp-envivo-text,
.dp-envivo-col-right .dp-envivo-recipe-texts { text-align: left;  text-align-last: left;  -moz-text-align-last: left; }

.dp-envivo-recipes ul li:before, .dp-envivo-recipes ul li:after { content: ""; display: table; }
.dp-envivo-recipes ul li:after { clear: both; }
.dp-envivo-recipes ul li { zoom:1; margin-top: 30px; }

.dp-envivo-recipes .dp-envivo-recipe-media { width: 148px; }

.dp-envivo-col-left .dp-envivo-recipe-media { float: right; background: #fff; }
.dp-envivo-col-left .dp-envivo-recipe-texts { right:150px; padding-right: 29px; }
.dp-envivo-col-right .dp-envivo-recipe-media { float: left; background: #fff; }
.dp-envivo-col-right .dp-envivo-recipe-texts { left:150px;; padding-left: 29px; }

.dp-envivo-col-left .dp-envivo-recipe-media:hover img { opacity: 0.9; }
.dp-envivo-col-right .dp-envivo-recipe-media:hover img { opacity: 0.9; }

.dp-envivo-recipes ul {
    list-style: none;
    margin:0;
    padding: 0;
}

.dp-envivo-recipes li {
    position: relative;
    cursor: pointer;
}

.dp-envivo-recipe-media {
    border: solid 1px #4a3428;
    display: inline-block;
}

.dp-envivo-recipe-media img {
    width: 100%;
    display: block;
}

.dp-envivo-recipe-texts  {
    font-family: 'Nespresso-Bold';
    position: absolute;
    bottom: 0;
    display: block;
}

.dp-envivo-recipe-texts:after  {
    content: '+';
    color: #4a3428;
    position: relative;
    left:0;
    top:0;
    display: block;
    font-family: "Nespresso-Bold";
}

.dp-envivo-recipe-texts span:after  {
    content: '';
    height: 1px;
    width: 200px;
    background: #4a3428;
    position: relative;
    left:0;
    top:0;
    display: inline-block;
    margin-top:6px;
}



/*  ---------   landing   ---------   */

.dp-envivo-section-landing { padding-bottom: 83px; }

.dp-envivo-section-landing .dp-envivo-title,
.dp-envivo-section-landing .dp-envivo-text { text-align: left; }
.dp-envivo-section-landing .dp-envivo-bloc { position: relative; left:0; top:0; }
.dp-envivo-section-landing .dp-envivo-bloc .dp-envivo-title { padding-bottom: 22px; }

.dp-envivo-section-landing .dp-envivo-bloc-1 .dp-envivo-media { position: absolute; left:-70px; top:0; }
.dp-envivo-section-landing .dp-envivo-bloc-1 .dp-envivo-title { padding-left: 375px; }
.dp-envivo-section-landing .dp-envivo-bloc-1 .dp-envivo-text { padding-left: 375px; padding-bottom: 327px; }

.dp-envivo-section-landing .dp-envivo-bloc-2 { width: 480px; }
.dp-envivo-section-landing .dp-envivo-bloc-2 .dp-envivo-text { padding-bottom: 89px; }
.dp-envivo-section-landing .dp-envivo-bloc-2 .dp-envivo-media { position: absolute; left:465px; top:60px; }

.dp-envivo-section-landing .dp-envivo-bloc-3 { width: 450px; }


/*  ---------   gamme   ---------   */


.dp-envivo-section-gamme { padding-bottom: 65px; }

.dp-envivo-section-gamme .dp-envivo-text { padding-bottom: 30px; }

.dp-envivo-caps {
    position: relative;
    background: url(../images/gamme-bkgd.png) left top no-repeat;
    height: 744px;
    margin-left: -65px;
}

.dp-envivo-cap {
    position: absolute;
}

.dp-envivo-cap-envivo { left:42px; top:186px; }
.dp-envivo-cap-fortissio { left:429px; top:104px; }
.dp-envivo-cap-vivalto { left:546px; top:157px; }
.dp-envivo-cap-vivalto-deca { left:610px; top:241px; }
.dp-envivo-cap-linizio { left:567px; top:331px; }
.dp-envivo-cap-bukeela-ka { left: 472px; top: 408px; }

.dp-envivo-cap-media {
    position: absolute;
    z-index: 1;
}

.dp-envivo-cap-texts {
    position: absolute;
    z-index: 2;
}

.dp-envivo-cap-envivo .dp-envivo-cap-texts { left:210px; top:-109px; }
.dp-envivo-cap-fortissio .dp-envivo-cap-texts { left:120px; top:-77px; }
.dp-envivo-cap-vivalto .dp-envivo-cap-texts { left:175px; top:-27px; }
.dp-envivo-cap-vivalto-deca .dp-envivo-cap-texts { left:200px; top:40px; }
.dp-envivo-cap-linizio .dp-envivo-cap-texts { left:180px; top:120px; }
.dp-envivo-cap-bukeela-ka .dp-envivo-cap-texts { left: 10px; top: 175px; }


.dp-envivo-cap-name {
    font-size: 1.07em;
    line-height: 1em;
    padding-bottom: 6px;
    white-space: nowrap;
    font-family: 'Nespresso-Bold';
}

.dp-envivo-cap-intensity {
    font-size: 1em;
    line-height: 1em;
    padding-bottom: 12px;
}

.dp-envivo-cap-detail {
    font-size: 0.9em;
    line-height: 1em;
    padding-bottom: 12px;
    white-space: nowrap;
}

.dp-envivo-cap { text-align: center; }


.dp-envivo-page .nes-btn {
    background-color: #387d12;
    border-radius: 3px;
    float: none;
    width: 128px;
}

.dp-envivo-page .quantity {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    line-height: 1;
    margin: 0;
    text-align: center;
    width: 100%;
}

.dp-envivo-page .btn-container {
    display: inline-block;
}

.dp-envivo-page .btn {
    margin: 0;
    overflow: visible;
    border: 0;
    color: #2a2c2c;
    display: inline-block;
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    font-weight: 700;
    height: auto;
    line-height: 35px;
    margin-right: 12px;
    padding: 0 14px 0 27px;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-size: 100%;
}

.dp-envivo-page .btn span {
    background: none;
    padding: 0;
}

.dp-envivo-page .btn.green {
    background: none;
    color: #fff;
    width: auto;
    text-shadow: 1px 1px 1px #1d4c0a;
    font-weight: 400;
}

.dp-envivo-page .add-to-cart {
    color: #2a2c2c;
    height: auto;
    width: auto;
    display: inline-block;
    margin: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    font-family: "Trebuchet MS" , Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    padding: 0;
}

.dp-envivo-page .btn.green .left-part {
    background: url(../images/btn-spacer-green.png) repeat-y scroll 100% 0 transparent;
}

.dp-envivo-page .btn.two-parts {
    padding: 4px 10px 5px 30px;
}

.dp-envivo-page .btn.two-parts .left-part {
    display: block;
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    height: 100%;
    left: 0;
    line-height: 24px;
    position: absolute;
    text-shadow: 0 1px 1px #1d4c0a;
    top: 0;
    width: 24px;
}

.dp-envivo-page .btn span.label {
    line-height: 35px;
}

.dp-envivo-page .btn .border {
    background: none;
    display: block;
    height: 37px;
    position: absolute;
    right: -12px;
    top: 0;
    width: 12px;
}

.dp-envivo-page .btn.green .border {
    background: none;
}

.dp-envivo-page .nes_list-qty *, 
.dp-envivo-page .nes_select-quantity * {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}




.dp-envivo-cols .dp-envivo-title {

}



/*  ---------   popin   ---------   */


body { position: relative; }
#dp-envivo-popin-container { display: none; }
#dp-envivo-popin * { box-sizing: border-box; }
#dp-envivo-popin ul li { margin:0; padding: 0; display: block; }
#dp-envivo-popin { position: absolute; left:0; top:0; bottom:0; font-family: "Nespresso-Regular"; width: 100%; height: 100%; display: none; z-index: 99999; text-align: center; font-size: 14px; line-height: 19px; }
#dp-envivo-popin .dp-envivo-popin-layout { position: absolute; left:0; top:0; width: 100%; height: 100%; display: block; z-index: 10; background: rgba(0, 0, 0, 0.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }
#dp-envivo-popin .dp-envivo-popin-content { display: block; position: relative; left:0; top:0; }
#dp-envivo-popin .dp-envivo-popin-close { position: absolute; right:13px; top:16px; display: block; width:42px; height:42px; text-transform: uppercase; z-index: 10; cursor: pointer; background: url(../images/popin-close.png) left top no-repeat; }
#dp-envivo-popin .dp-envivo-popin-close:hover { }
#dp-envivo-popin .dp-envivo-popin-wrapper { position: relative; top: 0; left:0; display: block; z-index: 20; display: inline-block; margin: 0 auto; width: 934px; text-align: left; } 
#dp-envivo-popin .dp-envivo-popin-content .dp-envivo-popin-inside { width: 100%; background: #c6ab97; display:block; padding: 33px 55px 55px 55px; text-align: center; } 

#dp-envivo-popin .dp-envivo-popin-wrapper .dp-envivo-popin-bottom { display:block; width: 100%; background: #2a1c15; color:#fff; text-align: right; } 
#dp-envivo-popin .dp-envivo-popin-wrapper .dp-envivo-popin-all { cursor:pointer; color:#fff; font-size: 0.85em; line-height: 2em; display: inline-block; padding: 7px 20px 9px 0; } 
#dp-envivo-popin .dp-envivo-popin-wrapper .dp-envivo-popin-all:hover { color:#d3bfad; }

#dp-envivo-popin .dp-envivo-popin-chief-media { position:absolute; top:27px; left:33px; z-index:2; width: 133px; height: 133px; border-radius: 50%; overflow: hidden; border: solid 1px #8a3b10; }
#dp-envivo-popin .dp-envivo-popin-chief-media img { width: 100%; display: block; }
#dp-envivo-popin .dp-envivo-popin-chief-cap { position:absolute; top:108px; left:120px; z-index:3; width: 100px; }
#dp-envivo-popin .dp-envivo-popin-chief-cap img { width: 100%; display: block; }

#dp-envivo-popin .dp-envivo-popin-chief { font-size: 1em; line-height: 1.5em; color:#4a3428; }
#dp-envivo-popin .dp-envivo-popin-title { font-size: 1.92rem; line-height: 2.14rem; color:#8a3b10; font-family: "Nespresso-Bold"; text-transform:uppercase; padding: 38px 120px 0 160px; }
#dp-envivo-popin .dp-envivo-popin-text { font-size: 1em; line-height: 1.5em; color:#4a3428; padding-top: 56px; width:82%; margin: 0 auto; }

#dp-envivo-popin .dp-envivo-popin-section-title { font-family: "Nespresso-Bold"; }

#dp-envivo-popin .dp-envivo-popin-sections:before, 
#dp-envivo-popin .dp-envivo-popin-sections:after { content: ""; display: table; }
#dp-envivo-popin .dp-envivo-popin-sections:after { clear: both; }
#dp-envivo-popin .dp-envivo-popin-sections { zoom:1; color:#4a3428; padding-top: 33px; text-align: left; }

#dp-envivo-popin .dp-envivo-popin-section { float: left; padding-top: 15px; }

#dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-infos { display:block; width:100%; padding-bottom: 10px; clear:both; }
#dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-infos span { color:#fff; padding-bottom: 10px; font-size: 0.9em; line-height: 1.5em; }
#dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-infos:before { content: ""; position: relative; margin-bottom:11px; width: 30px; height: 1px; background: #fff; display: block; }
#dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-infos:after { content: ""; position: relative; margin-top:14px; width: 30px; height: 1px; background: #fff; display: block; }

#dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-group {  display:block; width:100%; padding-top: 50px; padding-bottom: 10px; clear:both; }
#dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-group span { display: inline-block; color: #fff; border: 1px solid #fff; font-family: "Nespresso-Bold"; font-size: 1em; line-height: 2em; padding: 3px 10px; text-transform: uppercase; }
 #dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-group:nth-child(1) { padding-top: 0px; }

#dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-ingredient { width: 30%; padding-right: 15px; }
#dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-preparation { width: 70%; }

#dp-envivo-popin .dp-envivo-popin-section-title { padding-bottom: 15px; font-size: 1.14em; line-height: 1.5em; color:#4a3428; font-family: "Nespresso-Bold"; }
#dp-envivo-popin .dp-envivo-popin-section-title:nth-child(3) { padding-top: 35px; }
#dp-envivo-popin .dp-envivo-popin-section-content { font-size: 1em; line-height: 1.5em; color:#4a3428; }
#dp-envivo-popin .dp-envivo-popin-section-content ul { padding-left: 15px; margin: 0; }
#dp-envivo-popin .dp-envivo-popin-section-content ul li { position: relative; top:0; left:0; }
#dp-envivo-popin .dp-envivo-popin-section-content ul li:before { content: "☻"; font-family: Arial, Helvetica, sans-serif; font-size: 8px; color:#4a3428; position: absolute; top:0; left:-15px;  }

#dp-envivo-popin .dp-envivo-popin-section-text { clear:both; display:block; padding-top: 5px; padding-bottom: 5px; font-size: 0.85em; line-height: 1.45em; }

#dp-envivo-popin .dp-envivo-popin-section-media:before, 
#dp-envivo-popin .dp-envivo-popin-section-media:after { content: ""; display: table; }
#dp-envivo-popin .dp-envivo-popin-section-media:after { clear: both; }
#dp-envivo-popin .dp-envivo-popin-section-media { zoom:1; padding-top: 50px; display: inline-block; margin: 0 auto; }
#dp-envivo-popin .dp-envivo-popin-section-media.dp-envivo-isdesktop { display: inline-block; }
#dp-envivo-popin .dp-envivo-popin-section-media.dp-envivo-ismobile { display: none; }

#dp-envivo-popin .dp-envivo-popin-section-media-left { float: left; }
#dp-envivo-popin .dp-envivo-popin-section-media-left img { display: block; border: solid 1px #8a3b10; margin-right: 13px; }
#dp-envivo-popin .dp-envivo-popin-section-media-right { float: left;  }
#dp-envivo-popin .dp-envivo-popin-section-media-right img { display: block; border: solid 1px #8a3b10; }

#dp-envivo-popin .dp-envivo-popin-print { position:absolute; right:33px; top:108px; border: solid 1px #8a3b10; background: rgba(255,255,255,0.11); display: block; padding: 5px; }

#dp-envivo-popin .dp-envivo-popin-print ul:before, 
#dp-envivo-popin .dp-envivo-popin-print ul:after { content: ""; display: table; }
#dp-envivo-popin .dp-envivo-popin-print ul:after { clear: both;  }
#dp-envivo-popin .dp-envivo-popin-print ul { zoom:1; display: inline-block; margin:0; padding: 0 5px; }
#dp-envivo-popin .dp-envivo-popin-print ul li { float: left; width: 32px; height: 32px; display: block; margin:0 3px; }
#dp-envivo-popin .dp-envivo-popin-print ul li a { width: 100%; display: block; }
#dp-envivo-popin .dp-envivo-popin-print ul li a img { width: 100%; display: block; }



/*  ---------   desktop / mobile   ---------   */

br.dp-envivo-isdesktop { display: block; }
br.dp-envivo-ismobile { display: none; }






@media (max-width:640px) {

    br.dp-envivo-isdesktop { display: none; }
    br.dp-envivo-ismobile { display: block; }

    .dp-envivo-page .nes-btn { max-width: 128px; width: 30vw; }


    .dp-envivo-container { width: 100%; background-image: url(../images/bkgd-mobile.jpg); background-size: cover; }

    .dp-envivo-section { padding:0; text-align: center; }
    .dp-envivo-title { font-size: 4.25vw; line-height: 5.25vw; padding: 0 4vw 3vw 4vw; }

    .dp-envivo-title .dp-envivo-small {font-size: 3vw; line-height: 4vw; }
    .dp-envivo-text { font-size: 3.125vw; line-height: 4.25vw; padding:0 4vw; text-align: justify; -moz-text-align-last:center; text-align-last:center; }
    .dp-envivo-text-main { font-size: 3.75vw; line-height: 4.75vw; text-align: justify; -moz-text-align-last:center; text-align-last:center; }
    .dp-envivo-text-bottom {  font-size: 3.125vw; line-height: 4.75vw; padding: 4vw; text-align: center; -moz-text-align-last:center; text-align-last:center; }



   /*  ---------   intro   ---------   */

    .dp-envivo-section-intro { padding-top: 22vw; height: auto; }
    .dp-envivo-section-intro .dp-envivo-title { font-size: 4.7vw; line-height: 6vw; }
    .dp-envivo-section-intro .dp-envivo-text { font-size: 3.4vw; line-height: 4.75vw; text-align: right; -moz-text-align-last:right; text-align-last:right; }
    .dp-envivo-section-intro .dp-envivo-detail { background-image: url(../images/headline-cup-mobile.png); background-size:77% auto; width: 100%; margin: 28vw 0 0 21vw; padding: 3vw 0 0 55vw; font-size: 2vw; line-height: 2vw; height: 35vw; color: #fff; }
    .dp-envivo-section-intro .dp-envivo-detail-quantity { font-size: 3.5vw; line-height: 5vw; }
    .dp-envivo-section-intro .dp-envivo-detail-intensity { display: block; margin-top: 3.125vw; padding-top: 23px; background: url(../images/cup-110-white.png) left top no-repeat; }



    /*  ---------   recipe   ---------   */

    .dp-envivo-section-recipe { padding: 0 0 10vw 0; }
    .dp-envivo-section-recipe .dp-envivo-title { font-size: 4.7vw; line-height: 6vw; }

    .dp-envivo-col-left { padding-right:2.3vw; }
    .dp-envivo-col-right { padding-left:2.3vw; }

    .dp-envivo-section-recipe .dp-envivo-cols .dp-envivo-title { font-size: 4.2vw; line-height: 4vw; padding: 0 0 1.8vw 0; }
    .dp-envivo-section-recipe .dp-envivo-cols .dp-envivo-text { font-size: 2.625vw; line-height: 3.65vw; padding: 0; }

    .dp-envivo-recipes ul li { margin-top: 6vw; font-size: 2.65vw; line-height: 3.125vw; height: 35vw; }

    .dp-envivo-recipes ul li:nth-child(2),
    .dp-envivo-recipes ul li:nth-child(3) { height: 39.25vw; }

    .dp-envivo-recipe-texts:after { margin-top: 0.5vw; font-size: 3vw; line-height: 3vw; }
    .dp-envivo-recipe-texts span:after { margin-top: 1.5vw; width: 31.25vw; }

    .dp-envivo-col-left .dp-envivo-recipe-text { text-align: right; font-size: 2.625vw; line-height: 3.65vw; padding-right: 0; }
    .dp-envivo-col-right .dp-envivo-recipe-text { text-align: left; font-size: 2.625vw; line-height: 3.65vw; padding-left: 0; }

    .dp-envivo-col-left .dp-envivo-recipe-texts  { float: right; padding-right: 0px; padding-left: 0; right:0px; }
    .dp-envivo-col-left .dp-envivo-recipe-texts span:after { text-align: right; margin-left: 5vw;  }
    .dp-envivo-col-right .dp-envivo-recipe-texts  { float: left; padding-left: 0px; padding-right: 0; left:0px; }
    .dp-envivo-col-right .dp-envivo-recipe-texts span:after { text-align: left; margin-right: 5vw; }

    
    .dp-envivo-recipes .dp-envivo-recipe-media { width: 31.25vw; }

    



    /*  ---------   landing   ---------   */

    .dp-envivo-section-landing { padding-bottom: 7vw; }

    .dp-envivo-section-landing .dp-envivo-title { text-align: center; }
    .dp-envivo-section-landing .dp-envivo-text { text-align: justify; -moz-text-align-last:center; text-align-last:center; }
    .dp-envivo-section-landing .dp-envivo-bloc { width: 100%; }
    .dp-envivo-section-landing .dp-envivo-bloc .dp-envivo-title { padding-bottom: 2.5vw; }

    .dp-envivo-section-landing .dp-envivo-bloc-1 .dp-envivo-media { position: relative; left:0px; top:0; width: 100%; }
    .dp-envivo-section-landing .dp-envivo-bloc-1 .dp-envivo-media img { width: 100%; display: block; }
    .dp-envivo-section-landing .dp-envivo-bloc-1 .dp-envivo-title { padding-left: 4vw; }
    .dp-envivo-section-landing .dp-envivo-bloc-1 .dp-envivo-text { padding-left: 4vw; padding-bottom: 0; }

    .dp-envivo-section-landing .dp-envivo-bloc-2 .dp-envivo-text { padding-bottom: 10vw; }
    .dp-envivo-section-landing .dp-envivo-bloc-2 .dp-envivo-media { display: none; }



    /*  ---------   gamme   ---------   */

    .dp-envivo-section-gamme { padding-bottom: 5vw; }

    .dp-envivo-section-gamme { background: url(../images/gamme-bkgd.png) left top no-repeat;
        background-size:40% auto; 
     padding-top: 45vw; }

    .dp-envivo-section-gamme .dp-envivo-text { padding-bottom: 30px; }

    .dp-envivo-caps {
        background:none;
            height: auto;
        margin-left: 0;
        padding-bottom: 5vw;
    }

    .dp-envivo-cap { position: relative; float: left; width: 50%; padding-top:calc( 50% * 55 / 100); padding-bottom:7vw; }
    .dp-envivo-cap:nth-child(2n+1) { clear:both; padding-left: 10vw; }
    .dp-envivo-cap:nth-child(2n) { padding-right: 12vw; }

    .dp-envivo-cap:nth-child(2n+1) .dp-envivo-cap-media { -moz-transform: translateX(34%); transform: translateX(34%); }
    .dp-envivo-cap-envivo.dp-envivo-cap:nth-child(2n+1) .dp-envivo-cap-media { -moz-transform: translateX(16%); transform: translateX(16%); }
    .dp-envivo-cap:nth-child(2n) .dp-envivo-cap-media {  -moz-transform: translateX(12%); transform: translateX(12%); }

    .dp-envivo-cap-media { width:100%; position: absolute; top:0; left:0;   }
    .dp-envivo-cap-media img { width: 100%; display: block; }
    .dp-envivo-cap-envivo .dp-envivo-cap-media { width:118%; -moz-transform: translateX(0%); transform: translateX(0%); }
    .dp-envivo-cap-texts { position: relative; }

    .dp-envivo-cap-name { font-size: 2.8vw; line-height: 3.75vw; padding-bottom: 1.5vw; }
    .dp-envivo-cap-intensity { font-size: 2.3vw; padding-bottom: 1vw; }
    .dp-envivo-cap-detail { font-size: 2.125vw; }

    .dp-envivo-cap-envivo { left:0; top:0; }
    .dp-envivo-cap-fortissio { left:0; top:0; }
    .dp-envivo-cap-vivalto { left:0; top:0; }
    .dp-envivo-cap-vivalto-deca { left:0; top:0; }
    .dp-envivo-cap-linizio { left:0; top:0; }
    .dp-envivo-cap-bukeela-ka { left: 0; top: 0; }

    .dp-envivo-cap-envivo .dp-envivo-cap-texts { left:0; top:0; }
    .dp-envivo-cap-fortissio .dp-envivo-cap-texts { left:0; top:0; }
    .dp-envivo-cap-vivalto .dp-envivo-cap-texts { left:0; top:0; }
    .dp-envivo-cap-vivalto-deca .dp-envivo-cap-texts { left:0; top:0; }
    .dp-envivo-cap-linizio .dp-envivo-cap-texts { left:0; top:0; }
    .dp-envivo-cap-bukeela-ka .dp-envivo-cap-texts { left: 0; top: 0; }


    .dp-envivo-cap-vivalto .dp-envivo-cap-name {padding-top: 3.75vw; }
    .dp-envivo-cap-linizio .dp-envivo-cap-name {padding-top: 3.75vw; }


    /*  ---------   popin   ---------   */

    #dp-envivo-popin .dp-envivo-popin-wrapper { width: 100%; top:0; bottom:0; }

    #dp-envivo-popin .dp-envivo-popin { padding: 0 8.125vw; }

    .dp-envivo-popin-chief {}

    #dp-envivo-popin .dp-envivo-popin-ingredient { width: 100%; padding-right: 0; }
    #dp-envivo-popin .dp-envivo-popin-preparation { width: 100%; }

    #dp-envivo-popin .dp-envivo-popin-ingredient .dp-envivo-popin-section-content:before, 
    #dp-envivo-popin .dp-envivo-popin-ingredient .dp-envivo-popin-section-content:after { content: ""; display: table; }
    #dp-envivo-popin .dp-envivo-popin-ingredient .dp-envivo-popin-section-content:after { clear: both; }
    #dp-envivo-popin .dp-envivo-popin-ingredient .dp-envivo-popin-section-content { zoom:1; }

    #dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-group { padding-top: 4vw; }
    #dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-group:nth-child(1) { padding-top: 4vw; }
    #dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-group span { font-size: 2.96vw; line-height:4.2vw; }

    #dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-infos span { font-size:2.42vw; line-height:4vw; }

    #dp-envivo-popin .dp-envivo-popin-section { float: none; }
    #dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-ingredient { width: 100%; }
    #dp-envivo-popin .dp-envivo-popin-section.dp-envivo-popin-preparation { width: 100%; }
    #dp-envivo-popin .dp-envivo-popin-ingredient .dp-envivo-popin-section-content ul { float:left; width: 50%; }
    #dp-envivo-popin .dp-envivo-popin-ingredient .dp-envivo-popin-section-content ul:nth-child(1) { width: 45%; margin-right: 5% }

    #dp-envivo-popin .dp-envivo-popin-chief { padding: 0 5vw 0 23vw; }
    #dp-envivo-popin .dp-envivo-popin-chief-media { width: 21vw; height: 21vw; top: 5vw; left:6vw; }
    #dp-envivo-popin .dp-envivo-popin-chief-cap { width: 21vw; top: 16vw; left:20vw; }

    #dp-envivo-popin .dp-envivo-popin-title { font-size: 4.2vw; line-height:5.3vw; padding: 25vw 0 0 0; }
    #dp-envivo-popin .dp-envivo-popin-text { width:100%; font-size: 2.65vw; line-height:4.2vw; text-align: justify; -moz-text-align-last:center; text-align-last:center; }

    #dp-envivo-popin .dp-envivo-popin-section-title { font-size: 2.96vw; line-height:4.2vw; }
    #dp-envivo-popin .dp-envivo-popin-section-content { font-size: 2.65vw; line-height:4.2vw; }
    #dp-envivo-popin .dp-envivo-popin-section-text { font-size:2.65vw; line-height:3.2vw; }
    
    #dp-envivo-popin .dp-envivo-popin-section-media { width:100%; padding:6.25vw 0 5vw 0;}
    #dp-envivo-popin .dp-envivo-popin-section-media img { width:100%; display:block; border: solid 1px #8a3b10; }

    #dp-envivo-popin .dp-envivo-popin-sections { padding-top: 0; }
    #dp-envivo-popin .dp-envivo-popin-section { padding-bottom: 5vw; }

    #dp-envivo-popin .dp-envivo-popin-section-media.dp-envivo-isdesktop { display: none; }
    #dp-envivo-popin .dp-envivo-popin-section-media.dp-envivo-ismobile { display: inline-block; }

    #dp-envivo-popin .dp-envivo-popin-print { right:1px; }
    #dp-envivo-popin .dp-envivo-popin-print ul li { float: none; width: 40px; height: 40px; display: block; margin:3px 0; }


}