@charset "UTF-8";

@font-face {

  font-family: "OpenSansRegular";

  src: url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.eot");

  src: url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSans/OpenSansRegular/OpenSansRegular.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

}

@font-face {

  font-family: "elektratext";

  src: url("../fonts/elektratext/elektratext.eot");

  src: url("../fonts/elektratext/elektratext.eot?#iefix") format("embedded-opentype"), url("../fonts/elektratext/elektratext.woff") format("woff"), url("../fonts/elektratext/elektratext.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

}

@font-face {

  font-family: "OpenSansLight";

  src: url("../fonts/OpenSans/OpenSansLight/OpenSansLight.eot");

  src: url("../fonts/OpenSans/OpenSansLight/OpenSansLight.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansLight/OpenSansLight.woff") format("woff"), url("../fonts/OpenSans/OpenSansLight/OpenSansLight.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

}

@font-face {

  font-family: "OpenSansItalic";

  src: url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.eot");

  src: url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansItalic/OpenSansItalic.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

}

@font-face {

  font-family: "OpenSansBold";

  src: url("../fonts/OpenSans/OpenSansBold/OpenSansBold.eot");

  src: url("../fonts/OpenSans/OpenSansBold/OpenSansBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansBold/OpenSansBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansBold/OpenSansBold.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

}

@font-face {

  font-family: "OpenSansExtraBold";

  src: url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.eot");

  src: url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

}

@font-face {

  font-family: "OpenSansExtraBoldItalic";

  src: url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot");

  src: url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

}

@font-face {

  font-family: "OpenSansBoldItalic";

  src: url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.eot");

  src: url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

}

@font-face {

  font-family: "OpenSansRegularItalic";

  src: url("../fonts/OpenSans/OpenSansRegularItalic/OpenSansRegularItalic.eot");

  src: url("../fonts/OpenSans/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

}

@font-face {

  font-family: "OpenSansSemiBold";

  src: url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.eot");

  src: url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"), url("../fonts/OpenSans/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

}

@font-face {

  font-family: "OpenSansSemiBoldItalic";

  src: url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");

  src: url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"), url("../fonts/OpenSans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");

  font-style: normal;

  font-weight: normal;

}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font: inherit;

  font-size: 100%;

  vertical-align: baseline;

}



html {

  line-height: 1;

}



ol, ul {

  list-style: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



caption, th, td {

  text-align: left;

  font-weight: normal;

  vertical-align: middle;

}



q, blockquote {

  quotes: none;

}

q:before, q:after, blockquote:before, blockquote:after {

  content: "";

  content: none;

}



a img {

  border: none;

}



article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

  display: block;

}



.bx-wrapper {

  position: relative;

  margin-bottom: 60px;

  padding: 0;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -moz-box-shadow: 0 0 5px #ccc;

  -webkit-box-shadow: 0 0 5px #ccc;

  box-shadow: 0 0 5px #ccc;

  border: 5px solid #fff;

  background: #fff;

}



.bx-wrapper img {

  max-width: 100%;

  display: block;

}



.bxslider {

  margin: 0;

  padding: 0;

}



ul.bxslider {

  list-style: none;

}



.bx-viewport {

  -webkit-transform: translatez(0);

}



.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {

  position: absolute;

  bottom: -30px;

  width: 100%;

}



.bx-wrapper .bx-loading {

  min-height: 50px;

  background: url(images/bx_loader.gif) center center no-repeat #fff;

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2000;

}



.bx-wrapper .bx-pager {

  text-align: center;

  font-size: .85em;

  font-family: Arial;

  font-weight: 700;

  color: #666;

  padding-top: 20px;

}



.fixed-m {

  position: fixed;

  background: #333;

  padding: 20px 0;

  width: 100%;

  top: 0;

  left: 0;

  z-index: 10;

}



.wr-top.fixed-m {

  justify-content: center;

  align-content: center;

}



.fixed-m .logo {

  margin-top: -7px;

}



.fixed-m .logo, .fixed-m .main-m a {

  color: #fff !important;

}



.inner-h {

  -display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  display: flex;

  justify-content: space-between;

  width: 100%;

  max-width: 1113px;

  flex-wrap: wrap;

  transition: all 0.2s;

}



.bx-wrapper .bx-pager.bx-default-pager a {

  background: #666;

  text-indent: -9999px;

  display: block;

  width: 10px;

  height: 10px;

  margin: 0 5px;

  outline: 0;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

}



.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {

  background: #000;

}



.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {

  display: inline-block;

  vertical-align: bottom;

}



.bx-wrapper .bx-pager-item {

  font-size: 0;

  line-height: 0;

}



.bx-wrapper .bx-prev {

  left: 10px;

  background: url(images/controls.png) 0 -32px no-repeat;

}



.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover {

  background-position: 0 0;

}



.bx-wrapper .bx-next {

  right: 10px;

  background: url(images/controls.png) -43px -32px no-repeat;

}



.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {

  background-position: -43px 0;

}



.bx-wrapper .bx-controls-direction a {

  position: absolute;

  top: 50%;

  margin-top: -16px;

  outline: 0;

  width: 32px;

  height: 32px;

  text-indent: -9999px;

  z-index: 9999;

}



.bx-wrapper .bx-controls-direction a.disabled {

  display: none;

}



.bx-wrapper .bx-controls-auto {

  text-align: center;

}



.bx-wrapper .bx-controls-auto .bx-start {

  display: block;

  text-indent: -9999px;

  width: 10px;

  height: 11px;

  outline: 0;

  background: url(images/controls.png) -86px -11px no-repeat;

  margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover {

  background-position: -86px 0;

}



.bx-wrapper .bx-controls-auto .bx-stop {

  display: block;

  text-indent: -9999px;

  width: 9px;

  height: 11px;

  outline: 0;

  background: url(images/controls.png) -86px -44px no-repeat;

  margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover {

  background-position: -86px -33px;

}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

  text-align: left;

  width: 80%;

}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

  right: 0;

  width: 35px;

}



.bx-wrapper .bx-caption {

  position: absolute;

  bottom: 0;

  left: 0;

  background: #666;

  background: rgba(80, 80, 80, 0.75);

  width: 100%;

}



.bx-wrapper .bx-caption span {

  color: #fff;

  font-family: Arial;

  display: block;

  font-size: .85em;

  padding: 10px;

}



/**

 * Owl Carousel v2.2.1

 * Copyright 2013-2017 David Deutsch

 * Licensed under  ()

 */

 .owl-carousel, .owl-carousel .owl-item {

  -webkit-tap-highlight-color: transparent;

  position: relative;

}



.owl-carousel {

  display: none;

  width: 100%;

  z-index: 1;

}



.owl-carousel .owl-stage {

  position: relative;

  -ms-touch-action: pan-Y;

  -moz-backface-visibility: hidden;

}



.owl-carousel .owl-stage:after {

  content: ".";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

}



.owl-carousel .owl-stage-outer {

  position: relative;

  overflow: hidden;

  -webkit-transform: translate3d(0, 0, 0);

}



.owl-carousel .owl-item, .owl-carousel .owl-wrapper {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

}



.owl-carousel .owl-item {

  min-height: 1px;

  float: left;

  -webkit-backface-visibility: hidden;

  -webkit-touch-callout: none;

}



.owl-carousel .owl-item img {

  display: block;

  width: 100%;

}



.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {

  display: none;

}



.no-js .owl-carousel, .owl-carousel.owl-loaded {

  display: block;

}



.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {

  cursor: pointer;

  cursor: hand;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.owl-carousel.owl-loading {

  opacity: 0;

  display: block;

}



.owl-carousel.owl-hidden {

  opacity: 0;

}



.owl-carousel.owl-refresh .owl-item {

  visibility: hidden;

}



.owl-carousel.owl-drag .owl-item {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.owl-carousel.owl-grab {

  cursor: move;

  cursor: grab;

}



.owl-carousel.owl-rtl {

  direction: rtl;

}



.owl-carousel.owl-rtl .owl-item {

  float: right;

}



.owl-carousel .animated {

  animation-duration: 1s;

  animation-fill-mode: both;

}



.owl-carousel .owl-animated-in {

  z-index: 0;

}



.owl-carousel .owl-animated-out {

  z-index: 1;

}



.owl-carousel .fadeOut {

  animation-name: fadeOut;

}



@keyframes fadeOut {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

.owl-height {

  transition: height .5s ease-in-out;

}



.owl-carousel .owl-item .owl-lazy {

  opacity: 0;

  transition: opacity .4s ease;

}



.owl-carousel .owl-item img.owl-lazy {

  transform-style: preserve-3d;

}



.owl-carousel .owl-video-wrapper {

  position: relative;

  height: 100%;

  background: #000;

}



.owl-carousel .owl-video-play-icon {

  position: absolute;

  height: 80px;

  width: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  background: url(owl.video.play.png) no-repeat;

  cursor: pointer;

  z-index: 1;

  -webkit-backface-visibility: hidden;

  transition: transform .1s ease;

}



.owl-carousel .owl-video-play-icon:hover {

  -ms-transform: scale(1.3, 1.3);

  transform: scale(1.3, 1.3);

}



.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {

  display: none;

}



.owl-carousel .owl-video-tn {

  opacity: 0;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  transition: opacity .4s ease;

}



.owl-carousel .owl-video-frame {

  position: relative;

  z-index: 1;

  height: 100%;

  width: 100%;

}



/**

 * Owl Carousel v2.2.1

 * Copyright 2013-2017 David Deutsch

 * Licensed under  ()

 */

 .owl-theme .owl-dots, .owl-theme .owl-nav {

  text-align: center;

  -webkit-tap-highlight-color: transparent;

}



.owl-theme .owl-nav {

  margin-top: 10px;

}



.owl-theme .owl-nav [class*=owl-] {

  color: #FFF;

  font-size: 14px;

  margin: 5px;

  padding: 4px 7px;

  background: #D6D6D6;

  display: inline-block;

  cursor: pointer;

  border-radius: 3px;

}



.owl-theme .owl-nav [class*=owl-]:hover {

  background: #869791;

  color: #FFF;

  text-decoration: none;

}



.owl-theme .owl-nav .disabled {

  opacity: .5;

  cursor: default;

}



.owl-theme .owl-nav.disabled + .owl-dots {

  margin-top: 10px;

}



.owl-theme .owl-dots .owl-dot {

  display: inline-block;

  zoom: 1;

}



.owl-theme .owl-dots .owl-dot span {

  width: 10px;

  height: 10px;

  margin: 5px 7px;

  background: #D6D6D6;

  display: block;

  -webkit-backface-visibility: visible;

  transition: opacity .2s ease;

  border-radius: 30px;

}



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

  background: #869791;

}



/*

 * jquery.selectBoxIt.css 3.8.1

 * Author: @gregfranko

 */

/*

  Common CSS Properties

  ---------------------

  These properties will be applied to any themes that you use

  */

  /* SelectBoxIt container */

  .selectboxit-container {

    position: relative;

    display: inline-block;

    vertical-align: top;

  }



  /* Styles that apply to all SelectBoxIt elements */

  .selectboxit-container * {

    font: 14px Helvetica, Arial;

    /* Prevents text selection */

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: -moz-none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

    outline: none;

    white-space: nowrap;

  }



  /* Button */

  .selectboxit-container .selectboxit {

    width: 220px;

    /* Width of the dropdown button */

    cursor: pointer;

    margin: 0;

    padding: 0;

    border-radius: 6px;

    overflow: hidden;

    display: block;

    position: relative;

  }



  /* Height and Vertical Alignment of Text */

  .selectboxit-container span, .selectboxit-container .selectboxit-options a {

    height: 30px;

    /* Height of the drop down */

    line-height: 30px;

    /* Vertically positions the drop down text */

    display: block;

  }



  /* Focus pseudo selector */

  .selectboxit-container .selectboxit:focus {

    outline: 0;

  }



  /* Disabled Mouse Interaction */

  .selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {

    opacity: 0.65;

    filter: alpha(opacity=65);

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    cursor: default;

  }



  /* Button Text */

  .selectboxit-text {

    text-indent: 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    float: left;

  }



  .selectboxit .selectboxit-option-icon-container {

    margin-left: 5px;

  }



  /* Options List */

  .selectboxit-container .selectboxit-options {

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    min-width: 100%;

    /* Minimum Width of the dropdown list box options */

    *width: 100%;

    margin: 0;

    padding: 0;

    list-style: none;

    position: absolute;

    overflow-x: hidden;

    overflow-y: auto;

    cursor: pointer;

    display: none;

    z-index: 9999999999999;

    border-radius: 6px;

    text-align: left;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

  }



  /* Individual options */

  .selectboxit-option .selectboxit-option-anchor {

    padding: 0 2px;

  }



  /* Individual Option Hover Action */

  .selectboxit-option .selectboxit-option-anchor:hover {

    text-decoration: none;

  }



  /* Individual Option Optgroup Header */

  .selectboxit-option, .selectboxit-optgroup-header {

    text-indent: 5px;

    /* Horizontal Positioning of the select box option text */

    margin: 0;

    list-style-type: none;

  }



  /* The first Drop Down option */

  .selectboxit-option-first {

    border-top-right-radius: 6px;

    border-top-left-radius: 6px;

  }



  /* The first Drop Down option optgroup */

  .selectboxit-optgroup-header + .selectboxit-option-first {

    border-top-right-radius: 0px;

    border-top-left-radius: 0px;

  }



  /* The last Drop Down option */

  .selectboxit-option-last {

    border-bottom-right-radius: 6px;

    border-bottom-left-radius: 6px;

  }



  /* Drop Down optgroup headers */

  .selectboxit-optgroup-header {

    font-weight: bold;

  }



  /* Drop Down optgroup header hover psuedo class */

  .selectboxit-optgroup-header:hover {

    cursor: default;

  }



  /* Drop Down down arrow container */

  .selectboxit-arrow-container {

    /* Positions the down arrow */

    width: 30px;

    position: absolute;

    right: 0;

  }



  /* Drop Down down arrow */

  .selectboxit .selectboxit-arrow-container .selectboxit-arrow {

    /* Horizontally centers the down arrow */

    margin: 0 auto;

    position: absolute;

    top: 50%;

    right: 0;

    left: 0;

  }



  /* Drop Down down arrow for jQueryUI and jQuery Mobile */

  .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {

    top: 30%;

  }



  /* Drop Down individual option icon positioning */

  .selectboxit-option-icon-container {

    float: left;

  }



  .selectboxit-container .selectboxit-option-icon {

    margin: 0;

    padding: 0;

    vertical-align: middle;

  }



  /* Drop Down individual option icon positioning */

  .selectboxit-option-icon-url {

    width: 18px;

    background-size: 18px 18px;

    background-repeat: no-repeat;

    height: 100%;

    background-position: center;

    float: left;

  }



  .selectboxit-rendering {

    display: inline-block !important;

    *display: inline !important;

    zoom: 1 !important;

    visibility: visible !important;

    position: absolute !important;

    top: -9999px !important;

    left: -9999px !important;

  }



  /* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */

  .jqueryui .ui-icon {

    background-color: inherit;

  }



  /* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */

  .jqueryui .ui-icon-triangle-1-s {

    background-position: -64px -16px;

  }



/*

  Default Theme

  -------------

  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme

  */

  .selectboxit-btn {

    background-color: #f5f5f5;

    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));

    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);

    background-repeat: repeat-x;

    border: 1px solid #cccccc;

    border-color: #e6e6e6 #e6e6e6 #bfbfbf;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

    border-bottom-color: #b3b3b3;

  }



  .selectboxit-btn.selectboxit-enabled:hover,

  .selectboxit-btn.selectboxit-enabled:focus,

  .selectboxit-btn.selectboxit-enabled:active {

    color: #333333;

    background-color: #e6e6e6;

  }



  .selectboxit-btn.selectboxit-enabled:hover,

  .selectboxit-btn.selectboxit-enabled:focus {

    color: #333333;

    text-decoration: none;

    background-position: 0 -15px;

  }



  .selectboxit-default-arrow {

    width: 0;

    height: 0;

    border-top: 4px solid #000000;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent;

  }



  .selectboxit-list {

    background-color: #ffffff;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

  }



  .selectboxit-list .selectboxit-option-anchor {

    color: #333333;

  }



  .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {

    color: #ffffff;

    background-color: #0081c2;

    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));

    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);

    background-image: -o-linear-gradient(top, #0088cc, #0077b3);

    background-image: linear-gradient(to bottom, #0088cc, #0077b3);

    background-repeat: repeat-x;

  }



  .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {

    color: #999999;

  }



  .fancybox-enabled {

    overflow: hidden;

  }



  .fancybox-enabled body {

    overflow: visible;

    height: 100%;

  }



  .fancybox-is-hidden {

    position: absolute;

    top: -9999px;

    left: -9999px;

    visibility: hidden;

  }



  .fancybox-container {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 99993;

    -webkit-tap-highlight-color: transparent;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

  }



  .fancybox-container ~ .fancybox-container {

    z-index: 99992;

  }



  .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

  }



  .fancybox-outer {

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

  }



  .fancybox-bg {

    background: #1e1e1e;

    opacity: 0;

    transition-duration: inherit;

    transition-property: opacity;

    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);

  }



  .fancybox-is-open .fancybox-bg {

    opacity: .87;

    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);

  }



  .fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {

    position: absolute;

    direction: ltr;

    z-index: 99997;

    opacity: 0;

    visibility: hidden;

    transition: opacity .25s,visibility 0s linear .25s;

    box-sizing: border-box;

  }



  .fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {

    opacity: 1;

    visibility: visible;

    transition: opacity .25s,visibility 0s;

  }



  .fancybox-infobar {

    top: 0;

    left: 50%;

    margin-left: -79px;

  }



  .fancybox-infobar__body {

    display: inline-block;

    width: 70px;

    line-height: 44px;

    font-size: 13px;

    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;

    text-align: center;

    color: #ddd;

    background-color: rgba(30, 30, 30, 0.7);

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-font-smoothing: subpixel-antialiased;

  }



  .fancybox-toolbar {

    top: 0;

    right: 0;

  }



  .fancybox-stage {

    overflow: hidden;

    direction: ltr;

    z-index: 99994;

    -webkit-transform: translateZ(0);

  }



  .fancybox-slide {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    overflow: auto;

    outline: none;

    white-space: normal;

    box-sizing: border-box;

    text-align: center;

    z-index: 99994;

    -webkit-overflow-scrolling: touch;

    display: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    transition-property: opacity,-webkit-transform;

    transition-property: transform,opacity;

    transition-property: transform,opacity,-webkit-transform;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

  }



  .fancybox-slide:before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    width: 0;

  }



  .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {

    display: block;

  }



  .fancybox-slide--image {

    overflow: visible;

  }



  .fancybox-slide--image:before {

    display: none;

  }



  .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {

    background: #000;

  }



  .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {

    background: #e5e3df;

  }



  .fancybox-slide--next {

    z-index: 99995;

  }



  .fancybox-slide > div {

    display: inline-block;

    position: relative;

    padding: 24px;

    margin: 44px 0;

    border-width: 0;

    vertical-align: middle;

    text-align: left;

    background-color: #fff;

    overflow: auto;

    box-sizing: border-box;

  }



  .fancybox-slide .fancybox-image-wrap {

    position: absolute;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

    border: 0;

    z-index: 99995;

    background: transparent;

    cursor: default;

    overflow: visible;

    -webkit-transform-origin: top left;

    transform-origin: top left;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

  }



  .fancybox-can-zoomOut .fancybox-image-wrap {

    cursor: zoom-out;

  }



  .fancybox-can-zoomIn .fancybox-image-wrap {

    cursor: zoom-in;

  }



  .fancybox-can-drag .fancybox-image-wrap {

    cursor: -webkit-grab;

    cursor: grab;

  }



  .fancybox-is-dragging .fancybox-image-wrap {

    cursor: -webkit-grabbing;

    cursor: grabbing;

  }



  .fancybox-image, .fancybox-spaceball {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    border: 0;

    max-width: none;

    max-height: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

  }



  .fancybox-spaceball {

    z-index: 1;

  }



  .fancybox-slide--iframe .fancybox-content {

    padding: 0;

    width: 80%;

    height: 80%;

    max-width: calc(100% - 100px);

    max-height: calc(100% - 88px);

    overflow: visible;

    background: #fff;

  }



  .fancybox-iframe {

    display: block;

    padding: 0;

    border: 0;

    height: 100%;

  }



  .fancybox-error, .fancybox-iframe {

    margin: 0;

    width: 100%;

    background: #fff;

  }



  .fancybox-error {

    padding: 40px;

    max-width: 380px;

    cursor: default;

  }



  .fancybox-error p {

    margin: 0;

    padding: 0;

    color: #444;

    font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif;

  }



  .fancybox-close-small {

    position: absolute;

    top: 0;

    right: 0;

    width: 44px;

    height: 44px;

    padding: 0;

    margin: 0;

    border: 0;

    border-radius: 0;

    outline: none;

    background: transparent;

    z-index: 10;

    cursor: pointer;

  }



  .fancybox-close-small:after {

    content: "×";

    position: absolute;

    top: 5px;

    right: 5px;

    width: 30px;

    height: 30px;

    font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;

    color: #888;

    font-weight: 300;

    text-align: center;

    border-radius: 50%;

    border-width: 0;

    background: #fff;

    transition: background .25s;

    box-sizing: border-box;

    z-index: 2;

  }



  .fancybox-close-small:focus:after {

    outline: 1px dotted #888;

  }



  .fancybox-close-small:hover:after {

    color: #555;

    background: #eee;

  }



  .fancybox-slide--iframe .fancybox-close-small {

    top: 0;

    right: -44px;

  }



  .fancybox-slide--iframe .fancybox-close-small:after {

    background: transparent;

    font-size: 35px;

    color: #aaa;

  }



  .fancybox-slide--iframe .fancybox-close-small:hover:after {

    color: #fff;

  }



  .fancybox-caption-wrap {

    bottom: 0;

    left: 0;

    right: 0;

    padding: 60px 30px 0;

    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));

    pointer-events: none;

  }



  .fancybox-caption {

    padding: 30px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.4);

    font-size: 14px;

    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;

    color: #fff;

    line-height: 20px;

    -webkit-text-size-adjust: none;

  }



  .fancybox-caption a, .fancybox-caption button, .fancybox-caption select {

    pointer-events: all;

  }



  .fancybox-caption a {

    color: #fff;

    text-decoration: underline;

  }



  .fancybox-button {

    display: inline-block;

    position: relative;

    margin: 0;

    padding: 0;

    border: 0;

    width: 44px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    background: transparent;

    color: #ddd;

    border-radius: 0;

    cursor: pointer;

    vertical-align: top;

    outline: none;

  }



  .fancybox-button[disabled] {

    cursor: default;

    pointer-events: none;

  }



  .fancybox-button, .fancybox-infobar__body {

    background: rgba(30, 30, 30, 0.6);

  }



  .fancybox-button:hover:not([disabled]) {

    color: #fff;

    background: rgba(0, 0, 0, 0.8);

  }



  .fancybox-button:after, .fancybox-button:before {

    content: "";

    pointer-events: none;

    position: absolute;

    background-color: currentColor;

    color: currentColor;

    opacity: .9;

    box-sizing: border-box;

    display: inline-block;

  }



  .fancybox-button[disabled]:after, .fancybox-button[disabled]:before {

    opacity: .3;

  }



  .fancybox-button--left:after, .fancybox-button--right:after {

    top: 18px;

    width: 6px;

    height: 6px;

    background: transparent;

    border-top: 2px solid currentColor;

    border-right: 2px solid currentColor;

  }



  .fancybox-button--left:after {

    left: 20px;

    -webkit-transform: rotate(-135deg);

    transform: rotate(-135deg);

  }



  .fancybox-button--right:after {

    right: 20px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

  }



  .fancybox-button--left {

    border-bottom-left-radius: 5px;

  }



  .fancybox-button--right {

    border-bottom-right-radius: 5px;

  }



  .fancybox-button--close:after, .fancybox-button--close:before {

    content: "";

    display: inline-block;

    position: absolute;

    height: 2px;

    width: 16px;

    top: calc(50% - 1px);

    left: calc(50% - 8px);

  }



  .fancybox-button--close:before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

  }



  .fancybox-button--close:after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }



  .fancybox-arrow {

    position: absolute;

    top: 50%;

    margin: -50px 0 0;

    height: 100px;

    width: 54px;

    padding: 0;

    border: 0;

    outline: none;

    background: none;

    cursor: pointer;

    z-index: 99995;

    opacity: 0;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    transition: opacity .25s;

  }



  .fancybox-arrow:after {

    content: "";

    position: absolute;

    top: 28px;

    width: 44px;

    height: 44px;

    background-color: rgba(30, 30, 30, 0.8);

    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: 24px 24px;

  }



  .fancybox-arrow--right {

    right: 0;

  }



  .fancybox-arrow--left {

    left: 0;

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

  }



  .fancybox-arrow--left:after, .fancybox-arrow--right:after {

    left: 0;

  }



  .fancybox-show-nav .fancybox-arrow {

    opacity: .6;

  }



  .fancybox-show-nav .fancybox-arrow[disabled] {

    opacity: .3;

  }



  .fancybox-slide > .fancybox-loading {

    border: 6px solid rgba(99, 99, 99, 0.4);

    border-top: 6px solid rgba(255, 255, 255, 0.6);

    border-radius: 100%;

    height: 50px;

    width: 50px;

    -webkit-animation: a .8s infinite linear;

    animation: a .8s infinite linear;

    background: transparent;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -25px;

    margin-left: -25px;

    z-index: 99999;

  }



  @-webkit-keyframes a {

    0% {

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    to {

      -webkit-transform: rotate(359deg);

      transform: rotate(359deg);

    }

  }

  @keyframes a {

    0% {

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    to {

      -webkit-transform: rotate(359deg);

      transform: rotate(359deg);

    }

  }

  .fancybox-animated {

    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);

  }



  .fancybox-fx-slide.fancybox-slide--previous {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    opacity: 0;

  }



  .fancybox-fx-slide.fancybox-slide--next {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    opacity: 0;

  }



  .fancybox-fx-slide.fancybox-slide--current {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

  }



  .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {

    opacity: 0;

    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  }



  .fancybox-fx-fade.fancybox-slide--current {

    opacity: 1;

  }



  .fancybox-fx-zoom-in-out.fancybox-slide--previous {

    -webkit-transform: scale3d(1.5, 1.5, 1.5);

    transform: scale3d(1.5, 1.5, 1.5);

    opacity: 0;

  }



  .fancybox-fx-zoom-in-out.fancybox-slide--next {

    -webkit-transform: scale3d(0.5, 0.5, 0.5);

    transform: scale3d(0.5, 0.5, 0.5);

    opacity: 0;

  }



  .fancybox-fx-zoom-in-out.fancybox-slide--current {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    opacity: 1;

  }



  .fancybox-fx-rotate.fancybox-slide--previous {

    -webkit-transform: rotate(-1turn);

    transform: rotate(-1turn);

    opacity: 0;

  }



  .fancybox-fx-rotate.fancybox-slide--next {

    -webkit-transform: rotate(1turn);

    transform: rotate(1turn);

    opacity: 0;

  }



  .fancybox-fx-rotate.fancybox-slide--current {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    opacity: 1;

  }



  .fancybox-fx-circular.fancybox-slide--previous {

    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

    opacity: 0;

  }



  .fancybox-fx-circular.fancybox-slide--next {

    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

    opacity: 0;

  }



  .fancybox-fx-circular.fancybox-slide--current {

    -webkit-transform: scaleX(1) translateZ(0);

    transform: scaleX(1) translateZ(0);

    opacity: 1;

  }



  .fancybox-fx-tube.fancybox-slide--previous {

    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);

    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);

  }



  .fancybox-fx-tube.fancybox-slide--next {

    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);

    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);

  }



  .fancybox-fx-tube.fancybox-slide--current {

    -webkit-transform: translateZ(0) scale(1);

    transform: translateZ(0) scale(1);

  }



  @media (max-width: 800px) {

    .fancybox-infobar {

      left: 0;

      margin-left: 0;

    }



    .fancybox-button--left, .fancybox-button--right {

      display: none !important;

    }



    .fancybox-caption {

      padding: 20px 0;

      margin: 0;

    }

  }

  .fancybox-button--fullscreen:before {

    width: 15px;

    height: 11px;

    left: calc(50% - 7px);

    top: calc(50% - 6px);

    border: 2px solid;

    background: none;

  }



  .fancybox-button--pause:before, .fancybox-button--play:before {

    top: calc(50% - 6px);

    left: calc(50% - 4px);

    background: transparent;

  }



  .fancybox-button--play:before {

    width: 0;

    height: 0;

    border-top: 6px inset transparent;

    border-bottom: 6px inset transparent;

    border-left: 10px solid;

    border-radius: 1px;

  }



  .fancybox-button--pause:before {

    width: 7px;

    height: 11px;

    border-style: solid;

    border-width: 0 2px;

  }



  .fancybox-button--thumbs, .fancybox-thumbs {

    display: none;

  }



  @media (min-width: 800px) {

    .fancybox-button--thumbs {

      display: inline-block;

    }



    .fancybox-button--thumbs span {

      font-size: 23px;

    }



    .fancybox-button--thumbs:before {

      width: 3px;

      height: 3px;

      top: calc(50% - 2px);

      left: calc(50% - 2px);

      box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;

    }



    .fancybox-thumbs {

      position: absolute;

      top: 0;

      right: 0;

      bottom: 0;

      left: auto;

      width: 220px;

      margin: 0;

      padding: 5px 5px 0 0;

      background: #fff;

      word-break: normal;

      -webkit-tap-highlight-color: transparent;

      -webkit-overflow-scrolling: touch;

      -ms-overflow-style: -ms-autohiding-scrollbar;

      box-sizing: border-box;

      z-index: 99995;

    }



    .fancybox-show-thumbs .fancybox-thumbs {

      display: block;

    }



    .fancybox-show-thumbs .fancybox-inner {

      right: 220px;

    }



    .fancybox-thumbs > ul {

      list-style: none;

      position: absolute;

      position: relative;

      width: 100%;

      height: 100%;

      margin: 0;

      padding: 0;

      overflow-x: hidden;

      overflow-y: auto;

      font-size: 0;

    }



    .fancybox-thumbs > ul > li {

      float: left;

      overflow: hidden;

      max-width: 50%;

      padding: 0;

      margin: 0;

      width: 105px;

      height: 75px;

      position: relative;

      cursor: pointer;

      outline: none;

      border: 5px solid transparent;

      border-top-width: 0;

      border-right-width: 0;

      -webkit-tap-highlight-color: transparent;

      -webkit-backface-visibility: hidden;

      backface-visibility: hidden;

      box-sizing: border-box;

    }



    li.fancybox-thumbs-loading {

      background: rgba(0, 0, 0, 0.1);

    }



    .fancybox-thumbs > ul > li > img {

      position: absolute;

      top: 0;

      left: 0;

      min-width: 100%;

      min-height: 100%;

      max-width: none;

      max-height: none;

      -webkit-touch-callout: none;

      -webkit-user-select: none;

      -moz-user-select: none;

      -ms-user-select: none;

      user-select: none;

    }



    .fancybox-thumbs > ul > li:before {

      content: "";

      position: absolute;

      top: 0;

      right: 0;

      bottom: 0;

      left: 0;

      border-radius: 2px;

      border: 4px solid #4ea7f9;

      z-index: 99991;

      opacity: 0;

      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    }



    .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {

      opacity: 1;

    }

  }

