@charset "UTF-8";
/* ========================================================================= */
/* !RESETS AND DEFAULTS */
/* ========================================================================= */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; outline: 0; font-style: normal; font-weight: 400; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }

em, strong, b, i, a, span, sub, sup, small { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; }

a:focus { outline: 0; }

:focus, :active { outline: none; outline: 0; }

::-moz-focus-inner { outline: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

li { list-style: none; }

a { text-decoration: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; }

input, select { vertical-align: middle; }

sub { vertical-align: sub; font-size: smaller; line-height: 0px; }

sup { vertical-align: super; font-size: smaller; line-height: 0px; }

input, button, textarea, select, label, img { display: inline-block; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button, textarea, select { -webkit-appearance: none; }

textarea { resize: none; }

button, a span { cursor: pointer; }

button { border: 0; text-align: center; }

button::-moz-focus-inner { padding: 0; border: 0; }

table { table-layout: fixed; }

a[href^=tel] { color: inherit; }

#no_ie6 { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #000; }

/* != FONT SMOOTHING */
body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

*, *:before, *:after { box-sizing: border-box; }

/* != .clearfix - CLEAR ELEMENTS */
.clear { clear: both; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-table; }

* html .clearfix { height: 1%; }

/* Hides from IE-mac \*/
.clearfix { display: block; }

/* Hides from IE-mac \*/
* html .clearfix { zoom: 1; }

/* IE6 */
*:first-child + html .clearfix { zoom: 1; }

/* IE7 */
/* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */
.wordwrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; }

/* ========================================================================= */
/* !SASS VARIABLES & MIXINS */
/* ========================================================================= */
/* ========================================================================= */
/* !FONTS (@fontface generated with FontSpring Syntax formatting */
/* ========================================================================= */
@font-face { font-family: "jack-social"; src: url("../fonts/JackSocial/jack-social.eot"); src: url("../fonts/JackSocial/jack-social.eot?#iefix") format("embedded-opentype"), url("../fonts/JackSocial/jack-social.ttf") format("truetype"), url("../fonts/JackSocial/jack-social.woff") format("woff"), url("../fonts/JackSocial/jack-social.svg#jack-social") format("svg"); font-weight: normal; font-style: normal; }

/* != Roboto ====================================== */
@font-face { font-family: 'Roboto'; /* Roboto Thin */ src: url("../fonts/Roboto/Roboto-Thin-webfont.eot"); src: url("../fonts/Roboto/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Thin-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Thin-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Thin-webfont.svg#RobotoThin") format("svg"); font-weight: 200; font-style: normal; }

@font-face { font-family: 'Roboto'; /* Roboto Thin Italic */ src: url("../fonts/Roboto/Roboto-ThinItalic-webfont.eot"); src: url("../fonts/Roboto/Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-ThinItalic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-ThinItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-ThinItalic-webfont.svg#RobotoThinItalic") format("svg"); font-weight: 200; font-style: italic; }

@font-face { font-family: 'Roboto'; /* Roboto Light */ src: url("../fonts/Roboto/Roboto-Light-webfont.eot"); src: url("../fonts/Roboto/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Light-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Light-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Light-webfont.svg#RobotoLight") format("svg"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Roboto'; /* Roboto Light Italic */ src: url("../fonts/Roboto/Roboto-LightItalic-webfont.eot"); src: url("../fonts/Roboto/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-LightItalic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-LightItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-LightItalic-webfont.svg#RobotoLightItalic") format("svg"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Roboto'; /* Roboto Regular */ src: url("../fonts/Roboto/Roboto-Regular-webfont.eot"); src: url("../fonts/Roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Regular-webfont.svg#RobotoRegular") format("svg"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Roboto'; /* Roboto Regular Italic */ src: url("../fonts/Roboto/Roboto-Italic-webfont.eot"); src: url("../fonts/Roboto/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Italic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Italic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Italic-webfont.svg#RobotoItalic") format("svg"); font-weight: 400; font-style: italic; }

@font-face { font-family: 'Roboto'; /* Roboto Medium */ src: url("../fonts/Roboto/Roboto-Medium-webfont.eot"); src: url("../fonts/Roboto/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Medium-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Medium-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Medium-webfont.svg#RobotoMedium") format("svg"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Roboto'; /* Roboto Medium Italic */ src: url("../fonts/Roboto/Roboto-MediumItalic-webfont.eot"); src: url("../fonts/Roboto/Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-MediumItalic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-MediumItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic") format("svg"); font-weight: 500; font-style: italic; }

@font-face { font-family: 'Roboto'; /* Roboto Bold */ src: url("../fonts/Roboto/Roboto-Bold-webfont.eot"); src: url("../fonts/Roboto/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Bold-webfont.svg#RobotoBold") format("svg"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Roboto'; /* Roboto Bold Italic */ src: url("../fonts/Roboto/Roboto-BoldItalic-webfont.eot"); src: url("../fonts/Roboto/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-BoldItalic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic") format("svg"); font-weight: 600; font-style: italic; }

@font-face { font-family: 'Roboto'; /* Roboto Black */ src: url("../fonts/Roboto/Roboto-Black-webfont.eot"); src: url("../fonts/Roboto/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-Black-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-Black-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Black-webfont.svg#RobotoBlack") format("svg"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'Roboto'; /* Roboto Black Italic */ src: url("../fonts/Roboto/Roboto-BlackItalic-webfont.eot"); src: url("../fonts/Roboto/Roboto-BlackItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto/Roboto-BlackItalic-webfont.woff") format("woff"), url("../fonts/Roboto/Roboto-BlackItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic") format("svg"); font-weight: 700; font-style: italic; }

/* != Roboto Condensed ====================================== */
@font-face { font-family: 'RobotoCondensed'; src: url("../fonts/Roboto-Condensed/robotocondensed-light-webfont.eot"); src: url("../fonts/Roboto-Condensed/robotocondensed-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Condensed/robotocondensed-light-webfont.woff") format("woff"), url("../fonts/Roboto-Condensed/robotocondensed-light-webfont.ttf") format("truetype"), url("../fonts/Roboto-Condensed/robotocondensed-light-webfont.svg#roboto_condensedlight") format("svg"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'RobotoCondensed'; src: url("../fonts/Roboto-Condensed/robotocondensed-lightitalic-webfont.eot"); src: url("../fonts/Roboto-Condensed/robotocondensed-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Condensed/robotocondensed-lightitalic-webfont.woff") format("woff"), url("../fonts/Roboto-Condensed/robotocondensed-lightitalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-Condensed/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic") format("svg"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'RobotoCondensed'; src: url("../fonts/Roboto-Condensed/robotocondensed-regular-webfont.eot"); src: url("../fonts/Roboto-Condensed/robotocondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Condensed/robotocondensed-regular-webfont.woff") format("woff"), url("../fonts/Roboto-Condensed/robotocondensed-regular-webfont.ttf") format("truetype"), url("../fonts/Roboto-Condensed/robotocondensed-regular-webfont.svg#roboto_condensedregular") format("svg"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'RobotoCondensed'; src: url("../fonts/Roboto-Condensed/robotocondensed-italic-webfont.eot"); src: url("../fonts/Roboto-Condensed/robotocondensed-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Condensed/robotocondensed-italic-webfont.woff") format("woff"), url("../fonts/Roboto-Condensed/robotocondensed-italic-webfont.ttf") format("truetype"), url("../fonts/Roboto-Condensed/robotocondensed-italic-webfont.svg#roboto_condenseditalic") format("svg"); font-weight: 400; font-style: italic; }

@font-face { font-family: 'RobotoCondensed'; src: url("../fonts/Roboto-Condensed/robotocondensed-bold-webfont.eot"); src: url("../fonts/Roboto-Condensed/robotocondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Condensed/robotocondensed-bold-webfont.woff") format("woff"), url("../fonts/Roboto-Condensed/robotocondensed-bold-webfont.ttf") format("truetype"), url("../fonts/Roboto-Condensed/robotocondensed-bold-webfont.svg#roboto_condensedbold") format("svg"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'RobotoCondensed'; src: url("../fonts/Roboto-Condensed/robotocondensed-bolditalic-webfont.eot"); src: url("../fonts/Roboto-Condensed/robotocondensed-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Condensed/robotocondensed-bolditalic-webfont.woff") format("woff"), url("../fonts/Roboto-Condensed/robotocondensed-bolditalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-Condensed/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic") format("svg"); font-weight: bold; font-style: italic; }

@font-face { font-family: "methods-machine"; src: url("../fonts/methods/methods-machine.eot"); src: url("../fonts/methods/methods-machine.eot?#iefix") format("embedded-opentype"), url("../fonts/methods/methods-machine.woff") format("woff"), url("../fonts/methods/methods-machine.ttf") format("truetype"), url("../fonts/methods/methods-machine.svg#methods-machine") format("svg"); font-weight: normal; font-style: normal; }

[data-icon]:before { font-family: "methods-machine" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="mm-"]:before, [class*=" mm-"]:before { font-family: "methods-machine" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.mm-carrot-down:before { content: "\61" !important; }

.mm-carrot-up:before { content: "\62"; }

.mm-arrow-right:before { content: "\63"; }

.mm-double:before { content: "\64"; }

.mm-logo:before { content: "\65"; }

.mm-download:before { content: "\66"; }

.mm-search:before { content: "\67"; }

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

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

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

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; } }

/*
== 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); }

/* ---------------------------------------- */
/* ========================================================================= */
/* !STYLES */
/* ========================================================================= */
html, body { font-family: 'Roboto',Helvetica,Arial,'Helvetica Neue',sans-serif; color: #4C555A; line-height: 1.5; }

html { background: #2E3438; }

body { background: #fff; }

body.logged-in { padding-top: 32px; }

a { color: #DC3B41; }

a:hover { color: #000; }

img { max-width: 100%; height: auto; }

.hide { display: none !important; }

/* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */
/* ::selection         { background: #aaa; color: #fff; } ::-moz-selection    { background: #aaa; color: #fff; } ::-webkit-selection { background: #aaa; color: #fff; } */
/* != ICON FONT DECLARATION ===== */
[data-icon]:before { font-family: "jack-social"; content: attr(data-icon); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="social-"]:before, [class*=" social-"]:before { font-family: "jack-social"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.social-email:before { content: "a"; }

.social-email-round:before { content: "A"; }

.social-facebook:before { content: "f"; }

.social-facebook-round:before { content: "F"; }

.social-flickr:before { content: "c"; }

.social-flickr-round:before { content: "C"; }

.social-googleplus:before { content: "g"; }

.social-googleplus-round:before { content: "G"; }

.social-instagram:before { content: "i"; }

.social-instagram-round:before { content: "I"; }

.social-linkedin:before { content: "l"; }

.social-linkedin-round:before { content: "L"; }

.social-pinterest:before { content: "p"; }

.social-pinterest-round:before { content: "P"; }

.social-rss:before { content: "r"; }

.social-rss-round:before { content: "R"; }

.social-sharethis:before { content: "s"; }

.social-sharethis-round:before { content: "S"; }

.social-twitter:before { content: "t"; }

.social-twitter-round:before { content: "T"; }

.social-vimeo:before { content: "v"; }

.social-vimeo-round:before { content: "V"; }

.social-yelp:before { content: "x"; }

.social-yelp-round:before { content: "X"; }

.social-youtube:before { content: "y"; }

.social-youtube-round:before { content: "Y"; }

.social-youtube2:before { content: "u"; }

.social-youtube2-round:before { content: "U"; }

/* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */
.aligncenter { display: block; margin: 25px auto; }

.alignleft { float: left; margin: 0 25px 25px 0; }

.alignright { float: right; margin: 0 0 25px 25px; }

.alignnone { display: inline-block; }

/* != LAYOUT STYLES ===== */
.content-main ul li { position: relative; padding-left: 10px; }

.content-main ul li:before { content: '•'; position: absolute; left: 0; }

.content-main ol { counter-reset: li; }

.content-main ol li { position: relative; padding-left: 20px; }

.content-main ol li:before { content: counter(li) ". "; counter-increment: li; position: absolute; left: 0; }

.wrap { width: 1120px; box-sizing: border-box; margin: 0 auto; max-width: 100%; padding: 0 20px; }

.dot-left { background-image: linear-gradient(to bottom, #909090 20%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 1px 6px; background-repeat: repeat-y; }

.dot-right { background-image: linear-gradient(to bottom, #909090 20%, rgba(255, 255, 255, 0) 0%); background-position: right; background-size: 1px 6px; background-repeat: repeat-y; }

.dot-top { background-image: linear-gradient(to right, #909090 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 6px 1px; background-repeat: repeat-x; }

.dot-bottom { background-image: linear-gradient(to right, #909090 20%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 6px 1px; background-repeat: repeat-x; }

/* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */
/* ::-webkit-input-placeholder { color: #aaa; } :-moz-placeholder           { color: #aaa; } */
form ul { margin: 0; }

form ul li { background: none; list-style: none; }

form ul li div { display: inline-block; vertical-align: top; }

form ul .gform_validation_container { display: none !important; }

input[type=submit], button { display: inline-block; cursor: pointer; }

@-webkit-keyframes l3 { 0% { opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  20% { opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  40% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  80% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes l3 { 0% { opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  20% { opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  40% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  80% { opacity: 1; }
  100% { opacity: 0; } }

@-webkit-keyframes l2 { 0% { opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  10% { opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  30% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  80% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes l2 { 0% { opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  10% { opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  30% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  80% { opacity: 1; }
  100% { opacity: 0; } }

@-webkit-keyframes l1 { 0% { opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  20% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  80% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes l1 { 0% { opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  20% { opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  80% { opacity: 1; }
  100% { opacity: 0; } }

#loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: #2E3438; font-size: 0; /*display:none;*/ }

#loader:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

#loader div { height: 88px; vertical-align: middle; display: inline-block; position: relative; width: 100%; }

#loader img { width: 99px; height: auto; position: absolute; left: 50%; margin-left: -50px; -webkit-animation-name: load; animation-name: load; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

#loader img.l3 { top: -16px; -webkit-animation-name: l3; animation-name: l3; }

#loader img.l2 { top: 0; -webkit-animation-name: l2; animation-name: l2; }

#loader img.l1 { top: 12px; -webkit-animation-name: l1; animation-name: l1; }

#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; transition: top 0.2s ease-in-out; }

.logged-in #header { top: 32px; }

#header.up { top: -106px; }

#header .upper { height: 53px; background: #2E3438; }

#header .logo { width: 309px; height: auto; vertical-align: top; position: relative; top: -6px; }

body.ie #header .logo { width: 280px; }

#header .logo-3d { width: 178px; vertical-align: top; padding-top: 12px; }

#header .left { float: left; height: 53px; padding: 7px 0; }

#header .left span { display: inline-block; width: 3px; height: 100%; background: #4C5155; margin: 0 12px; }

#header .right { float: right; font-size: 15px; font-family: 'RobotoCondensed'; }

#header .phone { color: #fff; }

#header #util { padding-top: 17px; display: inline-block; }

#header #util li { display: inline-block; margin-left: 11px; }

#header #util li a { color: #B0B9BE; }

#header #util li a:hover { color: #fff; }

#header .search { position: relative; display: inline-block; }

#header .search .search-toggle { color: #B0B9BE; margin-left: 14px; cursor: pointer; position: relative; z-index: 15; top: 2px; }

#header .search form { position: absolute; z-index: 10; background: #272C2F; height: 48px; right: -9px; top: -14px; width: 0; overflow: hidden; }

#header .search form input { background: transparent; box-shadow: none; padding: 0 40px 0 18px; height: 48px; font: 15px/48px RobotoCondensed; color: #AFB9BE; border: none; }

#main-nav { height: auto; padding: 5px 0 0; background: #2E3438; background: rgba(46, 52, 56, 0.7); }

#main-nav .wrap { padding: 0; }

#main-nav a { transition: color 0.2s; }

#main-nav .nolink > a { cursor: default; }

#main-nav > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 0; text-align: center; }

#main-nav > ul > li { display: inline-block; font: 17px/1.5 'RobotoCondensed'; text-transform: uppercase; vertical-align: top; position: relative; }

#main-nav > ul > li > a { color: #fff; padding: 10px 22px; display: inline-block; }

#main-nav > ul > li > a:hover { color: #DC3B41; background: #fff; }

#main-nav > ul > li.sep { position: relative; top: 5px; text-align: center; padding: 0; }

#main-nav > ul > li.sep:after { content: ''; width: 3px; height: 33px; background: rgba(242, 242, 242, 0.16); display: inline-block; }

#main-nav > ul > li.sep:hover { background: none; }

#main-nav > ul > li .expand { display: none; }

#main-nav > ul > li:last-child ul { left: auto; right: 0; }

#main-nav > ul > li.menu-item-has-children:hover { background: #fff; }

#main-nav > ul > li.menu-item-has-children:hover > a { color: #DC3B41; }

#main-nav > ul > li.menu-item-has-children > a { padding-bottom: 15px; }

#main-nav > ul ul { position: absolute; top: 50px; left: 0; background: #fff; padding: 13px 20px 20px 32px; min-width: 260px; display: none; text-align: left; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); }

#main-nav > ul ul li a { display: block; padding: 7px 0 8px; font-size: 14px; color: #4C555A; }

#main-nav > ul ul li a:hover { color: #DC3B41; }

#main-nav > ul ul li.track { position: absolute; top: 13px; left: 18px; height: calc(100% - 33px); width: 3px; background: #D9DDE0; }

#main-nav > ul ul li.track span { width: 3px; background: red; display: block; position: absolute; left: 0; top: 0; height: 0; transition: all 0.2s ease-out; }

/*#main-nav { height:53px; padding:5px 0; background:#2E3438; background:rgba(46,52,56,0.7); .wrap { padding:0; } ul { text-align:justify; font-size:0; &:after { content: ''; display: inline-block; width: 100%; } li { display:inline-block; padding:10px 20px; font:17px/1.5 'RobotoCondensed'; text-transform: uppercase; vertical-align: top; a { color:#fff; } &:hover { background:#fff; a { color:$red; } } &.sep { position: relative; top:5px; text-align:center; &:after { content:''; width:3px; height:33px; background:rgba(242,242,242,0.16); display:inline-block; } } } } }*/
.slick-dots { text-align: center; font-size: 0 !important; width: 100%; z-index: 10; }

.slick-dots li { display: inline-block; text-indent: -9999px; width: 13px; height: 13px; border: 1px solid #fff; margin: 0 8px; border-radius: 100%; transition: background 0.15s; cursor: pointer; }

.slick-dots li:hover { background: rgba(255, 255, 255, 0.5); }

.slick-dots li.slick-active { background: #fff; }

#banner-ss { height: 695px; clear: both; }

#banner-ss .slick-dots { position: absolute; bottom: 51px; }

.banner { height: 695px; font-size: 0; position: relative; width: 100%; background-size: cover; background-position: center center; }

.banner .valign { width: 0; height: 100%; vertical-align: middle; display: inline-block; }

.banner .text { display: inline-block; text-align: center; vertical-align: middle; width: 100%; padding: 0 30px; }

.banner .text:before { width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.23); }

.banner .text > * { color: #fff; text-shadow: 0 0 16px #000; font-family: 'RobotoCondensed'; position: relative; z-index: 2; }

.banner .text h3 { font-size: 28px; letter-spacing: 1px; }

.banner .text h2 { font-size: 50px; text-transform: uppercase; letter-spacing: 2px; }

.banner .bgvid, .banner .bgimg { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: auto; height: auto; z-index: -1000; }

.banner .bgvid { min-width: 100%; min-height: 100%; }

.banner .bgimg { max-width: none; }

h3.line-head { font: 16px/1 'RobotoCondensed'; color: #DC3B41; border-bottom: 6px solid #F5F5F5; padding: 9px 0 23px; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 1.2px; }

.no-csstransforms h3.line-head, .no-csstransforms3d h3.line-head { padding-top: 30px; }

.feat-machines { position: relative; padding-bottom: 80px; min-height: 600px; }

.feat-machines .teeth { width: 100%; height: 20px; overflow: hidden; position: absolute; top: -20px; }

.ie .feat-machines .teeth { top: -19px; }

.feat-machines .tooth { content: ''; width: 50%; height: 20px; display: block; background: #fff; position: absolute; top: 0; z-index: 10; }

.feat-machines .tooth.left { left: -9px; -webkit-transform: skew(23deg); -ms-transform: skew(23deg); transform: skew(23deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; }

.feat-machines .tooth.right { right: -9px; -webkit-transform: skew(-23deg); -ms-transform: skew(-23deg); transform: skew(-23deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; }

.feat-machines ul { width: 43%; font-size: 0; }

.feat-machines ul li { cursor: pointer; padding: 11px 0; }

.feat-machines ul li + li { border-top: 1px solid #E9E9E9; }

.feat-machines ul li:hover h4 span { opacity: 0.5; }

.feat-machines .logo { display: inline-block; width: 30%; height: 32px; margin-right: 4%; background-repeat: no-repeat; background-position: center center; vertical-align: top; background-size: contain; }

.feat-machines h4 { color: #000; letter-spacing: 1.8px; font: 24px/1.33 'RobotoCondensed'; margin-bottom: 3px; }

.feat-machines h4 span { color: #DC3B41; opacity: 0; transition: opacity 0.15s; font-size: 16px; }

.feat-machines .text { display: inline-block; vertical-align: top; padding-left: 27px; width: 66%; }

.feat-machines p { font: 16px/1.3 'RobotoCondensed'; color: #78848B; display: none; }

.feat-machines li.x .text { background-image: linear-gradient(black 20%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 1px 6px; background-repeat: repeat-y; }

.feat-machines li.x .text h4 span { opacity: 1; }

.feat-machines #machine-photos { position: absolute; left: 50%; top: -60px; width: 50%; max-width: 50%; overflow: hidden; height: 620px; z-index: 100; }

.feat-machines #machine-photos img { position: absolute; top: 0; left: 100px; opacity: 0; transition: opacity 0.3s, left 0s ease 0.4s; transition: all 0.3s; cursor: pointer; }

.feat-machines #machine-photos img.x { left: 0; opacity: 1; z-index: 2; }

.feat-machines.mobile { display: none; padding-bottom: 30px; }

.feat-machines.mobile .head { padding: 20px 0 14px; background-image: linear-gradient(to right, black 20%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 6px 1px; background-repeat: repeat-x; margin: 0 0 15px; }

.feat-machines.mobile ul.mach { width: 100%; }

.feat-machines.mobile ul.mach li.slick-slide { border-top: none; }

.feat-machines.mobile ul.mach li.slick-slide > img { display: block; width: 72%; margin: 0 auto; }

.feat-machines.mobile .logo { float: left; width: 121px; }

.feat-machines.mobile h4 { float: right; font-size: 20px; }

.feat-machines.mobile h4 a { color: #000; }

.feat-machines.mobile h4 a:active { color: #DC3B41; }

.feat-machines.mobile h4 span { opacity: 0.6; }

.feat-machines.mobile h4:hover span { opacity: 1; }

.feat-machines.mobile p { clear: both; font-size: 16px; display: block; }

.feat-machines.mobile .slick-dots { width: 100%; margin-top: 20px; }

.feat-machines.mobile .slick-dots li { padding: 0; border-color: #B0B9BE; margin: 0 12px 0 0; }

.feat-machines.mobile .slick-dots li:hover { background: rgba(176, 185, 190, 0.5); }

.feat-machines.mobile .slick-dots li.slick-active { background: #B0B9BE; }

.cog { background: #fff; display: block; position: absolute; z-index: 12; left: 50%; margin-left: -18px; width: 36px; height: 75px; -webkit-transform: perspective(80px) rotateX(-62deg); transform: perspective(80px) rotateX(-62deg); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; }

.cog.bot { bottom: -75px; background: #DC3B41; }

.cog.novid { background: #fff; position: relative; }

#home-icons { position: relative; z-index: 10; background: #000; min-height: 600px; font-size: 0; overflow: hidden; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; }

#home-icons .icoimg { width: 75%; height: 150%; position: absolute; top: 0; right: 0; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center 0; background-attachment: fixed; -webkit-filter: gray; filter: gray; filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); -webkit-filter: grayscale(100%); }

#home-icons .parallax { min-height: 700px; background: transparent; }

#home-icons .grad { width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 25%, #000000 75%); }

.no-cssgradients #home-icons .grad { background: url(../images/grad.png) repeat-y center center; }

#home-icons .wrap { z-index: 10; position: relative; padding: 64px 20px 80px; }

#home-icons h3 { max-width: 600px; font: 27px/1.3 'RobotoCondensed'; color: #fff; letter-spacing: 0.075em; margin-bottom: 0.77em; }

#home-icons h4 { max-width: 510px; font: 300 20px/1.45 'RobotoCondensed'; color: #B0B9BE; letter-spacing: 0.075em; }

#home-icons .bm { height: 75px; position: relative; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; margin-bottom: 15px; cursor: pointer; }

#home-icons .bm > div { position: relative !important; margin: 0 auto; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }

#home-icons #icons { margin-top: 55px; }

#home-icons #icons path { fill: #ff333b !important; stroke: #ff333b !important; transition: fill .5s, stroke .5s; }

#home-icons #icons .bm:hover path { fill: #fff !important; stroke: #fff !important; }

#home-icons #icons #bm_fina > div > div:nth-child(4) path { fill: black !important; }

#home-icons li { width: 25%; display: inline-block; vertical-align: top; text-align: center; padding: 0 19px 40px; background-image: linear-gradient(#909090 20%, rgba(255, 255, 255, 0) 0%); background-position: right; background-size: 1px 6px; background-repeat: repeat-y; }

#home-icons li:last-child { background: none; }

#home-icons h5 { font: 19px/1.5 'RobotoCondensed'; color: #fff; letter-spacing: 0.078em; text-transform: uppercase; margin-bottom: 14px; cursor: pointer; }

#home-icons p { color: #B0B9BE; font: 14px/1.5 'Roboto'; }

#home-icons:before, #home-icons:after { content: ''; width: 50%; height: 20px; bottom: -1px; display: block; background: #fff; position: absolute; z-index: 10; }

.ie #home-icons:before, .ie #home-icons:after { bottom: -1px; }

#home-icons:before { left: -9px; -webkit-transform: skew(23deg); -ms-transform: skew(23deg); transform: skew(23deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; }

#home-icons:after { right: -9px; -webkit-transform: skew(-23deg); -ms-transform: skew(-23deg); transform: skew(-23deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; }

#home-icons .mm-arrow-right { color: #DC3B41; font-size: 19px; display: block; text-align: center; margin-top: 20px; }

#home-icons .mm-arrow-right:hover { color: #fff; }

.no-csstransforms3d .bm { background-repeat: no-repeat; background-position: center center; }

.no-csstransforms3d .bm svg { display: none; }

.no-csstransforms3d #bm_engin { background-image: url(../images/bm_engin.png); }

.no-csstransforms3d #bm_auto { background-image: url(../images/bm_auto.png); }

.no-csstransforms3d #bm_cust { background-image: url(../images/bm_cust.png); }

.no-csstransforms3d #bm_fina { background-image: url(../images/bm_fina.png); }

.no-csstransforms3d #bm_train { background-image: url(../images/bm_train.png); }

.no-csstransforms3d #bm_part { background-image: url(../images/bm_part.png); }

.no-csstransforms3d #bm_tech { background-image: url(../images/bm_tech.png); }

.no-csstransforms3d #bm_serv { background-image: url(../images/bm_serv.png); }

#news-events { padding: 28px 20px 60px; }

#news-events #events { float: left; width: 60%; }

#news-events #news { float: right; width: 36.5%; background-image: linear-gradient(#000 20%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 1px 6px; background-repeat: repeat-y; padding: 0 2.80374% 0 2.64706%; }

#news-events h3 { font: 19px/1 'RobotoCondensed'; color: #78848B; padding-bottom: 28px; text-transform: uppercase; letter-spacing: 0.075em; }

#news-events h4 { font: 17px/1.3 'RobotoCondensed'; color: #000; margin-bottom: 2px; letter-spacing: 0.075em; }

#news-events h4 a { color: #000; }

#news-events h4 a:hover { color: #DC3B41; }

#news-events p { font-size: 14px; margin-bottom: 12px; }

#news-events p.date { font-family: 'RobotoCondensed'; color: #78848B; }

#news-events img { float: right; /*max-width:184px;*/ max-width: 40%; margin-left: 12px; }

#news-events .text { padding-right: 40%; }

.read { font: 12px/1 'RobotoCondensed'; color: #DC3B41; text-transform: uppercase; letter-spacing: 0.08em; }

.read:hover { color: #000; }

#video { background: #DC3B41; position: relative; }

#video .wrap { padding: 75px 20px; font-size: 0; }

#video .video { line-height: 0; display: inline-block; vertical-align: middle; width: 47.66355%; float: right; position: relative; display: block; }

#video .video img { border: 5px solid rgba(0, 0, 0, 0.2); }

#video .video:before { content: ''; display: block; width: 116px; height: 116px; background: #000; border-radius: 100%; position: absolute; left: 50%; top: 50%; margin: -58px 0 0 -58px; opacity: 0.66; transition: all 0.15s; }

#video .video:after { display: block; width: 0; height: 0; content: ''; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -13px; border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-left: 38px solid #fff; border-right: 38px solid transparent; }

#video .video:hover:before { background: #DC3B41; opacity: 0.8; }

#video .video.novid:before, #video .video.novid:after { display: none; }

#video .text { display: inline-block; vertical-align: middle; width: 39.71963%; margin-right: 12.61682%; }

#video h3 { font: 29px/1.3 'RobotoCondensed'; color: #fff; letter-spacing: 0.078em; text-transform: uppercase; margin-bottom: 16px; }

#video h3 a { color: #fff; }

#video h3 a:hover { color: #000; }

#video p { font-size: 14px; color: #fff; margin-bottom: 22px; }

#video .read { color: #fff; }

#video .read:hover { color: #000; }

#footer { padding: 20px 0 40px; background: #2E3438; font-family: 'RobotoCondensed'; font-size: 12px; line-height: 1.33; letter-spacing: 0.08em; }

#footer a { color: #B0B9BE; }

#footer a:hover { color: #fff; }

#footer .left { float: left; }

#footer .left li { display: inline-block; margin: 7px 14px 0 0; text-transform: uppercase; }

#footer .right { float: right; line-height: 27px; vertical-align: top; font-size: 14px; position: relative; }

#footer .right a { vertical-align: top; }

#footer a[class^=social-] { font-size: 27px; display: inline-block; margin-left: 5px; -webkit-transform: scale(1.001); -ms-transform: scale(1.001); transform: scale(1.001); }

#footer .footer-bottom { text-align: center; padding-top: 20px; color: #B0B9BE; }

#footer .logo { height: 27px; width: auto; display: block; margin: 0 auto 18px; }

#footer b, #footer strong { display: block; }

#footer p.copyright { margin-top: 18px; color: #78848B; }

#footer p.copyright a { color: #78848B; }

#footer p.copyright a:hover { color: #fff; text-decoration: none; }

#footer p.copyright .jackrabbit { display: block; margin-top: 1px; color: #78848B; opacity: 0.43; }

.no-csstransforms .cog, .no-csstransforms3d .cog { display: none !important; }

.no-csstransforms .banner:before, .no-csstransforms .banner:after, .no-csstransforms #home-icons:before, .no-csstransforms #home-icons:after, .no-csstransforms3d .banner:before, .no-csstransforms3d .banner:after, .no-csstransforms3d #home-icons:before, .no-csstransforms3d #home-icons:after { display: none !important; }

#title { padding-top: 120px; padding-bottom: 20px; }

#title h1 { color: #DC3B41; font: 52px/1 RobotoCondensed; /*text-transform: uppercase;*/ margin-top: 35px; letter-spacing: 0.04em; }

#title h1 small { display: block; color: #78848B; font: 20px/1.3 RobotoCondensed; text-transform: none; }

#title h2 { font: 300 20px/1.45 RobotoCondensed; max-width: 800px; letter-spacing: 0.079em; color: #1B2125; margin: 25px 0 0; }

#breadcrumb { font: bold 13px/1 RobotoCondensed; color: #B0B9BE; text-transform: uppercase; letter-spacing: 0.07em; }

#breadcrumb a { color: #B0B9BE; }

#breadcrumb a:first-child { text-indent: -9999px; display: inline-block; width: 23px; height: 9px; background: url(../images/ico-breadcrumb.png) no-repeat center center; background-size: 23px auto; vertical-align: -3px; }

.main h1, .main h2, .main h3 { font: 34px/1.3 RobotoCondensed; letter-spacing: 0.04em; color: #000; margin-bottom: 10px; }

.main h4 { color: #DC3B41; font: 24px/1.3 RobotoCondensed; letter-spacing: 0.04em; margin-bottom: 10px; }

.main h5 { font: 300 20px/1.3 RobotoCondensed; color: #1B2125; letter-spacing: 0.07em; margin-bottom: 10px; }

.main h6 { font: 17px/1.45 RobotoCondensed; color: #DC3B41; letter-spacing: 0.07em; margin-bottom: 8px; text-transform: uppercase; }

.main p { font-size: 14px; margin-bottom: 15px; }

.main h1, .main h2, .main h3, .main h4, .main h5, .main h6 { margin-top: 30px; }

.main h1:first-child, .main h2:first-child, .main h3:first-child, .main h4:first-child, .main h5:first-child, .main h6:first-child { margin-top: 0; }

.main > ul { margin: 30px 35px; }

.main > ul > li { font-size: 14px; position: relative; }

.main > ul > li:after { content: '\2022'; position: absolute; left: -24px; top: 0; }

.main > ul > li + li { margin-top: 8px; }

#content-left { float: left; width: 56.54206%; padding-bottom: 100px; }

#content-left iframe { display: block; margin: 0 auto; max-width: 100%; max-height: 50.5vw; }

.noside { width: 800px !important; max-width: 100% !important; }

.noside #content-left { width: 100%; float: none; }

.noside #sidebar { display: none; }

input[type=text], input[type=email], input[type=phone], textarea { display: block; border: 1px solid #b1b1b1; width: 100%; height: 43px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset; padding: 10px 13px 11px; font: 14px/22px 'RobotoCondensed'; color: #4C555A; }

textarea { height: 200px; }

@-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.select-menu .ginput_container, .tabselect, #filters .select-menu, .ppp .select-menu { position: relative; width: 100%; height: 43px; line-height: 43px; background: #FFFFFF; background-image: linear-gradient(0deg, #e7e7e7 0%, #fff 100%); border: 1px solid rgba(0, 0, 0, 0.24); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; display: inline-block; overflow: hidden; }

.select-menu .ginput_container:before, .tabselect:before, #filters .select-menu:before, .ppp .select-menu:before { content: ''; position: absolute; right: 10px; top: 8px; border: 5px solid transparent; border-bottom: 6px solid #6F6F6F; z-index: 1; pointer-events: none; /* .no-appearance & { display:none; }*/ }

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .select-menu .ginput_container:before, .tabselect:before, #filters .select-menu:before, .ppp .select-menu:before { display: none; } }

.select-menu .ginput_container:after, .tabselect:after, #filters .select-menu:after, .ppp .select-menu:after { content: ''; position: absolute; right: 10px; bottom: 8px; border: 5px solid transparent; border-top: 6px solid #6F6F6F; z-index: 1; pointer-events: none; /* .no-appearance & { display:none; }*/ }

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .select-menu .ginput_container:after, .tabselect:after, #filters .select-menu:after, .ppp .select-menu:after { display: none; } }

.select-menu .ginput_container:hover, .tabselect:hover, #filters .select-menu:hover, .ppp .select-menu:hover { border-color: #AAAAAA; }

.select-menu .ginput_container.disabled, .tabselect.disabled, #filters .select-menu.disabled, .ppp .select-menu.disabled { opacity: 0.6; transition: opacity 0.2s; }

.select-menu .ginput_container.disabled:before, .tabselect.disabled:before, #filters .select-menu.disabled:before, .ppp .select-menu.disabled:before { width: 16px; height: 16px; background: url("../images/loader.png") no-repeat center center; border: none; display: block; background-size: 16px 16px; -webkit-animation: rotating 0.5s linear infinite; animation: rotating 0.5s linear infinite; top: 12px; }

.select-menu .ginput_container.disabled:after, .tabselect.disabled:after, #filters .select-menu.disabled:after, .ppp .select-menu.disabled:after { display: none; }

.select-menu .ginput_container select, .tabselect select, #filters .select-menu select, .ppp .select-menu select { vertical-align: top; padding: 11px; color: #5f5f5f; font-size: 15px; font-weight: 400; background: transparent; width: 100%; line-height: 18px; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; position: relaive; z-index: 1; }

.select-menu .ginput_container select::-ms-expand, .tabselect select::-ms-expand, #filters .select-menu select::-ms-expand, .ppp .select-menu select::-ms-expand { display: none; }

.select-menu .ginput_container select:-moz-focusring, .tabselect select:-moz-focusring, #filters .select-menu select:-moz-focusring, .ppp .select-menu select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #707070; }

#tabs-m { margin-bottom: 20px; }

.tabselect { background: #78848B; }

.tabselect:hover { background: #6c777e; }

.tabselect:before { border: none; color: #fff; top: 13px; }

.tabselect:after { display: none; }

.tabselect select { color: #fff; }

.tabselect select:focus { color: #fff; }

button, .btn, .button { background: #DC3B41; border-radius: 2px; font: 12px/15px 'RobotoCondensed'; letter-spacing: 0.08em; color: #fff; padding: 10px 17px 11px; text-transform: uppercase; border: none; }

button:hover, .btn:hover, .button:hover { background: #2E3438; color: #fff; }

.btn { margin-top: 20px; display: inline-block; }

#sidebar { float: right; width: 34.29907%; padding-bottom: 50px; font-family: RobotoCondensed; }

#sidebar > div { margin-bottom: 38px; }

#sidebar h4, #sidebar .gform_title { font-size: 24px; letter-spacing: 0.04em; color: #DC3B41; line-height: 1.5; }

#sidebar p, #sidebar .gform_description { font-size: 16px; line-height: 1.3; margin-top: 6px; color: #78848B; display: block; }

#sidebar .rep { border-radius: 2px; position: relative; overflow: hidden; }

#sidebar .rep .bgimg { position: absolute; top: 0; width: 100%; z-index: 0; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); background-position: top center; height: 240px; background-size: cover; background-repeat: no-repeat; }

#sidebar .rep .grad { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0px, rgba(0, 0, 0, 0.6) 127px, #000 270px, #000 100%); }

#sidebar .rep .text { position: relative; z-index: 3; padding: 186px 32px 32px; }

#sidebar .rep .text h4 a { color: #fff; }

#sidebar .rep .text h4 span { color: #DC3B41; font-size: 18px; }

#sidebar .rep .text h4 a:hover span { color: #fff; }

#sidebar .rep .text p { color: #B0B9BE; }

.no-cssgradients #sidebar .rep { background: #000; }

.no-cssgradients #sidebar .rep .bgimg { position: relative; }

.no-cssgradients #sidebar .rep .text { padding-top: 32px; }

#sidebar .info-form { border-left: 3px solid #B0B9BE; padding: 15px 0 15px 26px; }

#sidebar .info-form form { line-height: 0; }

#sidebar .info-form .gform_body { padding-top: 26px; }

#sidebar .info-form .gfield { display: block; margin: 0 0 18px; }

#sidebar .info-form .gfield_label { display: none; }

#sidebar .info-form .ginput_container { display: block; }

#sidebar .info-form .gfield_html { display: none; }

#sidebar .info-form .validation_error, #sidebar .info-form .validation_message { line-height: 1.5; font-size: 12px; color: #DC3B41; margin-top: 5px; }

#sidebar .white { line-height: 0; }

#sidebar .white img { width: 100%; height: auto; }

#sidebar .white .text { border: 1px solid #DFDFDF; border-top: none; padding: 30px 35px 30px 30px; }

#sidebar .white .text h4 { font-size: 24px; line-height: 1.5; margin-bottom: 18px; }

#sidebar .white .text h4 a { color: #000; }

#sidebar .white .text h4 a:hover { color: #DC3B41; }

#sidebar .white .text h4 a span { color: #DC3B41; font-size: 18px; }

.nobreak { display: inline-block; }

#int-featured { padding-bottom: 80px; position: relative; clear: both; min-height: 600px; }

#int-featured .text { padding-right: 61.46788991%; border-bottom: 6px solid #F5F5F5; padding-bottom: 45px; }

#int-featured .text h4 { font: 24px/1.3 'RobotoCondensed'; color: #000; margin-bottom: 20px; letter-spacing: 0.075em; background-image: linear-gradient(to right, #909090 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 6px 1px; background-repeat: repeat-x; padding-top: 29px; margin-top: 24px; }

#int-featured .text h4 a { color: #000; }

#int-featured .text h4 a:hover { color: #DC3B41; }

#int-featured .text p { font: 16px/1.3 'RobotoCondensed'; margin-bottom: 20px; color: #78848B; }

#int-featured .feat { max-width: 58%; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#int-featured .logo { max-width: 160px; width: 100%; height: auto; }

#recent { font-size: 0; padding-bottom: 70px; }

#int-featured + #recent { margin-top: 40px; }

#recent .item { width: 30%; margin-right: 5%; display: inline-block; vertical-align: top; }

#recent .item:last-child { margin-right: 0; }

#recent h3 { font-family: RobotoCondensed; font-size: 19px; color: #78848B; letter-spacing: 0.078em; margin-bottom: 26px; text-transform: uppercase; }

#recent h4 { font-family: RobotoCondensed; font-size: 17px; line-height: 1.35; color: #000000; letter-spacing: 0.078em; }

#recent h4 a { color: #000000; }

#recent h4 a:hover { color: #DC3B41; }

#recent p { font-size: 14px; color: #4C555A; line-height: 1.5; margin-bottom: 13px; }

#recent small { display: block; padding: 13px 0; font-family: RobotoCondensed; font-size: 14px; color: #78848B; letter-spacing: 0.078em; }

#brand-grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 40px; }

#brand-grid > div { width: 31.4%; }

.no-flexbox #brand-grid > div { display: inline-block; vertical-align: top; margin-right: 15px; }

#brand-grid .brand { box-shadow: inset 0 0 0 1px #DFDFDF; margin-bottom: 29px; padding: 0 21px 27px; transition: box-shadow 0.15s; }

#brand-grid .brand:hover { box-shadow: inset 0 0 0 1px #DFDFDF, inset 0 3px 0px #DC3B41, 0 0 13px rgba(0, 0, 0, 0.09); }

#brand-grid .logo { display: block; height: 125px; background-position: center center; background-repeat: no-repeat; width: 100%; background-size: 195px auto; }

#brand-grid h4 { font: 20px/1 RobotoCondensed; background-image: linear-gradient(to right, #909090 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 6px 1px; background-repeat: repeat-x; padding: 14px 0 16px; }

#brand-grid h4 a { color: #000; transition: color 0.15s; }

#brand-grid h4 a span { font-size: 14px; display: inline-block; margin-left: 7px; color: #DC3B41; transition: left 0.15s; position: relative; left: 0; }

#brand-grid h4 a:hover { color: #DC3B41; }

#brand-grid h4 a:hover span { left: 5px; }

#brand-grid ul { font-size: 14px; }

#brand-grid ul li { margin-bottom: 5px; }

#brand-grid ul div { display: inline-block; }

#brand-grid ul a { color: #4C555A; transition: all 0.15s; }

#brand-grid ul a span { font-size: 9px; color: #B0B9BE; margin-left: 7px; display: inline-block; transition: all 0.15s; position: relative; left: 0; -webkit-column-break-before: avoid; page-break-before: avoid; break-before: avoid; }

#brand-grid ul a:hover { color: #DC3B41; }

#brand-grid ul a:hover span { color: #DC3B41; left: 5px; }

#brand-grid .brand.product { padding-top: 22px; }

#brand-grid .brand.product h5 { font: 17px/1 RobotoCondensed; text-transform: uppercase; color: #78848B; }

#brand-grid .brand.product h5 a { color: #78848B; }

#brand-grid .brand.product h5 a:hover { color: #DC3B41; }

#brand-grid .brand.product .product-img { margin: 20px auto; display: block; }

#brand-grid .brand.product h4 { padding-bottom: 5px; }

#brand-grid .brand.product p { font-size: 14px; }

#brand-grid .brand.video { padding: 0; }

#brand-grid .brand.video .lb-video { padding-bottom: 57.91045%; width: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; transition: box-shadow 0.15s; }

#brand-grid .brand.video:hover .lb-video { box-shadow: inset 0 3px 0 #DC3B41; }

#brand-grid .brand.video h5 { color: #DC3B41; font-size: 17px; text-transform: uppercase; letter-spacing: 0.078em; font-family: RobotoCondensed; }

#brand-grid .brand.video p { font-size: 14px; }

#brand-grid .brand.video h3 { font: 20px/1.3 RobotoCondensed; letter-spacing: 0.078em; color: #000; margin-top: 8px; }

#brand-grid .brand.video h3 a { color: #000; }

#brand-grid .brand.video h3 a:hover { color: #DC3B41; }

#brand-grid .brand.video .text { width: 100%; padding: 20px 20px 28px; }

.noresults { width: 100% !important; margin: 0 0 60px; }

.noresults h6 { font: 300 20px/1.3 RobotoCondensed; color: #1B2125; letter-spacing: 0.07em; margin-bottom: 10px; text-transform: none; }

#pagination { padding: 20px 20px 31px; border-top: 6px solid #F5F5F5; text-align: center; font-size: 0; display: block; }

#pagination.prods { text-align: left; }

#pagination .page-numbers { display: inline-block; width: 34px; height: 34px; text-align: center; font: 17px/30px RobotoCondensed; color: #AFB9BE; border-radius: 100%; margin: 0 2px; }

#pagination .page-numbers.disabled { opacity: 0.5; }

#pagination .page-numbers:not(.disabled):hover { background: #AFB9BE; color: #fff; }

#pagination .page-numbers.current { background: #DC3B41; color: #fff; }

#pagination .page-numbers span { vertical-align: -1px; }

#pagination .mm-carrot-down { font-size: 12px; display: inline-block; }

#pagination .prev span { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px; }

#pagination .next span { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 5px; }

#results #pagination { margin-top: -1px; }

h5.builder { color: #78848B; font-size: 19px; text-align: center; margin-top: 10px; font-family: RobotoCondensed; letter-spacing: 0.075em; text-transform: uppercase; }

.brandLogos { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 10px; }

.brandLogos div { transition: all 0.15s; cursor: pointer; box-shadow: inset 0 0 0 1px #DFDFDF; padding: 10px; width: 100%; transition: box-shadow 0.15s; }

.brandLogos div:hover { box-shadow: inset 0 0 0 1px #DFDFDF, inset 0 3px 0px #DC3B41, 0 0 13px rgba(0, 0, 0, 0.09); }

.brandLogos div:not(.active) { opacity: 0.6; }

.brandLogos div:not(.active):hover { opacity: 0.8; }

.brandLogos div span { display: block; height: 30px; background-size: contain; background-position: center center; background-repeat: no-repeat; }

.brandLogos div + div { margin-left: 25px; }

#filters { width: 1080px; border-width: 6px 0; border-style: solid; border-color: #F5F5F5; margin: 20px auto 70px; padding: 20px 0; max-width: calc(100% - 40px); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

#filters .select-menu, #filters .empty { width: 26.85185%; }

#filters .keyword { width: 18.51852%; }

#filters button { height: 43px; }

#filters.three .select-menu, #filters.three .empty { width: 27.77778%; }

#filters .reset-filters { height: 43px; width: auto; background: #DC3B41; color: #fff; text-align: center; font-size: 24px; line-height: 43px; display: block; border-radius: 2px; cursor: pointer; padding: 0 15px; }

#filters .reset-filters:before { content: 'Reset'; font: 12px/1 RobotoCondensed; text-transform: uppercase; margin: 0 10px 0 0; vertical-align: 2px; white-space: nowrap; letter-spacing: 0.08em; }

#filters .reset-filters:hover { background: #2E3438; }

#filters.tpl-prods { margin-bottom: 40px; }

.no-flexbox #filters > * { display: inline-block; width: 22.5%; vertical-align: top; margin: 0 30px 0 0; }

.no-flexbox #filters > *:last-child { margin-right: 0; }

.ppp { font-size: 15px; line-height: 34px; text-align: right; margin-bottom: 30px; float: right; }

.ppp .select-menu { width: 70px; display: inline-block; height: 34px; line-height: 34px; vertical-align: middle; margin: 0 6px; }

.ppp .select-menu select { padding: 7px 11px; }

.ppp .select-menu:before, .ppp .select-menu:after { border-width: 4px; }

.ppp .select-menu:before { top: 5px; border-bottom-width: 5px; }

.ppp .select-menu:after { bottom: 5px; border-top-width: 5px; }

#media-landing { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

#media-landing > div { width: 31.4%; }

#media-landing .media { margin-bottom: 90px; vertical-align: top; padding-right: 3%; }

@media screen and (min-width: 769px) { #media-landing .media:nth-child(3n) { background: none; } }

@media screen and (max-width: 768px) and (min-width: 481px) { #media-landing .media:nth-child(2n) { background: none; } }

@media screen and (max-width: 480px) { #media-landing .media { background: none; } }

#media-landing h4 { font-family: RobotoCondensed; font-size: 17px; line-height: 1.3; letter-spacing: 0.078em; }

#media-landing h4 a { color: #000; }

#media-landing h4 a:hover { color: #DC3B41; }

#media-landing h5 { font-family: RobotoCondensed; font-size: 14px; color: #78848B; letter-spacing: 0.078em; margin: 15px 0 13px; }

#media-landing h5 a { color: #78848B; }

#media-landing p { font-size: 14px; margin-bottom: 10px; }

.no-flexbox #media-landing { font-size: 0; }

.no-flexbox #media-landing .media { display: inline-block; vertical-align: top; margin-right: 2.4%; }

.no-flexbox #media-landing .media:nth-child(3n) { margin-right: 0; }

.media-details { padding: 20px 0; }

.media-details h5 { font-size: 17px; font-weight: 500; color: #000; margin: 0; }

.media-details p a { color: #78848B; }

.media-details p a:hover { color: #DC3B41; }

.back { margin-top: 40px; border-top: 6px solid #F5F5F5; padding-top: 10px; }

#products { background: #4C555A; padding: 30px 0; margin-bottom: 30px; }

#products h3 { font: 24px/1 RobotoCondensed; color: #fff; text-transform: uppercase; margin-bottom: 25px; position: relative; z-index: 3; }

#products h3 .all { font-size: 12px; color: #fff; display: inline-block; margin-left: 12px; padding: 5px 8px; }

#products h3 .all:hover { color: #DC3B41; background: #fff; }

#products .product-slide { width: 336px; height: 281px; box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); background: #fff; margin: 0 16px; overflow: hidden; padding: 0 20px; border-top: 3px solid transparent; transition: all 0.15s; }

#products .product-slide * { transition: all 0.2s; }

#products .product-content { position: relative; top: 0; transition: all 0.2s; }

#products .img { background-position: center center; background-repeat: no-repeat; height: 200px; width: 100%; position: absolute; top: 0; }

#products .title { background-image: linear-gradient(to right, #909090 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 6px 1px; background-repeat: repeat-x; padding-top: 12px; position: absolute; top: 200px; width: 100%; }

#products .title h4 { font-size: 20px; font-family: RobotoCondensed; }

#products .title h4 span { color: #DC3B41; font-size: 15px; margin-left: 0; transition: all 0.15s; }

#products .title h4 a { color: #000; transition: all 0.15s; }

#products .title h4 a:hover { color: #DC3B41; }

#products .title h4 a:hover span { margin-left: 10px; }

#products .title p { font-size: 14px; }

#products .list { position: absolute; top: 281px; }

#products .list li { font: 14px/1.5 Roboto; padding: 0 0 5px 36px; position: relative; }

#products .list li:before { content: '\2022'; position: absolute; top: 0px; left: 12px; }

#products .product-slide:hover { top: -201px; border-top-color: #DC3B41; }

#products .product-slide:hover .img { top: -200px; }

#products .product-slide:hover .title { top: -1px; padding-top: 20px; transition-delay: 0.1s; }

#products .product-slide:hover .list { top: 90px; transition-delay: 0.2s; }

#products .slick-dots { position: absolute; top: -44px; width: auto; max-width: 100%; text-align: right; right: calc((100vw - 1080px) / 2); /*transform:translateX(-50%);*/ }

#products .slick-dots button { display: none; }

#products .slick-prev, #products .slick-next { position: absolute; color: #909699; line-height: 20px; height: 20px; font-size: 14px; /*opacity:0.4;*/ z-index: 10; cursor: pointer; }

#products .slick-prev:hover, #products .slick-next:hover { /*opacity:1;*/ color: #fff; }

#products .slick-prev { right: 51px; top: -46px; -webkit-transform: rotate(180.0001deg); -ms-transform: rotate(180.0001deg); transform: rotate(180.0001deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

body.chrome #products .slick-prev { top: -47px; }

#products .slick-next { right: 20px; top: -41px; }

body.iphone .hide-iphone { display: none; }

#info-form { font-size: 0; padding-bottom: 45px; }

#info-form .gform_heading { display: inline-block; vertical-align: top; width: 31.40187%; margin-right: 2.8972%; }

#info-form .gform_heading .gform_title { font: 24px/1.5 RobotoCondensed; color: #DC3B41; letter-spacing: 0.078em; margin-bottom: 8px; }

#info-form .gform_heading .gform_description { font-size: 16px; font-family: RobotoCondensed; color: #78848B; }

#info-form .gform_body { display: inline-block; vertical-align: top; width: 65.70093%; padding-top: 10px; }

#info-form .gform_body .gfield_label { display: none; }

#info-form .column1, #info-form .column2 { width: 47.79516%; vertical-align: top; display: inline-block; }

#info-form .column1 { float: left; }

#info-form .column2 { float: right; }

#info-form .gform_footer { clear: both; }

#info-form .gfield { margin-bottom: 20px; font-size: 14px; }

#info-form .ginput_container { width: 100%; }

#info-form .ginput_container > input { font-family: Roboto; padding: 12px 13px 9px; }

#info-form .ginput_container select { padding: 12px; }

#info-form .submit-clicker { height: 43px; }

#info-form .gform_footer { display: none; }

#info-form .validation_error { display: none; }

#info-form .validation_message { color: #DC3B41; font-size: 11px; margin-top: 4px; line-height: 1.5; }

#info-form .gform_confirmation_message { font: 24px/1.5 'RobotoCondensed'; text-align: center; padding-top: 20px; }

#info-form + hr { border: none; border-bottom: 3px solid #D9DDE0; /*margin-top:50px;*/ max-width: 1080px; }

#case-studies { font-size: 0; }

#case-studies .cs { width: 48%; display: inline-block; padding: 0 0 75px 0; vertical-align: top; }

#case-studies .cs:nth-child(2n) { background: none; margin-left: 4%; }

#case-studies img { float: left; width: 24.85981%; }

#case-studies .text { padding: 0 15% 0 30.28037%; }

#case-studies h3 { font-size: 17px; letter-spacing: 0.078em; font-family: RobotoCondensed; line-height: 1.35; margin-bottom: 15px; }

#case-studies h3 a { color: #000; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #4C555A; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mfp-wrap.video .mfp-content { max-width: 850px; }

.mfp-wrap.video .mfp-close { color: #fff; background: none; width: 16px; height: 16px; opacity: 1; top: -27px; line-height: 16px; font-size: 38px; text-indent: -3px; cursor: pointer; }

.mfp-wrap.video .mfp-close:hover { color: #DC3B41; }

.mfp-wrap.video .video-arrow { position: absolute; top: 520px; font-size: 16px; color: #000; transition: all 0.15s; cursor: pointer; z-index: 5; }

.mfp-wrap.video .video-arrow:hover { color: #DC3B41; /*text-shadow: 1px 0px 0px $red;*/ }

.mfp-wrap.video .video-arrow.video-left { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 70px; }

.mfp-wrap.video .video-arrow.video-right { -webkit-transform: rotate(90deg) rotateX(180deg); transform: rotate(90deg) rotateX(180deg); right: 40px; }

.no-csstransforms3d .mfp-wrap.video .video-arrow { display: none; }

.video-lightbox { width: 100%; margin: 0 auto; background: #fff; position: relative; }

.video-lightbox .text { padding: 31px 45px 20px; }

.video-lightbox h2 { font: 34px/1.3 RobotoCondensed; color: #000; margin-bottom: 13px; padding-right: 80px; }

.video-lightbox p { font-size: 14px; margin-bottom: 1em; }

.video-lightbox .vid-details { margin: 15px 0; }

.video-lightbox .read { display: inline-block; height: 30px; line-height: 30px; }

.video-lightbox .read + .read { margin-left: 20px; padding-left: 21px; background-image: linear-gradient(to bottom, #909090 40%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 1px 6px; background-repeat: repeat-y; }

.video-lightbox:after { content: ''; width: 46px; height: 23px; background: url(../images/video-logo.png) no-repeat; background-size: 46px auto; display: block; position: absolute; bottom: 40px; right: 45px; }

#tabs { border-bottom: 6px solid #F5F5F5; position: relative; font-size: 0; width: 1080px; max-width: calc(100% - 40px); margin: 12px auto 45px; padding: 0; }

#tabs .tab { text-transform: uppercase; font: 16px 'RobotoCondensed'; letter-spacing: 0.078em; padding: 16px 32px; color: #B0B9BE; background: none; cursor: pointer; display: inline-block; vertical-align: bottom; position: relative; z-index: 2; transition: all 0.2s; }

#tabs .tab:hover { color: #DC3B41; }

#tabs .tab.active { color: #4C555A; }

#tabs .tab.quote { background: #DC3B41; color: #fff; padding: 10px 18px; float: right; border-radius: 2px; margin-top: 5px; }

#tabs .tab.quote:hover { background: #c12328; }

#tabs .tab.quote.active { background: #B0B9BE; }

#tabs .track { height: 54px; border-radius: 2px 2px 0 0; background: #F5F5F5; display: inline-block; position: absolute; top: 0; left: 0px; width: 141px; transition: all 0.2s; }

#tab-content { padding: 0 20px 50px; position: relative; min-height: 500px; transition: height 0.2s; overflow: hidden; }

#tab-content > div { position: absolute; width: calc(100% - 40px); transition: opacity 0.2s; opacity: 0; pointer-events: none; }

#tab-content > div.active { opacity: 1; z-index: 10; pointer-events: all; }

#tab-content p { font-size: 14px; line-height: 1.5; margin-bottom: 15px; }

#tab-content p.disclaimer { font-size: 12px; font-style: italic; color: #4C555A; }

#tab-content .logo { margin-bottom: 20px; float: left; max-width: 195px; height: auto; }

#tab-content ul { margin: 20px; }

#tab-content ul li { font-size: 14px; line-height: 1.5; }

#tab-content ul li + li { margin-top: 5px; }

#tab-content ul li:after { left: -10px; }

#tab-content h6 + ul { margin-top: 0; }

#tab-content .downloads { padding-top: 25px; margin-top: 10px; }

#tab-content .downloads a { color: #1B2125; font-size: 14px; display: block; margin-bottom: 15px; }

#tab-content .downloads a:before { color: #DC3B41; font-size: 10px; margin-right: 6px; }

#tab-content .downloads a:hover { color: #DC3B41; }

#tab-content #over, #tab-content #demo { min-height: 500px; }

#tab-content #over .main, #tab-content #demo .main { width: 465px; float: left; }

#tab-content #demo h6 { margin: 25px 0 1px; }

#tab-content #demo h6:first-child { margin-top: 0; }

#tab-content .gallery { width: calc(100% - 485px); float: right; padding: 0; position: relative; min-height: 150px; }

#tab-content .gallery > img { max-width: 100%; }

#tab-content .gallery .gallery-small { padding-top: 20px; bottom: 0; right: 0; text-align: right; }

#tab-content .gallery .gallery-small span { display: inline-block; width: 77px; height: 61px; background-repeat: no-repeat; background-position: center; border: 2px solid transparent; margin: 0 0 0 15px; }

#tab-content .gallery .gallery-small span.x { border-color: #DC3B41; }

#tab-content .gallery .lg-holder { overflow: hidden; position: relative; }

#tab-content .gallery .lg-holder img { display: block; margin: 0 auto; }

#tab-content .gallery .prev, #tab-content .gallery .next { position: absolute; top: 0; font-size: 30px; line-height: 30px; border-radius: 15px; height: 100%; width: 40px; display: inline-block; color: #fff; opacity: 0; transition: all 0.15s; cursor: pointer; }

#tab-content .gallery .prev:hover, #tab-content .gallery .next:hover { opacity: 1; }

#tab-content .gallery .prev:before, #tab-content .gallery .next:before { z-index: 1; position: absolute; left: 00%; top: 50%; height: 0; line-height: 0; }

#tab-content .gallery .prev:after, #tab-content .gallery .next:after { content: ''; position: absolute; left: 50%; top: 50%; width: 0; height: 0; display: inline-block; box-shadow: 0 0 40px 20px rgba(0, 0, 0, 0.6); z-index: 0; }

#tab-content .gallery .prev { left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

#tab-content .gallery .next { right: 0; }

#tab-content h4 { font-size: 29px; letter-spacing: 0.078em; margin-bottom: 18px; }

dl { font-size: 0; margin-bottom: 50px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

dl dt, dl dd { padding: 11px 20px; font-size: 14px; background-image: linear-gradient(to right, #bfbfbf 40%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 6px 2px; background-repeat: repeat-x; display: inline-block; }

dl dt { width: 27.57009%; background-color: #F5F5F5; font-weight: 600; }

dl dt:nth-last-child(2) { background: #f5f5f5; }

dl dd { width: 72.42991%; }

dl dd:last-child { background: none; }

#vid-tabs { text-align: center; position: relative; margin: 0 auto 40px; max-width: 710px; }

#vid-tabs .thb { display: inline-block; margin: 0 11px; position: relative; z-index: 2; padding: 4px; border: 1px solid transparent; width: 162px; }

#vid-tabs .thb img { -webkit-filter: saturate(0); filter: saturate(0); transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; width: 100%; }

#vid-tabs .thb:hover img { -webkit-filter: saturate(0.5); filter: saturate(0.5); }

#vid-tabs .thb.active { border-color: #DC3B41; }

#vid-tabs .thb.active img { -webkit-filter: saturate(1); filter: saturate(1); }

#vid-tabs .slick-dots li { border-color: #B0B9BE; }

#vid-tabs .slick-dots li.slick-active { background: #B0B9BE; }

#vid-container { position: relative; min-height: 400px; }

#vid-container .vid-item { position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; transition: opacity 0.2s; width: 100%; }

#vid-container .vid-item.active { opacity: 1; z-index: 10; }

#vid-container .vid { width: 63.27103%; float: right; margin-left: 50px; border: 5px solid rgba(0, 0, 0, 0.09); }

#vid-container p { padding-right: 65%; }

#quot .right { width: 25.70093%; float: right; }

#quot .left { width: 65.42056%; float: left; }

#quot .left h3 { text-transform: uppercase; }

#quot h3 { font-size: 24px; color: #DC3B41; font-family: RobotoCondensed; letter-spacing: 0.04em; }

#quot .gform_fields { margin: 10px 0; font-size: 0; }

#quot .gfield_label { display: block; font: 13px/19px RobotoCondensed; color: #000; text-transform: uppercase; margin-bottom: 4px; }

#quot .gfield { margin-right: 30px; margin-bottom: 15px; position: relative; }

#quot .gfield.half { width: calc(50% - 30px); display: inline-block; }

#quot .ginput_container { width: 100%; }

#quot .validation_error, #quot .validation_message { line-height: 1.5; font-size: 12px; color: #DC3B41; margin-top: 5px; }

#quot .validation_message { position: absolute; top: -3px; right: 0; }

#quot .instruction { bottom: -20px; top: auto; }

#contact { border-bottom: 1px solid #DFDFDF; font-size: 0; padding: 15px 0 60px; }

#contact .gfield_label, #contact .gform_drop_instructions, .main .gfield_label, .main .gform_drop_instructions { display: block; font: 13px/19px RobotoCondensed; color: #000; text-transform: uppercase; margin-bottom: 4px; }

#contact .ginput_container, .main .ginput_container { width: 100%; }

#contact .left-col, .main .left-col { width: 31.5%; float: left; margin-right: 2.75%; }

#contact .right-col, .main .right-col { width: 65.75%; float: right; }

#contact .gfield, .main .gfield { margin-bottom: 19px; }

#contact .half, .main .half { width: calc(50% - 15px); display: inline-block; }

#contact .half.first, .main .half.first { margin-right: 30px; }

#contact textarea, .main textarea { height: 212px; }

#contact .validation_message, .main .validation_message { font-size: 12px; color: #DC3B41; }

#contact .gform_confirmation_message, .main .gform_confirmation_message { font: 24px/1.5 'RobotoCondensed'; text-align: center; padding-top: 20px; color: #DC3B41; }

#contact .gfield_checkbox li, .main .gfield_checkbox li { position: relative; line-height: 20px; margin: 10px 0; }

#contact .gfield_checkbox label, .main .gfield_checkbox label { font: 14px/19px Roboto; color: #000; }

#contact .gfield_checkbox label:before, .main .gfield_checkbox label:before { width: 20px; height: 20px; content: ''; border: 1px solid #b1b1b1; display: inline-block; margin: 0 6px 0 0; vertical-align: -5px; }

#contact .gfield_checkbox label:after, .main .gfield_checkbox label:after { content: ''; position: absolute; top: -4px; left: 1px; width: 18px; height: 18px; background: url(../images/check.png) no-repeat center center; background-size: 18px 18px; opacity: 0; transition: all 0.15s; }

#contact .gfield_checkbox input, .main .gfield_checkbox input { display: none; }

#contact .gfield_checkbox input:checked + label:after, .main .gfield_checkbox input:checked + label:after { opacity: 1; top: 1px; }

#contact .gfield_radio li, .main .gfield_radio li { position: relative; line-height: 20px; margin: 10px 0; }

#contact .gfield_radio label, .main .gfield_radio label { font: 14px/19px Roboto; color: #000; }

#contact .gfield_radio label:before, .main .gfield_radio label:before { width: 20px; height: 20px; content: ''; border: 1px solid #b1b1b1; display: inline-block; margin: 0 6px 0 0; vertical-align: -5px; border-radius: 100%; }

#contact .gfield_radio label:after, .main .gfield_radio label:after { content: ''; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 7px; background: #DC3B41; opacity: 0; transition: all 0.15s; }

#contact .gfield_radio input, .main .gfield_radio input { display: none; }

#contact .gfield_radio input:checked + label:after, .main .gfield_radio input:checked + label:after { opacity: 1; }

#contact .gfield_description, .main .gfield_description { color: #DC3B41; font-size: 12px; }

#contact .newsletter, .main .newsletter { clear: both; position: relative; }

#contact .newsletter .gfield_label, .main .newsletter .gfield_label { display: none; }

#contact .gform_fileupload_multifile, .main .gform_fileupload_multifile { background: #f5f5f5; padding: 16px; width: 100%; text-align: right; }

#contact .gform_drop_area, .main .gform_drop_area { width: 100%; }

#contact .gform_drop_instructions, .main .gform_drop_instructions { display: inline-block; float: left; line-height: 38px; }

#contact .gform_drop_instructions + .button, .main .gform_drop_instructions + .button { float: right; }

.main form { max-width: 450px; }

#offices { font-size: 0; text-align: center; padding: 45px 20px; }

#offices h4 { margin-bottom: 19px; text-align: left; }

#offices .office { text-align: left; width: 33%; padding-right: 43px; min-height: 120px; display: inline-block; vertical-align: top; margin-bottom: 50px; }

#offices .office.dot-right { background-position: calc(100% - 28px) 0; }

#offices .office.dot-right:nth-child(3n) { background: none; padding-right: 0px; }

#offices .office h5 { font-size: 17px; font-weight: 500; }

hr { border-color: #dfdfdf; margin: 0 auto 30px; max-width: 1140px; }

#fourohfour { padding: 170px 20px 100px; text-align: center; }

#fourohfour h4 { font-size: 50px; text-transform: uppercase; margin-bottom: 31px; }

#fourohfour h5 { font-size: 20px; max-width: 740px; margin: 0 auto 34px; }

#fourohfour form { max-width: 340px; margin: 0 auto; }

#fourohfour img { width: 653px; margin-top: 53px; display: inline-block; }

#results .result { padding: 35px 0; }

#results .result:last-child { background: none; }

#results .type { float: left; width: 180px; padding-right: 20px; color: #78848B; padding-top: 8px; }

#results .link { float: right; width: 220px; text-align: right; }

#results .text { padding: 0 220px 0 180px; }

#results .text h5 { font-size: 20px; font-weight: 500; line-height: 1.3; margin-bottom: 12px; }

#results .text h5 a { color: #000; }

#results .text h5 a:hover { color: #DC3B41; }

#legend { height: 42px; position: relative; }

#legend .legend { height: 42px; position: absolute; bottom: 14px; right: 20px; border: 1px solid #E5E5E5; padding: 6px 20px 6px 16px; }

#legend span { font: 13px/28px RobotoCondensed; text-transform: uppercase; color: #78848B; display: inline-block; padding-left: 33px; height: 28px; background-position: left center; background-size: auto 28px; background-repeat: no-repeat; }

#legend span + span { margin-left: 34px; }

#legend span.office { background-image: url(../images/pin-red.png); }

#legend span.dist { background-image: url(../images/pin-blk.png); }

.map { position: relative; height: auto; max-height: 768px; }

body.ie .map { height: 730px; max-height: 730px; }

.map polygon, .map path { stroke: #fff; stroke-width: 0.5px; stroke-linejoin: round; fill: #e5e5e5; stroke-miterlimit: 10; fill-rule: evenodd; transition: fill .2s; cursor: pointer; }

.map polygon:hover, .map polygon.hover, .map path:hover, .map path.hover { fill: #B0B9BE; }

.map polygon.no-action, .map path.no-action { fill: #e5e5e5 !important; cursor: default; }

.map polygon.x, .map path.x { fill: red; }

.map polygon.usa-dc, .map path.usa-dc { fill: #78848B; stroke-width: 0px; }

.map polygon.usa-dc:hover, .map path.usa-dc:hover { fill: #DC3B41; }

.pin { position: absolute; z-index: 15; width: 0; height: 0; display: block; }

.pin:before { content: ''; width: 20px; height: 28px; display: block; background-repeat: no-repeat; background-position: center center; background-size: 20px auto; position: relative; top: -27px; left: -10px; }

.pin.dist { cursor: pointer; }

.pin.dist:before { background-image: url(../images/pin-blk.png); }

.pin.office { cursor: pointer; }

.pin.office:before { background-image: url(../images/pin-red.png); }

.pin.no-action { pointer-events: none; }

.region-lb { box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); padding-top: 40px; background: #fff; margin: 0 auto; }

.region-lb .scroller { max-height: 660px; }

.region-lb .dists { background: #fff; padding: 0 30px 0; font-size: 0; }

.region-lb .dist { margin-bottom: 25px; width: 50%; padding-right: 30px; display: inline-block; vertical-align: top; }

.region-lb .office { padding: 35px 30px 15px; background: #eee; }

.region-lb h4 { line-height: 1; margin-top: 0; }

.region-lb h5 { font-size: 17px; font-weight: 500; margin-bottom: 1px; }

.region-lb h6 { font-size: 13px; color: #78848B; margin: 0 0 13px; }

.region-lb h6 span { display: inline-block; margin-right: 12px; }

.region-lb h6 span.head { color: #4C555A; }

.region-lb p { font-size: 14px; }

.region-lb .photo { float: right; margin: 0 0 30px 30px; }

.region-lb .office-photo { display: block; width: 100%; }

.region-lb.office-lb .dists { padding: 30px; }

.region-lb.office-lb h4 { font-size: 24px; margin-bottom: 7px; }

.region-lb.office-lb h5 { margin-top: 0; }

.region-lb.office-lb .addr { width: 50%; padding: 3px 30px 20px 0; display: inline-block; margin: 0; }

.region-lb.office-lb .content { font-size: 14px; }

.region-lb.office-lb .content > ul { margin: 0; padding: 20px 35px; }

.mCSB_scrollTools { width: 7px; opacity: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #DC3B41 !important; border-radius: 0; width: 7px; }

.mCSB_scrollTools .mCSB_draggerRail { width: 7px; background: #F4F4F4; border-radius: 0; }

.mCSB_inside > .mCSB_container { margin-right: 0; }

.mfp-r .mfp-content { max-width: 780px; margin: 0 auto; }

.mfp-r.o .mfp-content { max-width: 560px; }

.mfp-r.mfp-bg { opacity: 0; }

.mfp-r .mfp-close { width: 40px; height: 40px; font-size: 40px; color: #DC3B41; border-radius: 0; opacity: 1; }

.mfp-r .mfp-close:hover { background: transparent; color: #000; }

#m-regions { padding-bottom: 50px; }

#m-regions .acc-toggle { font: 17px/1.3 RobotoCondensed; letter-spacing: 0.078em; cursor: pointer; transition: color 0.15s; }

#m-regions .acc-toggle:before { float: right; font-size: 13px; line-height: 22px; position: relative; top: 2px; }

#m-regions .acc-toggle:hover { color: #4C555A; }

#m-regions .acc-toggle.active:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

#m-regions h3 { text-transform: uppercase; color: #B0B9BE; padding: 9px 0 13px; }

#m-regions h3.active { color: #4C555A; }

#m-regions h4 { color: #78848B; padding: 4px 0 6px; }

#m-regions h4.active { color: #DC3B41; }

#m-regions h4:before { font-size: 10px !important; }

#m-regions .inner { border-left: 3px solid #E7E7E7; padding: 12px 0 12px 16px; }

#m-regions h5 { font-weight: 500; margin: 0 0 6px; }

#m-regions h6 { font: 13px/1.5 RobotoCondensed; color: #78848B; text-transform: uppercase; margin: 0 0 18px; }

#m-regions h6 span { display: inline-block; margin-right: 8px; }

#m-regions h6 span.red { color: #DC3B41; }

#m-regions hr { margin-bottom: 10px; }

#m-regions .acc-content { padding-bottom: 10px; display: none; }

/* ========================================================================= */
/* !MEDIA QUERIES */
/* ========================================================================= */
@media screen and (max-width: 1100px) { #products .slick-dots { right: 0; } }

@media screen and (max-width: 1000px) { #header .logo, body.ie #header .logo { width: 275px; top: -4px; }
  #header .logo-3d, body.ie #header .logo-3d { width: 142px; } }

@media screen and (max-width: 960px) { #header .logo, body.ie #header .logo { width: 200px; top: -2px; }
  #header .logo-3d, body.ie #header .logo-3d { width: 135px; padding-top: 10px; }
  #header .upper { height: 42px; }
  #header .left { height: 42px; }
  #header .left span { margin: 0 7px; }
  #header .right { font-size: 12px; }
  #header #util { padding-top: 10px; }
  #header .search form { height: 44px; }
  #header .search form input { line-height: 44px; }
  #header #main-nav { height: auto; }
  #header #main-nav > ul > li { font-size: 14px; }
  #header #main-nav > ul > li.sep { padding: 5px 0; top: 0; }
  #header #main-nav > ul > li.sep:after { height: 22px; width: 2px; }
  #header #main-nav > ul > li > a { padding: 5px 12px; }
  #header #main-nav > ul ul { top: 100%; padding: 10px 18px 18px 30px; box-shadow: none; }
  #header #main-nav > ul ul li a { font-size: 13px; }
  #header #main-nav > ul ul li.track { height: calc(100% - 28px); top: 10px; left: 15px; }
  .banner .text h3 { font-size: 24px; }
  .banner .text h2 { font-size: 40px; }
  .feat-machines { min-height: 500px; }
  .feat-machines #machine-photos { top: 40px; }
  .feat-machines h4 { font-size: 20px; }
  #title { padding-top: 100px; }
  #tab-content .gallery { width: calc(100% - 430px); }
  #tab-content .gallery .gallery-small span { width: 50px; height: 40px; margin: 0 0 0 7px; }
  #tab-content #over .main, #tab-content #demo .main { width: 425px; }
  dl dt { width: 40%; }
  dl dd { width: 60%; } }

.show-768 { display: none !important; }

@media screen and (max-width: 860px) { .mfp-wrap.video .video-arrow { display: none; }
  .video-lightbox h2 { font-size: 26px; } }

@media screen and (min-width: 769px) and (max-width: 783px) { #home-icons .slick-dots { display: none !important; /* this bug sucks */ } }

@media screen and (max-width: 768px) { .show-768 { display: block !important; }
  .hide-768 { display: none !important; }
  #header { height: 67px; overflow: visible; }
  #header .wrap { padding: 0; }
  #header .upper { height: 33px; }
  #header .left { height: 33px; padding: 4px 20px; }
  #header .left span { width: 2px; height: 20px; margin-top: 2px; }
  #header .logo { width: 165px; }
  #header .logo-3d { width: 90px; }
  #header .right { float: none; display: block; height: 33px; clear: both; }
  #header .nav-toggle { width: 54px; height: 33px; float: none; position: absolute; top: 33px; right: 0; cursor: pointer; background-color: rgba(46, 52, 56, 0.7); z-index: 20; }
  #header .nav-toggle span, #header .nav-toggle:before, #header .nav-toggle:after { content: ''; width: 20px; height: 3px; border-radius: 2px; background: #B0B9BE; display: block; position: absolute; pointer-events: none; left: 17px; }
  #header .nav-toggle:before { top: 9px; transition: top 0.2s ease 0.2s, opacity 0s ease 0.2s; }
  #header .nav-toggle span { top: 15px; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; transition: top 0.1s ease 0.2s, width 0.1s ease, left 0.1s ease, -webkit-transform 0.1s ease; transition: top 0.1s ease 0.2s, transform 0.1s ease, width 0.1s ease, left 0.1s ease; transition: top 0.1s ease 0.2s, transform 0.1s ease, width 0.1s ease, left 0.1s ease, -webkit-transform 0.1s ease; }
  #header .nav-toggle:after { top: 21px; -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; transition: top 0.1s ease 0.2s, width 0.1s ease, left 0.1s ease, -webkit-transform 0.1s ease; transition: top 0.1s ease 0.2s, transform 0.1s ease, width 0.1s ease, left 0.1s ease; transition: top 0.1s ease 0.2s, transform 0.1s ease, width 0.1s ease, left 0.1s ease, -webkit-transform 0.1s ease; }
  #header .nav-toggle:hover span, #header .nav-toggle:hover:before, #header .nav-toggle:hover:after { background: #fff; }
  #header .nav-toggle.x { background: #fff; }
  #header .nav-toggle.x span, #header .nav-toggle.x:before, #header .nav-toggle.x:after { background: #78848B; }
  #header .nav-toggle.x:before { top: 21px; opacity: 0; transition: top 0.1s ease, opacity 0s ease 0.2s; }
  #header .nav-toggle.x span { top: 21px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 20px; left: 20px; transition: top 0.1s ease, width 0.1s ease 0.2s, left 0.1s ease 0.2s, -webkit-transform 0.1s ease 0.2s; transition: top 0.1s ease, transform 0.1s ease 0.2s, width 0.1s ease 0.2s, left 0.1s ease 0.2s; transition: top 0.1s ease, transform 0.1s ease 0.2s, width 0.1s ease 0.2s, left 0.1s ease 0.2s, -webkit-transform 0.1s ease 0.2s; }
  #header .nav-toggle.x:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 20px; left: 12px; transition: top 0.1s ease, width 0.1s ease 0.2s, left 0.1s ease 0.2s, -webkit-transform 0.1s ease 0.2s; transition: top 0.1s ease, transform 0.1s ease 0.2s, width 0.1s ease 0.2s, left 0.1s ease 0.2s; transition: top 0.1s ease, transform 0.1s ease 0.2s, width 0.1s ease 0.2s, left 0.1s ease 0.2s, -webkit-transform 0.1s ease 0.2s; }
  #header #main-nav { display: none; height: auto; padding: 0; background: none; position: absolute; top: auto; width: 100%; z-index: 19; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16); }
  #header #main-nav > ul { display: block; background: #fff; padding: 20px; letter-spacing: 0.08em; }
  #header #main-nav > ul > li { display: block; height: auto; max-height: none; background-image: linear-gradient(to right, black 20%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 6px 1px; background-repeat: repeat-x; font-size: 17px; padding: 8px 0; text-align: left; }
  #header #main-nav > ul > li.sep { display: none; }
  #header #main-nav > ul > li > a { color: #DC3B41; padding: 5px 0; }
  #header #main-nav > ul > li .expand { display: inline-block; float: right; width: 23px; height: 23px; cursor: pointer; font-size: 14px; margin-top: 6px; }
  #header #main-nav > ul > li .expand:before { position: relative; top: 4px; left: 5px; }
  #header #main-nav > ul > li:last-child { background: none; }
  #header #main-nav > ul ul { display: none; position: relative; height: auto; padding: 7px 0 8px 14px; top: 0; }
  #header #main-nav > ul ul li.track { left: 0; top: 7px; height: calc(100% - 15px); }
  #header #main-nav .util { font: 13px/1 'RobotoCondensed'; color: #fff; padding: 10px 20px; background-color: rgba(46, 52, 56, 0.7); }
  #header #main-nav .util .phone { display: inline-block; padding: 8px 0; }
  #header #main-nav .util ul { float: right; }
  #header #main-nav .util ul li { display: inline-block; margin-left: 5px; }
  #header #main-nav .util ul li a { color: #B0B9BE; display: inline-block; padding: 5px 0; }
  #header #main-nav .util ul li a:hover { color: #fff; }
  #header .search { height: 33px; line-height: 33px; margin-right: 0; font-size: 17px; position: relative; top: 0; left: 0; width: calc(100% - 54px) !important; }
  #header .search form { background-color: rgba(46, 52, 56, 0.87); top: 0px; right: 0; width: 100% !important; height: 33px; transition: height 0.2s; }
  #header .search form input { height: 33px; line-height: 33px; }
  #header .search .search-toggle { font-size: 15px; position: absolute; top: 2px; right: 8px; background: none; padding: 0; line-height: 33px; }
  .banner .text h3 { font-size: 18px; }
  .banner .text h2 { font-size: 24px; }
  .feat-machines #machine-photos { top: 80px; }
  .feat-machines p { font-size: 14px; }
  #home-icons .icoimg { background-size: auto 450px; background-position: top center; background-repeat: no-repeat; width: 100%; }
  #home-icons .grad { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, #000 450px, #000 100%); }
  #home-icons h3 { font-size: 24px; }
  #home-icons h4 { font-size: 18px; }
  #home-icons #icons { background-image: linear-gradient(to right, #909090 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 6px 1px; background-repeat: repeat-x; margin-top: 35px; padding-top: 35px; }
  #home-icons li { background: none; }
  #home-icons .slick-dots li { font-size: 0; padding: 0; width: 13px; border-color: #78848B; }
  #home-icons .slick-dots li:hover { background: rgba(120, 132, 139, 0.5); }
  #home-icons .slick-dots li.slick-active { background: #78848B; }
  #news-events #events { float: none; width: 100%; }
  #news-events #news { float: none; width: 100%; background-image: linear-gradient(to right, #909090 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 6px 1px; background-repeat: repeat-x; margin-top: 30px; padding: 30px 0 0; }
  #news-events img { max-width: 240px; }
  #video .video { float: none; display: block; width: 100%; margin-bottom: 30px; }
  #video .video img { width: 100%; max-width: 509px; margin: 0 auto; display: block; }
  #video .text { width: 100%; margin-right: 0; }
  #video h3 { font-size: 22px; }
  .banner:before, .banner:after, #home-icons:before, #home-icons:after { height: 10px; }
  .banner:before, #home-icons:before { left: -5px; }
  .banner:after, #home-icons:after { right: -5px; }
  .feat-machines .teeth { top: -10px; }
  .feat-machines .teeth .tooth { height: 10px; }
  .feat-machines .teeth .tooth.left { left: -5px; }
  .feat-machines .teeth .tooth.right { right: -5px; }
  .cog { width: 20px; height: 35px; -webkit-transform: perspective(50px) rotateX(-60deg); transform: perspective(50px) rotateX(-60deg); margin-left: -10px; }
  .cog.bot { bottom: -35px; }
  #content-left { width: 100%; float: none; padding-bottom: 40px; }
  #sidebar { width: 100%; float: none; margin: 0 auto; }
  #sidebar .info-form { padding-left: 0; border-left: none; }
  #sidebar .rep .bgimg { background-size: cover; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }
  #recent .item { width: 100%; margin-right: 20px; }
  #recent .slick-dots { padding-top: 20px; }
  #recent .slick-dots li { border-color: #78848B; }
  #recent .slick-dots li.slick-active { background: #78848B; }
  #title { padding-top: 80px; }
  #title h1 { font-size: 42px; margin-top: 20px; }
  .main h5, .main h6 { font-size: 17px; }
  .main h1, .main h2, .main h3 { font-size: 26px; }
  .main h4 { font-size: 20px; }
  #brand-grid .brand { width: 48%; }
  #brand-grid h4 { font-size: 18px; }
  #brand-grid ul { font-size: 13px; }
  .scroll { white-space: nowrap; overflow-x: auto; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 0 0 10px; }
  .brandLogos { display: block; }
  .brandLogos .logo { width: 90px; display: inline-block; }
  .brandLogos .logo:last-child { margin-right: 20px; }
  #filters { padding: 20px 0; margin-bottom: 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #filters .select-menu, #filters .keyword, #filters button { width: 48%; margin-bottom: 20px; }
  #filters .select-menu:nth-last-child(-n+2), #filters .keyword:nth-last-child(-n+2), #filters button:nth-last-child(-n+2) { margin-bottom: 0; }
  #filters.tpl-vids .empty { display: none; }
  #filters.tpl-vids .select-menu { width: 41%; }
  #filters.tpl-prods .empty:nth-child(5) { display: none; }
  #filters.tpl-prods .select-menu { width: 41%; }
  #filters.tpl-media .reset-filters, #filters.tpl-cs .reset-filters { margin: 0 auto; }
  #media-landing > div { width: 47%; }
  #media-landing .media { margin-bottom: 40px; }
  #info-form .gform_heading, #info-form .gform_body { width: 100%; }
  #info-form .gform_heading { margin-bottom: 20px; }
  #case-studies .cs { width: 100%; padding-bottom: 60px; margin-left: 0 !important; }
  #case-studies .text { padding-right: 0; }
  #tab-content #over .main, #tab-content #demo .main { width: 100%; float: none; }
  #tab-content .logo { float: none; margin: 0 auto; display: block; }
  #tab-content .gallery { width: 100%; max-width: 595px; float: none; margin: 30px auto; }
  #tab-content .gallery .gallery-small { text-align: center; }
  #products h3 { font-size: 18px; }
  #vid-container .vid { float: none; width: 100%; margin: 0 auto 30px; }
  #vid-container p { padding-right: 0; }
  #quot .gfield { width: 100% !important; display: block; margin-right: 0; }
  #offices .office { width: 50%; }
  #offices .office.dot-right { background: none; }
  #fourohfour { padding: 80px 20px 60px; }
  #fourohfour h4 { font-size: 40px; }
  #fourohfour h5 { font-size: 17px; }
  #results .type { float: none; }
  #results .text { padding: 12px 0; }
  #pagination.prods { text-align: center; }
  #pagination.prods .ppp { float: none; text-align: center; } }

/* End 768 */
@media screen and (max-width: 640px) { .feat-machines.desktop { display: none; }
  .feat-machines.mobile { display: block; }
  #news-events img { float: none; display: block; margin: 0 auto 20px; width: 320px; max-width: 100%; }
  #news-events .text { padding-right: 0; }
  #footer .left { display: none; }
  #footer .right { float: none; text-align: right; }
  #footer .right .phone { float: left; }
  #int-featured .feat { position: relative; width: 100%; height: auto; -webkit-transform: none; -ms-transform: none; transform: none; top: 0; max-width: 500px; margin: 0 auto 30px; display: block; }
  #int-featured .text { padding-right: 0; }
  #pagination .page-numbers { width: 28px; height: 28px; line-height: 26px; font-size: 14px; }
  dl dt, dl dd { width: 100%; display: block; }
  dl dt { background: #F5F5F5; }
  dl dd { background-image: linear-gradient(to right, #909090 20%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 6px 1px; background-repeat: repeat-x; }
  #tab-content h4 { font-size: 18px; }
  #quot .left, #quot .right { float: none; width: 100%; }
  #quot .right { margin-top: 40px; }
  #contact .left-col, #contact .right-col { float: none; width: 100%; }
  #filters.tpl-vids .select-menu { width: calc(50% - 10px); }
  #filters.tpl-vids .reset-filters { margin: 0 auto; } }

/* End 640 */
@media screen and (max-width: 560px) { .feat-machines.mobile .logo, .feat-machines.mobile h4 { float: none; margin: 0 auto; text-align: center; display: block; }
  .feat-machines.mobile .logo { margin: 10px auto; }
  #filters.tpl-prods .empty { display: none; }
  #filters.tpl-prods .select-menu { width: calc(100% - 100px); margin-bottom: 0; }
  /* end 560 */ }

@media screen and (max-width: 480px) { .video-lightbox:after { display: none; }
  .video-lightbox .text { padding: 20px; }
  #header #main-nav .util .phone { display: block; text-align: center; font-size: 16px; }
  #header #main-nav .util ul { float: none; text-align: center; }
  #header #main-nav .util ul li { margin: 0 4px; }
  #title h1 { font-size: 28px; }
  #title h1 small { font-size: 16px; }
  #title h2 { font-size: 17px; }
  #brand-grid .brand { width: 100%; }
  #media-landing .media { width: 100%; margin-bottom: 50px; }
  #info-form .column1, #info-form .column2 { margin: 0; width: 100%; float: none; }
  #contact .half { width: 100%; }
  #contact .half.first { margin-right: 0; }
  #offices .office { width: 100%; }
  #home-icons { background-position: center center !important; background-attachment: scroll; background-size: cover; }
  #filters .select-menu, #filters .keyword, #filters button { width: 100%; margin: 0 0 20px; }
  #filters.tpl-vids .select-menu { width: calc(100%); }
  #filters.tpl-vids .reset-filters { margin: 0 auto; }
  #filters.tpl-cs .reset-filters { margin: 15px auto 0; }
  #filters.tpl-media.news .reset-filters { margin-top: 15px; }
  #filters.tpl-media.events .select-menu { width: calc(100% - 100px); } }

/* End 480 */