.nes_b2b .nes_free-html { width: 100%; }

.nes_b2b .nes_bg-content-bloc { margin-top: 0px !important; }

.nes_b2b .nes_free-html .nes_img-content-admin { display: none;  height: 0; overflow: hidden; }
.nes_b2b .nes_free-html .nes_view-fonction.nes_view-fonction-v2 { display: none; }

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

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

#dp-dcac a { text-decoration:none; }
#dp-dcac a img { border: none; }
#dp-dcac * { padding:0; margin:0; outline:none; vertical-align: baseline; }
#dp-dcac *:focus { outline:none }
#dp-dcac img { border:0; display: block; }
#dp-dcac ul, #dp-dcac li { list-style: none; }
#dp-dcac * { box-sizing: border-box; }
#dp-dcac sup { font-size: 0.75em; position: relative; vertical-align: baseline; line-height: 0; top:-0.3em; }
#dp-dcac fieldset { border:0; }

#dp-dcac { font-family: 'NespressoLucas-Regular', Helvetica, sans-serif; color:#000; font-size: 14px; width:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#dp-dcac .dp-dcac-br-mobile { display: none!important; }

#dp-dcac .dp-dcac-container {  position: relative; left:0; top:0; width:100%; max-width: 1200px; margin: 0 auto; }



/* --------    header   -------- */

#dp-dcac .dp-dcac-header { color:#fff; background: #000; display: block; }
#dp-dcac .dp-dcac-header .dp-dcac-container { z-index: 100; text-align: center; width: 100%; overflow: hidden; background: transparent !important; height: 41.125vw; display: table; max-width: 100%; }
#dp-dcac .dp-dcac-placeholder { z-index: 0; background-size: cover; background-position: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
#dp-dcac #dp-dcac-placeholder_video { width: 100%; height: 56.25vw; background: #353435; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }




/* --------    page-top   -------- */

#dp-dcac .dp-dcac-top-title { font-family: 'NespressoLucas-Bold'; font-size: 29px; line-height: 32px; text-align: center; padding-top: 56px; }
#dp-dcac .dp-dcac-top-text { font-size: 25px; line-height: 27px; text-align: center; padding: 21px 20px 0 20px;  }


@media (max-width:640px){

  #dp-dcac .dp-dcac-top-title { font-size: 23px; line-height: 27px; }
  #dp-dcac .dp-dcac-top-text { font-size: 18px; line-height: 23px; }

}



/* --------    page   -------- */

#dp-dcac .dp-dcac-page { display: none; }



/* --------    page-menu   -------- */

#dp-dcac .dp-dcac-page-menu { position:relative; background:#dadada; text-align: center; margin-bottom: 60px; }

#dp-dcac .dp-dcac-page-menu ul:before,
#dp-dcac .dp-dcac-page-menu ul:after { content:""; display:table; }
#dp-dcac .dp-dcac-page-menu ul:after { clear:both; }
#dp-dcac .dp-dcac-page-menu ul { display: inline-block; }
#dp-dcac .dp-dcac-page-menu li { float: left; width: 33.33%; display: block; padding: 75px 0; position: relative; }
#dp-dcac .dp-dcac-page-menu .dp-dcac-row-2 li { width: 50%; }
#dp-dcac .dp-dcac-page-menu .dp-dcac-row-3 li { width: 33.33%; }

#dp-dcac .dp-dcac-page-menu li.dp-dcac-active:after { content: ""; position: absolute; bottom:-20px; left:calc(50% - 20px); width: 0; height: 0; border-top: #dadada 20px solid; border-left: transparent 20px solid; border-right: transparent 20px solid; }

#dp-dcac .dp-dcac-page-handler { width: 100%; height:100%; display: block; position: relative; cursor: pointer; }
#dp-dcac .dp-dcac-page-handler img { width: 100%; display: block; position: relative; }
#dp-dcac .dp-dcac-page-handler-content { width: 100%; display: block; position: absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
#dp-dcac .dp-dcac-page-handler-text { font-size: 38px; line-height: 43px; font-family: 'NespressoLucas-Bold'; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
#dp-dcac .dp-dcac-page-handler-plus { position:relative; left:0; top:0; display:block; margin:0 auto; border-radius: 50%; width: 41px; height: 41px; border: solid 1px #fff; overflow: hidden; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
#dp-dcac .dp-dcac-page-handler-plus img { position:absolute; left:25%; top:50%; display: block; width: 50%; margin: 0 auto; transform:translateY(-50%); -webkit-transform:translateY(-50%); }