/*

== 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  

------------------------------------------------------------------------------------------------------------------------

*/

.mCustomScrollbar {

  -ms-touch-action: pinch-zoom;

  touch-action: pinch-zoom;

  /* direct pointer events to js */

}



.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {

  -ms-touch-action: auto;

  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 */

  overflow: hidden;

  width: auto;

  height: auto;

}



/* 

------------------------------------------------------------------------------------------------------------------------

2. VERTICAL SCROLLBAR 

y-axis

------------------------------------------------------------------------------------------------------------------------

*/

.mCSB_inside > .mCSB_container {

  margin-right: 30px;

}



.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: 30px;

}



.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: 16px;

  height: auto;

  left: auto;

  top: 0;

  right: 0;

  bottom: 0;

}



.mCSB_outside + .mCSB_scrollTools {

  right: -26px;

}



/* 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: -26px;

}



/* 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: 20px 0;

}



.mCSB_scrollTools .mCSB_draggerRail {

  width: 2px;

  height: 100%;

  margin: 0 auto;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  border-radius: 16px;

}



.mCSB_scrollTools .mCSB_dragger {

  /* the draggable element */

  cursor: pointer;

  width: 100%;

  height: 30px;

  /* minimum dragger height */

  z-index: 1;

}



.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  /* the dragger element */

  position: relative;

  width: 4px;

  height: 100%;

  margin: 0 auto;

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  border-radius: 16px;

  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: 12px;

  /* 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: 8px;

  /* auto-expanded scrollbar */

}



