/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
@media (max-aspect-ratio: 16/9) {
  .mCustomScrollbar {
    touch-action: pinch-zoom; /* direct pointer events to js */
  }
  .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    touch-action: auto;
  }
  .mCustomScrollBox { /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
  }
  .mCSB_container { /* contains the original content */
    width: auto;
    height: auto;
    z-index: 10;
  }
  /* 
  ------------------------------------------------------------------------------------------------------------------------
  2. VERTICAL SCROLLBAR 
  y-axis
  ------------------------------------------------------------------------------------------------------------------------
  */
  .mCSB_inside > .mCSB_container {
    margin-right: 1.5625vw;
  }
  .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
  } /* non-visible scrollbar */
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 1.5625vw;
  }
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
  } /* RTL direction/left-side scrollbar */
  .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 0.8333333333vw;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .mCSB_outside + .mCSB_scrollTools {
    right: -1.3541666667vw;
  } /* scrollbar position: outside */
  .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
  }
  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -1.3541666667vw;
  } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
  .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
  }
  .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 1.0416666667vw 0;
  }
  .mCSB_scrollTools .mCSB_draggerRail {
    width: 0.8333333333vw;
    height: 100%;
    margin: 0 auto;
  }
  .mCSB_scrollTools .mCSB_dragger { /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 1.5625vw; /* minimum dragger height */
    z-index: 1;
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
    position: relative;
    width: 0.8333333333vw;
    height: 100%;
    margin: 0 auto;
    border-radius: 0vw;
    text-align: center;
  }
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 0.625vw; /* auto-expanded scrollbar */
  }
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 0.4166666667vw; /* auto-expanded scrollbar */
  }
  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 1.0416666667vw;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
  }
  .mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
  }
  /* 
  ------------------------------------------------------------------------------------------------------------------------
  3. HORIZONTAL SCROLLBAR 
  x-axis
  ------------------------------------------------------------------------------------------------------------------------
  */
  .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 1.5625vw;
  }
  .mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
  }
  .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
  } /* non-visible scrollbar */
  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 0.8333333333vw;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -1.3541666667vw;
  } /* scrollbar position: outside */
  .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 1.0416666667vw;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 0.1041666667vw;
    margin: 0.3645833333vw 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 1.5625vw; /* minimum dragger width */
    height: 100%;
    left: 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 0.2083333333vw;
    margin: 0.3125vw auto;
  }
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 0.625vw; /* auto-expanded scrollbar */
    margin: 0.1041666667vw auto;
  }
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 0.4166666667vw; /* auto-expanded scrollbar */
    margin: 0.2083333333vw 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 1.0416666667vw;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
  }
  /* 
  ------------------------------------------------------------------------------------------------------------------------
  4. VERTICAL AND HORIZONTAL SCROLLBARS 
  yx-axis 
  ------------------------------------------------------------------------------------------------------------------------
  */
  .mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 1.5625vw;
    margin-bottom: 1.5625vw;
  }
  .mCSB_container_wrapper > .mCSB_container {
    padding-right: 1.5625vw;
    padding-bottom: 1.5625vw;
    box-sizing: border-box;
  }
  .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 1.0416666667vw;
  }
  .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 1.0416666667vw;
  }
  /* 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,
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
  }
  /* RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 1.0416666667vw;
  }
  /* non-visible scrollbar/RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
  }
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 1.5625vw;
  }
  .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;
  }
  /* 
  ------------------------------------------------------------------------------------------------------------------------
  5. TRANSITIONS  
  ------------------------------------------------------------------------------------------------------------------------
  */
  .mCSB_scrollTools,
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown,
  .mCSB_scrollTools .mCSB_buttonLeft,
  .mCSB_scrollTools .mCSB_buttonRight {
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    z-index: 10;
  }
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  }
  /* 
  ------------------------------------------------------------------------------------------------------------------------
  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
  ------------------------------------------------------------------------------------------------------------------------
  */
  /* 
  ----------------------------------------
  6.1 THEMES 
  ----------------------------------------
  */
  /* default theme ("light") */
  .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)";
  }
  .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
  }
  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
  }
  .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
  }
  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown,
  .mCSB_scrollTools .mCSB_buttonLeft,
  .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
  }
  .mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
    sprites locations 
    light: 0 0, -16*$x 0, -32*$x 0, -48*$x 0, 0 -72px, -16*$x -72px, -32*$x -72px
    dark: -80*$x 0, -96*$x 0, -112*$x 0, -128*$x 0, -80*$x -72px, -96*$x -72px, -112*$x -72px
    */
  }
  .mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -1.0416666667vw;
    /* 
    sprites locations
    light: 0 -20px, -16*$x -20px, -32*$x -20px, -48*$x -20px, 0 -92px, -16*$x -92px, -32*$x -92px
    dark: -80*$x -20px, -96*$x -20px, -112*$x -20px, -128*$x -20px, -80*$x -92px, -96*$x -92px, -112 -92px
    */
  }
  .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -2.0833333333vw;
    /* 
    sprites locations 
    light: 0 -40px, -20*$x -40px, -40*$x -40px, -60*$x -40px, 0 -112px, -20*$x -112px, -40*$x -112px
    dark: -80*$x -40px, -100*$x -40px, -120*$x -40px, -140*$x -40px, -80*$x -112px, -100*$x -112px, -120*$x -112px
    */
  }
  .mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -2.9166666667vw;
    /* 
    sprites locations 
    light: 0 -56px, -20*$x -56px, -40*$x -56px, -60*$x -56px, 0 -128px, -20*$x -128px, -40*$x -128px
    dark: -80*$x -56px, -100*$x -56px, -120*$x -56px, -140*$x -56px, -80*$x -128px, -100*$x -128px, -120*$x -128px
    */
  }
  .mCSB_scrollTools .mCSB_buttonUp:hover,
  .mCSB_scrollTools .mCSB_buttonDown:hover,
  .mCSB_scrollTools .mCSB_buttonLeft:hover,
  .mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
  }
  .mCSB_scrollTools .mCSB_buttonUp:active,
  .mCSB_scrollTools .mCSB_buttonDown:active,
  .mCSB_scrollTools .mCSB_buttonLeft:active,
  .mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
  }
  /* theme: "dark" */
  .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
  }
  .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: #908989;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #635959;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #635959;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -4.1666666667vw 0;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -4.1666666667vw -1.0416666667vw;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -4.1666666667vw -2.0833333333vw;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -4.1666666667vw -2.9166666667vw;
  }
  /* ---------------------------------------- */
  /* RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
  .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
  }
  .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
  }
  .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
  .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 2.6041666667vw;
  }
  .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
  .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 2.6041666667vw;
  }
  .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
  }
  .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
  }
}
@media (min-aspect-ratio: 16/9) {
  .mCustomScrollbar {
    touch-action: pinch-zoom; /* direct pointer events to js */
  }
  .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    touch-action: auto;
  }
  .mCustomScrollBox { /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
  }
  .mCSB_container { /* contains the original content */
    width: auto;
    height: auto;
    z-index: 10;
  }
  /* 
  ------------------------------------------------------------------------------------------------------------------------
  2. VERTICAL SCROLLBAR 
  y-axis
  ------------------------------------------------------------------------------------------------------------------------
  */
  .mCSB_inside > .mCSB_container {
    margin-right: 2.7777777778vh;
  }
  .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
  } /* non-visible scrollbar */
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 2.7777777778vh;
  }
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
  } /* RTL direction/left-side scrollbar */
  .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 1.4814814815vh;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .mCSB_outside + .mCSB_scrollTools {
    right: -2.4074074074vh;
  } /* scrollbar position: outside */
  .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
  }
  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -2.4074074074vh;
  } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
  .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
  }
  .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 1.8518518519vh 0;
  }
  .mCSB_scrollTools .mCSB_draggerRail {
    width: 1.4814814815vh;
    height: 100%;
    margin: 0 auto;
  }
  .mCSB_scrollTools .mCSB_dragger { /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 2.7777777778vh; /* minimum dragger height */
    z-index: 1;
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
    position: relative;
    width: 1.4814814815vh;
    height: 100%;
    margin: 0 auto;
    border-radius: 0vh;
    text-align: center;
  }
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 1.1111111111vh; /* auto-expanded scrollbar */
  }
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 0.7407407407vh; /* auto-expanded scrollbar */
  }
  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 1.8518518519vh;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
  }
  .mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
  }
  /* 
  ------------------------------------------------------------------------------------------------------------------------
  3. HORIZONTAL SCROLLBAR 
  x-axis
  ------------------------------------------------------------------------------------------------------------------------
  */
  .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 2.7777777778vh;
  }
  .mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
  }
  .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
  } /* non-visible scrollbar */
  .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 1.4814814815vh;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -2.4074074074vh;
  } /* scrollbar position: outside */
  .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 1.8518518519vh;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 0.1851851852vh;
    margin: 0.6481481481vh 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 2.7777777778vh; /* minimum dragger width */
    height: 100%;
    left: 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 0.3703703704vh;
    margin: 0.5555555556vh auto;
  }
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 1.1111111111vh; /* auto-expanded scrollbar */
    margin: 0.1851851852vh auto;
  }
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 0.7407407407vh; /* auto-expanded scrollbar */
    margin: 0.3703703704vh 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 1.8518518519vh;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
  }
  /* 
  ------------------------------------------------------------------------------------------------------------------------
  4. VERTICAL AND HORIZONTAL SCROLLBARS 
  yx-axis 
  ------------------------------------------------------------------------------------------------------------------------
  */
  .mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 2.7777777778vh;
    margin-bottom: 2.7777777778vh;
  }
  .mCSB_container_wrapper > .mCSB_container {
    padding-right: 2.7777777778vh;
    padding-bottom: 2.7777777778vh;
    box-sizing: border-box;
  }
  .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 1.8518518519vh;
  }
  .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 1.8518518519vh;
  }
  /* 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,
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
  }
  /* RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 1.8518518519vh;
  }
  /* non-visible scrollbar/RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
  }
  .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 2.7777777778vh;
  }
  .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;
  }
  /* 
  ------------------------------------------------------------------------------------------------------------------------
  5. TRANSITIONS  
  ------------------------------------------------------------------------------------------------------------------------
  */
  .mCSB_scrollTools,
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown,
  .mCSB_scrollTools .mCSB_buttonLeft,
  .mCSB_scrollTools .mCSB_buttonRight {
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    z-index: 10;
  }
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  }
  /* 
  ------------------------------------------------------------------------------------------------------------------------
  6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
  ------------------------------------------------------------------------------------------------------------------------
  */
  /* 
  ----------------------------------------
  6.1 THEMES 
  ----------------------------------------
  */
  /* default theme ("light") */
  .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)";
  }
  .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
  }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
  }
  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
  }
  .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
  }
  .mCSB_scrollTools .mCSB_buttonUp,
  .mCSB_scrollTools .mCSB_buttonDown,
  .mCSB_scrollTools .mCSB_buttonLeft,
  .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
  }
  .mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
    sprites locations 
    light: 0 0, -16*$x 0, -32*$x 0, -48*$x 0, 0 -72px, -16*$x -72px, -32*$x -72px
    dark: -80*$x 0, -96*$x 0, -112*$x 0, -128*$x 0, -80*$x -72px, -96*$x -72px, -112*$x -72px
    */
  }
  .mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -1.8518518519vh;
    /* 
    sprites locations
    light: 0 -20px, -16*$x -20px, -32*$x -20px, -48*$x -20px, 0 -92px, -16*$x -92px, -32*$x -92px
    dark: -80*$x -20px, -96*$x -20px, -112*$x -20px, -128*$x -20px, -80*$x -92px, -96*$x -92px, -112 -92px
    */
  }
  .mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -3.7037037037vh;
    /* 
    sprites locations 
    light: 0 -40px, -20*$x -40px, -40*$x -40px, -60*$x -40px, 0 -112px, -20*$x -112px, -40*$x -112px
    dark: -80*$x -40px, -100*$x -40px, -120*$x -40px, -140*$x -40px, -80*$x -112px, -100*$x -112px, -120*$x -112px
    */
  }
  .mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -5.1851851852vh;
    /* 
    sprites locations 
    light: 0 -56px, -20*$x -56px, -40*$x -56px, -60*$x -56px, 0 -128px, -20*$x -128px, -40*$x -128px
    dark: -80*$x -56px, -100*$x -56px, -120*$x -56px, -140*$x -56px, -80*$x -128px, -100*$x -128px, -120*$x -128px
    */
  }
  .mCSB_scrollTools .mCSB_buttonUp:hover,
  .mCSB_scrollTools .mCSB_buttonDown:hover,
  .mCSB_scrollTools .mCSB_buttonLeft:hover,
  .mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
  }
  .mCSB_scrollTools .mCSB_buttonUp:active,
  .mCSB_scrollTools .mCSB_buttonDown:active,
  .mCSB_scrollTools .mCSB_buttonLeft:active,
  .mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
  }
  /* theme: "dark" */
  .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
  }
  .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: #908989;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #635959;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #635959;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -7.4074074074vh 0;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -7.4074074074vh -1.8518518519vh;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -7.4074074074vh -3.7037037037vh;
  }
  .mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -7.4074074074vh -5.1851851852vh;
  }
  /* ---------------------------------------- */
  /* RTL direction/left-side scrollbar */
  .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
  .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
  }
  .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
  .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
  }
  .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
  .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 4.6296296296vh;
  }
  .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
  .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 4.6296296296vh;
  }
  .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
  }
  .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
  }
}/*# sourceMappingURL=jquery.mCustomScrollbar.css.map */