@media (max-width:768px){

  #dp-dcac .dp-dcac-page-menu { margin-bottom: 25px; }

  #dp-dcac .dp-dcac-page-handler-text { font-size: 28px; line-height: 34px; padding-bottom: 5px; }
  #dp-dcac .dp-dcac-page-handler-plus { width: 35px; height: 35px; }

}

@media (max-width:640px){

  #dp-dcac .dp-dcac-page-menu li { width: 100%; height: 35vw; padding-top: 20px; padding-bottom: 0; overflow: hidden; }
  #dp-dcac .dp-dcac-page-menu li:last-child { margin-bottom: 20px; }
  #dp-dcac .dp-dcac-page-menu .dp-dcac-row-2 li { width: 100%; }
  #dp-dcac .dp-dcac-page-menu .dp-dcac-row-3 li { width: 100%; }

  #dp-dcac .dp-dcac-page-handler { overflow: hidden; }
  #dp-dcac .dp-dcac-page-handler-media { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  
  #dp-dcac .dp-dcac-page[data-page="1"] .dp-dcac-page-menu li[data-subpage="1"] .dp-dcac-page-handler-media { top: 20%; }
  #dp-dcac .dp-dcac-page[data-page="1"] .dp-dcac-page-menu li[data-subpage="2"] .dp-dcac-page-handler-media { top: 85%; }
  
  #dp-dcac .dp-dcac-page-handler-text { font-size: 23px; line-height: 22px; padding-bottom: 5px; }
  #dp-dcac .dp-dcac-page-handler-plus { width: 27px; height: 27px; }
}



/* --------    page-inside   -------- */

#dp-dcac .dp-dcac-page-inside { margin-bottom: 60px; }



/* --------    navigation   -------- */

#dp-dcac .dp-dcac-nav { min-height: 189px; }
#dp-dcac .dp-dcac-nav ul { max-width: 1190px; width: 100%; margin: 0 auto; }
#dp-dcac .dp-dcac-nav ul:before,
#dp-dcac .dp-dcac-nav ul:after { content:""; display:table; }
#dp-dcac .dp-dcac-nav ul:after { clear:both; }
#dp-dcac .dp-dcac-nav li { float: left; width: 20%; display: block; text-align: center; position: relative; cursor: pointer; padding-top: 44px; }
#dp-dcac .dp-dcac-nav-picto { display: inline-block; border-radius: 50%; border: solid 5px #dadada; position: relative; background: #fff; }
#dp-dcac .dp-dcac-nav-picto-inside { width: 61px; height: 61px; display: block; position: relative; }
#dp-dcac .dp-dcac-nav li .dp-dcac-nav-picto img { display: block; position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
#dp-dcac .dp-dcac-nav li:nth-child(1) .dp-dcac-nav-picto img { width: 21px; }
#dp-dcac .dp-dcac-nav li:nth-child(2) .dp-dcac-nav-picto img { width: 38px; }
#dp-dcac .dp-dcac-nav li:nth-child(3) .dp-dcac-nav-picto img { width: 32px; }
#dp-dcac .dp-dcac-nav li:nth-child(4) .dp-dcac-nav-picto img { width: 18px; }
#dp-dcac .dp-dcac-nav li:nth-child(5) .dp-dcac-nav-picto img { width: 26px; }
#dp-dcac .dp-dcac-nav li:before { content:""; position: absolute; top:80px; left:calc(50% + 36px); border-top: dotted 5px #dadada; width: 100%; height: 1px; }
#dp-dcac .dp-dcac-nav li:last-child:before { display: none; }
#dp-dcac .dp-dcac-nav-text { min-height: 80px; text-align: center; text-transform: uppercase; font-family: 'NespressoLucas-Bold'; font-size: 18px; line-height: 18px; letter-spacing: 0.05em; padding-top: 3px; }

#dp-dcac .dp-dcac-nav li.dp-dcac-active .dp-dcac-nav-picto { border-color: #e5b136; }
#dp-dcac .dp-dcac-nav li.dp-dcac-active-previous:before  { border-top-color: #e5b136; }