.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_buttonDown {

  display: block;

  position: absolute;

  height: 20px;

  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: 30px;

}



.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: 16px;

  top: auto;

  right: 0;

  bottom: 0;

  left: 0;

}



.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {

  bottom: -26px;

}



/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {

  margin: 0 20px;

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

  height: 2px;

  margin: 7px 0;

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {

  width: 30px;

  /* minimum dragger width */

  height: 100%;

  left: 0;

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  width: 100%;

  height: 4px;

  margin: 6px 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: 12px;

  /* auto-expanded scrollbar */

  margin: 2px 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: 8px;

  /* auto-expanded scrollbar */

  margin: 4px 0;

}



.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {

  display: block;

  position: absolute;

  width: 20px;

  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: 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,

.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: 20px;

}



/* 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: 30px;

}



.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 {

  -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;

}



.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 {

  -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;

}



/* 

------------------------------------------------------------------------------------------------------------------------

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, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px

  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px

  */

}



.mCSB_scrollTools .mCSB_buttonDown {

  background-position: 0 -20px;

  /* 

  sprites locations

  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px

  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px

  */

}



.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: 0 -40px;

  /* 

  sprites locations 

  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px

  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px

  */

}



.mCSB_scrollTools .mCSB_buttonRight {

  background-position: 0 -56px;

  /* 

  sprites locations 

  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px

  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -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: rgba(0, 0, 0, 0.75);

}



.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: rgba(0, 0, 0, 0.85);

}



.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: rgba(0, 0, 0, 0.9);

}



.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -80px 0;

}



.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -80px -20px;

}



.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -80px -40px;

}



.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -80px -56px;

}



/* ---------------------------------------- */

/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {

  width: 4px;

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.1);

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

}



