.dp-bari a { text-decoration:none; }
.dp-bari a img { border: none; }
.dp-bari * { outline:none; vertical-align: baseline; }
.dp-bari *:focus { outline:none }
.dp-bari img { border:0; display: block; }
.dp-bari * { box-sizing: border-box; }
.dp-bari sup { font-size: 1.1em; position: relative; vertical-align: baseline; line-height: 0; top:-0.02em; display: inline-block; padding-left: 1px; }



.dp-bari { background:#000; color:#fff; font-size: 12px; font-family: 'Trebuchet MS'; width: 100%; overflow: hidden; }

.dp-bari__section { position: relative; left:0; top:0; width:100%; height:calc(100vh - 155px); min-height:791px; }

.dp-bari__bkgd { position: absolute; left:0; top:0; width:100%; height:100%; overflow: hidden; }
.dp-bari__section-bkgd-home { display: block; }
.dp-bari__section-bkgd-steps { display: block; opacity: 1; transition:opacity 0.5s;}
.dp-bari__bkgd img { position: absolute; left:50%; top:0; transform : translateX(-50%); height: 100%; }

.dp-bari__section[data-step="0"] .dp-bari__section-bkgd-home { display: block; }
.dp-bari__section[data-step="0"] .dp-bari__section-bkgd-steps { opacity: 0; }

.dp-bari__container { position: relative; left:0; top:0; width:100%; max-width: 1170px; height:100%; margin: 0 auto; }



/*    content     */

.dp-bari__content { width: 100%; height:100%; position: relative; left:0; top:0; text-align: center; }

.dp-bari__title { font-family: 'NespressoLucas-XtraBd'; font-weight: normal; color:#fff; text-transform:uppercase; font-size: 27px; line-height: 28px; letter-spacing:0.2em; padding: 9px 15px 50px 15px; }
.dp-bari__text { font-family: 'NespressoLucas-Regular'; font-size: 23px; line-height: 36px; letter-spacing:0.075em; color: #fff; padding: 0px 15px 330px 15px; }

.dp-bari__cta { position:relative; top:0; left:0; width: 100%; text-align: center; padding-bottom: 100px; }
.dp-bari__cta-btn { cursor:pointer; font-family: 'NespressoLucas-Bold'; display:inline-block; color:#fff; background:#aa6f3d; font-size: 17px; line-height: 50px; letter-spacing:0.15em; padding:0 37px; text-transform: uppercase; border-radius: 6px; text-align: center; -webkit-transition:box-shadow 0.2s; transition:box-shadow 0.2s; }
.dp-bari__cta-btn:hover { box-shadow: 0 3px 3px 0 rgba(0,0,0,.3); }

.dp-bari__desktop { display: block; }
.dp-bari__mobile { display: none; }


@media (max-width: 900px){

  .dp-bari__desktop { display: none; }
  .dp-bari__mobile { display: block; }

}


.dp-bari__bottom { padding-top:10px; padding-bottom: 20px; }

.dp-bari__restart > svg {
    transform: translateY(-50%) rotate(-180deg);
}

.dp-bari__restart:hover > svg {
    transform: translateY(-50%) rotate(180deg);
}

.dp-bari__restart > svg {
    position: absolute;
    top: 50%;
    left: 0;
    transition: .25s;
    transform: translateY(-50%);
}

.dp-bari__restart {
    font-weight: 400;
    color: #986f38;
    cursor: pointer;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .1em;
     padding: 6px 20px 6px 30px;
     position: relative;
}

.dp-bari__restart:hover {
    color: #b07d3a;
}




/*  title  */


.dp-bari__steps-title { position: relative; left:0; top:0; text-align: center; padding-top: 80px; }
.dp-bari__steps-title-label { transition:opacity 0.3s; opacity:0; display:inline-block; position: relative; left:0; top:0; color:#fff; font-size:30px; line-height: 34px; padding-left: 140px; }
.dp-bari__steps-title-label:before { position: absolute; left:0; top:-50px; color:#623a21; font-size:114px; line-height: 114px; letter-spacing: -0.025em; text-shadow:-2px -3px 20px rgba(0,0,0,0.6); }

.dp-bari__steps-title-label.dp-bari__on { opacity: 1; transition:opacity 0s; }

.dp-bari__section[data-step="1"] .dp-bari__steps-title-label:before { content: "01"; }
.dp-bari__section[data-step="2"] .dp-bari__steps-title-label:before { content: "02"; }
.dp-bari__section[data-step="3"] .dp-bari__steps-title-label:before { content: "03"; }
.dp-bari__section[data-step="4"] .dp-bari__steps-title-label:before { content: "03"; }


.dp-bari__section[data-step="end"] { height:auto; } 
.dp-bari__section[data-step="end"] .dp-bari__steps-title-label { padding-left: 0; padding-bottom: 60px; }
.dp-bari__section[data-step="end"] .dp-bari__steps-title-label:before { display: none; }



/*  step  */

.dp-bari__steps { width: 100%; height:100%; position: relative; top:0; left:0; }
.dp-bari__step { width: 100%; position: absolute; top:0; left:0; }

.dp-bari__step-content { height:100%; position: relative; left:0; top:0; text-align: center; }

.dp-bari__step { -webkit-transform : translateX(100vw); transform : translateX(100vw); opacity: 0; -webkit-transition:all 0.3s; transition:all 0.3s; }
/*
.dp-bari__step-home { -webkit-transform : translateX(0); transform : translateX(0); opacity: 1; }
*/

.dp-bari__step.dp-bari__previous { -webkit-transform : translateX(-100vw); transform : translateX(-100vw); opacity: 0; }
.dp-bari__step.dp-bari__next { -webkit-transform : translateX(0); transform : translateX(0); opacity: 1; }

.dp-bari__section[data-step="end"] .dp-bari__step { background: #fff; }
.dp-bari__section[data-step="end"] .dp-bari__step.dp-bari__next { -webkit-transform : translateX(0); transform : translateX(0); opacity: 1; -webkit-transition:-webkit-transform 0s; transition:transform 0s; transition:opacity 0.5s; }
  
.dp-bari__section[data-step="end"] .dp-bari__steps-title { padding-top: 65px; }




/*  choices  */

.dp-bari__choices { display: flex; padding-top: 60px; padding-bottom: 40px; width: 100%; max-width: 900px; margin:0 auto; }

.dp-bari__choice { display: block; position: relative; width: 50%; }

.dp-bari__choice-inside { display: block; position: relative; width: 397px; height: 307px; box-shadow:5px 5px 10px rgba(0,0,0,0.5); margin: 0 auto; cursor: pointer; border:solid 1px #70411d; }

.dp-bari__choice-media { display: block; z-index:5; position: relative; width: 100%; height: 100%; overflow: hidden; }
.dp-bari__choice-text { display: block; width:100%; z-index:10; position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color: #fff; font-size: 48px; line-height: 48px; text-shadow:0 0 2px rgba(0,0,0,0.3); }

.dp-bari__choice-img { position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition:opacity 0.2s ease-in, width 0.2s ease-in 0.2s; }
.dp-bari__choice-img-off { z-index:2; width: 397px; opacity: 1; }
.dp-bari__choice-img-on { z-index:1; width: 397px; opacity: 0; }

.dp-bari__choice:hover .dp-bari__choice-img-off { z-index:1; opacity: 0; }
.dp-bari__choice:hover .dp-bari__choice-img-on { z-index:2; opacity: 1; width: 535px; transition:opacity 0.2s ease-out 0.1s, width 0.3s ease-out; }



/*  navigation  */

.dp-bari__step-navigation { position: absolute; bottom: 150px; left:0; width: 100%; text-align: center; }
.dp-bari__step-navigation-inside:before,
.dp-bari__step-navigation-inside:after { content: ""; display: table; }
.dp-bari__step-navigation-inside:after { clear: both; }
.dp-bari__step-navigation-inside { display: inline-block; }
.dp-bari__step-navigation-item { float:left; position:relative; top:0; left:0; color:#aa6f3d; font-size: 25px; line-height: 45px; width: 55px; height: 55px; border-radius: 50%; border: solid 5px #aa6f3d; background: rgba(0,0,0,0.2); margin: 0 0 0 0; opacity: 0; transition:all 0.3s; }
.dp-bari__step-navigation-item:after { content:""; position:absolute; top:50%; right:-16px; background: #aa6f3d; width: 0px; height: 1px; transition:all 0.2s; }

.dp-bari__step-navigation[data-idx="1"] .dp-bari__step-navigation-item:nth-of-type(1) { opacity: 1; }

.dp-bari__step-navigation[data-idx="2"] .dp-bari__step-navigation-item:nth-of-type(1) { opacity: 1; margin-right: 121px; }
.dp-bari__step-navigation[data-idx="2"] .dp-bari__step-navigation-item:nth-of-type(1):after { right: -116px; width: 100px; }
.dp-bari__step-navigation[data-idx="2"] .dp-bari__step-navigation-item:nth-of-type(2) { opacity: 1; }

.dp-bari__step-navigation[data-idx="3"] .dp-bari__step-navigation-item:nth-of-type(1) { opacity: 1; margin-right: 121px; }
.dp-bari__step-navigation[data-idx="3"] .dp-bari__step-navigation-item:nth-of-type(1):after { right: -116px; width: 100px; }
.dp-bari__step-navigation[data-idx="3"] .dp-bari__step-navigation-item:nth-of-type(2) { opacity: 1; margin-right: 121px; }
.dp-bari__step-navigation[data-idx="3"] .dp-bari__step-navigation-item:nth-of-type(2):after { right: -116px; width: 100px; }
.dp-bari__step-navigation[data-idx="3"] .dp-bari__step-navigation-item:nth-of-type(3) { opacity: 1; }

.dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(1) { opacity: 1; margin-right: 121px; }
.dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(1):after { right: -116px; width: 100px; }
.dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(2) { opacity: 1; margin-right: 121px; }
.dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(2):after { right: -116px; width: 100px; }
.dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(3) { opacity: 1; margin-right: 121px; }
.dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(3):after { right: -116px; width: 100px; }
.dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(4) { opacity: 1; }

.dp-bari__section[data-step="0"] .dp-bari__step-navigation { display: none; }
.dp-bari__section[data-step="end"] .dp-bari__step-navigation { display: none; }



/*  end  */


.dp-bari__step-end:before { content:""; background:#fff; width: 100vw; height: 100%; position: absolute; left:calc( 50% - 50vw ); top:0; }

.dp-bari__step-end.dp-bari__previous:before { width: 100%; }


.dp-bari__end-arrow { position: absolute; top:-36px; left:calc(50% - 36px); width: 72px; height: 72px; cursor: pointer; background: #fff; border-radius: 50%; }
.dp-bari__end-arrow:after { content:""; position: absolute; top:calc(50% - 16px); left:calc(50% - 14.5px); width: 29px; height: 16px; background: url(https://www.nespresso.com/ecom/medias/sys_master/public/12326025134110/arrow.png) left top no-repeat; -webkit-transition:top 0.2s;  transition:top 0.2s; }
.dp-bari__end-arrow:hover:after { top:calc(50% - 12px); }

.dp-bari__end-content:before,
.dp-bari__end-content:after { content: ""; display: table; }
.dp-bari__end-content:after { clear: both; }

.dp-bari__end-content { display: none; position:relative; color:#000; padding-top: 47px; padding-bottom: 65px; width: 100%; max-width: 966px; margin: 0 auto; }

.dp-bari__end-content-left { float: left; width: 397px; }
.dp-bari__end-media { width: 100%; border: solid 1px #70411d; }
.dp-bari__end-media img { width: 100%; display: block; }

.dp-bari__end-content-right:before,
.dp-bari__end-content-right:after { content: ""; display: table; }
.dp-bari__end-content-right:after { clear: both; }

.dp-bari__end-content-right { float: left; width: calc(100% - 397px); height: 276px; }

.dp-bari__end-capsule { float:left; display: block; position:relative; left:0; top: 0; height: 100%; }

.dp-bari__end-capsule-media { margin: 0 44px; width: 144px; }
.dp-bari__end-capsule-media img { width: 100%; display: block; }

.dp-bari__end-capsule-desc { font-family: 'NespressoLucas-XtraBd'; color:#000;  font-size: 15px; line-height:18px; text-align: center; padding-bottom: 10px; } 
.dp-bari__end-capsule-price { font-family: 'NespressoLucas-XtraBd'; color:#9d7e55; font-size: 14px; line-height:17px; text-align: center; padding-bottom: 10px; } 

.dp-bari__end-logo { float:right; display: block; width:calc(100% - 232px); height: 100px; }
.dp-bari__end-logo img { height: 100%; display: block; }
.dp-bari__end-content[data-end-idx="5"] .dp-bari__end-logo { height: 140px; }

.dp-bari__end-btn { position:absolute; left:44px; bottom: 0; }

.dp-bari__guidelines:before,
.dp-bari__guidelines:after { content: ""; display: table; }
.dp-bari__guidelines:after { clear: both; }

.dp-bari__guidelines { width: 100%; max-width: 966px; margin: 0 auto; padding-bottom: 20px; }

.dp-bari__guideline { float: left; width: 298px; margin-right: 36px; position: relative; left:0; top:0; }
.dp-bari__guideline:last-child { margin-right: 0; }

.dp-bari__guideline-bkgd { position: absolute; top:0; left:0; width: 100%; }
.dp-bari__guideline-bkgd img { display: block; }

.dp-bari__guideline-body { position: relative; top:0; left:0; }

.dp-bari__guideline-logo { position: absolute; top:-27px; left:50px; height: 42px; }
.dp-bari__guideline-logo img { display: block; height: 100%; }

.dp-bari__guideline-cap { position: absolute; top:-35px; right:58px; width: 50px; }
.dp-bari__guideline-cap img { display: block; width: 100%; }

.dp-bari__guideline-title { font-family: 'NespressoLucas-regular'; color:#000; font-size: 12px; line-height: 12px; text-transform: uppercase; padding-top: 35px; padding-bottom: 5px; }
.dp-bari__guideline-title span { font-family: 'NespressoLucas-XtraBd'; }

.dp-bari__guideline-content:before,
.dp-bari__guideline-content:after { content: ""; display: table; }
.dp-bari__guideline-content:after { clear: both; }

.dp-bari__guideline-content { width: 90%; margin: 0 auto; padding-bottom: 26px; }

.dp-bari__guideline-content-left { float: left; width: 30%; }
.dp-bari__guideline-content-middle { float: left; width: 40%; }
.dp-bari__guideline-content-right { float: left; width: 30%; }

.dp-bari__guideline-content-visual { width: 50px; margin: 0 auto; }
.dp-bari__guideline-content-visual img { width: 100%; display: block; }

.dp-bari__guideline-content-text { font-family: 'NespressoLucas-XtraBd'; color:#000;  text-align: center; font-size: 10px; line-height:11px; text-transform: uppercase; padding-top: 2px; }




@media (max-width: 996px){

 .dp-bari__guidelines { text-align: center; }
  .dp-bari__guideline { display:inline-block; float: none; width: 298px; margin-right: 10px; margin-left:10px; margin-bottom: 50px; }
  .dp-bari__guideline:last-child { margin-right: auto; margin-bottom: 0; }


  .dp-bari__steps-title-label { font-size:27px; line-height: 32px; padding-left: 100px; }
  .dp-bari__steps-title-label:before { top:-30px; font-size:84px; line-height: 84px; text-shadow:-2px -3px 15px rgba(0,0,0,0.6); }


}


@media (max-width: 768px){

  .dp-bari__section { height:auto; min-height: 0; }

  .dp-bari__title { padding-bottom: 30px; }

  .dp-bari__text { padding-bottom: 190px; font-size: 23px; line-height: 31px; }
  .dp-bari__text br { display: none; }

  .dp-bari__steps-title { padding-top: 50px; }
  .dp-bari__section[data-step="end"] .dp-bari__steps-title { padding-top: 50px; }
  .dp-bari__section[data-step="end"] .dp-bari__steps-title-label { padding-top: 0px; }

  .dp-bari__steps-title-label { font-size:24px; line-height: 30px; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 74px; }
  .dp-bari__steps-title-label:before { width:100%; top:0; font-size:74px; line-height: 74px; text-shadow:-2px -3px 10px rgba(0,0,0,0.6); }
  .dp-bari__section[data-step="end"] .dp-bari__steps-title-label { padding-left: 20px; }


  .dp-bari__choices { display: block; padding-bottom: 20px; }
  .dp-bari__choice { width: 90vw; max-width: 397px; margin: 0 auto; padding-bottom: 20px; }
  .dp-bari__choice-inside { width:90vw; height: 69.5vw; max-width: 397px; max-height: 307px;  }
  .dp-bari__choice-text { font-size: 27px; line-height: 27px; }

  .dp-bari__step-navigation { position: relative; bottom: auto; padding-top: 30px; padding-bottom: 40px; }
  .dp-bari__step-navigation-item { font-size: 18px; line-height: 35px; width: 40px; height: 40px; border-width:3px; }
  .dp-bari__step-navigation-item:after { right:-8px; }
  .dp-bari__step-navigation-item:last-child { margin-right:0; }
  .dp-bari__step-navigation[data-idx="2"] .dp-bari__step-navigation-item:nth-of-type(1) { margin-right: 38px; }
  .dp-bari__step-navigation[data-idx="2"] .dp-bari__step-navigation-item:nth-of-type(1):after { right: -32px; width: 20px; }

  .dp-bari__step-navigation[data-idx="3"] .dp-bari__step-navigation-item:nth-of-type(1) { opacity: 1; margin-right: 38px; }
  .dp-bari__step-navigation[data-idx="3"] .dp-bari__step-navigation-item:nth-of-type(1):after { right: -32px; width: 20px; }
  .dp-bari__step-navigation[data-idx="3"] .dp-bari__step-navigation-item:nth-of-type(2) { opacity: 1; margin-right: 38px; }
  .dp-bari__step-navigation[data-idx="3"] .dp-bari__step-navigation-item:nth-of-type(2):after { right: -32px; width: 20px; }
  .dp-bari__step-navigation[data-idx="3"] .dp-bari__step-navigation-item:nth-of-type(3) { opacity: 1; }

  .dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(1) { opacity: 1; margin-right: 38px; }
  .dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(1):after { right: -32px; width: 20px; }
  .dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(2) { opacity: 1; margin-right: 38px; }
  .dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(2):after { right: -32px; width: 20px; }
  .dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(3) { opacity: 1; margin-right: 38px; }
  .dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(3):after { right: -32px; width: 20px; }
  .dp-bari__step-navigation[data-idx="4"] .dp-bari__step-navigation-item:nth-of-type(4) { opacity: 1; }

  .dp-bari__end-content-left { float: none; width: 90%; margin: 0 auto;  }
  .dp-bari__end-content-right { float: none; width: 90%; margin: 0 auto; height: auto; }

  .dp-bari__end-logo { float:none; max-width: 330px; width:70%; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 25px; }
  .dp-bari__end-logo img { width:100%; }

  .dp-bari__end-capsule { float:none; display: block; text-align: center; padding-bottom: 45px; }
  .dp-bari__end-capsule-media {  max-width: 144px; width:80%; margin-left: auto; margin-right: auto; padding-left: 0; }
  .dp-bari__end-btn { position:relative; left:0; bottom: auto; top:0; margin: 0 auto; width: 255px; }

  .dp-bari__guidelines { text-align: center; }
  .dp-bari__guideline { display:inline-block; float: none; width: 298px; margin-right: auto; margin-left:auto; margin-bottom: 50px; }
  .dp-bari__guideline:last-child { margin-right: auto; margin-bottom: 0; }

.dp-bari__end-content .dp-bari__end-logo,
.dp-bari__end-content[data-end-idx="5"] .dp-bari__end-logo { height: auto; }


}