#dp-dcac .dp-dcac-nav li:after { opacity:0; content: ""; display:block; position: absolute; bottom:0; left:calc(50% - 20px); width: 0; height: 0; border-bottom: #dadada 20px solid; border-left: transparent 20px solid; border-right: transparent 20px solid; transition:opacity 0.5s 0.1s; }
#dp-dcac .dp-dcac-nav li.dp-dcac-active:after { opacity:1; transition:opacity 0.5s 0s; }

#dp-dcac .dp-dcac-nav-inside.dp-dcac-sticky { position: fixed; top: 0; left: 0; right: 0; z-index:1000; box-shadow: 0 0 10px rgba(0,0,0,0.5); background: #fff; }
#dp-dcac .dp-dcac-nav-inside.dp-dcac-sticky li.dp-dcac-active:after { display: none; }



@media (max-width:640px){

  #dp-dcac .dp-dcac-nav { min-height: 175.5px; }

  #dp-dcac .dp-dcac-nav-picto { border-width: 3px; }
  #dp-dcac .dp-dcac-nav-picto-inside { width: 41px; height: 41px; }

  #dp-dcac .dp-dcac-nav-text { font-size: 12px; line-height: 14px; }

  #dp-dcac .dp-dcac-nav li::before { top: 68px; left: calc(50% + 25px); border-top-width:3px; }
  #dp-dcac .dp-dcac-nav li:nth-child(1) .dp-dcac-nav-picto img { width: 15px; }
  #dp-dcac .dp-dcac-nav li:nth-child(2) .dp-dcac-nav-picto img { width: 26px; }
  #dp-dcac .dp-dcac-nav li:nth-child(3) .dp-dcac-nav-picto img { width: 20px; }
  #dp-dcac .dp-dcac-nav li:nth-child(4) .dp-dcac-nav-picto img { width: 14px; }
  #dp-dcac .dp-dcac-nav li:nth-child(5) .dp-dcac-nav-picto img { width: 18px; }

  #dp-dcac .dp-dcac-nav li:after { left:calc(50% - 15px); border-width: 15px;  }

  #dp-dcac .dp-dcac-nav .dp-dcac-sticky li { padding-top: 15px; }
  #dp-dcac .dp-dcac-nav .dp-dcac-sticky li::before { top: 39px; }
  #dp-dcac .dp-dcac-nav .dp-dcac-sticky .dp-dcac-nav-text { min-height: 45px; }

}


/* --------    content   -------- */

#dp-dcac .dp-dcac-content { padding-bottom: 34px; }
#dp-dcac .dp-dcac-content-text { font-size: 25px; line-height: 27px; text-align: center; }

/*
#dp-dcac .dp-dcac-content-body:before,
#dp-dcac .dp-dcac-content-body:after { content:""; display:table; }
#dp-dcac .dp-dcac-content-body:after { clear:both; }
*/

#dp-dcac .dp-dcac-content-body { padding-bottom: 50px; display: flex; align-items: stretch; }
#dp-dcac .dp-dcac-content-body.dp-dcac-content-right { flex-direction: row-reverse; }
#dp-dcac .dp-dcac-content-body:last-child { padding-bottom: 0; }

#dp-dcac .dp-dcac-content-texts { display: block; width: 50%; margin: auto; }
#dp-dcac .dp-dcac-content-media { display: block; width: 50%; }
#dp-dcac .dp-dcac-content-media img { display: block; width: 100%; }

#dp-dcac .dp-dcac-content-left  .dp-dcac-content-texts { padding-left: 55px; padding-right: 40px; }
#dp-dcac .dp-dcac-content-right .dp-dcac-content-texts { padding-right: 40px; }
#dp-dcac .dp-dcac-content-full { display: block; align-items:none; }
#dp-dcac .dp-dcac-content-full  .dp-dcac-content-texts { width: 100%; padding-bottom: 40px; }
#dp-dcac .dp-dcac-content-full  .dp-dcac-content-media { width: 100%; }

#dp-dcac .dp-dcac-content-title { text-align: left; font-size: 29px; line-height: 32px; font-family: 'NespressoLucas-Bold'; padding-bottom: 15px; }
#dp-dcac .dp-dcac-content-text { text-align: left; font-size: 23px; line-height: 27px; }
#dp-dcac .dp-dcac-content-text a { text-decoration: underline; color: #986f38; } 
#dp-dcac .dp-dcac-content-text a:hover { text-decoration: none; } 