.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 4px;

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.75);

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

}



.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  width: 100%;

  height: 4px;

  margin: 6px auto;

}



.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.85);

}



.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.9);

}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -32px 0;

}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -32px -20px;

}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -40px -40px;

}



.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -40px -56px;

}



/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.1);

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

  -webkit-border-radius: 1px;

  -moz-border-radius: 1px;

  border-radius: 1px;

}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}



.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.9);

}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -112px 0;

}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -112px -20px;

}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -120px -40px;

}



.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -120px -56px;

}



/* ---------------------------------------- */

/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {

  width: 4px;

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.1);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}



.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 6px;

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.75);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}



.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

  height: 4px;

  margin: 6px 0;

}



.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  width: 100%;

  height: 6px;

  margin: 5px auto;

}



.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.85);

}



.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.9);

}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -16px 0;

}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -16px -20px;

}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -20px -40px;

}



.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -20px -56px;

}



/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.1);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.9);

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -96px 0;

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -96px -20px;

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -100px -40px;

}



.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -100px -56px;

}



/* ---------------------------------------- */

/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.1);

}



.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 2px;

}



.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

}



.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  width: 100%;

  height: 2px;

  margin: 7px auto;

}



/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.15);

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.9);

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -80px 0;

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -80px -20px;

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -80px -40px;

}



.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -80px -56px;

}



/* ---------------------------------------- */

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.15);

}



.mCS-rounded.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {

  height: 14px;

}



.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 14px;

  margin: 0 1px;

}



.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {

  width: 14px;

}



.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  height: 14px;

  margin: 1px 0;

}



.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

  width: 16px;

  /* auto-expanded scrollbar */

  height: 16px;

  margin: -1px 0;

}



.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

  width: 4px;

  /* auto-expanded scrollbar */

}



.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {

  height: 16px;

  /* auto-expanded scrollbar */

  width: 16px;

  margin: 0 -1px;

}



.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

  height: 4px;

  /* auto-expanded scrollbar */

  margin: 6px 0;

}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {

  background-position: 0 -72px;

}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {

  background-position: 0 -92px;

}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: 0 -112px;

}



.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {

  background-position: 0 -128px;

}



/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.15);

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.9);

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -80px -72px;

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -80px -92px;

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -80px -112px;

}



.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -80px -128px;

}



/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {

  width: 4px;

}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  background-color: transparent;

  background-position: center;

}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");

  background-repeat: repeat-y;

  opacity: 0.3;

  filter: "alpha(opacity=30)";

  -ms-filter: "alpha(opacity=30)";

}



.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  height: 4px;

  margin: 6px 0;

  background-repeat: repeat-x;

}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -16px -72px;

}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -16px -92px;

}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -20px -112px;

}



.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -20px -128px;

}



/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");

}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -96px -72px;

}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -96px -92px;

}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -100px -112px;

}



.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -100px -128px;

}



/* ---------------------------------------- */

/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-repeat: repeat-y;

  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));

  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

}



.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  background-repeat: repeat-x;

  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));

  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);

}



/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {

  height: 70px;

}



.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {

  width: 70px;

}



.mCS-3d.mCSB_scrollTools,

.mCS-3d-dark.mCSB_scrollTools {

  opacity: 1;

  filter: "alpha(opacity=30)";

  -ms-filter: "alpha(opacity=30)";

}



.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  -webkit-border-radius: 16px;

  -moz-border-radius: 16px;

  border-radius: 16px;

}



.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {

  width: 8px;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.2);

  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);

}



.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #555;

}



.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 8px;

}



.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

  height: 8px;

  margin: 4px 0;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);

}



.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  width: 100%;

  height: 8px;

  margin: 4px auto;

}



.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -32px -72px;

}



.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -32px -92px;

}



.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -40px -112px;

}



.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -40px -128px;

}



/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.1);

  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);

}



.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -112px -72px;

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -112px -92px;

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -120px -112px;

}



.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -120px -128px;

}



/* ---------------------------------------- */

/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,

.mCS-3d-thick-dark.mCSB_scrollTools {

  opacity: 1;

  filter: "alpha(opacity=30)";

  -ms-filter: "alpha(opacity=30)";

}



.mCS-3d-thick.mCSB_scrollTools,

.mCS-3d-thick-dark.mCSB_scrollTools,

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {

  -webkit-border-radius: 7px;

  -moz-border-radius: 7px;

  border-radius: 7px;

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}



.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {

  right: 1px;

}



.mCS-3d-thick.mCSB_scrollTools_vertical,

.mCS-3d-thick-dark.mCSB_scrollTools_vertical {

  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);

}



.mCS-3d-thick.mCSB_scrollTools_horizontal,

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {

  bottom: 1px;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);

  width: 12px;

  margin: 2px;

  position: absolute;

  height: auto;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #555;

}



.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  height: 12px;

  width: auto;

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.05);

  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {

  background-color: transparent;

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -32px -72px;

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -32px -92px;

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -40px -112px;

}



.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -40px -128px;

}



/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {

  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);

}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);

}



.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #777;

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {

  background-color: #fff;

  background-color: rgba(0, 0, 0, 0.05);

  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: transparent;

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -112px -72px;

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -112px -92px;

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -120px -112px;

}



.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -120px -128px;

}



/* ---------------------------------------- */

/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {

  right: 0;

  margin: 12px 0;

}



.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,

.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {

  bottom: 0;

  margin: 0 12px;

}



/* 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: 50px;

}



.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {

  width: 50px;

}



.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)";

}



/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.2);

  filter: "alpha(opacity=20)";

  -ms-filter: "alpha(opacity=20)";

}



.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.5);

  filter: "alpha(opacity=50)";

  -ms-filter: "alpha(opacity=50)";

}



/* ---------------------------------------- */

/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {

  width: 6px;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.2);

}



.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 6px;

}



.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

  height: 6px;

  margin: 5px 0;

}



.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

  width: 12px;

}



.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {

  height: 12px;

  margin: 2px 0;

}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -32px -72px;

}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -32px -92px;

}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -40px -112px;

}



.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -40px -128px;

}



/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

}



.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}



.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.9);

}



.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.1);

}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -112px -72px;

}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -112px -92px;

}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -120px -112px;

}



.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -120px -128px;

}



/* ---------------------------------------- */

/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {

  width: 12px;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.2);

}



.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  width: 6px;

  margin: 3px 5px;

  position: absolute;

  height: auto;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {

  height: 6px;

  margin: 5px 3px;

  position: absolute;

  width: auto;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {

  width: 100%;

  height: 12px;

  margin: 2px 0;

}



.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -32px -72px;

}



.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -32px -92px;

}



.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -40px -112px;

}



.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -40px -128px;

}



/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

}



.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}



.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.9);

}



.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.1);

}



.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {

  background-position: -112px -72px;

}



.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {

  background-position: -112px -92px;

}



.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {

  background-position: -120px -112px;

}



.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {

  background-position: -120px -128px;

}



/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: transparent;

  border-width: 1px;

  border-style: solid;

  border-color: #fff;

  border-color: rgba(255, 255, 255, 0.2);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {

  border-color: #000;

  border-color: rgba(0, 0, 0, 0.2);

}



/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.6);

}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.6);

}



.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.75);

}



.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.85);

}



.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.9);

}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.75);

}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.85);

}



.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

  background-color: #fff;

  background-color: rgba(255, 255, 255, 0.9);

}



/* ---------------------------------------- */

/*!

 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)

 * Copyright 2011-2018 The Bootstrap Authors

 * Copyright 2011-2018 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */

 @-ms-viewport {

  width: device-width;

}

html {

  box-sizing: border-box;

  -ms-overflow-style: scrollbar;

}



*,

*::before,

*::after {

  box-sizing: inherit;

}



.container {

  width: 100%;

  padding-right: 7.5px;

  padding-left: 7.5px;

  margin-right: auto;

  margin-left: auto;

}

@media (min-width: 576px) {

  .container {

    max-width: 540px;

  }

}

@media (min-width: 768px) {

  .container {

    max-width: 720px;

  }

}

@media (min-width: 992px) {

  .container {

    max-width: 960px;

  }

}

@media (min-width: 1200px) {

  .container {

    max-width: 1140px;

  }

}



.container-fluid {

  width: 100%;

  padding-right: 7.5px;

  padding-left: 7.5px;

  margin-right: auto;

  margin-left: auto;

}



.row {

  display: flex;

  flex-wrap: wrap;

  margin-right: -7.5px;

  margin-left: -7.5px;

}



.no-gutters {

  margin-right: 0;

  margin-left: 0;

}

.no-gutters > .col,

.no-gutters > [class*="col-"] {

  padding-right: 0;

  padding-left: 0;

}



.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,

.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,

.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,

.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,

.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,

.col-xl-auto {

  position: relative;

  width: 100%;

  min-height: 1px;

  padding-right: 7.5px;

  padding-left: 7.5px;

}



.col {

  flex-basis: 0;

  flex-grow: 1;

  max-width: 100%;

}



.col-auto {

  flex: 0 0 auto;

  width: auto;

  max-width: none;

}



.col-1 {

  flex: 0 0 8.33333%;

  max-width: 8.33333%;

}



.col-2 {

  flex: 0 0 16.66667%;

  max-width: 16.66667%;

}



.col-3 {

  flex: 0 0 25%;

  max-width: 25%;

}



.col-4 {

  flex: 0 0 33.33333%;

  max-width: 33.33333%;

}



.col-5 {

  flex: 0 0 41.66667%;

  max-width: 41.66667%;

}



.col-6 {

  flex: 0 0 50%;

  max-width: 50%;

}



.col-7 {

  flex: 0 0 58.33333%;

  max-width: 58.33333%;

}



.col-8 {

  flex: 0 0 66.66667%;

  max-width: 66.66667%;

}



.col-9 {

  flex: 0 0 75%;

  max-width: 75%;

}



.col-10 {

  flex: 0 0 83.33333%;

  max-width: 83.33333%;

}



.col-11 {

  flex: 0 0 91.66667%;

  max-width: 91.66667%;

}



.col-12 {

  flex: 0 0 100%;

  max-width: 100%;

}



.order-first {

  order: -1;

}



.order-last {

  order: 13;

}



.order-0 {

  order: 0;

}



.order-1 {

  order: 1;

}



.order-2 {

  order: 2;

}



.order-3 {

  order: 3;

}



.order-4 {

  order: 4;

}



.order-5 {

  order: 5;

}



.order-6 {

  order: 6;

}



.order-7 {

  order: 7;

}



.order-8 {

  order: 8;

}



.order-9 {

  order: 9;

}



.order-10 {

  order: 10;

}



.order-11 {

  order: 11;

}



.order-12 {

  order: 12;

}



.offset-1 {

  margin-left: 8.33333%;

}



.offset-2 {

  margin-left: 16.66667%;

}



.offset-3 {

  margin-left: 25%;

}



.offset-4 {

  margin-left: 33.33333%;

}



.offset-5 {

  margin-left: 41.66667%;

}



.offset-6 {

  margin-left: 50%;

}



.offset-7 {

  margin-left: 58.33333%;

}



.offset-8 {

  margin-left: 66.66667%;

}



.offset-9 {

  margin-left: 75%;

}



.offset-10 {

  margin-left: 83.33333%;

}



.offset-11 {

  margin-left: 91.66667%;

}



@media (min-width: 576px) {

  .col-sm {

    flex-basis: 0;

    flex-grow: 1;

    max-width: 100%;

  }



  .col-sm-auto {

    flex: 0 0 auto;

    width: auto;

    max-width: none;

  }



  .col-sm-1 {

    flex: 0 0 8.33333%;

    max-width: 8.33333%;

  }



  .col-sm-2 {

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

  }



  .col-sm-3 {

    flex: 0 0 25%;

    max-width: 25%;

  }



  .col-sm-4 {

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

  }



  .col-sm-5 {

    flex: 0 0 41.66667%;

    max-width: 41.66667%;

  }



  .col-sm-6 {

    flex: 0 0 50%;

    max-width: 50%;

  }



  .col-sm-7 {

    flex: 0 0 58.33333%;

    max-width: 58.33333%;

  }



  .col-sm-8 {

    flex: 0 0 66.66667%;

    max-width: 66.66667%;

  }



  .col-sm-9 {

    flex: 0 0 75%;

    max-width: 75%;

  }



  .col-sm-10 {

    flex: 0 0 83.33333%;

    max-width: 83.33333%;

  }



  .col-sm-11 {

    flex: 0 0 91.66667%;

    max-width: 91.66667%;

  }



  .col-sm-12 {

    flex: 0 0 100%;

    max-width: 100%;

  }



  .order-sm-first {

    order: -1;

  }



  .order-sm-last {

    order: 13;

  }



  .order-sm-0 {

    order: 0;

  }



  .order-sm-1 {

    order: 1;

  }



  .order-sm-2 {

    order: 2;

  }



  .order-sm-3 {

    order: 3;

  }



  .order-sm-4 {

    order: 4;

  }



  .order-sm-5 {

    order: 5;

  }



  .order-sm-6 {

    order: 6;

  }



  .order-sm-7 {

    order: 7;

  }



  .order-sm-8 {

    order: 8;

  }



  .order-sm-9 {

    order: 9;

  }



  .order-sm-10 {

    order: 10;

  }



  .order-sm-11 {

    order: 11;

  }



  .order-sm-12 {

    order: 12;

  }



  .offset-sm-0 {

    margin-left: 0;

  }



  .offset-sm-1 {

    margin-left: 8.33333%;

  }



  .offset-sm-2 {

    margin-left: 16.66667%;

  }



  .offset-sm-3 {

    margin-left: 25%;

  }



  .offset-sm-4 {

    margin-left: 33.33333%;

  }



  .offset-sm-5 {

    margin-left: 41.66667%;

  }



  .offset-sm-6 {

    margin-left: 50%;

  }



  .offset-sm-7 {

    margin-left: 58.33333%;

  }



  .offset-sm-8 {

    margin-left: 66.66667%;

  }



  .offset-sm-9 {

    margin-left: 75%;

  }



  .offset-sm-10 {

    margin-left: 83.33333%;

  }



  .offset-sm-11 {

    margin-left: 91.66667%;

  }

}

@media (min-width: 768px) {

  .col-md {

    flex-basis: 0;

    flex-grow: 1;

    max-width: 100%;

  }



  .col-md-auto {

    flex: 0 0 auto;

    width: auto;

    max-width: none;

  }



  .col-md-1 {

    flex: 0 0 8.33333%;

    max-width: 8.33333%;

  }



  .col-md-2 {

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

  }



  .col-md-3 {

    flex: 0 0 25%;

    max-width: 25%;

  }



  .col-md-4 {

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

  }



  .col-md-5 {

    flex: 0 0 41.66667%;

    max-width: 41.66667%;

  }



  .col-md-6 {

    flex: 0 0 50%;

    max-width: 50%;

  }



  .col-md-7 {

    flex: 0 0 58.33333%;

    max-width: 58.33333%;

  }



  .col-md-8 {

    flex: 0 0 66.66667%;

    max-width: 66.66667%;

  }



  .col-md-9 {

    flex: 0 0 75%;

    max-width: 75%;

  }



  .col-md-10 {

    flex: 0 0 83.33333%;

    max-width: 83.33333%;

  }



  .col-md-11 {

    flex: 0 0 91.66667%;

    max-width: 91.66667%;

  }



  .col-md-12 {

    flex: 0 0 100%;

    max-width: 100%;

  }



  .order-md-first {

    order: -1;

  }



  .order-md-last {

    order: 13;

  }



  .order-md-0 {

    order: 0;

  }



  .order-md-1 {

    order: 1;

  }



  .order-md-2 {

    order: 2;

  }



  .order-md-3 {

    order: 3;

  }



  .order-md-4 {

    order: 4;

  }



  .order-md-5 {

    order: 5;

  }



  .order-md-6 {

    order: 6;

  }



  .order-md-7 {

    order: 7;

  }



  .order-md-8 {

    order: 8;

  }



  .order-md-9 {

    order: 9;

  }



  .order-md-10 {

    order: 10;

  }



  .order-md-11 {

    order: 11;

  }



  .order-md-12 {

    order: 12;

  }



  .offset-md-0 {

    margin-left: 0;

  }



  .offset-md-1 {

    margin-left: 8.33333%;

  }



  .offset-md-2 {

    margin-left: 16.66667%;

  }



  .offset-md-3 {

    margin-left: 25%;

  }



  .offset-md-4 {

    margin-left: 33.33333%;

  }



  .offset-md-5 {

    margin-left: 41.66667%;

  }



  .offset-md-6 {

    margin-left: 50%;

  }



  .offset-md-7 {

    margin-left: 58.33333%;

  }



  .offset-md-8 {

    margin-left: 66.66667%;

  }



  .offset-md-9 {

    margin-left: 75%;

  }



  .offset-md-10 {

    margin-left: 83.33333%;

  }



  .offset-md-11 {

    margin-left: 91.66667%;

  }

}

@media (min-width: 992px) {

  .col-lg {

    flex-basis: 0;

    flex-grow: 1;

    max-width: 100%;

  }



  .col-lg-auto {

    flex: 0 0 auto;

    width: auto;

    max-width: none;

  }



  .col-lg-1 {

    flex: 0 0 8.33333%;

    max-width: 8.33333%;

  }



  .col-lg-2 {

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

  }



  .col-lg-3 {

    flex: 0 0 25%;

    max-width: 25%;

  }



  .col-lg-4 {

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

  }



  .col-lg-5 {

    flex: 0 0 41.66667%;

    max-width: 41.66667%;

  }



  .col-lg-6 {

    flex: 0 0 50%;

    max-width: 50%;

  }



  .col-lg-7 {

    flex: 0 0 58.33333%;

    max-width: 58.33333%;

  }



  .col-lg-8 {

    flex: 0 0 66.66667%;

    max-width: 66.66667%;

  }



  .col-lg-9 {

    flex: 0 0 75%;

    max-width: 75%;

  }



  .col-lg-10 {

    flex: 0 0 83.33333%;

    max-width: 83.33333%;

  }



  .col-lg-11 {

    flex: 0 0 91.66667%;

    max-width: 91.66667%;

  }



  .col-lg-12 {

    flex: 0 0 100%;

    max-width: 100%;

  }



  .order-lg-first {

    order: -1;

  }



  .order-lg-last {

    order: 13;

  }



  .order-lg-0 {

    order: 0;

  }



  .order-lg-1 {

    order: 1;

  }



  .order-lg-2 {

    order: 2;

  }



  .order-lg-3 {

    order: 3;

  }



  .order-lg-4 {

    order: 4;

  }



  .order-lg-5 {

    order: 5;

  }



  .order-lg-6 {

    order: 6;

  }



  .order-lg-7 {

    order: 7;

  }



  .order-lg-8 {

    order: 8;

  }



  .order-lg-9 {

    order: 9;

  }



  .order-lg-10 {

    order: 10;

  }



  .order-lg-11 {

    order: 11;

  }



  .order-lg-12 {

    order: 12;

  }



  .offset-lg-0 {

    margin-left: 0;

  }



  .offset-lg-1 {

    margin-left: 8.33333%;

  }



  .offset-lg-2 {

    margin-left: 16.66667%;

  }



  .offset-lg-3 {

    margin-left: 25%;

  }



  .offset-lg-4 {

    margin-left: 33.33333%;

  }



  .offset-lg-5 {

    margin-left: 41.66667%;

  }



  .offset-lg-6 {

    margin-left: 50%;

  }



  .offset-lg-7 {

    margin-left: 58.33333%;

  }



  .offset-lg-8 {

    margin-left: 66.66667%;

  }



  .offset-lg-9 {

    margin-left: 75%;

  }



  .offset-lg-10 {

    margin-left: 83.33333%;

  }



  .offset-lg-11 {

    margin-left: 91.66667%;

  }

}

@media (min-width: 1200px) {

  .col-xl {

    flex-basis: 0;

    flex-grow: 1;

    max-width: 100%;

  }



  .col-xl-auto {

    flex: 0 0 auto;

    width: auto;

    max-width: none;

  }



  .col-xl-1 {

    flex: 0 0 8.33333%;

    max-width: 8.33333%;

  }



  .col-xl-2 {

    flex: 0 0 16.66667%;

    max-width: 16.66667%;

  }



  .col-xl-3 {

    flex: 0 0 25%;

    max-width: 25%;

  }



  .col-xl-4 {

    flex: 0 0 33.33333%;

    max-width: 33.33333%;

  }



  .col-xl-5 {

    flex: 0 0 41.66667%;

    max-width: 41.66667%;

  }



  .col-xl-6 {

    flex: 0 0 50%;

    max-width: 50%;

  }



  .col-xl-7 {

    flex: 0 0 58.33333%;

    max-width: 58.33333%;

  }



  .col-xl-8 {

    flex: 0 0 66.66667%;

    max-width: 66.66667%;

  }



  .col-xl-9 {

    flex: 0 0 75%;

    max-width: 75%;

  }



  .col-xl-10 {

    flex: 0 0 83.33333%;

    max-width: 83.33333%;

  }



  .col-xl-11 {

    flex: 0 0 91.66667%;

    max-width: 91.66667%;

  }



  .col-xl-12 {

    flex: 0 0 100%;

    max-width: 100%;

  }



  .order-xl-first {

    order: -1;

  }



  .order-xl-last {

    order: 13;

  }



  .order-xl-0 {

    order: 0;

  }



  .order-xl-1 {

    order: 1;

  }



  .order-xl-2 {

    order: 2;

  }



  .order-xl-3 {

    order: 3;

  }



  .order-xl-4 {

    order: 4;

  }



  .order-xl-5 {

    order: 5;

  }



  .order-xl-6 {

    order: 6;

  }



  .order-xl-7 {

    order: 7;

  }



  .order-xl-8 {

    order: 8;

  }



  .order-xl-9 {

    order: 9;

  }



  .order-xl-10 {

    order: 10;

  }



  .order-xl-11 {

    order: 11;

  }



  .order-xl-12 {

    order: 12;

  }



  .offset-xl-0 {

    margin-left: 0;

  }



  .offset-xl-1 {

    margin-left: 8.33333%;

  }



  .offset-xl-2 {

    margin-left: 16.66667%;

  }



  .offset-xl-3 {

    margin-left: 25%;

  }



  .offset-xl-4 {

    margin-left: 33.33333%;

  }



  .offset-xl-5 {

    margin-left: 41.66667%;

  }



  .offset-xl-6 {

    margin-left: 50%;

  }



  .offset-xl-7 {

    margin-left: 58.33333%;

  }



  .offset-xl-8 {

    margin-left: 66.66667%;

  }



  .offset-xl-9 {

    margin-left: 75%;

  }



  .offset-xl-10 {

    margin-left: 83.33333%;

  }



  .offset-xl-11 {

    margin-left: 91.66667%;

  }

}

.d-none {

  display: none !important;

}



.d-inline {

  display: inline !important;

}



.d-inline-block {

  display: inline-block !important;

}



.d-block {

  display: block !important;

}



.d-table {

  display: table !important;

}



.d-table-row {

  display: table-row !important;

}



.d-table-cell {

  display: table-cell !important;

}



.d-flex {

  display: flex !important;

}



.d-inline-flex {

  display: inline-flex !important;

}



@media (min-width: 576px) {

  .d-sm-none {

    display: none !important;

  }



  .d-sm-inline {

    display: inline !important;

  }



  .d-sm-inline-block {

    display: inline-block !important;

  }



  .d-sm-block {

    display: block !important;

  }



  .d-sm-table {

    display: table !important;

  }



  .d-sm-table-row {

    display: table-row !important;

  }



  .d-sm-table-cell {

    display: table-cell !important;

  }



  .d-sm-flex {

    display: flex !important;

  }



  .d-sm-inline-flex {

    display: inline-flex !important;

  }

}

@media (min-width: 768px) {

  .d-md-none {

    display: none !important;

  }



  .d-md-inline {

    display: inline !important;

  }



  .d-md-inline-block {

    display: inline-block !important;

  }



  .d-md-block {

    display: block !important;

  }



  .d-md-table {

    display: table !important;

  }



  .d-md-table-row {

    display: table-row !important;

  }



  .d-md-table-cell {

    display: table-cell !important;

  }



  .d-md-flex {

    display: flex !important;

  }



  .d-md-inline-flex {

    display: inline-flex !important;

  }

}

@media (min-width: 992px) {

  .d-lg-none {

    display: none !important;

  }



  .d-lg-inline {

    display: inline !important;

  }



  .d-lg-inline-block {

    display: inline-block !important;

  }



  .d-lg-block {

    display: block !important;

  }



  .d-lg-table {

    display: table !important;

  }



  .d-lg-table-row {

    display: table-row !important;

  }



  .d-lg-table-cell {

    display: table-cell !important;

  }



  .d-lg-flex {

    display: flex !important;

  }



  .d-lg-inline-flex {

    display: inline-flex !important;

  }

}

@media (min-width: 1200px) {

  .d-xl-none {

    display: none !important;

  }



  .d-xl-inline {

    display: inline !important;

  }



  .d-xl-inline-block {

    display: inline-block !important;

  }



  .d-xl-block {

    display: block !important;

  }



  .d-xl-table {

    display: table !important;

  }



  .d-xl-table-row {

    display: table-row !important;

  }



  .d-xl-table-cell {

    display: table-cell !important;

  }



  .d-xl-flex {

    display: flex !important;

  }



  .d-xl-inline-flex {

    display: inline-flex !important;

  }

}

@media print {

  .d-print-none {

    display: none !important;

  }



  .d-print-inline {

    display: inline !important;

  }



  .d-print-inline-block {

    display: inline-block !important;

  }



  .d-print-block {

    display: block !important;

  }



  .d-print-table {

    display: table !important;

  }



  .d-print-table-row {

    display: table-row !important;

  }



  .d-print-table-cell {

    display: table-cell !important;

  }



  .d-print-flex {

    display: flex !important;

  }



  .d-print-inline-flex {

    display: inline-flex !important;

  }

}

.flex-row {

  flex-direction: row !important;

}



.flex-column {

  flex-direction: column !important;

}



.flex-row-reverse {

  flex-direction: row-reverse !important;

}



.flex-column-reverse {

  flex-direction: column-reverse !important;

}



.flex-wrap {

  flex-wrap: wrap !important;

}



.flex-nowrap {

  flex-wrap: nowrap !important;

}



.flex-wrap-reverse {

  flex-wrap: wrap-reverse !important;

}



.justify-content-start {

  justify-content: flex-start !important;

}



.justify-content-end {

  justify-content: flex-end !important;

}



.justify-content-center {

  justify-content: center !important;

}



.justify-content-between {

  justify-content: space-between !important;

}



.justify-content-around {

  justify-content: space-around !important;

}



.align-items-start {

  align-items: flex-start !important;

}



.align-items-end {

  align-items: flex-end !important;

}



.align-items-center {

  align-items: center !important;

}



.align-items-baseline {

  align-items: baseline !important;

}



.align-items-stretch {

  align-items: stretch !important;

}



.align-content-start {

  align-content: flex-start !important;

}



.align-content-end {

  align-content: flex-end !important;

}



.align-content-center {

  align-content: center !important;

}



.align-content-between {

  align-content: space-between !important;

}



.align-content-around {

  align-content: space-around !important;

}



.align-content-stretch {

  align-content: stretch !important;

}



.align-self-auto {

  align-self: auto !important;

}



.align-self-start {

  align-self: flex-start !important;

}



.align-self-end {

  align-self: flex-end !important;

}



.align-self-center {

  align-self: center !important;

}



.align-self-baseline {

  align-self: baseline !important;

}



.align-self-stretch {

  align-self: stretch !important;

}



@media (min-width: 576px) {

  .flex-sm-row {

    flex-direction: row !important;

  }



  .flex-sm-column {

    flex-direction: column !important;

  }



  .flex-sm-row-reverse {

    flex-direction: row-reverse !important;

  }



  .flex-sm-column-reverse {

    flex-direction: column-reverse !important;

  }



  .flex-sm-wrap {

    flex-wrap: wrap !important;

  }



  .flex-sm-nowrap {

    flex-wrap: nowrap !important;

  }



  .flex-sm-wrap-reverse {

    flex-wrap: wrap-reverse !important;

  }



  .justify-content-sm-start {

    justify-content: flex-start !important;

  }



  .justify-content-sm-end {

    justify-content: flex-end !important;

  }



  .justify-content-sm-center {

    justify-content: center !important;

  }



  .justify-content-sm-between {

    justify-content: space-between !important;

  }



  .justify-content-sm-around {

    justify-content: space-around !important;

  }



  .align-items-sm-start {

    align-items: flex-start !important;

  }



  .align-items-sm-end {

    align-items: flex-end !important;

  }



  .align-items-sm-center {

    align-items: center !important;

  }





  .align-items-sm-baseline {

    align-items: baseline !important;

  }



  .align-items-sm-stretch {

    align-items: stretch !important;

  }



  .align-content-sm-start {

    align-content: flex-start !important;

  }



  .align-content-sm-end {

    align-content: flex-end !important;

  }



  .align-content-sm-center {

    align-content: center !important;

  }



  .align-content-sm-between {

    align-content: space-between !important;

  }



  .align-content-sm-around {

    align-content: space-around !important;

  }



  .align-content-sm-stretch {

    align-content: stretch !important;

  }



  .align-self-sm-auto {

    align-self: auto !important;

  }



  .align-self-sm-start {

    align-self: flex-start !important;

  }



  .align-self-sm-end {

    align-self: flex-end !important;

  }



  .align-self-sm-center {

    align-self: center !important;

  }



  .align-self-sm-baseline {

    align-self: baseline !important;

  }



  .align-self-sm-stretch {

    align-self: stretch !important;

  }

}

@media (min-width: 768px) {

  .flex-md-row {

    flex-direction: row !important;

  }



  .flex-md-column {

    flex-direction: column !important;

  }



  .flex-md-row-reverse {

    flex-direction: row-reverse !important;

  }



  .flex-md-column-reverse {

    flex-direction: column-reverse !important;

  }



  .flex-md-wrap {

    flex-wrap: wrap !important;

  }



  .flex-md-nowrap {

    flex-wrap: nowrap !important;

  }



  .flex-md-wrap-reverse {

    flex-wrap: wrap-reverse !important;

  }



  .justify-content-md-start {

    justify-content: flex-start !important;

  }



  .justify-content-md-end {

    justify-content: flex-end !important;

  }



  .justify-content-md-center {

    justify-content: center !important;

  }



  .justify-content-md-between {

    justify-content: space-between !important;

  }



  .justify-content-md-around {

    justify-content: space-around !important;

  }



  .align-items-md-start {

    align-items: flex-start !important;

  }



  .align-items-md-end {

    align-items: flex-end !important;

  }



  .align-items-md-center {

    align-items: center !important;

  }



  .align-items-md-baseline {

    align-items: baseline !important;

  }



  .align-items-md-stretch {

    align-items: stretch !important;

  }



  .align-content-md-start {

    align-content: flex-start !important;

  }



  .align-content-md-end {

    align-content: flex-end !important;

  }



  .align-content-md-center {

    align-content: center !important;

  }



  .align-content-md-between {

    align-content: space-between !important;

  }



  .align-content-md-around {

    align-content: space-around !important;

  }



  .align-content-md-stretch {

    align-content: stretch !important;

  }



  .align-self-md-auto {

    align-self: auto !important;

  }



  .align-self-md-start {

    align-self: flex-start !important;

  }



  .align-self-md-end {

    align-self: flex-end !important;

  }



  .align-self-md-center {

    align-self: center !important;

  }



  .align-self-md-baseline {

    align-self: baseline !important;

  }



  .align-self-md-stretch {

    align-self: stretch !important;

  }

}

@media (min-width: 992px) {

  .flex-lg-row {

    flex-direction: row !important;

  }



  .flex-lg-column {

    flex-direction: column !important;

  }



  .flex-lg-row-reverse {

    flex-direction: row-reverse !important;

  }



  .flex-lg-column-reverse {

    flex-direction: column-reverse !important;

  }



  .flex-lg-wrap {

    flex-wrap: wrap !important;

  }



  .flex-lg-nowrap {

    flex-wrap: nowrap !important;

  }



  .flex-lg-wrap-reverse {

    flex-wrap: wrap-reverse !important;

  }



  .justify-content-lg-start {

    justify-content: flex-start !important;

  }



  .justify-content-lg-end {

    justify-content: flex-end !important;

  }



  .justify-content-lg-center {

    justify-content: center !important;

  }



  .justify-content-lg-between {

    justify-content: space-between !important;

  }



  .justify-content-lg-around {

    justify-content: space-around !important;

  }



  .align-items-lg-start {

    align-items: flex-start !important;

  }



  .align-items-lg-end {

    align-items: flex-end !important;

  }



  .align-items-lg-center {

    align-items: center !important;

  }



  .align-items-lg-baseline {

    align-items: baseline !important;

  }



  .align-items-lg-stretch {

    align-items: stretch !important;

  }



  .align-content-lg-start {

    align-content: flex-start !important;

  }



  .align-content-lg-end {

    align-content: flex-end !important;

  }



  .align-content-lg-center {

    align-content: center !important;

  }



  .align-content-lg-between {

    align-content: space-between !important;

  }



  .align-content-lg-around {

    align-content: space-around !important;

  }



  .align-content-lg-stretch {

    align-content: stretch !important;

  }



  .align-self-lg-auto {

    align-self: auto !important;

  }



  .align-self-lg-start {

    align-self: flex-start !important;

  }



  .align-self-lg-end {

    align-self: flex-end !important;

  }



  .align-self-lg-center {

    align-self: center !important;

  }



  .align-self-lg-baseline {

    align-self: baseline !important;

  }



  .align-self-lg-stretch {

    align-self: stretch !important;

  }

}

@media (min-width: 1200px) {

  .flex-xl-row {

    flex-direction: row !important;

  }



  .flex-xl-column {

    flex-direction: column !important;

  }



  .flex-xl-row-reverse {

    flex-direction: row-reverse !important;

  }



  .flex-xl-column-reverse {

    flex-direction: column-reverse !important;

  }



  .flex-xl-wrap {

    flex-wrap: wrap !important;

  }



  .flex-xl-nowrap {

    flex-wrap: nowrap !important;

  }



  .flex-xl-wrap-reverse {

    flex-wrap: wrap-reverse !important;

  }



  .justify-content-xl-start {

    justify-content: flex-start !important;

  }



  .justify-content-xl-end {

    justify-content: flex-end !important;

  }



  .justify-content-xl-center {

    justify-content: center !important;

  }



  .justify-content-xl-between {

    justify-content: space-between !important;

  }



  .justify-content-xl-around {

    justify-content: space-around !important;

  }



  .align-items-xl-start {

    align-items: flex-start !important;

  }



  .align-items-xl-end {

    align-items: flex-end !important;

  }



  .align-items-xl-center {

    align-items: center !important;

  }



  .align-items-xl-baseline {

    align-items: baseline !important;

  }



  .align-items-xl-stretch {

    align-items: stretch !important;

  }



  .align-content-xl-start {

    align-content: flex-start !important;

  }



  .align-content-xl-end {

    align-content: flex-end !important;

  }



  .align-content-xl-center {

    align-content: center !important;

  }



  .align-content-xl-between {

    align-content: space-between !important;

  }



  .align-content-xl-around {

    align-content: space-around !important;

  }



  .align-content-xl-stretch {

    align-content: stretch !important;

  }



  .align-self-xl-auto {

    align-self: auto !important;

  }



  .align-self-xl-start {

    align-self: flex-start !important;

  }



  .align-self-xl-end {

    align-self: flex-end !important;

  }



  .align-self-xl-center {

    align-self: center !important;

  }



  .align-self-xl-baseline {

    align-self: baseline !important;

  }



  .align-self-xl-stretch {

    align-self: stretch !important;

  }

}

/*main css*/

.wrapper-all {

  width: 100%;

  overflow: hidden;

  max-width: 1920px;

  margin: 0 auto;

}



.wrapper {

  width: 1193px;

  margin: 0 auto;

  padding: 0 40px;

}



.about {

  margin-top: 70px;

}



main {

  min-height: 500px;

}



.header {

  background: url(../img/header.jpg) no-repeat center center;

  width: 100%;

  min-height: 900px;

  padding-top: 45px;

  background-size: cover;

}



.logo {

  display: block;

  color: #000007;

  font-family: "elektratext";

  font-size: 26px;

  background: url(../img/logo.png) no-repeat center left;

  background-size: auto;

  padding-left: 64px;

  padding-top: 15px;

  padding-bottom: 15px;

  margin-top: -15px;

}



.wr-top {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.wr-top .main-m li {

  margin-left: 25px;

}

.wr-top .main-m li:first-child {

  margin-left: 0;

}

.wr-top .main-m ul {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 7px;

}

.wr-top .main-m a {

  color: #000007;

  font-family: "OpenSansBold";

  font-size: 13px;

  line-height: 28px;

  text-transform: uppercase;

  text-decoration: none;

  outline: none;

}

.wr-top .main-m a:hover {

  border-bottom: 1px solid #000007;

}



.wr-mid {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  flex-direction: column;

  text-align: center;

}



.h1 {

  color: #000007;

  font-family: "OpenSansBold";

  font-size: 54px;

  font-weight: 700;

  max-width: 692px;

  display: block;

  margin: 0 auto;

  margin-top: 79px;

}



.desc {

  color: #000007;

  font-family: "OpenSansLight";

  font-size: 17px;

  line-height: 28px;

  margin: 38px auto 40px;

  max-width: 518px;

  display: block;

}



.btn {

  height: 58px;

  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1), inset 0 -3px 0 #1ea6b3;

  border-radius: 7px;

  background-color: #21bece;

  display: inline-block;

  text-shadow: 0 -2px 0 #1ea6b3;

  color: #fff;

  font-family: "OpenSansBold";

  font-size: 15px;

  line-height: 58px;

  text-transform: uppercase;

  padding: 0 40px;

}

.btn:hover {

  background: #1ca2af;

}



.btn-in {

  color: #000007;

  font-family: "OpenSansBold";

  font-size: 15px;

  line-height: 28px;

  text-transform: uppercase;

  background: url(../img/cloc.png) no-repeat center left;

  background-size: auto;

  padding-left: 40px;

  padding-top: 10px;

  padding-bottom: 10px;

  margin-left: 36px;

}



.wr-ben {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-bottom: 78px;

}



.item-ben {

  text-align: center;

  max-width: 256px;

}

@media only screen and (max-width: 1200px) {

  .item-ben {

    flex-basis: 30.98958%;

  }

}

@media only screen and (max-width: 769px) {

  .item-ben {

    flex-basis: 47.65625%;

  }

}

@media only screen and (max-width: 450px) {

  .item-ben {

    flex-basis: 97.65625%;

  }

}

.item-ben strong {

  color: #4b4b56;

  font-family: "OpenSansBold";

  font-size: 19px;

  display: block;

  margin: 22px 0 14px;

}

.item-ben .desr {

  color: #9393a1;

  font-family: "OpenSansRegular";

  font-size: 17px;

  font-weight: 300;

  line-height: 18px;

  display: block;

  text-align: center;

}



.h2 {

  color: #000007;

  font-family: "OpenSansBold";

  font-size: 42px;

  max-width: 438px;

  display: block;

  margin: 0 auto 71px;

  padding-top: 82px;

  text-align: center;

}



.top-l {

  width: 100%;

  height: 1px;

  box-shadow: 0 1px 0 #fff;

  background-color: #d7dcdf;

}



.bot-l {

  width: 100%;

  height: 1px;

  box-shadow: 0 1px 0 #fff;

  background-color: #bcbcbf;

}



.benefist {

  background-color: #f9f9f9;

}



.wr-prims {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 100px;

}



.sh {

  width: 56px;

  height: 3px;

  background-color: #1a75bc;

}



.item-prims {

  flex-basis: 22.65625%;

  box-sizing: border-box;

  margin-bottom: 50px;

}

@media only screen and (max-width: 992px) {

  .item-prims {

    flex-basis: 30.98958%;

  }

}

@media only screen and (max-width: 769px) {

  .item-prims {

    flex-basis: 47.65625%;

  }

}

@media only screen and (max-width: 450px) {

  .item-prims {

    flex-basis: 97.65625%;

  }

}

.item-prims strong {

  color: #737f89;

  font-family: "OpenSansBold";

  line-height: 19px;

  display: block;

  margin: 15px 0;

}



.idesc {

  color: #737f89;

  font-family: "OpenSansLight";

  line-height: 19px;

}



.indast .h2 {

  max-width: none;

  margin-bottom: 80px;

}



.wr-ind {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.wr-ind:before {

  content: "";

  flex-basis: 55.98958%;

  box-sizing: border-box;

  background: url(../img/pur.jpg) no-repeat center center;

  background-size: contain;

  padding-top: 55%;

  margin-bottom: -100px;

  z-index: -1;

}

@media only screen and (max-width: 992px) {

  .wr-ind:before {

    flex-basis: 97.65625%;

  }

}



.list-ind {

  flex-basis: 39.32292%;

  box-sizing: border-box;

}

@media only screen and (max-width: 992px) {

  .list-ind {

    flex-basis: 64.32292%;

  }

}

@media only screen and (max-width: 769px) {

  .list-ind {

    flex-basis: 97.65625%;

  }

}

.list-ind li {

  color: #4b4b56;

  font-family: "OpenSansRegular";

  font-size: 17px;

  line-height: 24px;

  position: relative;

  padding-left: 44px;

  margin-bottom: 30px;

  max-width: 400px;

}

.list-ind span {

  display: inline-block;

  background-color: #0189c5;

  color: #fff;

  font-family: "OpenSansBold";

  font-size: 13px;

  line-height: 24px;

  position: absolute;

  width: 24px;

  height: 24px;

  top: 0;

  left: 0;

  text-align: center;

  line-height: 22px;

  border-radius: 50%;

}



.sp1 {

  background-image: linear-gradient(to top, #2871b3 0%, #2d70b0 100%);

}



.sp2 {

  background-image: linear-gradient(to top, #3c6ca7 0%, #416ba3 100%);

}



.sp3 {

  background-image: linear-gradient(to top, #526799 0%, #727da4 100%);

}



.sp4 {

  background-image: linear-gradient(to top, #6c6088 0%, #887797 100%);

}



.sp5 {

  background-image: linear-gradient(to top, #845a79 0%, #8a5875 100%);

}



.sp6 {

  background-image: linear-gradient(to top, #9a536a 0%, #a15267 100%);

}



.inner_slide {

  position: relative;

  padding-top: 56.25%;

}



.inner_slide iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.ui {

  padding-bottom: 96px;

}



.data .h2 {

  max-width: none;

}



.wr-ex {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-left: -23px;

}



.item-ex {

  flex-basis: 47.65625%;

  box-sizing: border-box;

  margin-bottom: 31px;

}

@media only screen and (max-width: 992px) {

  .item-ex {

    flex-basis: 47.65625%;

  }

}

@media only screen and (max-width: 769px) {

  .item-ex {

    flex-basis: 97.65625%;

  }

}

.item-ex .title-im {

  color: #4b4b56;

  font-family: "OpenSansLight";

  font-size: 18px;

  font-weight: 400;

  margin-bottom: 16px;

  margin-left: 21px;

}

.item-ex img {

  width: 100%;

}



.op .h2 {

  margin-bottom: 91px;

}



.wr-l {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.item-l {

  flex-basis: 47.65625%;

  box-sizing: border-box;

}

@media only screen and (max-width: 769px) {

  .item-l {

    flex-basis: 97.65625%;

  }

}



.wet {

  display: none;

  font-size: 18px;

  padding-bottom: 10px;

  margin-top: 15px;

  color: #333;

}

.item-l li {

  margin-bottom: 65px;

}

.item-l a {

  color: #4990d1;

  font-family: "OpenSansBold";

  font-size: 19px;

  line-height: 28px;

  border-bottom: 1px dotted #4990d1;

}

.item-l a:hover {

  color: #2f77b8;

}



.about .h2 {

  text-align: left;

  margin-left: 0;

  padding-top: 0;

}



.txt-ab {

  flex-basis: 47.65625%;

  box-sizing: border-box;

}

@media only screen and (max-width: 992px) {

  .txt-ab {

    flex-basis: 97.65625%;

  }

  .header {

    background: url(../img/header.jpg) repeat 0 0;

    background-size: 100% auto;

  }

}





.wr-about {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;

}

.f-i {

  content: '';

  display: block;

  flex-basis: 47.65625%;

  box-sizing: border-box;

  padding-top: 51%;

  background: url(../img/pr-f.jpg) no-repeat center center;

  background-size: contain;

}



.qu {

  color: #999999;

  font-size: 16px;

  font-family: "OpenSansLight";

  line-height: 20px;

  text-align: right;

  margin-bottom: 28px;

}



.txt-a {

  color: #666666;

  font-size: 16px;

  font-family: "OpenSansLight";

  font-weight: 400;

  line-height: 25px;

}



.active {

  display: block !important;

}



.footer {

  background-color: #333;

}



.for {

  color: #ffffff;

  font-family: "OpenSansBold";

  font-size: 26px;

  line-height: 50px;

}

.for span a {

  color: #f9a91b;

}



.foot {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.close {

  font-size: 25px;

  cursor: pointer;

  position: absolute;

  right: 20px;

  top: 10px;

  font-family: "OpenSansBold";

}



.gamb {

  background: url(../img/menu_white.png) no-repeat;

  background-position: center center;

  width: 24px;

  height: 24px;

  position: fixed;

  right: 20px;

  top: 29px;

  cursor: pointer;

  z-index: 20;

  display: none;

}



.menu-mob {

  position: fixed;

  top: 0;

  right: 0;

  transition: all 0.3s ease;

  bottom: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.7);

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  justify-content: center;

  align-items: center;

  display: none;

}

.menu-mob ul {

  background: #fff;

  width: 100%;

  height: 100%;

  padding: 40px 0;

  position: relative;

}

.menu-mob a {

  color: #000007;

  font-family: "OpenSansBold";

  font-size: 16px;

  line-height: 28px;

  text-transform: uppercase;

  text-decoration: none;

  outline: none;

}

.menu-mob li {

  display: block;

  text-align: center;

  margin-bottom: 10px;

}



.df {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  z-index: 100;

}



.map {

  flex-basis: 47.65625%;

  box-sizing: border-box;

}

@media only screen and (max-width: 769px) {

  .map {

    flex-basis: 97.65625%;

  }

}

.map img {

  width: 100%;

}



.wr-co {

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  display: -o-flex;

  -webkit-display: flex;

  -moz-display: flex;

  -ms-display: flex;

  -o-display: flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  position: relative;

}



.mat {

  position: absolute;

  bottom: 0;

  right: 0;

}

.mat a {

  color: #fff;

  font-family: "OpenSansLight";

  font-size: 12px;

  font-weight: 400;

  line-height: 20px;

}

.mat img {

  position: relative;

  top: 4px;

}



.tel {

  color: #ffffff;

  font-family: "OpenSansBold";

  font-size: 24px;

  font-weight: 400;

  line-height: 40px;

  display: block;

}



.ss {

  color: #f9a91b;

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  border-bottom: 1px solid rgba(249, 169, 27, 0.25);

  display: inline-block;

}

.ss:hover {

  border-color: transparent;

}



.nat {

  color: #ffffff;

  font-family: "OpenSansLight";

  font-size: 26px;

  line-height: 25px;

  margin-top: 24px;

}

.nat small {

  font-size: 14px;

  display: block;

}



.txt-foot {

  flex-basis: 47.65625%;

  box-sizing: border-box;

}

@media only screen and (max-width: 769px) {

  .txt-foot {

    flex-basis: 97.65625%;

  }

}



a {

  transition: all 0.3s ease;

  text-decoration: none;

}

a:hover {

  transition: all 0.3s ease;

  text-decoration: none;

}



.clear {

  clear: both;

}



/*main media*/

@media (max-width: 1200px) {

  .wrapper {

    width: 992px;

  }

}

@media (max-width: 992px) {

  .wrapper {

    width: 768px;

  }



  .logo {

    margin: 0 auto;

  }



  .main-m {

    margin: 0 auto;

  }



  .wr-ind:before {

    padding-top: 100%;

    margin-bottom: 0;

    margin-top: -38px;

  }



  .list-ind {

    margin: 40px auto;

  }



  .f-i {

    flex-basis: 47.65625%;

    box-sizing: border-box;

    padding-top: 83%;

    background-size: cover;

    margin-top: 30px;

  }

}

@media only screen and (max-width: 992px) and (max-width: 992px) {

  .f-i {

    flex-basis: 97.65625%;

  }

}



@media (max-width: 769px) {

  .wrapper {

    width: 100%;

  }



  .gamb {

    display: block;

  }



  .btn-in {

    display: inline-block;

    margin-left: 0;

    margin-bottom: 30px;

    margin-top: 20px;

  }



  .header {

    padding-top: 26px;

  }



  .main-m {

    display: none;

  }



  .h1 {

    font-size: 38px;

    max-width: none;

  }



  .wr-ben {

    justify-content: center;

  }



  .item-ben {

    margin-bottom: 40px;

  }







  .wr-ex {

    margin-left: 0;

  }



  .title-im {

    margin-left: 15px;

  }

}

@media (max-width: 450px) {

  .wrapper {

    width: 320px;

  }



  .btn {

    font-size: 12px;

  }



  .desc {

    font-size: 14px;

  }



  .h1 {

    font-size: 23px;

    margin-top: 38px;

  }



  .qu {

    text-align: center;

  }



  .h2 {

    font-size: 32px;

  }



  .about .h2 {

    text-align: center;

  }



  .wr-about {



  }



  .for {

    font-size: 20px;

  }



  .nat {

    font-size: 18px;

  }



  .mat {

    position: static;

  }

}

.lang{
  padding-top: 5px;
  padding-bottom: 15px;
}

.lang a{
  color: #000007;
  display: inline-block;
}

.fixed-m .lang a{
  color: #fff;
}

.lang span{
  display: inline-block;
}

.lang a:hover{
  text-decoration: none;
}

.lang a.current_lang{
  text-decoration: underline;
}