@media (max-width:640px){

  #dp-dcac .dp-dcac-content-body { display: block; }

  #dp-dcac .dp-dcac-content-texts { width: 100%; }
  #dp-dcac .dp-dcac-content-media { width: 100%; }

  #dp-dcac .dp-dcac-content { padding-left: 4%; padding-right: 4%; }
  #dp-dcac .dp-dcac-content-texts { padding-top: 25px; }
  #dp-dcac .dp-dcac-content-title { font-size: 23px; line-height: 27px; }
  #dp-dcac .dp-dcac-content-text { font-size: 18px; line-height: 23px; }

  #dp-dcac .dp-dcac-content-left  .dp-dcac-content-texts { padding-left: 0; padding-right: 0; }
  #dp-dcac .dp-dcac-content-right .dp-dcac-content-texts {  padding-right: 0; }

}



/* --------    masaic   -------- */

#dp-dcac .dp-dcac-mosaic ul:before,
#dp-dcac .dp-dcac-mosaic ul:after { content:""; display:table; }
#dp-dcac .dp-dcac-mosaic ul:after { clear:both; }
#dp-dcac .dp-dcac-mosaic { position: relative; width: 100%; max-width: 1200px; max-height: 1100px; overflow: hidden; }

#dp-dcac .dp-dcac-mosaic-item { border: solid 2px #fff; position: absolute; overflow: hidden; cursor: pointer; }
#dp-dcac .dp-dcac-mosaic-item-media { opacity: 1; transition:opacity 0.2s; position: relative; }
#dp-dcac .dp-dcac-mosaic-item-media:hover { opacity: 0.9; }
#dp-dcac .dp-dcac-mosaic-item-img { display: block; width: 100%; height: 100%; position: relative; }

#dp-dcac .dp-dcac-mosaic-item-plus { position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); display:block; margin:0 auto; border-radius: 50%; width: 41px; height: 41px; border: solid 1px #fff; overflow: hidden; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); }
#dp-dcac .dp-dcac-mosaic-item-plus img { position:absolute; left:25%; top:50%; display: block; width: 50%; margin: 0 auto; transform:translateY(-50%); -webkit-transform:translateY(-50%); }

#dp-dcac .dp-dcac-mosaic-small { width: 40%; }
#dp-dcac .dp-dcac-mosaic-big { width: 60%; }

#dp-dcac .dp-dcac-mosaic-item-body { position: absolute; top:0; left:0; display: block; width: 100%; height:100%; background: #ccc; padding: 20px 0; }

#dp-dcac .dp-dcac-mosaic-item-content { position: relative; top:0; left:0; width: 100%; height:100%; padding: 5px 16px; }
#dp-dcac .dp-dcac-mosaic-item-title { font-family: 'NespressoLucas-Bold'; font-size: 19px; line-height: 21px; padding-bottom: 15px; text-transform: uppercase; }
#dp-dcac .dp-dcac-mosaic-item-text { font-size: 17px; line-height: 24px; }

#dp-dcac .dp-dcac-mosaic-item.dp-opened .dp-dcac-mosaic-item-content { opacity: 1; }
#dp-dcac .dp-dcac-mosaic-item.dp-opened .dp-dcac-mosaic-item-plus { display: none; }



@media (max-width:640px){

  #dp-dcac .dp-dcac-mosaic { height: auto !important; max-height: none !important; }
  #dp-dcac .dp-dcac-mosaic-item { border: none; border-bottom: solid 4px #fff; position: relative; top:0 !important; left:0 !important; width: 100% !important; height: auto !important; }
  #dp-dcac .dp-dcac-mosaic-item-img { width: 100%; height: auto; }
  #dp-dcac .dp-dcac-mosaic-item-body { position: relative; }
  #dp-dcac .dp-dcac-mosaic-item-content { overflow-y: hidden; }

}





/* --------    gallery   -------- */

#dp-dcac .dp-dcac-gallery { position: relative; width: 100%; max-width: 1200px; }

#dp-dcac .dp-dcac-gallery-img { display: block; width: 100%; }
#dp-dcac .dp-dcac-gallery-img img { display: block; width: 100%; }

#dp-dcac .slick-slider { position: relative; display: block; 
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

#dp-dcac .slick-list { position: relative; display: block; overflow: hidden; }
#dp-dcac .slick-list:focus { outline: none; }
#dp-dcac .slick-list.dragging { cursor: pointer; cursor: hand; }

#dp-dcac .slick-slider .slick-track,
#dp-dcac .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#dp-dcac .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
#dp-dcac .slick-track:before,
#dp-dcac .slick-track:after { display: table; content: ''; }
#dp-dcac .slick-track:after { clear: both; }
#dp-dcac .slick-loading .slick-track { visibility: hidden; }

#dp-dcac .slick-slide { display: none; float: left; width:100%; min-height: 1px; position: relative; left:0; top:0; }

#dp-dcac .slick-slide.slick-loading img { display: none; }
#dp-dcac .slick-slide.dragging img { pointer-events: none; }
#dp-dcac .slick-initialized .slick-slide{ display: block; }
#dp-dcac .slick-loading .slick-slide { visibility: hidden; }
#dp-dcac .slick-arrow.slick-hidden { display: none; }

#dp-dcac .slick-prev,
#dp-dcac .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 100;
    opacity: 1;
}
#dp-dcac .slick-prev:hover,
#dp-dcac .slick-prev:focus,
#dp-dcac .slick-next:hover,
#dp-dcac .slick-next:focus { color: transparent; outline: none; background: transparent; }

#dp-dcac .slick-prev:hover:before,
#dp-dcac .slick-prev:focus:before,
#dp-dcac .slick-next:hover:before,
#dp-dcac .slick-next:focus:before { opacity: 0.8; }

#dp-dcac .slick-prev:before,
#dp-dcac .slick-next:before { content: ''; width: 0; height: 0; border-top: solid transparent 15px; border-bottom: solid transparent 15px; }

#dp-dcac .slick-prev { left: 25px; }
#dp-dcac .slick-prev:before { border-right: solid #000 15px; }
#dp-dcac .slick-next { right: 25px; }
#dp-dcac .slick-next:before { border-left: solid #000 15px; }


@media (max-width:768px){

  #dp-dcac .slick-prev { left: 2%; }
  #dp-dcac .slick-next { right: 2%; }

}












#dp-dcac .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
#dp-dcac .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

#dp-dcac .mCustomScrollBox{ /* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}

#dp-dcac .mCSB_container{ overflow: hidden; width: auto; height: auto; }


#dp-dcac .mCSB_inside > #dp-dcac .mCSB_container{ margin-right: 30px; }

#dp-dcac .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */


#dp-dcac .mCSB_scrollTools{ 
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

#dp-dcac .mCSB_outside + .mCSB_scrollTools{ right: 6px; } /* scrollbar position: outside */

#dp-dcac .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }

#dp-dcac .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

#dp-dcac .mCSB_scrollTools .mCSB_draggerRail{ height: 100%; margin: 0 auto; background: #aaa; border: solid 1px #ccc; width: 6px; border-radius: 2px; }
#dp-dcac .mCSB_scrollTools .mCSB_dragger{ cursor: pointer; width: 100%; height: 30px; z-index: 1; }
#dp-dcac .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #333; position: relative; width: 4px; height: 100%; margin: 0 auto; text-align: center; border-radius: 2px; }

#dp-dcac .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
#dp-dcac .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

#dp-dcac .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
#dp-dcac .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

#dp-dcac .mCSB_scrollTools .mCSB_buttonUp,
#dp-dcac .mCSB_scrollTools .mCSB_buttonDown{
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

#dp-dcac .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }

.mCSB_container_wrapper{
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container{
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
  margin-right: 0; /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }


#dp-dcac .mCSB_scrollTools, 
#dp-dcac .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
#dp-dcac .mCSB_scrollTools .mCSB_buttonUp,
#dp-dcac .mCSB_scrollTools .mCSB_buttonDown,
#dp-dcac .mCSB_scrollTools .mCSB_buttonLeft,
#dp-dcac .mCSB_scrollTools .mCSB_buttonRight{
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

#dp-dcac .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
#dp-dcac .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
#dp-dcac .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
#dp-dcac .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out; 
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out; 
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out; 
  transition: width .2s ease-out .2s, height .2s ease-out .2s, 
  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  opacity .2s ease-in-out, background-color .2s ease-in-out; 
}


#dp-dcac .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }