/*css-reset-start*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

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

td, th {
    padding: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

#yui3-css-stamp.cssreset {
    display: none;
}

@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff !important;
    }

    .navbar {
        display: none;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}
/*css-reset-end*/

/*
1) Fonts, General Styles
--------------------------------*/
@font-face {
    font-family: 'FontAwesome';
    src: url('assets/fonts/fontawesome-webfont.eot?v=4.1.0');
    src: url('assets/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('assets/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('assets/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('assets/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto Medium') format('svg');
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto Black';
    src: url('../fonts/Roboto-Black.eot');
    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.woff2') format('woff2'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg#Roboto Black') format('svg');
}

@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto Light') format('svg');
}

*,
*:after,
*:before {
    margin: 0;
    padding: 0;
    /* Removes padding behaviour on widths */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16pt;
    line-height: 1.3;
    color: #000000;
}

a {
    color: #000000;
    text-decoration: none;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

    a:hover,
    a:focus {
        color: #000000;
        text-decoration: underline;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

    a:focus {
        outline: 0;
    }

h1, .h1 {
    font-size: 30pt;
    letter-spacing: 0.03em;
}

h2, .h2 {
    font-size: 24pt;
    font-family: 'Roboto Medium';
    letter-spacing: 0.03em;
}

h3, .h3 {
    font-size: 20pt;
    letter-spacing: 0.03em;
}

h4, .h4 {
    font-size: 16pt;
    letter-spacing: 0.03em;
}

h5, .h5 {
    font-size: 20px;
}

h6, .h6 {
    font-size: 1em;
}

p {
    margin: 0 0 20px;
    letter-spacing: 0.003em;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

    ul ul,
    ol ul,
    ul ol,
    ol ol {
        margin-bottom: 0;
    }

.clearfix {
    clear: both;
}

img {
    vertical-align: top;
}

.fa {
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fatop {
    vertical-align: top;
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-comments:before {
    content: "\f086";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-arrow-up:before {
    content: "\f062";
    color: #2bb673;
}

.fa-arrow-down:before {
    content: "\f063";
    color: #e90000;
}

.fa-angle-right:before {
    content: "\f105";
    margin: 0 2px;
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0;
}


/* ms scroll */
.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, /* auto-expanded scrollbar */
.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);
}
/*ms scroll end */

/*aos-css-start*/
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s
    }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translate(0)
    }

[data-aos=fade-up] {
    transform: translateY(50px)
}
/*aos-css-end*/

/**/
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

    .nice-select:hover {
        border-color: #dbdbdb;
    }

    .nice-select:active,
    .nice-select.open,
    .nice-select:focus {
        border-color: #999;
    }

    .nice-select:after {
        border-bottom: 2px solid #999;
        border-right: 2px solid #999;
        content: '';
        display: block;
        height: 5px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 5px;
    }

    .nice-select.open:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .nice-select.open .list {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .nice-select.disabled {
        border-color: #ededed;
        color: #999;
        pointer-events: none;
    }

        .nice-select.disabled:after {
            border-color: #cccccc;
        }

    .nice-select.wide {
        width: 100%;
    }

        .nice-select.wide .list {
            left: 0 !important;
            right: 0 !important;
        }

    .nice-select.right {
        float: right;
    }

        .nice-select.right .list {
            left: auto;
            right: 0;
        }

    .nice-select.small {
        font-size: 12px;
        height: 36px;
        line-height: 34px;
    }

        .nice-select.small:after {
            height: 4px;
            width: 4px;
        }

        .nice-select.small .option {
            line-height: 34px;
            min-height: 34px;
        }

    .nice-select .list {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 9;
    }

        .nice-select .list:hover .option:not(:hover) {
            background-color: transparent !important;
        }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 40px;
        list-style: none;
        min-height: 40px;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

        .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
            background-color: #f6f6f6;
        }

        .nice-select .option.selected {
            font-weight: bold;
        }

        .nice-select .option.disabled {
            background-color: transparent;
            color: #999;
            cursor: default;
        }

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}




/*
2) Grids
--------------------------------*/
.row:before, .row:after {
    content: "";
    display: table;
    clear: both;
}

[class*='col-'] {
    float: left;
    min-height: 1px;
}

.container {
    max-width: 1320px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}

select {
    appearance: none;
    -webkit-appearance: none;
}

    select:focus {
        outline: 0px;
        appearance: none;
        -webkit-appearance: none;
    }

.plr20 {
    padding: 0 20px;
}

input[type="text"], input[type="email"], textarea {
    outline: 0px;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
}

    input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
        outline: 0px;
        appearance: none;
        -webkit-appearance: none;
    }

.show_767 {
    display: none;
}

/*
3) Header
--------------------------------*/
header {
    width: 100%;
}

    header .container, .breadcrump .container {
        max-width: 100%;
        padding: 0 50px;
    }

.header-top {
    padding: 0 0 7px 0;
    background-color: #f3f4f4;
}

    .header-top ul {
        list-style: none;
        float: right;
        margin-bottom: 0;
    }

        .header-top ul li {
            display: inline-block;
            vertical-align: middle;
        }

            .header-top ul li.globe-icon span.globe-circle, .header-top ul li.globe-icon span.dummy {
                width: 21px;
                height: 21px;
                display: inline-block;
                background: url(../images/Globe_Grey.svg) no-repeat 0 0;
                background-size: cover;
                vertical-align: middle;
                margin-right: 5px;
            }

            .header-top ul li.globe-icon select {
                font-size: 15px;
                font-family: 'Roboto Medium';
                font-weight: normal;
                border: 0px;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                background-color: transparent;
                padding: 0px;
                height: auto;
                display: inline-block;
                vertical-align: middle;
                color: #707173;
                width: 90px;
                background: url(../images/dropdown-icon.png) no-repeat 100% 50%;
                cursor: pointer;
                outline: 0px;
                border: 0px;
            }

            .header-top ul li.video-icon {
                line-height: 1;
                margin-left: 15px;
                margin-top: 7px;
            }

                .header-top ul li.video-icon a {
                    width: 24px;
                    height: 22px;
                    display: inline-block;
                    background: url(../images/Video_Grey.svg) no-repeat 0 0;
                    background-size: cover;
                }

            .header-top ul li.phone-icon {
                line-height: 1;
                margin-left: 15px;
                margin-top: 7px;
            }

                .header-top ul li.phone-icon a {
                    width: 17px;
                    height: 21px;
                    display: inline-block;
                    background: url(../images/Telefon_Grey.svg) no-repeat 0 0;
                    background-size: cover;
                }

            .header-top ul li.search-icon {
                line-height: 1;
                margin-left: 15px;
                margin-top: 7px;
            }

                .header-top ul li.search-icon a {
                    width: 21px;
                    height: 21px;
                    display: inline-block;
                    background: url(../images/Search_Grey.svg) no-repeat 0 0;
                    background-size: cover;
                }

.header-main {
    padding: 35px 0px;
    border-bottom: 1px solid #f3f4f4;
    position: relative;
}

    .header-main.sticky {
        position: fixed;
        top: 0px;
        left: 0px;
        background-color: #fff;
        z-index: 9999;
        right: 0px;
    }

    .header-main .logo {
        float: left;
    }

        .header-main .logo img {
            height: 40px;
        }

    .header-main .menu {
        float: right;
    }

        .header-main .menu ul {
            list-style: none;
        }

            .header-main .menu ul li {
                display: inline-block;
                margin-left: 35px;
            }

                .header-main .menu ul li a {
                    font-size: 20px;
                    color: #707173;
                    font-family: 'Roboto Light', sans-serif;
                    font-weight: normal;
                }

                    .header-main .menu ul li a:hover,
                    .header-main .menu ul li a:focus {
                        text-decoration: none;
                        color: #000000;
                    }

                    .header-main .menu ul li a sup {
                        font-size: 12px;
                    }

.breadcrump {
    width: 100%;
    padding: 15px 0 15px 40px;
}

    .breadcrump ul {
        list-style: none;
        margin-bottom: 0px;
    }

        .breadcrump ul li {
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
            color: #afb0b1;
            font-family: 'Roboto';
            position: relative;
        }

            .breadcrump ul li:not(:last-child):after {
                content: '>';
                right: 0px;
                top: 0px;
                display: inline-block;
                vertical-align: middle;
                margin: 0 10px;
            }

            .breadcrump ul li a {
                color: #afb0b1;
                font-family: 'Roboto';
            }

            .breadcrump ul li sup {
                font-size: 10px;
            }

.header-top {
    position: relative;
}

.language-dropdown {
    position: absolute;
    right: 0;
    top: 115%;
    width: 347px;
    background-color: #f3f4f4;
    padding: 17px 28px 20px 28px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

    .language-dropdown.language-open {
        opacity: 1;
        visibility: visible;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

    .language-dropdown a label {
        cursor: pointer;
    }

.header-top .language-dropdown ul li {
    display: block;
    line-height: 1;
    margin-bottom: 9px;
}

.header-top .language-dropdown ul {
    margin-bottom: 0px;
}

.header-top .language-dropdown li {
    float: left;
    padding-right: 15px;
}

    .header-top .language-dropdown li:nth-child(2n+2) {
        padding-right: 62px;
        padding-left: 15px;
    }

.header-top .language-dropdown ul li a {
    position: relative;
    font-size: 15px;
    padding-left: 30px;
    color: #707173;
}

    .header-top .language-dropdown ul li a:hover,
    .header-top .language-dropdown ul li a:focus {
        text-decoration: none;
        color: #000;
    }

    .header-top .language-dropdown ul li a span:nth-child(1) {
        position: absolute;
        width: 14px;
        height: 14px;
        top: 2px;
        left: 0px;
        border-radius: 50%;
        border: 2px solid #767779;
    }

        .header-top .language-dropdown ul li a span:nth-child(1)::after {
            content: "";
            position: absolute;
            left: 3px;
            top: 3px;
            background-color: #000;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            opacity: 0;
        }

    .header-top .language-dropdown ul li a.active span:nth-child(1)::after {
        opacity: 1;
    }

.selected-text {
    font-size: 14px;
    font-family: 'Roboto Medium';
    color: #707173;
    cursor: pointer;
}

    .selected-text::after {
        content: "";
        background: url(../images/dropdown-arrow.png) no-repeat center;
        width: 8px;
        height: 4px;
        display: inline-block;
        vertical-align: 4px;
        margin-left: 18px;
    }
/*
4) Body Styles
--------------------------------*/
.hero-banner {
    width: 100%;
    padding-bottom: 30.875%;
    position: relative;
    background-position: center;
    background-size: cover;
}


.all_page_banner {
    background-size: cover;
}

.hero-banner.all_page_banner .tab_background_image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.hero-banner .swiper-container {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

    .hero-banner .swiper-container .swiper-slide {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }

        .hero-banner .swiper-container .swiper-slide img {
            display: none;
        }

.mobile-option {
    display: none;
}

.mobile_image {
    position: relative;
}

.banner-content {
    position: absolute;
    right: 40px;
    bottom: 40px;
    max-width: 525px;
    background-color: rgba(255,255,255,0.90);
    padding: 54px;
    font-size: 20px;
    z-index: 9;
}

    .banner-content.top-right {
        top: 40px;
        bottom: inherit;
    }

    .banner-content h1 {
        font-size: 30px;
        color: #004494;
        line-height: 1.2;
        font-family: 'Roboto Medium';
        margin-bottom: 15px;
    }

    .banner-content p {
        margin-bottom: 0px;
    }

.process-section {
    width: 100%;
    padding: 36px 0px;
}

    .process-section:after {
        clear: both;
        content: '';
        display: table;
    }

    .process-section .box {
        width: 14.285%;
        float: left;
        text-align: center;
    }

        .process-section .box img {
            transform: scale(1);
            transition: 0.5s all ease 0s;
            -webkit-transition: 0.5s all ease 0s;
            -moz-transition: 0.5s all ease 0s;
            -ms-transition: 0.5s all ease 0s;
        }

        .process-section .box:hover img {
            transform: scale(1.1);
            transition: 0.5s all ease 0s;
            -webkit-transition: 0.5s all ease 0s;
            -moz-transition: 0.5s all ease 0s;
            -ms-transition: 0.5s all ease 0s;
        }

    .process-section.eight_col_box .box {
        width: 12.5%;
    }

    .process-section .box:hover,
    .process-section .box:focus {
        text-decoration: none;
    }

    .process-section .box img {
        width: 60px;
        height: auto;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

    .process-section .box:hover img {
        opacity: 0.60;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

    .process-section .box span {
        display: block;
        margin-top: 15px;
        font-size: 16px;
        font-family: 'Roboto';
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

        .process-section .box span sup {
            font-size: 8px;
        }

    .process-section .box:hover span {
        font-family: 'Roboto Bold';
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

    .process-section .box.active span {
        font-family: 'Roboto Bold';
    }

.blue-section {
    background-color: #004494;
    padding: 20px 0px;
}

    .blue-section .box {
        float: left;
        width: 33.3333%;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        max-width: 400px;
        margin-right: 20px;
    }

        .blue-section .box span.img img {
            transform: scale(1);
            max-height: 42px;
            transition: 0.5s all ease 0s;
            -webkit-transition: 0.5s all ease 0s;
            -moz-transition: 0.5s all ease 0s;
            -ms-transition: 0.5s all ease 0s;
        }

        .blue-section .box:hover span.img img {
            transform: scale(1.1);
            transition: 0.5s all ease 0s;
            -webkit-transition: 0.5s all ease 0s;
            -moz-transition: 0.5s all ease 0s;
            -ms-transition: 0.5s all ease 0s;
        }

        .blue-section .box:nth-child(2) {
            justify-content: center;
            -webkit-justify-content: center;
        }

        .blue-section .box:nth-child(3) {
            justify-content: flex-end;
            -webkit-justify-content: flex-end;
            margin-right: 0px;
        }

    .blue-section.four_col .box:nth-child(3) {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        margin-right: 0px;
    }

    .blue-section .box span.img {
        width: 54px;
        height: 54px;
        float: left;
        margin-right: 10px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .blue-section .box span.text {
        float: left;
        font-size: 16px;
        color: #ffffff;
        font-family: 'Roboto';
        font-weight: normal;
        cursor: pointer;
    }

    .blue-section + .flexible-content, .hero-banner + .flexible-content {
        padding-top: 118px;
        padding-bottom: 0;
    }

    .blue-section.four_col .box {
        width: 25%;
        margin: 0;
        padding-right: 13px;
        max-width: 100%;
        text-decoration: none;
    }

        .blue-section.four_col .box:hover {
            text-decoration: none;
        }

    .blue-section.two_col .box {
        width: 25%;
    }

    .blue-section.four_col .box:last-child {
        margin-right: 0px;
        padding-right: 0;
        padding-left: 20px;
    }

    .blue-section.four_col .box span.img {
        margin-right: 10px;
    }

.video-section {
    padding: 123px 0px 145px;
}

.flexible-content {
    width: 100%;
    padding: 0px 0 85px;
}

.p46 {
    padding: 0 48px;
}

.flexible-content .inner {
    max-width: 976px;
    width: 100%;
}

    .flexible-content .inner h2, .flexible-content .inner h1 {
        margin-bottom: 28px;
        font-family: 'Roboto Medium';
    }

        .flexible-content .inner h2 sup, .flexible-content .inner h1 sup {
            font-size: 18px;
        }

.flexible-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .flexible-content ul li {
        display: inline-block;
        width: 100%;
        position: relative;
        letter-spacing: 0.025em;
        padding-bottom: 7px;
        padding-left: 56px;
    }

        .flexible-content ul li:before {
            content: "";
            background-image: url(../images/right-arrow-blue.png);
            background-repeat: no-repeat;
            background-size: cover;
            width: 21px;
            height: 19px;
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            left: 0;
            top: 7px;
        }

.two-column {
    padding-top: 25px;
}

    .two-column .box {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding: 60px 0px;
    }

        .two-column .box .content {
            width: 50%;
            float: left;
            padding-right: 90px;
            line-height: 1.25;
        }

            .two-column .box .content h4 {
                font-family: 'Roboto Medium';
                margin-bottom: 20px;
                font-size: 20pt;
            }

            .two-column .box .content a:not(.btn) {
                color: #034791;
                text-decoration: underline;
            }

            .two-column .box .content .btn {
                padding: 20px 30px;
                line-height: 1;
                text-align: center;
                display: inline-block;
                margin-top: 25px;
                font-size: 20px;
                transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
            }

                .two-column .box .content .btn:hover {
                    text-decoration: none;
                }

        .two-column .box .img {
            width: 50%;
            float: left;
            overflow: hidden;
        }

            .two-column .box .img img {
                transform: scale(1);
                transition: 0.5s all ease 0s;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

            .two-column .box .img:hover img {
                transform: scale(1.1);
                transition: 0.5s all ease 0s;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

        .two-column .box:nth-child(2n+2) .content {
            order: 2;
            -webkit-order: 2;
            padding-left: 90px;
            padding-right: 0px;
        }

        .two-column .box .content p.regular {
            font-family: 'Roboto Medium';
            margin-bottom: 30px;
        }

        .two-column .box.align-top {
            align-items: flex-start;
            -webkit-align-items: flex-start;
        }

        .two-column .box .content.content-right {
            padding-right: 0px;
            padding-left: 45px;
            padding-top: 57px;
        }
/* Two Columns End  */
.blockquote {
    width: 100%;
    padding: 50px 0 100px;
}

    .blockquote .content {
        background-color: #f3f4f4;
        padding: 52px 100px;
        font-size: 20px;
    }

        .blockquote .content blockquote {
            font-size: 24px;
            font-family: 'Roboto';
            max-width: 854px;
            margin-bottom: 30px;
            position: relative;
        }

            .blockquote .content blockquote:before {
                content: '«';
                font-size: 60px;
                position: absolute;
                left: -50px;
                top: -3px;
                display: inline-block;
                line-height: 0.6;
                vertical-align: top;
            }

        .blockquote .content span {
            font-family: 'Roboto Light', sans-serif;
        }

.product-slider {
    padding: 120px 0 0px;
}

    .product-slider .slder-img {
        padding-top: 60px;
        margin: 0 -38px;
    }

        .product-slider .slder-img .swiper-container {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            height: 100%;
        }

        .product-slider .slder-img .slider {
            padding-bottom: 56.25%;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
        }

.slder-img .slider .slider-content {
    position: absolute;
    right: 82px;
    bottom: 45px;
    max-width: 525px;
    width: 100%;
    font-size: 20px;
    padding: 54px;
    background-color: rgba(255,255,255,0.90);
    z-index: 9;
}

.slder-img .slider .swiper-container .swiper-button-next {
    top: 0px;
    bottom: 0px;
    width: 38px;
    right: 0px;
    margin-top: 0px;
    height: 100%;
    background: url(../images/slider-arrow-right.png) no-repeat 50% 50% / 10px auto;
}

.slder-img .slider .swiper-container .swiper-button-prev {
    top: 0px;
    bottom: 0px;
    width: 38px;
    left: 0px;
    margin-top: 0px;
    height: 100%;
    background: url(../images/slider-arrow-left.png) no-repeat 50% 50% / 10px auto;
}

.slder-img .slider .slider-content h4 {
    color: #004494;
    font-family: 'Roboto Medium';
    line-height: 1.2;
    margin-bottom: 15px;
}

.slder-img .slider .slider-content p {
    margin-bottom: 0px;
}

.slder-img .slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1;
    background: #1b448f;
}

    .slder-img .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #ffffff;
    }

.product-filter {
    width: 100%;
    display: inline-block;
    padding: 28px 0px;
}

    .product-filter .filter-main {
        width: auto;
        margin: 0 -38px;
    }

.filter-main .box {
    width: calc( 25% - 25px );
    float: left;
    margin-right: 33px;
}

    .filter-main .box:last-child {
        margin-right: 0px;
    }

    .filter-main .box select {
        width: 100%;
        height: 56px;
        border: 0px;
        outline: 0px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        color: #004494;
        font-size: 20px;
        font-family: 'Roboto Medium';
        padding: 0 20px;
        background: url(../images/blue-dropdown.png) no-repeat calc( 100% - 15px) 50%;
        background-color: #f3f4f4;
    }

    .filter-main .box .nice-select {
        background-color: #f3f4f4;
        border: 0px;
        width: 100%;
        height: 56px;
        line-height: 56px;
        border-radius: 0px;
    }

.filter-main .nice-select::after {
    border: 0px;
    width: 18px;
    height: 10px;
    background: url(../images/blue-dropdown.png) no-repeat 0 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.filter-main .nice-select.open::after {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    right: 20px;
    top: 26px;
}

.filter-main .nice-select.open .list {
    width: 100%;
    border-radius: 0px;
    border: 0px;
}

.filter-main .nice-select .option {
    color: #004494;
}

.filter-main .box .nice-select span {
    font-size: 20px;
    font-family: 'Roboto Medium';
    color: #004494;
}

.filter-main .box input[type="text"] {
    width: 100%;
    height: 56px;
    border: 0px;
    background-color: #f3f4f4;
    outline: 0px;
    font-size: 20px;
    font-family: 'Roboto Medium';
    padding: 0 20px;
    text-align: center;
    color: #004494;
}

.filter-main .box .checkbox {
    float: left;
    margin-right: 23px;
    padding-top: 8px;
}

    .filter-main .box .checkbox input[type="checkbox"] {
        opacity: 0;
        position: relative;
        z-index: 9;
    }

    .filter-main .box .checkbox:last-child {
        margin-right: 0px;
    }

    .filter-main .box .checkbox label {
        font-size: 16px;
        font-family: 'Roboto Medium';
        position: relative;
    }

        .filter-main .box .checkbox label:before {
            position: absolute;
            content: '';
            left: -20px;
            top: 2px;
            width: 14px;
            height: 14px;
            border: 1px solid #000000;
        }

    .filter-main .box .checkbox input[type="checkbox"]:checked + label:before {
        background: url(../images/checked-box.png) no-repeat 0 0 / cover;
        border: 0px;
    }

.filter-main .box .filter_close {
    color: #004494;
    font-size: 20px;
    text-align: center;
    padding-top: 15px;
}

    .filter-main .box .filter_close span {
        cursor: pointer;
    }

        .filter-main .box .filter_close span img {
            max-width: 18px;
            vertical-align: middle;
            margin-left: 23px;
        }

.product-list {
    width: auto;
    margin: 0 -55px;
}

    .product-list:after {
        clear: both;
        content: '';
        display: table;
    }

    .product-list .box {
        width: 25%;
        padding: 0 17px;
        float: left;
    }

        .product-list .box .img {
            position: relative;
            overflow: hidden;
        }

            .product-list .box .img span {
                position: absolute;
                right: 20px;
                top: 20px;
                padding: 11px 14px;
                font-size: 16px;
                display: inline-block;
                background: #ffffff;
                text-align: center;
                color: #004494;
                font-family: 'Roboto';
            }

            .product-list .box .img span.new {
                left: 12px;
                right:unset;
                top: 20px;                
            }

        .product-list .box img {
            max-width: 100%;
            width: 100%;
            height: auto;
            transform: scale(1);
            transition: 0.5s all ease 0s;
            -webkit-transition: 0.5s all ease 0s;
            -moz-transition: 0.5s all ease 0s;
            -ms-transition: 0.5s all ease 0s;
        }

        .product-list .box:hover .img img {
            transform: scale(1.1);
            transition: 0.5s all ease 0s;
            -webkit-transition: 0.5s all ease 0s;
            -moz-transition: 0.5s all ease 0s;
            -ms-transition: 0.5s all ease 0s;
        }

        .product-list .box .content {
            padding: 25px 20px;
            background-color: #f3f4f4;
            font-size: 16px;
            position: relative;
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            margin-top: -1px;
        }

            .product-list .box .content h5 {
                font-size: 16px;
                font-family: 'Roboto Medium';
            }

            .product-list .box .content a {
                position: absolute;
                width: 10px;
                height: 17px;
                background: url(../images/right-arrow.png) no-repeat 0 0;
                right: 30px;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
            }

        .product-list .box:hover .content {
            background-color: rgba(0,68,148,0.60);
            color: #fff;
        }

            .product-list .box:hover .content a {
                background: url(../images/right-arrow-white-hover.png) no-repeat 0 0;
                width: 10px;
                height: 17px;
            }

.product-filter-main {
    padding-bottom: 100px;
}

    .product-filter-main .btn.load-more {
        text-align: center;
        display: inline-block;
        margin-top: 80px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
    }

        .product-filter-main .btn.load-more:hover,
        .product-filter-main .btn.load-more:focus {
            text-decoration: none;
        }

.btn, input[type="submit"], button {
    display: inline-block;
    background-color: #004494;
    color: #fff;
    font-size: 16pt;
    border: 0;
    padding: 17px 50px;
    font-family: 'Roboto Light';
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    cursor: pointer;
    border-radius: 0;
}

    .btn:hover, input[type="submit"]:hover, button:hover {
        background-color: rgba(0,68,148,0.60);
        color: #fff;
        text-decoration: none;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -ms-transition: all .5s ease;
    }

    .btn:focus, input[type="submit"]:focus, button:focus {
        text-decoration: none;
    }

    .btn.gray {
        background-color: #e8e8e9;
        color: #004096;
    }

        .btn.gray:hover {
            background-color: #fbfbfb;
        }

.allsection_title {
    max-width: 840px;
    padding-bottom: 50px;
}

    .allsection_title h2 {
        color: #000;
        line-height: 1.1;
    }

.machine_threecol_section {
    padding: 70px 0;
}

    .machine_threecol_section .allsection_title h2 {
        letter-spacing: normal;
    }

    .machine_threecol_section:after {
        content: "";
        display: table;
        clear: both;
    }

.inner_three_mechine {
    width: auto;
    margin: 0 -19px;
    display: flex;
    display: -webkit-flex;
}

.mechine_col {
    float: left;
    width: 33.33%;
    padding: 19px 19px;
    display: flex;
    display: -webkit-flex;
}

    .mechine_col .inner_mechine_col {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        background-color: #f3f4f4;
        width: 100%;
    }

        .mechine_col .inner_mechine_col:hover .product_description {
            background-color: rgba(0,68,148,0.60);
            color: #fff;
        }

        .mechine_col .inner_mechine_col .product_img {
            position: relative;
            overflow: hidden;
        }

            .mechine_col .inner_mechine_col .product_img img {
                transform: scale(1);
                transition: 0.5s all ease 0s;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

        .mechine_col .inner_mechine_col:hover .product_img img {
            transform: scale(1.1);
            transition: 0.5s all ease 0s;
            -webkit-transition: 0.5s all ease 0s;
            -moz-transition: 0.5s all ease 0s;
            -ms-transition: 0.5s all ease 0s;
        }

.product_img_bg_col {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    display: -webkit-flex;
}

    .product_img_bg_col .product_img {
        transform: scale(1);
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

.mechine_col .inner_mechine_col:hover .product_img_bg_col .product_img {
    transform: scale(1.1);
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

.mechine_col .inner_mechine_col .product_img_bg_col .innovation {
    position: absolute;
    right: 20px;
    top: 20px;
}

.product_img_bg_col .innovation .inner_innovation {
    background-color: #fff;
    color: #004494;
    font-size: 16px;
    font-family: 'Roboto';
    letter-spacing: 0.02em;
    padding: 10px 19px;
}

.mechine_col .inner_mechine_col .product_img_bg_col .views {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.product_img_bg_col .views .inner_views {
    background-color: #fff;
    color: #004494;
    font-size: 16px;
    font-family: 'Roboto';
    letter-spacing: 0.02em;
    padding: 10px 19px;
}

    .product_img_bg_col .views .inner_views img {
        vertical-align: middle;
        position: relative;
        top: -2px;
        margin-right: 10px;
    }

.mechine_col .product_description {
    background-color: #f3f4f4;
    padding: 30px 40px 30px 20px;
    display: inline-block;
    width: 100%;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

    .mechine_col .product_description:hover {
        text-decoration: none;
    }

    .mechine_col .product_description .right_arrow {
        position: absolute;
        right: -8px;
        top: 68%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

        .mechine_col .product_description .right_arrow .normal {
        }

        .mechine_col .product_description .right_arrow .on_hover {
            display: none;
        }

.mechine_col .inner_mechine_col:hover .product_description .right_arrow .on_hover {
    display: inline-block;
}

.mechine_col .inner_mechine_col:hover .product_description .right_arrow .normal {
    display: none;
}

@media only screen and (max-width: 1440px) {
    .mechine_col .product_description .right_arrow {
        right: -22px;
    }
}

.mechine_col .product_description h6 {
    font-size: 16px;
    font-family: 'Roboto Medium';
    letter-spacing: 0.02em;
}

.mechine_col .product_description .para {
    position: relative;
}

.mechine_col .product_description p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.02em;
    font-family: 'Roboto';
}

.load_more_btn {
    padding-top: 70px;
    text-align: center;
}

.blog_slider_section {
    padding: 80px 0;
}

    .blog_slider_section:after {
        content: "";
        display: table;
        clear: both;
    }

    .blog_slider_section .allsection_title {
        max-width: 940px;
    }

.inner_blog_slider {
}

.blog_detail_top {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.blog_top_bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 56.19%;
    position: relative;
    transform: scale(1);
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

.blog_detail_top:hover .blog_top_bg {
    transform: scale(1.1);
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

.blog_detail_top .blog_details {
    position: absolute;
    right: 50px;
    top: 50px;
    max-width: 630px;
}

    .blog_detail_top .blog_details .blog_details_inner {
        background-color: rgba(255,255,255,0.90);
        padding: 38px;
    }

        .blog_detail_top .blog_details .blog_details_inner h6 {
            font-size: 14px;
            font-family: 'Roboto';
            padding-bottom: 18px;
        }

        .blog_detail_top .blog_details .blog_details_inner h4 {
            font-family: 'Roboto Medium';
            color: #004494;
            line-height: 1.06;
        }

.three_blog_col .product_img {
    width: 100%;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 53.5%;
}

.three_blog_col .inner_mechine_col:hover {
    text-decoration: none;
}

.three_blog_col .product_description h6 {
    padding-bottom: 18px;
}

.three_blog_col .product_description .para p {
    line-height: normal;
}

.three_blog_col .product_description .right_arrow {
    padding-top: 30px;
    position: static;
    float: right;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

.subscribe_col {
    padding: 40px 34px;
}

    .subscribe_col .inner_subscribe h4 {
        color: #004494;
        letter-spacing: 0.03em;
        line-height: 1.13;
        font-family: 'Roboto Medium';
        max-width: 270px;
        padding-bottom: 18px;
    }

    .subscribe_col .inner_subscribe h6 {
        font-size: 16px;
        font-family: 'Roboto';
        letter-spacing: 0.02em;
        line-height: 1.25;
    }

    .subscribe_col .inner_subscribe input[type="email"] {
        background-color: #fff;
        font-size: 20px;
        color: #000;
        letter-spacing: 0.03em;
        outline: 0;
        border: 0;
        height: 58px;
        border-radius: 0;
        font-family: 'Roboto';
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 15px;
    }

    .subscribe_col .inner_subscribe ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #c5c6c8;
        opacity: 1;
    }

    .subscribe_col .inner_subscribe ::-moz-placeholder { /* Firefox 19+ */
        color: #c5c6c8;
        opacity: 1;
    }

    .subscribe_col .inner_subscribe :-ms-input-placeholder { /* IE 10+ */
        color: #c5c6c8;
        opacity: 1;
    }

    .subscribe_col .inner_subscribe :-moz-placeholder { /* Firefox 18- */
        color: #c5c6c8;
        opacity: 1;
    }

.subscribe_form {
    padding-top: 25px;
}

    .subscribe_form .single_row {
        display: flex;
        display: -webkit-flex;
    }

        .subscribe_form .single_row input[type="submit"] {
            margin-left: 20px;
        }

    .subscribe_form label {
        width: 100%;
    }

    .subscribe_form .check_text {
        font-size: 12px;
        letter-spacing: 0.02em;
        line-height: normal;
        display: inline-block;
        width: 100%;
        font-family: 'Roboto';
        padding: 25px 0 0;
        max-width: 300px;
    }

        .subscribe_form .check_text a {
            text-decoration: underline;
        }

.check_box {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 7px 0 50px;
}

    .check_box input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
}

.check_box input:checked ~ .checkmark {
    background-color: #fff;
}

.check_box .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.check_box input:checked ~ .checkmark:after {
    display: block;
}

.check_box .checkmark:after {
    content: "";
    left: 7px;
    top: 4px;
    width: 7px;
    height: 12px;
    border: solid #004494;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bottom_news_letter {
    padding-top: 14px;
}

    .bottom_news_letter:after {
        content: "";
        display: table;
        clear: both;
    }

.inner_news_letter {
    background-color: #f3f4f4;
}

    .inner_news_letter .subscribe_col {
        padding: 50px 45px;
    }

    .inner_news_letter .inner_subscribe {
        max-width: 690px;
    }

    .inner_news_letter .subscribe_col .inner_subscribe h4 {
        max-width: 100%;
    }

    .inner_news_letter .subscribe_form .check_text {
        max-width: 100%;
        margin-left: 32px;
        padding-top: 0;
        position: relative;
        top: -9px;
    }

    .inner_news_letter .subscribe_form .check_box {
        margin-bottom: 0;
        margin-top: 20px;
    }

.social_share_section {
    padding: 60px 0;
}

    .social_share_section.news_share {
        padding-bottom: 40px;
    }

    .social_share_section:after {
        content: "";
        display: table;
        clear: both;
    }

.social_share_inner {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

    .social_share_inner .tags h4 {
        color: #004494;
        font-family: 'Roboto Bold';
        letter-spacing: 0.03em;
        padding-bottom: 8px;
    }

    .social_share_inner .tags p {
        font-size: 16px;
        color: #797979;
        letter-spacing: 0.02em;
    }

.social_links {
    padding-top: 26px;
}

    .social_links ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .social_links ul li {
            display: inline-block;
            padding-right: 32px;
        }

            .social_links ul li:last-child {
                padding-right: 0;
            }

            .social_links ul li a {
                color: #d4d4d5;
            }

                .social_links ul li a:hover {
                    color: #000;
                }

.social_share_inner .right {
    padding-right: 57px;
}

    .social_share_inner .right .btn {
        margin-top: 5px;
    }

.contact-info {
    width: 100%;
    padding: 40px 0px;
}

    .contact-info.news_info {
        padding-top: 0;
    }

.contact-info-inner {
    background: #f3f4f4;
    padding: 50px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
}

    .contact-info-inner .left {
        width: 40%;
        float: left;
        padding-left: 50px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

        .contact-info-inner .left .img {
            width: 142px;
            float: left;
            margin-right: -142px;
        }

            .contact-info-inner .left .img img {
                transform: scale(1);
                transition: 0.5s all ease 0s;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

            .contact-info-inner .left .img:hover img {
                transform: scale(1.1);
                transition: 0.5s all ease 0s;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

        .contact-info-inner .left .content {
            float: left;
            width: 100%;
            padding-left: 182px;
            font-size: 16px;
            font-family: 'Roboto';
        }

            .contact-info-inner .left .content span.name {
                font-size: 20px;
                font-family: 'Roboto Bold';
                color: #004494;
                display: block;
                margin-top: 25px;
            }

    .contact-info-inner .right {
        float: left;
        width: 60%;
    }

        .contact-info-inner .right ul {
            list-style: none;
        }

            .contact-info-inner .right ul li {
                float: left;
                width: 50%;
                font-size: 16px;
                font-family: 'Roboto';
                text-align: center;
            }

                .contact-info-inner .right ul li i {
                    width: 40px;
                    height: 40px;
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 14px;
                }

                .contact-info-inner .right ul li a:hover,
                .contact-info-inner .right ul li a:focus {
                    text-decoration: none;
                }

                .contact-info-inner .right ul li i.main-icon {
                    background: url(../images/contact-icon.svg) no-repeat 0 0;
                    transform: scale(1);
                    transition: 0.5s all ease 0s;
                    -webkit-transition: 0.5s all ease 0s;
                    -moz-transition: 0.5s all ease 0s;
                    -ms-transition: 0.5s all ease 0s;
                }

                .contact-info-inner .right ul li i.download-icon {
                    background: url(../images/download-icon.svg) no-repeat 0 0;
                    transform: scale(1);
                    transition: 0.5s all ease 0s;
                    -webkit-transition: 0.5s all ease 0s;
                    -moz-transition: 0.5s all ease 0s;
                    -ms-transition: 0.5s all ease 0s;
                }

                .contact-info-inner .right ul li a:hover i {
                    transform: scale(1.1);
                    transition: 0.5s all ease 0s;
                    -webkit-transition: 0.5s all ease 0s;
                    -moz-transition: 0.5s all ease 0s;
                    -ms-transition: 0.5s all ease 0s;
                }

.accordion {
    width: 100%;
    padding: 100px 0 50px;
}

.accordion-main {
    border-top: 2px solid #c5c6c8;
    margin-top: 55px;
}

    .accordion-main .box {
        width: 100%;
        display: inline-block;
        border-bottom: 2px solid #c5c6c8;
    }

        .accordion-main .box > span {
            display: block;
            padding: 20px 25px;
            font-family: 'Roboto Medium';
            cursor: pointer;
            background: url(../images/accordion-drop-down.png) no-repeat 98% 50%;
        }

        .accordion-main .box .content {
            display: none;
        }

        .accordion-main .box > span:hover {
            color: #004494;
        }

        .accordion-main .box.active > span {
            color: #004494;
            background: url(../images/accordion-drop-down-active.png) no-repeat 98% 50%;
        }

        .accordion-main .box .content .inner {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            padding: 20px 0 40px;
        }

        .accordion-main .box .content .left {
            width: 50%;
            float: left;
            overflow: hidden;
        }

            .accordion-main .box .content .left img {
                transform: scale(1);
                transition: 0.5s all ease 0s;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

            .accordion-main .box .content .left:hover img {
                transform: scale(1.1);
                transition: 0.5s all ease 0s;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

        .accordion-main .box .content .right {
            width: 50%;
            float: left;
            padding: 0 50px;
            font-family: 'Roboto';
        }

.kontact-form {
    padding: 90px 0px 30px;
}

    .kontact-form h2 {
        margin-bottom: 30px;
    }

.kontact-form-inner {
    background-color: #f3f4f4;
    padding: 60px 0px 90px;
}

    .kontact-form-inner h4 {
        font-size: 30px;
        font-family: 'Roboto Medium';
        color: #004494;
        margin-bottom: 30px;
    }

    .kontact-form-inner form {
        padding: 30px 0 0;
    }


.radiobtn-main {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

    .tr .radiobtn,
    .radiobtn-main .radiobtn {
        float: left;
        margin-right: 23px;
        position: relative;
    }

        .tr .radio input[type="radio"],
        .radiobtn-main .radiobtn input[type="radio"] {
            position: absolute;
            z-index: 1;
            opacity: 0;
            left: 3px;
            top: 9px;
        }

        .tr .radio label,
        .radiobtn-main .radiobtn label {
            font-size: 12px;
            font-family: 'Roboto';
            position: relative;
            padding-left: 35px;
        }

            .tr .radio label:before,
            .radiobtn-main .radiobtn label:before {
                width: 20px;
                height: 20px;
                background-color: #ffffff;
                content: '';
                position: absolute;
                left: 0px;
                top: -4px;
            }

            .tr .radio label:after,
            .radiobtn-main .radiobtn label:after {
                content: "";
                left: 7px;
                top: -1px;
                width: 7px;
                height: 12px;
                position: absolute;
                border: solid #004494;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                opacity: 0;
            }

        .tr .radio input[type="radio"]:checked + label:after,
        .radiobtn-main .radiobtn input[type="radio"]:checked + label:after {
            opacity: 1;
        }

.textbox-main {
    width: 100%;
    display: inline-block;
}

    .textbox-main .textbox {
        width: 49%;
        float: left;
        margin-bottom: 28px;
    }

        .textbox-main .textbox:nth-child(2n+2) {
            float: right;
        }

        .tr .td label,
        .textbox-main .textbox label {
            display: block;
            font-size: 12px;
            font-family: 'Roboto';
            margin-bottom: 8px;
        }

        .tr .td select,
        .textbox-main .textbox select {
            width: 100%;
            border: 0px;
            height: 58px;
            padding: 0 20px;
            color: #c6c6c7;
            font-family: 'Roboto';
            font-size: 16px;
            background: url(../images/accordion-drop-down.png) no-repeat calc( 100% - 15px ) 50%;
            background-color: #ffffff;
        }

        .tr .td .nice-select,
        .textbox-main .textbox .nice-select {
            width: 100%;
            border: 0px;
            height: 58px;
            padding: 0 20px;
            line-height: 58px;
            border-radius: 0px;
        }

            .tr .td .nice-select span,
            .textbox-main .textbox .nice-select span {
                color: #c6c6c7;
                font-family: 'Roboto';
                font-size: 16px;
            }

            .tr .td .nice-select:after,
            .textbox-main .textbox .nice-select:after {
                background: url(../images/accordion-drop-down.png) no-repeat 0 0;
                width: 22px;
                height: 12px;
                transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                border: 0px;
            }

            .tr .td .nice-select.open:after,
            .textbox-main .textbox .nice-select.open:after {
                transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                right: 20px;
                top: 22px;
            }

            .tr .td .nice-select.open .list,
            .textbox-main .textbox .nice-select.open .list {
                width: 100%;
                border-radius: 0px;
            }

                .tr .td .nice-select.open .list li,
                .textbox-main .textbox .nice-select.open .list li {
                    color: #666666;
                }

        .table .td input, 
        .textbox-main .textbox input {
            width: 100%;
            height: 58px;
            border: 0px;
            background-color: #ffffff;
            padding: 0 20px;
            color: #000000;
            font-family: 'Roboto';
            font-size: 16px;
        }

        .tr .td .checkbox
        {
            float:left;
        }

        .tr .td textarea,
        .textbox-main .textbox textarea {
            width: 100%;
            height: 175px;
            border: 0px;
            background-color: #ffffff;
            padding: 20px;
            color: #000000;
            font-family: 'Roboto';
            font-size: 16px;
            resize: none;
        }

        .tr .td ::-webkit-input-placeholder,
        .textbox-main .textbox ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #c6c6c7;
            opacity: 1;
        }

        .tr .td ::-moz-placeholder,
        .textbox-main .textbox ::-moz-placeholder { /* Firefox 19+ */
            color: #c6c6c7;
            opacity: 1;
        }

        .tr .td :-ms-input-placeholder,
        .textbox-main .textbox :-ms-input-placeholder { /* IE 10+ */
            color: #c6c6c7;
            opacity: 1;
        }

        .tr .td :-moz-placeholder,
        .textbox-main .textbox :-moz-placeholder { /* Firefox 18- */
            color: #c6c6c7;
            opacity: 1;
        }

        .table{
            display:flex;
            flex-wrap:wrap;
        }

        .table .tr{
            box-sizing:border-box;
            width:100%;
            padding-right:2em;
            padding-bottom:1.5em;
        }

            /*.table .td .editing-form-control-nested-control input
            {
                width:auto;
            }*/

            .table input[type=submit] {
                background-color: #004494;
                color: #fff;
            }

        @media screen and (min-width:36em)
        {
            .table .tr
            {
                width:50%;
            }
        }

.kontact-form-inner form .checkbox {
    max-width: 435px;
    width: 100%;
    font-size: 14px;
    font-family: 'Roboto';
    clear: both;
    float: left;
    margin-bottom: 43px;
}

    .kontact-form-inner form .checkbox input[type="checkbox"] {
        float: left;
        width: 20px;
        height: 20px;
        margin-right: -20px;
        position: relative;
        z-index: 1;
        opacity: 0;
    }

    .kontact-form-inner form .checkbox label {
        width: 100%;
        float: left;
        padding-left: 36px;
        position: relative;
    }

        .kontact-form-inner form .checkbox label a {
            text-decoration: underline;
        }

        .kontact-form-inner form .checkbox label:before {
            width: 20px;
            height: 20px;
            background-color: #ffffff;
            content: '';
            position: absolute;
            left: 0;
            top: 1px;
        }

        .kontact-form-inner form .checkbox label:after {
            content: "";
            left: 6px;
            top: 3px;
            width: 7px;
            height: 12px;
            position: absolute;
            border: solid #004494;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 0;
        }

    .kontact-form-inner form .checkbox input[type="checkbox"]:checked + label:after {
        opacity: 1;
    }

img {
    max-width: 100%;
    height: auto;
}
/*gradient-section-start*/
.gradient-section {
    margin: 200px 0px;
}

.max-1920 {
    max-width: 1920px;
    margin: 0 auto;
}

.max-980 {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0px 20px;
}

.gradient-bg h3 {
    letter-spacing: 0.03em;
    font-family: 'Roboto Medium';
    margin-bottom: 15px;
}

.gradient-bg p {
    font-size: 18pt;
    letter-spacing: 0.03em;
    line-height: 1.375;
}

.gradient-bg {
    background: url(../images/gradient-bg.jpg) no-repeat center / cover;
    padding: 60px 0px;
    margin: 80px auto;
    color: #fff;
    text-align: center;
}

    .gradient-bg .btn {
        padding: 17px 20px;
        min-width: 220px;
        margin-top: 50px;
    }

.btn.white-bg {
    background-color: #fff;
    color: #004494;
}

    .btn.white-bg:hover {
        background-color: #e8e8e9;
        color: #004494;
    }

.gradient-bg h2 {
    font-size: 136px;
    margin-top: 38px;
}
/*gradient-section-end*/

/*teambuilder-section-start*/
.teambuilder-section {
    margin: 0px 0px 25px;
    display: inline-block;
    width: 100%;
}

.teambuilder-section-inner {
    margin-top: 63px;
}

.standort .teambuilder-section-inner {
    margin-top: 32px;
}

.standort .teambuilder-section-inner h2 {
    margin-bottom: 24px;
}

.teambuilder-box-section {
    margin-top: 35px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.team-box {
	height: 500px;
    width: 33.33%;
    float: left;
    margin-right: 19px;
    max-width: 400px;
    margin-bottom: 55px;
    position: relative;
    padding-bottom: 45px;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

    .team-box .team_member_image {
        overflow: hidden;
    }

    .team-box img {
        transform: scale(1);
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

    .team-box:hover img {
        transform: scale(1.1);
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    /*.team-box img {
    opacity: 0.5;
    filter: #000;
    filter: grayscale(100%);
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}
.team-box:hover img {
    opacity: 1;
    filter: none;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}*/
    .team-box:nth-child(3n+3) {
        margin-right: 0px;
    }

.team-box-description h4 {
    font-family: 'Roboto Medium';
    margin-bottom: 16px;
}

.team-box-description p {
    font-size: 20px;
    line-height: 1.5;
}

.team-box-description {
    margin-top: 34px;
}

    .team-box-description .link {
        left: 0;
        bottom: 0px;
    }

.link {
    color: #004494;
    font-family: 'Roboto';
}

    .link:hover {
        text-decoration: none;
    }
/*teambuilder-section-end*/

/*social-media-section-start*/
.social-media-section {
    margin: 80px 0px;
    display: inline-block;
    width: 100%;
}

.social-media-section-inner {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-top: 90px;
}

.social-media-box {
    background-color: #f3f4f4;
    display: block;
    width: 33.33%;
    max-width: 400px;
    float: left;
    margin-bottom: 35px;
    margin-right: 19px;
    position: relative;
}

.media-description {
    padding: 22px 45px 65px 25px;
}

.social-media-box:hover,
.social-media-box:focus {
    text-decoration: none;
}

.social-media-box .social_media_imgbox {
    overflow: hidden;
}

    .social-media-box .social_media_imgbox img {
        transform: scale(1);
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

.social-media-box:hover .social_media_imgbox img {
    transform: scale(1.1);
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

.hover-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #4e71a8;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    opacity: 1;
    visibility: visible;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

.social-media-box:hover .hover-bg {
    opacity: 1;
    visibility: visible;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

.hover-box {
    text-align: center;
}

    .hover-box img {
        transform: scale(1);
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

.social-media-box:hover .hover-box img {
    transform: scale(1.1);
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

.social-media-box:nth-child(3n+3) {
    margin-right: 0px;
}

.social-media-box h5 {
    font-family: 'Roboto Medium';
    margin-bottom: 14px;
    font-size: 16px;
}

.social-media-box p {
    font-size: 16px;
    font-family: 'Roboto';
}

.social-media-box span:not(.like-btn) {
    display: block;
    position: absolute;
    right: 0;
    padding: 0px 25px;
    bottom: 30px;
    left: 0px;
}

    .social-media-box span:not(.like-btn) img:last-child {
        float: right;
        margin-top: 6px;
    }

.social-media-box span.like-btn {
    display: block;
    background-color: #e8e8e9;
    border: 1px solid #e8e8e9;
    color: #004494;
    font-family: 'Roboto Bold';
    text-align: center;
    min-width: 220px;
    padding: 12px;
    margin-top: 60px;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
}

    .social-media-box span.like-btn:hover {
        background-color: #fff;
        border-color: #fff;
        color: #004494;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
/*social-media-section-end*/

.process-section.with-bg {
    background-color: #f3f4f4;
    margin-top: 50px;
}

/*footer-start*/
footer {
    background-color: #f3f4f4;
    margin: 50px 0px 0px;
}

    footer.mr_zero {
        margin-top: 0;
    }

.footer-top {
    padding: 120px 0px;
}

.footer-box {
    width: 33.33%;
    float: left;
    padding-left: 40px;
}

    .footer-box:first-child {
        padding: 0px;
    }

.footer-box-inner {
    max-width: 280px;
    margin-bottom: 33px;
}

.footer-box h4 {
    font-family: 'Roboto Medium';
    color: #004494;
    letter-spacing: 0.03em;
    margin-bottom: 18px;
}

.footer-box p {
    font-size: 20px;
    font-family: 'Roboto';
}

input[type="text"],
input[type="email"] {
    border: none;
    background-color: #f3f4f4;
    height: 60px;
    width: 100%;
    font-size: 16px;
    font-family: 'Roboto';
    padding: 0px 24px;
    letter-spacing: 0.03em;
}

footer input[type="text"],
footer input[type="email"] {
    background-color: #fff;
}

footer input[type="submit"] {
    padding: 17px 45px;
    margin-top: 36px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #000;
    opacity: 0.5;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000;
    opacity: 0.5;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;
    opacity: 0.5;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000;
    opacity: 0.5;
}

footer input::-webkit-input-placeholder { /* WebKit browsers */
    color: #dcddde;
    opacity: 1;
}

footer input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #dcddde;
    opacity: 1;
}

footer input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #dcddde;
    opacity: 1;
}

footer input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #dcddde;
    opacity: 1;
}

.social-icons {
    margin: 44px 0px 70px -10px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

    .social-icons a {
        color: #d1d1d2;
        margin-right: 10px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        min-height: 27px;
        position: relative;
    }

        .social-icons a img {
            transition: 0.5s all ease 0s;
            -webkit-transition: 0.5s all ease 0s;
            -moz-transition: 0.5s all ease 0s;
            -ms-transition: 0.5s all ease 0s;
        }

        .social-icons a:hover {
            color: #000;
        }

            .social-icons a:hover img {
                transition: 0.5s all ease 0s;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

        .social-icons a img.fb {
            width: 45px;
            height: 45px;
        }

        .social-icons a img.instagram {
            width: 38px;
            height: 38px;
        }

        .social-icons a img.linkedin {
            width: 38px;
            height: 38px;
        }

        .social-icons a img.fb-hover, .social-icons a img.instagram-hover, .social-icons a img.linkedin-hover {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
        }

        .social-icons a:hover img.fb, .social-icons a:hover img.instagram, .social-icons a:hover img.linkedin {
            opacity: 0;
        }

        .social-icons a:hover img.fb-hover, .social-icons a:hover img.instagram-hover, .social-icons a:hover img.linkedin-hover {
            opacity: 1;
        }

.external-links a {
    color: #004494;
    font-family: 'Roboto';
    font-size: 16px;
}

    .external-links a:hover {
        color: rgba(0,68,148,0.60);
    }

.print-icon {
    position: relative;
    padding-left: 45px;
}

    .print-icon:hover {
        color: #000;
        text-decoration: none;
    }

    .print-icon::before,
    .print-icon::after {
        content: "";
        position: absolute;
        left: 0px;
        top: -5px;
        width: 30px;
        height: 30px;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

    .print-icon::before {
        background: url(../images/Printer_Blue.svg) no-repeat center / cover;
    }

    .print-icon::after {
        background: url(../images/Printer_Blue_Hover.svg) no-repeat center / cover;
        opacity: 0;
        visibility: hidden;
    }

    .print-icon:hover::before {
        opacity: 0;
        visibility: hidden;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

    .print-icon:hover::after {
        opacity: 1;
        visibility: visible;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

.header-top ul li.header-top-icon{
    line-height:1;
    margin-left: 15px;
    margin-top: 7px;
}
li.header-top-icon > a.print-icon{
    padding-left: 25px;
}
    li.header-top-icon > a.print-icon::before,
    li.header-top-icon > a.print-icon::after {
        width: 23px;
        height: 23px;
        top: 0;
        background: url(../images/Printer_Grey.svg) no-repeat center / cover;
    }
    li.header-top-icon > a.print-icon:hover::before,
    li.header-top-icon > a.print-icon:hover::after {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
    }

        .footer-bottom {
            background-color: #004494;
            padding: 15px 0px 12px;
        }

.footer-logo {
    width: 30%;
    float: left;
}

.footer-bottom-menu {
    width: 70%;
    float: right;
    text-align: right;
    margin-top: 7px;
}

    .footer-bottom-menu ul {
        margin-bottom: 0px;
        line-height: 1;
    }

    .footer-bottom-menu li {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        font-family: 'Roboto';
        letter-spacing: 0.03em;
        float: right;
        margin-left: 92px;
    }

        .footer-bottom-menu li:last-child {
            margin-left: 0px;
        }

        .footer-bottom-menu li a {
            color: #fff;
        }

            .footer-bottom-menu li a:hover {
                color: #5c87ba;
                text-decoration: none;
            }

.footer-logo a {
    display: inline-block;
    line-height: 1;
}

.four_col_section {
    padding: 133px 0 0;
}

    .four_col_section:after {
        content: "";
        display: table;
        clear: both;
    }

.four_col_row {
    width: auto;
    margin: 0 -17px;
}

    .four_col_row:after {
        content: "";
        display: table;
        clear: both;
    }

    .four_col_row .service_col {
        float: left;
        width: 25%;
        padding: 15px 17px;
    }

        .four_col_row .service_col h6 {
            color: #000;
            letter-spacing: 0.03em;
            font-size: 24px;
            font-family: 'Roboto Bold';
            padding-bottom: 20px;
        }

        .four_col_row .service_col p {
            font-family: 'Roboto Light';
            font-size: 16px;
            line-height: 1.625;
            letter-spacing: 0.02em;
            margin-bottom: 0;
        }

        .four_col_row .service_col .service_img {
            padding-bottom: 60px;
        }

            .four_col_row .service_col .service_img img {
                transform: scale(1);
                transition: 0.5s all ease 0s;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

            .four_col_row .service_col .service_img:hover img {
                transform: scale(1.1);
                transition: 0.5s all ease 0s;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

.four_label_form h4 {
    margin-bottom: 15px;
}

.four_label_form p {
    font-size: 16px;
    letter-spacing: 0.02em;
}

.four_label_form .kontact-form-inner {
    background-color: #f8f8f8;
}

.two_col_btn {
    padding-top: 40px;
    padding-bottom: 60px;
}

    .two_col_btn:after {
        content: "";
        display: table;
        clear: both;
    }

    .two_col_btn ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .two_col_btn ul li {
            display: inline-block;
            margin-right: 38px;
        }

            .two_col_btn ul li:last-child {
                margin-right: 0;
            }

            .two_col_btn ul li .btn {
                font-size: 20px;
                letter-spacing: 0.03em;
                text-align: center;
                padding: 17px 16px;
                min-width: 189px;
            }

                .two_col_btn ul li .btn:not(.gray):focus {
                    color: #ffffff;
                }

.four_label_form .telefone {
    display: none;
    padding-top: 0px;
}

    .four_label_form .telefone address {
        margin-top: 25px;
    }

        .four_label_form .telefone address span {
            font-size: 20px;
            font-family: 'Roboto';
        }

        .four_label_form .telefone address p {
            margin-bottom: 0px;
            line-height: 1.6;
        }

.kontact_tab_section {
    padding: 90px 0 30px;
}

    .kontact_tab_section:after {
        content: "";
        display: table;
        clear: both;
    }

    .kontact_tab_section .tab_links:after {
        content: "";
        display: table;
        clear: both;
    }

    .kontact_tab_section .tab_links ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border-bottom: 6px solid #f3f4f4;
        width: auto;
        margin: 0 -35px;
        display: flex;
        display: -webkit-flex;
    }

        .kontact_tab_section .tab_links ul li {
            float: left;
            font-size: 24px;
            padding: 30px 35px 30px;
            cursor: pointer;
            position: relative;
        }

            .kontact_tab_section .tab_links ul li:after {
                content: "";
                position: absolute;
                bottom: -6px;
                left: 0;
                right: 0;
                height: 6px;
                width: 0;
                margin: 0 auto;
                background-color: #004096;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

            .kontact_tab_section .tab_links ul li:hover:after {
                width: 100%;
            }

            .kontact_tab_section .tab_links ul li.active {
                color: #004096;
            }

                .kontact_tab_section .tab_links ul li.active:after {
                    width: 100%;
                    -webkit-transition: 0.5s all ease 0s;
                    -moz-transition: 0.5s all ease 0s;
                    -ms-transition: 0.5s all ease 0s;
                }

    .kontact_tab_section .tab_inner {
        padding-top: 60px;
    }

        .kontact_tab_section .tab_inner .flexible-content {
            max-width: 890px;
            width: 100%;
        }

        .kontact_tab_section .tab_inner > div {
            display: none;
        }

            .kontact_tab_section .tab_inner > div.active {
                display: block;
            }

        .kontact_tab_section .tab_inner .contact_details_col:after {
            content: "";
            display: table;
            clear: both;
        }

        .kontact_tab_section .tab_inner .contact_details {
            float: left;
            width: 50%;
            padding-bottom: 120px;
        }

            .kontact_tab_section .tab_inner .contact_details:nth-child(2n+1) {
                clear: left;
            }

            .kontact_tab_section .tab_inner .contact_details .inner_contact {
                max-width: 440px;
            }

            .kontact_tab_section .tab_inner .contact_details h4 {
                font-family: 'Roboto Medium';
                letter-spacing: 0.03em;
                padding-bottom: 20px;
                font-size: 30px;
            }

            .kontact_tab_section .tab_inner .contact_details address {
                line-height: 1.5;
            }

                .kontact_tab_section .tab_inner .contact_details address a:hover {
                    text-decoration: none;
                    color: #004096;
                }

            .kontact_tab_section .tab_inner .contact_details .bottom_link {
                padding-top: 40px;
            }

                .kontact_tab_section .tab_inner .contact_details .bottom_link a {
                    color: #004096;
                    font-family: 'Roboto';
                    letter-spacing: 0.02em;
                    display: table;
                    width: auto;
                }

                    .kontact_tab_section .tab_inner .contact_details .bottom_link a:hover {
                        text-decoration: none;
                        color: #000;
                    }

        .kontact_tab_section .tab_inner .load_more_btn {
            text-align: center;
            padding-top: 0;
        }

        .kontact_tab_section .tab_inner h4.show_767 {
            font-family: 'Roboto Medium';
            letter-spacing: 0.03em;
            padding-bottom: 5px;
            cursor: pointer;
            font-size: 32px;
            position: relative;
            border-bottom: 1px solid #000;
        }

            .kontact_tab_section .tab_inner h4.show_767.active {
                color: #004096;
                border-bottom: none;
            }

            .kontact_tab_section .tab_inner h4.show_767:after {
                content: "";
                position: absolute;
                bottom: -6px;
                left: 0;
                right: 0;
                height: 6px;
                width: 0;
                margin: 0 auto;
                background-color: #004096;
                -webkit-transition: 0.5s all ease 0s;
                -moz-transition: 0.5s all ease 0s;
                -ms-transition: 0.5s all ease 0s;
            }

            .kontact_tab_section .tab_inner h4.show_767.active:after {
                width: 100%;
            }

.produktseite_section {
    padding: 92px 0 35px;
}

    .produktseite_section .product-filter {
        padding-bottom: 10px;
        background-color: #fff;
    }

        .produktseite_section .product-filter.sticky_filtrer {
            position: fixed;
            width: 100%;
            left: 0;
            top: 0;
            z-index: 999;
            left: 0;
            padding-bottom: 28px;
        }

            .produktseite_section .product-filter.sticky_filtrer .filter-main {
                max-width: 1356px;
                width: 100%;
                margin: 0 auto;
            }

    .produktseite_section .product-list .box {
        padding: 17px 17px;
    }

    .produktseite_section .btn.load-more {
        margin-top: 30px;
    }

.bottom_map_section {
    padding-top: 140px;
}

.service_tab_content > div {
    display: none;
}

.service_tab_content {
    padding-top: 100px;
}

.service_tab_section {
    padding-bottom: 115px;
}

.service_tab_content .single_img {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    margin: 52px 0 100px;
    overflow: hidden;
    display: inline-block;
}

    .service_tab_content .single_img img {
        transform: scale(1);
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

    .service_tab_content .single_img:hover img {
        transform: scale(1.1);
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

.service_tab_content > div:first-child {
    display: block;
}

/*fab*/
.kc_fab_overlay {
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.kc_fab_wrapper {
    z-index: 9999;
    width: 100%;
    height: 240px;
    position: fixed;
    right: 0px;
    bottom: 0px;
    pointer-events: none;
}

.sub_fab_btns_wrapper {
    right: 0;
    bottom: 75px;
    position: absolute;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
    pointer-events: all;
}

    .sub_fab_btns_wrapper button[data-link-title]:hover:after {
        content: attr(data-link-title);
        opacity: 1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        background: #000;
        padding: 4px 10px;
        border-radius: 0px;
        color: #fff;
        font-size: 13px;
        pointer-events: none;
        position: absolute;
        right: 110%;
        min-width: 150px;
    }

    .sub_fab_btns_wrapper.show {
        display: block;
        opacity: 1;
    }

    .sub_fab_btns_wrapper button {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background: #004494;
        margin-bottom: 12px;
        margin-right: 26px;
        padding: 0;
        border: none;
        outline: none;
        color: #FFF;
        font-size: 19px;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        transition: .3s;
        -webkit-transition: .3s;
        pointer-events: all;
        outline: 0;
    }

button.kc_fab_main_btn {
    background-color: #004494;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #004494;
    right: 16px;
    bottom: 16px;
    position: absolute;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    border: none;
    outline: none;
    color: #FFF;
    font-size: 36px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: .3s;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    pointer-events: all;
}

.kc_fab_main_btn span {
    transition: .5s;
}

.kc_fab_main_btn:focus {
    transform: scale(1.1);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: all;
}

.animate {
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    -ms-animation: ripple 0.65s linear;
    -o-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.kc_fab_wrapper .share_icon {
    background-image: url(../images/share_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 20px;
    height: 17.5px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.kc_fab_wrapper .edit_icon {
    background-image: url(../images/edit-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.hero-banner.all_page_banner .tab_background_image {
    display: none;
}

    .hero-banner.all_page_banner .tab_background_image:first-child {
        display: block;
    }
/*
5) Footer
--------------------------------*/
.popup_form {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 999999999;
    transition: 0.5s all ease 0s;
    -webkit-transition: 0.5s all ease 0s;
    -moz-transition: 0.5s all ease 0s;
    -ms-transition: 0.5s all ease 0s;
    background: none !important;
}

    .popup_form:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.80);
    }

    .popup_form.open_popup {
        opacity: 1;
        visibility: visible;
    }

.inner_popup_contact .kontact-form {
    padding: 0 15px;
}

    .inner_popup_contact .kontact-form:after {
        content: "";
        display: table;
        clear: both;
    }

    .inner_popup_contact .kontact-form .kontact-form-inner {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 9;
        max-width: 1280px;
        width: 100%;
        margin: 0px auto;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .inner_popup_contact .kontact-form .close-icon-black {
        cursor: pointer;
        position: absolute;
        right: 30px;
        top: 30px;
    }

body.no-scroll {
    overflow-y: hidden;
}

.inner_popup_contact .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgb(0, 68, 148);
}

.inner_popup_contact .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgb(0, 68, 148);
}

.inner_popup_contact .mCSB_scrollTools {
    opacity: 1;
}

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

.inner_popup_contact .textbox-main .textbox .nice-select ul {
    max-height: 403px;
    overflow: auto;
}

.ui-autocomplete {
    background-color: #fff !important;
}

/* Custom CSS for Development only. Changes should be integrated within the stylesheet.css file */

/* TEAM */
.team-box {
    padding-bottom: 15px;
}

@media only screen and (max-width: 1229px) {
    .team-box {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .team-box {
        padding-bottom: 15px;
    }
}

.team-box-description {
    padding-right: 30px;
}

@media only screen and (max-width: 1229px) {
    .team-box-description {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 640px) {
    .team-box-description {
        padding-right: 0px;
    }
}

/* ACCORDION */
.accordion-main .box .content .left {
    width: 20%;
}

.accordion-main .box .content .right {
    width: 80%;
}

@media only screen and (max-width: 767px) {
    .accordion-main .box .content .left {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .accordion-main .box .content .right {
        width: 100%;
    }
}

.accordion-main .box .content .left img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

/* PRODUCT OVERVIEW */
.product-list .row.hidden,
.product-list .load-more.hidden {
    display: none;
}

.product-list .box .content {
    padding-right: 35px;
    height: 110px;
}

@media only screen and (max-width: 991px) {
    .product-list .box .content {
        padding-right: 35px;
    }
}

.product-list .box .content span.product-arrow-right {
    position: absolute;
    width: 10px;
    height: 17px;
    background: url(../images/right-arrow.png) no-repeat 0 0;
    right: 15px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.product-list .box:hover .content span.product-arrow-right {
    background: url(../images/right-arrow-white-hover.png) no-repeat 0 0;
    width: 10px;
    height: 17px;
}

.produktseite_section .product-list .box a:hover,
.produktseite_section .product-list .box a:focus {
    text-decoration: none;
}

/* RELATED PRODUCTS */
.mechine_col .inner_mechine_col .product_img {
    width: 100%;
}

    .mechine_col .inner_mechine_col .product_img img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.mechine_col .product_description .right_arrow {
    right: -24px;
}

/* HEADER NAV MENU */
.header-main .menu ul > li > ul > li > ul.level-2 {
    -webkit-box-shadow: 0 0 60px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
}

/* PRESSE INFORMATIONEN */
.product-filter.three-objects .filter-main {
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .product-filter.three-objects .filter-main .box {
        width: calc(33.3333% - 25px);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

.mechine_col div.product_description {
    min-height: 220px;
    position: relative;
}

.three_blog_col .product_description span.right_arrow {
    position: absolute;
    bottom: 30px;
    right: 20px;
    padding-top: unset;
    top: auto;
}

@media only screen and (max-width: 991px) {
    .product-filter.three-objects .filter-main .box {
        width: calc(50% - 35px);
    }

    .three_blog_col .product_description span.right_arrow {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .product-filter.three-objects .filter-main {
        margin: 0 auto;
    }

        .product-filter.three-objects .filter-main .box {
            width: 100%;
        }
}

/* BLOG */
.blog_slider_section.no-padding {
    padding: 0px;
}

/* NEWS DOCUMENT DOWNLOAD */
.news-doc {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-top: 30px;
}

    .news-doc h4 {
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 20px;
    }

    .news-doc a,
    .news-image-download a {
        font-size: 14px;
        color: #1b448f;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        margin-right: 45px;
    }

        .news-doc a span,
        .news-image-download a span {
            font-size: 12px;
            color: #1a1a1a;
            font-weight: normal;
        }

        .news-doc a:before,
        .news-image-download a:before {
            padding-right: 10px;
            font-size: 20px;
            position: relative;
            top: -3px;
        }

/* NEWS IMAGE DOWNLOAD*/
.news-image-download {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

    .news-image-download img {
        display: inline-block;
        max-width: 128px;
    }

    .news-image-download .text-container {
        display: inline-block;
        width: calc(100% - 148px);
        padding-left: 20px;
    }

    .news-image-download p {
        margin: 0px;
    }

        .news-image-download p.lead {
            font-weight: bold;
        }

/*.flexible-content.news-detail .single_img,
.flexible-content.blog-detail .single_img {
    max-width: 976px;
    width: 100%;
    padding: 48px;
}

@media only screen and (max-width: 767px) {
    .flexible-content.news-detail .single_img,
    .flexible-content.blog-detail .single_img {
        padding: 0px;
    }
}*/

/* BLOG OVERVIEW */
.blog-list .inner_three_mechine.hidden,
.blog-list .load-more.hidden {
    display: none;
}

/* SEARCH LAYOUT */
.search-box {
    width: 100%;
    padding: 40px 0px;
}

@media only screen and (max-width: 991px) {
    .search-box {
        padding: 20px 0px;
    }
}

@media only screen and (max-width: 767px) {
    .search-box {
        padding-top: 50px;
    }
}

.searchBox {
    background: #f3f4f4;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .searchBox {
        padding: 40px 20px;
    }
}

@media only screen and (max-width: 360px) {
    .searchBox {
        padding: 30px 20px;
    }
}

.searchBox label {
    display: block;
    font-size: 12px;
    font-family: 'Roboto';
    margin-bottom: 8px;
}

.searchBox input[type="text"] {
    width: 100%;
    height: 58px;
    border: 0px;
    background-color: #ffffff;
    padding: 0 20px;
    color: #000000;
    font-family: 'Roboto';
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
    .searchBox input[type="text"] {
        height: 45px;
    }
}

.searchBox input[type="submit"] {
    margin-top: 43px;
}
/* RESULTS EDITED IN CMS TRANSFORMATION PROPERTIES */

.search-results-container {
    font-size: 20px;
    color: #4a4a4a;
    font-family: 'Roboto Light', sans-serif;
    margin-top: 43px;
}

    .search-results-container a {
        font-size: 20px;
        color: #4a4a4a;
        font-family: 'Roboto Light', sans-serif;
        font-weight: normal;
    }

        .search-results-container a:hover {
            text-decoration: none;
            color: #3f8bc8;
        }

.search-results {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f4f4;
}

    .search-results .relevance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .search-results .relevance-box {
        width: 52px;
        border: solid 1px #afb0b1;
        height: 6px;
    }

    .search-results .relevance-box-line {
        background-color: #3f8bc8;
        width: 50px;
        height: 4px;
    }

    .search-results .relevance-path {
        font-size: 16px;
        color: #afb0b1;
        font-family: 'Roboto';
        padding: 0px 10px;
    }

    .search-results .relevance-date {
        color: #afb0b1;
        font-size: 9pt;
    }

.kontact-form-inner .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 435px;
    width: 100%;
    font-size: 14px;
    font-family: 'Roboto';
    clear: both;
    float: left;
    margin-bottom: 43px;
}
/* CONTACT FORM PRODUCTS MODAL */
.kontact-form-inner h5 {
    margin-top: -22px;
    font-size: 20px;
    font-family: 'Roboto Medium';
    margin-bottom: 30px;
}

.kontact-form-inner .FormPanel {
    margin-top: 30px;
}

.kontact-form-inner .radiobtn-main .radiobtn input[type="radio"] {
    position: relative;
    z-index: 1;
    opacity: 0;
    left: 0px;
    top: 0px;
    height: 20px;
    width: 20px;
}

.kontact-form-inner .radiobtn-main .radiobtn label {
    font-size: 12px;
    font-family: 'Roboto';
    position: relative;
    padding-left: 35px;
    top: -5px;
    margin-left: -20px;
}

.kontact-form-inner .checkbox input[type="checkbox"] {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: -20px;
    position: relative;
    z-index: 1;
}

.kontact-form-inner .checkbox .consent label,
.kontact-form-inner .checkbox label.EditingFormLabel {
    width: 100%;
    float: left;
    padding-left: 36px;
    position: relative;
}

.kontact-form-inner .checkbox label a {
    text-decoration: underline;
}

.kontact-form-inner .checkbox.checkbox-list-vertical{
    display: block;
    padding-left: 10px;
    margin-bottom: 0px;
}

.kontact-form-inner .checkbox.checkbox-list-vertical label {
    display:block;
    padding-left:30px;
}

.four_col_section {
    padding: 0px;
}

.kontact-form-inner .textbox-main .textbox {
    position: relative;
}

.kontact-form-inner .ExplanationText {
    font-size: 11px;
}
.kontact-form-inner .textbox small {
    position: absolute;
    left: 0px;
    bottom: -18px;
    font-size: 11px;
    color: red;
}

.kontact-form-inner .checkbox small {
    position: absolute;
    font-size: 11px;
    color: red;
    display: block;
    margin-top: -20px;
    margin-left: 40px;
}

.ErrorLabel {
    color: red;
}

.kontact-form-inner .container {
    min-height: 900px;
}

@media only screen and (max-width: 992px) {
    .kontact-form-inner .container {
        min-height: 1250px;
    }
}
/* CONTACT BAR */
@media only screen and (min-width: 992px) {
    .contact-info-inner .right ul li:first-of-type {
        text-align: start;
        padding-left: 50px;
    }
}

.contact-info-inner .left .content span.name.no-margin-top {
    margin-top: 0px
}

/* RELATED PRODUCTS */

.related-product-list .mechine_col.hidden,
.related-product-list .load_more_btn.hidden {
    display: none;
}

/* MAP */
.info-box-close-button {
    width: 20px !important;
    height: 20px !important;
    -webkit-transition: 0.3s all ease 0s;
    -o-transition: 0.3s all ease 0s;
    transition: 0.3s all ease 0s;
    opacity: 0.6;
}

    .info-box-close-button:hover {
        opacity: 1;
    }

    .info-box-close-button::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .info-box-close-button::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .info-box-close-button::before,
    .info-box-close-button::after {
        position: absolute;
        left: 9px;
        top: 0px;
        content: ' ';
        height: 20px;
        width: 2px;
        background-color: #fff;
    }

.info-box-container {
    overflow: hidden !important;
    width: auto !important;
    height: auto !important;
    font-size: 16px;
}

.map-info-window {
    position: relative;
    padding-left: 10px;
    padding-top: 3px;
    padding-right: 5px;
    color: #fff;
}

    .map-info-window h4 {
        color: #fff;
        font-family: 'Roboto Medium';
        letter-spacing: 0.03em;
        font-size: 30px;
        padding-right: 20px;
    }

    .map-info-window address {
        color: #fff;
        line-height: 1.5;
    }

        .map-info-window address a {
            color: #fff;
        }

    .map-info-window .bottom_link {
        padding-top: 25px;
    }

        .map-info-window .bottom_link a {
            color: #fff;
            font-family: 'Roboto';
            letter-spacing: 0.02em;
            display: table;
            width: auto;
        }
/* Social Media */
.social-media-box p {
    white-space: pre-line;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.social-media-section .load-more.hidden {
    display: none;
}

/* Button link focus behaviour */
a.btn:focus {
    color: #fff;
}

a.btn.white-bg:focus {
    color: #004494;
}

/* hero-banner position */
div.hero-banner.product-banner {
    background-position: bottom;
}

/* button background-color responsive behaviour */
@media only screen and (max-width:767px) {
    .btn, input[type="submit"], button {
        background-color: #004494 !important;
    }

        .btn.white-bg {
            background-color: #fff !important;
        }
}

/* CTA - buttons behaviour */
.blue-section a.box {
    margin-right: 0px;
    text-decoration: none;
}

/* Slider */
.product-slider div.slder-img {
    margin: 0px;
}

.product-slider .slder-img .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid #1b448f;
}

.product-slider .slder-img .slider .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.product-slider .slder-img .slider div.slider-content {
    right: 0px;
    bottom: 0px;
    margin-bottom: 40px;
    margin-right: 40px;
}

@media only screen and (max-width:1440px) {
    .product-slider .slder-img .slider div.slider-content {
        right: 0px;
        bottom: 0px;
    }
}

@media only screen and (max-width: 991px) {
    .product-slider .slder-img .slider div.slider-content {
        padding: 34px;
        width: initial;
    }
}

@media only screen and (max-width:767px) {
    .product-slider .slder-img .slider .swiper-slide img {
        height: 50vw;
    }
}

/* Testimonial Slider and Contact-Info */
.testimonial-slider {
    padding: 120px 0 40px;
    width: 100%;
}

    .testimonial-slider .slider {
        position: relative;
    }

    .testimonial-slider .swiper-container {
        background-color: #e8e8ea;
    }

    .testimonial-slider div.quote-image .hero-banner {
        height: 40vw;
    }

    .testimonial-slider div.quote-image img {
        height: 40vw;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: bottom;
        object-position: bottom;
    }

.contact-info.contact-bar div.contact-info-inner {
    padding: 0px;
}

.contact-info div.contact-info-author-container,
.testimonial-slider div.quote-author-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #e8e8ea;
    padding-bottom: 40px;
    height: 100%;
    width: 100%;
}

.contact-info div.contact-info-author-container {
    padding-bottom: 0px;
    background-color: #f3f4f4;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .contact-info div.contact-info-author-container img,
    .testimonial-slider div.quote-author-container img {
        height: 150px;
        width: auto;
        margin: 20px 20px 0px 20px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .contact-info div.contact-info-author-container div.contact-info-author-picture {
        width: 200px;
        height: 200px;
        background-size: cover;
        margin: 40px;
        background-position: top;
        background-repeat: no-repeat;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

.contact-info div.contact-info-author-infos,
.testimonial-slider div.quote-author-infos {
    margin: 20px;
}

.contact-info p.contact-info-author-name,
.testimonial-slider p.quote-author-name {
    font-weight: bold;
    margin: 0;
}

.contact-info p.contact-info-author-position,
.testimonial-slider p.quote-author-position {
    color: #797979;
}

.testimonial-slider p.quote-author-reference {
    margin: 0;
    font-size: 13pt;
}

.contact-info div.contact-info-contact-infos {
    font-size: 13pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .contact-info div.contact-info-contact-infos a:nth-of-type(1) {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .contact-info div.contact-info-contact-infos i {
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 14px;
    }

    .contact-info div.contact-info-contact-infos a:hover,
    .contact-info div.contact-info-contact-infos a:focus {
        text-decoration: none;
    }

    .contact-info div.contact-info-contact-infos i.email-icon,
    .contact-info div.contact-info-contact-infos i.phone-icon {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -o-transition: 0.5s all ease 0s;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }

    .contact-info div.contact-info-contact-infos i.phone-icon {
        background: url(../images/phone-line.svg) no-repeat 0 0;
    }

    .contact-info div.contact-info-contact-infos i.email-icon {
        background: url(../images/contact-icon.svg) no-repeat 0 0;
    }

    .contact-info div.contact-info-contact-infos a:hover i {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -o-transition: 0.5s all ease 0s;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }


.testimonial-slider .swiper-pagination {
    bottom: 0;
    right: 0;
    background-color: rgb(1, 68, 147);
    padding: 0px 20px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.testimonial-slider .swiper-pagination-bullet {
    margin: 0 5px;
    border-radius: 0px;
    width: 10px;
    height: 10px;
    background: #7e9fc8;
    outline: none;
}

    .testimonial-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: white;
    }

@media only screen and (max-width: 767px) {
    .testimonial-slider div.quote-image .hero-banner.video-banner {
        padding-bottom: 0px;
    }
}

@media only screen and (min-width:768px) {
    .contact-info div.contact-info-author-container img,
    .testimonial-slider div.quote-author-container img {
        height: 200px;
        width: 200px;
        margin: 20px;
    }

    .contact-info div.contact-info-author-container,
    .testimonial-slider div.quote-author-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .contact-info div.contact-info-author-container img,
        .testimonial-slider div.quote-author-container img {
            margin: 40px 0px 40px 40px;
        }

    .contact-info div.contact-info-author-infos,
    .testimonial-slider div.quote-author-infos {
        margin: 40px;
    }
}

@media only screen and (min-width:992px) {
    .contact-info div.contact-info-author-container img,
    .testimonial-slider div.quote-author-container img {
        margin: 40px;
    }

    .contact-info div.contact-info-contact-infos {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .contact-info div.contact-info-contact-infos a:nth-of-type(1) {
            margin-right: 50px;
            margin-bottom: 0px;
        }
}

@media only screen and (min-width:1320px) {
    .testimonial-slider div.quote-image .hero-banner,
    .testimonial-slider div.quote-image img {
        height: 530px;
    }
}

/*PRINT*/

@media print {
    .accordion .accordion-main .content {
        display: block !important;
    }

    .gradient-section,
    .video-section,
    .header-main .menu,
    .hero-banner,
    .header-top,
    .breadcrump,
    footer .social-icons,
    .footer-bottom-menu a,
    a[href]:after,
    .blue-section,
    .produktseite_section .product-filter,
    .footer-top,
    .btn.load-more,
    .load_more_btn,
    .process-section.with-bg,
    .mechine_col .product_description .right_arrow,
    .news-doc,
    .news-image-download,
    .social_share_section .left,
    .social_share_section .right a,
    .contact-info-inner .right,
    .product-filter.three-objects.blog-list,
    .product_img_bg_col,
    .bottom_news_letter,
    .inner_blog_slider,
    .subscribe_col {
        display: none;
    }

    .header-main.sticky {
        position: relative;
    }

    .two-column .box {
        padding: 0px;
        page-break-inside: avoid;
    }

        .two-column .box .content {
            padding-right: 10mm;
        }

        .two-column .box:nth-child(2n+2) .content {
            padding-left: 10mm;
        }

    .blue-section + .flexible-content, .hero-banner + .flexible-content {
        padding-top: 10mm;
    }

    .mechine_col .inner_mechine_col:hover .product_description {
        padding: 0px;
    }

    .product-filter-main.produktseite_section {
        padding: 0px;
    }

    .contact-info {
        page-break-inside: avoid;
    }

    .contact-info-inner .left {
        width: 100%;
    }

    .social_share_section {
        padding: 0px;
    }

    #muma-page .flexible-content,
    #blog-detail .flexible-content,
    #news-detail .flexible-content {
        padding: 0;
        padding-bottom: 20px;
    }

    #muma-page .flexible-content .inner,
    #blog-detail .flexible-content .inner,
    #news-detail .flexible-content .inner {
        max-width: initial;
    }
}

/* NAV MENU */

/*@media only screen and (min-width: 992px) {
    .header-main .menu > ul > li > a::after {
        background-color: #004494;
    }

    .header-main .menu > ul > li > ul > li.has-children.level-2-open > a {
        color: #3f8bc8;
    }

    .header-main .menu ul > li > ul > li > ul.level-2 {
        position: relative;
        display: block;
        max-height: 0;
        overflow: hidden;
    }

    .header-main .menu ul > li.menu-hovered > ul > li.level-2-open > ul.level-2 {
        max-height: 1000px;
    }

    .header-main .menu ul > li > ul > li.dl-back {
        display: none;
    }

    .deeper-link {
        border-left: none;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        height: 45px;
        width: 45px;
    }

        .deeper-link:hover {
            background-color: transparent;
        }

    .level-2-open .deeper-link {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}*/


@media only screen and (max-width: 991px) {
    .header-main .menu > ul > li.menu-has-children.mobile-level-1-open > a,
    .header-main .menu > ul > li.menu-has-children .level-1 .has-children.mobile-level-2-open > a {
        color: #004494;
    }

    .header-main .menu > ul > li.menu-has-children .level-1 .level-2,
    .header-main .menu > ul > li.menu-has-children .level-1 {
        position: relative;
        height: auto;
        left: 0;
        display: block;
        max-height: 0;
        padding: 0;
        overflow: hidden;
    }

    .header-main .menu > ul > li.menu-has-children .level-1 .has-children.mobile-level-2-open .level-2,
    .header-main .menu > ul > li.menu-has-children.mobile-level-1-open .level-1 {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 45px 0px 5px 40px;
        max-height: 1000px;
    }

    .header-main .menu span.sub_arrow {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 40px;
    }

    .header-main .menu span.sub_arrow::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg);
        -webkit-transition: 0.5s all ease 0s;
        -o-transition: 0.5s all ease 0s;
        transition: 0.5s all ease 0s;
    }

    .header-main .menu .mobile-level-1-open > a > span.sub_arrow::before,
    .header-main .menu .mobile-level-2-open > a > span.sub_arrow::before {
        -webkit-transform: translate(-50%, -50%) rotate(270deg);
        -ms-transform: translate(-50%, -50%) rotate(270deg);
        transform: translate(-50%, -50%) rotate(270deg);
    }

    .header-main .menu .mobile-dl-back {
        display: none;
    }

    .header-main .menu ul.level-1 {
        padding-left: 40px;
    }

    .header-main .menu ul.level-2::before,
    .header-main .menu ul.level-1::before {
        content: '';
        position: absolute;
        height: 100%;
        top: 0;
        left: 40px;
        border-left: solid 1px #004494;
    }

    .header-main .menu ul.level-2::before {
        left: 0px;
        border-left: solid 5px #004494;
    }

    .header-main .menu ul li.with-arrow a span.select_arrow {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 17px;
    }

    .header-main .menu ul li.with-arrow.language-open a span.select_arrow {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

/* COOKIE */

.CookieConsent.cookie-message {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10001;
    padding: 20px;
    -webkit-box-shadow: 0px -25px 25px rgba(0, 0, 0, 0.12941176470588237);
    box-shadow: 0px -25px 25px rgba(0, 0, 0, 0.12941176470588237);
}

    .CookieConsent.cookie-message p {
        margin-bottom: 0px;
        padding-bottom: 15px;
    }

@media only screen and (min-width: 576px) {
    .CookieConsent.cookie-message {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .CookieConsent.cookie-message p {
            padding-bottom: 0px;
            padding-right: 15px;
        }
}

/* GRID ALIGNMENT FIXES */ 
@media only screen and (min-width: 768px) {

    .product-filter-main .product-filter .filter-main {
        margin: 0px;
    }

    .product-filter-main .product-list {
        margin: 0 -17px;
    }

    .teambuilder-section .teambuilder-box-section {
        margin-right: -19px;
    }

        .teambuilder-section .teambuilder-box-section .team-box {
            margin-right: 0px;
            max-width: initial;
            padding-right: 19px;
        }

    .social-media-section .social-media-box {
        width: calc((100% - 38px) / 3);
    }

    /*#muma-page .flexible-content,*/
    #blog-detail .flexible-content,
    #news-detail .flexible-content {
        padding-bottom: 0px;
    }
    
    .accordion {
        padding: 0px 0 50px;
    }
}

#blog-detail .video-section,
#news-detail .video-section {
    padding: 0px;
}

.muma-page-video,
.muma-page-img {
}

.muma-blog-detail-video,
.muma-news-detail-video,
.muma-blog-detail-img,
.muma-news-detail-img {
    max-width: 976px;
    padding-bottom: 20px;
    padding-top: 20px;
}

/* SUBSCRIBE ERROR RESPONSE */
.subscribe_form > label.check_box > p {
    padding-left: 35px;
    font-size: 15px;
    color: red;
    line-height: 20px;
}

/* IE FIXES */
.header-main .logo img{
    max-width: none;
}
@media only screen and (max-width: 576px) {
    .header-main .logo img {
        max-width: calc(100vw - 100px);
    }
}

/* STICKY FILTER PRODUCT OVERVIEW */
.produktseite_section .product-filter.sticky_filtrer {
    /*max-width: 1320px;*/
    padding-left: calc((100% - (1320px - 136px)) / 2);
    padding-right: calc((100% - (1320px - 136px)) / 2);
}
@media only screen and (max-width: 1440px)
{
    .produktseite_section .product-filter.sticky_filtrer {
        /*max-width: 1230px;*/
        padding-left: calc((100% - (1230px - 136px)) / 2);
        padding-right: calc((100% - (1230px - 136px)) / 2);
    }
}
@media only screen and (max-width: 1229px)
{
    .produktseite_section .product-filter.sticky_filtrer {
        /*max-width: 1024px;*/
        padding-left: calc((100% - (1024px - 136px)) / 2);
        padding-right: calc((100% - (1024px - 136px)) / 2);
    }
}
@media only screen and (max-width: 1024px)
{
    .produktseite_section .product-filter.sticky_filtrer {
        /*max-width: 992px;*/
        padding-left: calc((100% - (992px - 136px)) / 2);
        padding-right: calc((100% - (992px - 136px)) / 2);
    }
}
@media only screen and (max-width: 991px)
{
    .produktseite_section .product-filter.sticky_filtrer {
        /*max-width: 768px;*/
        padding-left: calc((100% - (768px - 136px)) / 2);
        padding-right: calc((100% - (768px - 136px)) / 2);
    }
}

.flexible-content ol{
    padding-left: 30px;
}
.flexible-content ol li{
    padding-left: 26px;
    padding-bottom: 7px;
}
div.footer-bottom-menu li{
    margin-left: 40px;
    margin-bottom: 5px;
}
@media only screen and (max-width: 1229px){
    div.footer-bottom-menu li {
        margin-left: 10px;
    }
}
@media only screen and (max-width: 991px) {
    div.footer-bottom-menu li {
        margin-left: 15px;
        font-size: 10px;
    }
}
@media only screen and (max-width: 767px) {
    div.footer-bottom-menu li {
        font-size: 14px;
    }
}

.header-top ul li.world-icon{
    line-height: 1;
    margin-left: 15px;
    margin-top: 2px;
}

.header-top ul li.world-icon a {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(../images/globe-icon.png) no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
}

.header-top ul li.globe-icon > span.globe-circle{
    display: none;
}

/* TOP MENU MOBILE */

.header-main .menu ul li.metanavi-mobile.globe-icon span.globe-circle {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(../images/Globe_Grey.svg) no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-right: 5px;
    display: none;
}

.header-main .menu ul li.metanavi-mobile.video-icon a {
    width: 24px;
    height: 22px;
    display: inline-block;
    background: url(../images/Video_Grey.svg) no-repeat 0 0;
    background-size: cover;
}

.header-main .menu ul li.metanavi-mobile.phone-icon a {
    width: 17px;
    height: 21px;
    display: inline-block;
    background: url(../images/Telefon_Grey.svg) no-repeat 0 0;
    background-size: cover;
}

.header-main .menu ul li.metanavi-mobile.search-icon a {
    width: 21px;
    height: 21px;
    display: inline-block;
    background: url(../images/Search_Grey.svg) no-repeat 0 0;
    background-size: cover;
}
.header-main .menu ul li.metanavi-mobile span.selected-text::after {
    display:none;
}
.header-main .menu ul li.metanavi-mobile {
    padding: 0 40px;
    text-align: left;
    position: relative;
}
.header-main .menu ul li.metanavi-mobile a {
    padding:0px;
}

.header-main .menu ul li.metanavi-mobile div.language-dropdown{
    display:none;
}

.header-main .menu ul li.metanavi-mobile div.language-dropdown.show-language-dropdown {
    display: block;
    opacity: 1;
    visibility: visible;
    width: 100%;
    padding-left: 80px;
}
.header-main .menu ul li.metanavi-mobile div.language-dropdown.show-language-dropdown ~ span.sub_arrow::before {
    -webkit-transform: translate(-50%, -50%) rotate(270deg);
    -ms-transform: translate(-50%, -50%) rotate(270deg);
    transform: translate(-50%, -50%) rotate(270deg);
}
.header-main .menu ul li.metanavi-mobile div.language-dropdown.show-language-dropdown::before {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: 40px;
    border-left: solid 1px #004494;
}
.header-main .menu ul li.metanavi-mobile div.language-dropdown.show-language-dropdown ul{
    padding-top: 0;
}
.header-main .menu ul li.metanavi-mobile div.language-dropdown.show-language-dropdown ul > li {
    margin-bottom: 10px;
}


@media only screen and (min-width: 991px) {
    .header-main .menu ul li.metanavi-mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .process-section.eight_col_box a.box {
        width: 18%;
        margin: 0 7.1% 30px;
    }
    .process-section.eight_col_box a.box span {
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    div.breadcrump {
       display:none;
    }
}
div.breadcrump ul li:not(:last-child):after {
    content:'<';
}

.kc_fab_wrapper .email_icon {
    background-image: url(../images/edit-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 2px;
}
.kc_fab_wrapper .sub_fab_btns_wrapper button[data-link-title]:hover:after{
    display: none;
}

.accordion-main .kontact-form-inner .container {
    min-height: 0px;
}
.accordion-main .kontact-form-inner h4{
    display: none;
}
.accordion-main table{
    width: 100%;
}
.accordion-main tr td {
    padding: 10px 0;
    border-bottom: 1px solid #004494;
    width: auto;
}
.accordion-main tr td:first-of-type{
    padding-left: 10px;
}

.footer-logo img{
    height: 1em;
}
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1440px) { /* Layout width - 1 */
	.container {
		max-width: 1230px;
	}
	.header-main {
	    padding: 25px 0px;
	}
	.video-section {
	    padding: 140px 0px 100px;
	}
	.blue-section .box span.text {
		font-size: 15px;
	}
	.blue-section .box span.img {
		margin-right: 8px;
	}
	.flexible-content {
		padding-bottom: 55px;
	}
	.two-column .box {
		padding:50px 0px;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.blue-section .box {
		margin-right: 0px;
	}
    .blue-section.four_col .box:last-child{
        padding-left: 0;
    }
    .team-box,
    .social-media-box {
        max-width: 370px;
    }
    .breadcrump{
        padding: 15px 0 15px 40px;
    }
    .hero-banner{
        padding-bottom: 37.875%;
    }
    .kontact_tab_section .tab_links ul li{
        font-size: 20px;
    }
    .produktseite_section .product-filter.sticky_filtrer .filter-main{
        max-width: 1266px;
    }
    .inner_popup_contact .kontact-form .kontact-form-inner{
        margin: 40px auto;
    }
    .inner_popup_contact .kontact-form .kontact-form-inner{
        max-width: 1190px;
    }
}

@media only screen and (max-width: 1300px){
    .product-filter .filter-main{
        margin: 0 0px;
    }
    .product-list{
        margin: 0 -17px;
    }
    .produktseite_section .product-filter.sticky_filtrer .filter-main{
        max-width: 1190px;
    }
}

@media only screen and (max-width: 1229px) {
	.container,
	.max-980 {
		max-width: 1024px;
	}
	.team-box,
	.social-media-box {
	    max-width: 301px;
	}
    .filter-main .box select {
        font-size: 14px;
    }
    .filter-main .box input[type="text"] {
        font-size: 14px;
    }
    .filter-main .box .checkbox label {
        font-size: 12px;
    }
    .filter-main .box .checkbox label::before {
        top: 0px;
    }
    .product-list .box .img span {
        font-size: 12px;
        padding: 9px 14px;
    }
    .contact-info-inner .left {
        padding-left: 0px;
    }
    .contact-info-inner .left .img {
        width: 122px;
    }
    .contact-info-inner .left .content {
        padding-left: 162px;
    }
    .contact-info-inner .right ul li {
        font-size: 14px;
    }
        .gradient-bg h2 {
        font-size: 105px;
    }
    .footer-bottom-menu li {
        margin-left: 40px;
    }
    .gradient-bg {
        margin: 40px auto;
        padding: 60px 0px;
    }
    .gradient-bg p {
        font-size: 28px;
    }
    .gradient-bg .btn {
        margin-top: 25px;
        padding: 18px 20px;
        min-width: 200px;
    }
    .gradient-section {
        margin: 120px 0px;
    }
    .teambuilder-section-inner {
        margin-top: 35px;
    }

    .standort .teambuilder-section-inner {
        margin-top: 24px;
    }

    .standort .teambuilder-section-inner h2 {
        margin-bottom: 16px;
    }

    .team-box-description {
        margin-top: 24px;
    }
    .team-box-description h4 {
        margin-bottom: 12px;
    }
    .team-box {
        padding-bottom: 35px;
    }
    .social-media-section {
        margin: 40px 0px;
    }
    .social-media-section-inner {
        margin-top: 50px;
    }
    .process-section.with-bg {
        margin-top: 20px;
    }
    .footer-top {
        padding: 80px 0px;
    }
    .kontact_tab_section .tab_links ul li{
        padding: 30px 18px 30px;
    }
    .produktseite_section .product-filter.sticky_filtrer .filter-main{
        max-width: 994px;
    }
    .filter-main .box .nice-select span{
        font-size: 14px;
    }
    .product-filter .filter-main{
        margin: 0 -5px;
    }
    .product-list{
        margin: 0 -20px;
    }
    .filter-main .box .filter_close{
        font-size: 15px;
    }
    .inner_popup_contact .kontact-form .kontact-form-inner{
        max-width: 1000px;
    }
}

@media only screen and (max-width: 1024px) {
    .container,
    .max-980 {
        max-width: 992px;
    }
    .team-box,
    .social-media-box {
        max-width: 290px;
    }
    .header-main .logo{
        max-width: 240px;
    }
    .produktseite_section .product-filter.sticky_filtrer .filter-main{
        max-width: 962px;
    } 
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
    body{
        font-size: 15pt;
    }
	.container {
        max-width: 768px;
    }
    .team-box,
    .social-media-box {
        max-width: 216px;
    }
    .header-main .menu ul li a {
        font-size: 16px;
    }
    .two-column .box .content {
        padding-right: 20px;
    }
    .two-column .box .content .btn {
        font-size: 15px;
        padding: 15px 35px;
    }
    .blockquote .content blockquote {
        font-size: 24px;
    }
    .blockquote .content {
        font-size: 18px;
    }
    .product-slider {
        padding: 70px 0 0px;
    }
    .blockquote {
        padding-bottom: 50px;
    }
    header .container, .breadcrump .container {
        padding: 0 20px;
    }
    .header-main .logo {
        max-width: 200px;
    }
    .banner-content {
        padding: 34px;
    }
    .video-section {
        padding: 80px 0px 80px;
    }
    .two-column {
        padding-top: 0;
    }
    .flexible-content {
        padding-bottom: 45px;
    }
    .two-column .box:nth-child(2n+2) .content {
        padding-left: 40px;
    }
    .product-slider {
        padding: 50px 0 0px;
    }
    .product-filter-main .btn.load-more {
        margin-top: 50px;
    }
    .blog_slider_section {
        padding: 40px 0;
    }
    .machine_threecol_section {
        padding: 40px 0;
    }
    .mechine_col .product_description {
        padding: 30px 30px 30px 20px;
    }
    .subscribe_col {
        padding: 40px 9px;
    }
    .btn, input[type="submit"], button {
        font-size: 15px;
        padding: 15px 35px;
    }
    .social_share_section {
        padding: 30px 0;
    }
    .contact-info {
        padding: 20px 0px;
    }
    .contact-info-inner .left {
        width: 50%;
    }
    .contact-info-inner .right {
        width: 50%;
    }
    .contact-info-inner .right ul li {
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
    }
    .contact-info-inner {
        padding: 40px 20px;
    }
    .accordion {
        padding: 50px 0 50px;
    }
    .kontact-form {
        padding: 40px 0px 30px;
    }
    .gradient-section {
        margin: 50px 0px;
    }
    .filter-main .box {
        width: calc( 50% - 35px );
        margin-bottom: 15px;
    }
    .product-list .box .content {
        padding: 15px 10px;
    }
    .mechine_col .product_description .right_arrow {
        right: -15px;
    }
    .header-main .menu ul > li > ul > li > a {
        font-size: 16px;
        padding: 0 40px;
    }
    .header-top {
        display: none;
    }
    .menu-icon {
        width: 30px;
        height: 20px;
        cursor: pointer;
        display: inline-block;
        position: relative;
    }
    .menu-icon::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: url(../images/menu-icon.png) no-repeat center / cover;
        width: 30px;
        height: 20px;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .menu-icon::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -2px;
        margin: 0 auto;
        background: url(../images/close-menu.png) no-repeat center / cover;
        width: 22px;
        height: 22px;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu.menu-open .menu-icon::after {
        opacity: 1;
        visibility: visible;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu.menu-open .menu-icon::before {
        opacity: 0;
        visibility: hidden;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu {
        margin-top: 1px;
    }
    .header-main .menu ul {
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
        padding: 45px 0px 5px;
        background-color: #f3f4f4;
    }
    .header-main .menu > ul {
        position: absolute;
        left: -110%;
        top: 100%;
        width: 100%;
        z-index: 999;
        height: calc(100vh - 78px);
        overflow: auto;
        margin-bottom: 0px;
    }
    .header-main .menu.menu-open > ul {
        left: 0;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu > ul > li.menu-has-children .level-1 {
        position: absolute;
        left: -110%;
        width: 100%;
        top: 0;
        z-index: 999;
        height: 100vh;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu > ul > li.menu-has-children.mobile-level-1-open .level-1 {
        left: 0;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu > ul > li.menu-has-children .level-1 .level-2 {
        position: absolute;
        left: -110%;
        width: 100%;
        height: 100vh;
        top: 0;
        z-index: 9999;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu > ul > li.menu-has-children .level-1 li.mobile-level-2-open .level-2 {
        left: 0;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu ul li {
        margin-bottom: 40px;
    }
    .header-main .menu ul li {
        display: block;
        text-align: center;
    }
    .header-main .menu ul li a {
        color: #000000;
        font-size: 18px;
    }
    .header-main .menu ul li {
        margin-left: 0px;
    }
    .header-main .menu ul li a {
        position: relative;
        display: block;
        padding: 0px 40px;
        text-align: left;
    }
    .header-main .menu ul li a .append-text{
        width: 100%;
        display: inline-block;
    }
    .sub_arrow {
        width: 40px;
        height: 19px;
        position: absolute;
        right: 0;
        top: 2px;
        cursor: pointer;
    }
    .sub_arrow::before {
        content: "";
        background:url(../images/sub-icon.png) no-repeat center / cover;
        width: 7px;
        height: 15px;
        display: inline-block;
    }
    .header-main .menu ul li.mobile-dl-back a::before {
        content: "";
        background:url(../images/sub-icon.png) no-repeat center / cover;
        width: 7px;
        height: 15px;
        position: absolute;
        top: 2px;
        left: 10px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }
    .header-main .menu ul li.grey-text a {
        color: #707173;
    }
    .header-main .menu ul li.with-arrow a span.select_arrow {
        background:url(../images/sub-icon.png) no-repeat center / cover;
        width: 7px;
        height: 15px;
        display: inline-block;
        vertical-align: -1px;
        margin-left: 10px;
        position: absolute;
        right: 33px;
        top: 0;
    }
    .deeper-link {
        display: none;
    }
    .header-main .menu ul li.grey-text ul {
        display: none;
    }
    .header-main .menu ul li.language-open {
        margin-bottom: 0;
    }
    .header-main .menu ul li.with-arrow ul {
        padding: 0px;
        margin: 40px 0px;
    }
    .header-main .menu ul li.grey-text label {
        cursor: pointer;
    }
    .header-main .menu ul li.with-arrow a:hover,
    .header-main .menu ul li.with-arrow a.active {
        color: #000;
    }
    .header-main .menu ul li.with-arrow ul li {
        width: 50%;
        float: left;
        margin-bottom: 0px;
    }
    .header-main .menu ul li.with-arrow ul li:nth-child(2n+1) {
        clear: left;
    }
    .header-main .menu ul li.with-arrow ul {
        border-top: 1px solid rgba(0,0,0,0.1);
    }
    .header-main .menu ul li.with-arrow ul li a {
        border-bottom: 1px solid rgba(0,0,0,0.1);
        border-right: 1px solid rgba(0,0,0,0.1);
        padding: 12px 20px;
    }
    .four_col_row .service_col{
        width: 50%;
    }
    .blue-section.four_col .box{
        width: 50%;
    }
    .blue-section.four_col .box{
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .blue-section.four_col .box{
        padding-bottom: 25px;
    }
    .blue-section.four_col .box:nth-child(3), .blue-section.four_col .box:last-child{
        padding-bottom: 0;
    }
    .two_col_btn ul li .btn{
        font-size: 16px;
    }
    .kontact_tab_section .tab_inner .contact_details .bottom_link{
        padding-top: 25px;
    }
    .kontact_tab_section .tab_inner .contact_details{
        padding-bottom: 70px;
    }
    .kontact_tab_section .tab_links ul li{
        font-size: 16px;
        padding: 10px 10px 10px;
    }
    .product-filter-main .btn.load-more{
        font-size: 15px;
        padding: 15px 35px;
    }
    .bottom_map_section{
        padding-top: 60px;
    }
    .blue-section.two_col .box{
        width: 50%;
    }
    .flexible-content ul li:before{
        width: 16px;
        height: 14px;
        top: 3px;
    }
    .flexible-content ul li{
        padding-left: 35px;
    }
        .gradient-bg p {
        font-size: 23px;
    }
    .gradient-bg h2 {
        font-size: 80px;
    }
    .teambuilder-section-inner {
        margin-top: 25px;
    }
    .standort .teambuilder-section-inner {
        margin-top: 16px;
    }
    .standort .teambuilder-section-inner h2 {
        margin-bottom: 12px;
    }
    .team-box-description p {
        font-size: 17px;
    }
    .social-media-box p {
        font-size: 14px;
    }
    .hover-box img {
        max-width: 100px;
    }
    .social-media-box span.like-btn {
        min-width: 150px;
        padding: 10px;
        margin-top: 50px;
    }
    .footer-box p {
        font-size: 16px;
    }
    .footer-logo {
        width: 25%;
    }
    .footer-bottom-menu {
        width: 74%;
    }
    .footer-bottom-menu li {
        margin-left: 12px;
        font-size: 14px;
    }
    footer input[type="submit"] {
        font-size: 18px;
        margin-top: 36px;
        padding: 14px 40px;
    }
    .inner_news_letter .subscribe_form .check_text{
        -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    }
    .produktseite_section .product-filter.sticky_filtrer{
        padding-bottom: 18px;
    }
    .produktseite_section .product-filter.sticky_filtrer .filter-main{
        max-width: 738px;        
    }
    .product-list .box{
        width: 50%;
        padding-bottom: 30px;
    }
    .inner_popup_contact .kontact-form .kontact-form-inner{
        max-width: 728px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
	.container {
        width: 100%;
    }
    .team-box,
    .social-media-box,
    .team-box:nth-child(2n+1),
    .social-media-box:nth-child(2n+1) {
    	max-width: 100%;
    	width: 47.5%;
    	margin-right: 20px;
    }
    .team-box:nth-child(2n+2),
    .social-media-box:nth-child(2n+2) {
    	margin-right: 0px;
    }
    .process-section .box {
	    width: auto;
	    float: none;
	    text-align: center;
	    display: inline-block;
	    margin: 0px 7.5% 47px;
	}
	.process-section .row {
	    display: flex;
	    display: -webkit-flex;
	    align-items: center;
	    -webkit-align-items: center;
	    justify-content: center;
	    -webkit-justify-content: center;
	    flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	}
	.process-section {
		padding: 43px 0px 0px;
	}
    .header-main .logo {
        max-width: 180px;
    }
    .p46 {
        padding:0px;
    }
    .two-column .box {
        padding: 30px 0px;
    }
    .two-column .box .content {
        width: 100%;
        order: 2;
        -webkit-order: 2;
        padding-left: 0px;
    }
    .two-column .box .img {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 30px;
         order: 1;
        -webkit-order: 1;
    }
    .flexible-content {
        padding-bottom: 0px;
    }
    .two-column .box:nth-child(2n+2) .content {
        padding-left: 0px;
    }
    .two-column .box .content.content-right {
        padding-left: 0px;
        padding-top:30px;
    }
    .blockquote .content {
        padding: 32px 30px;
    }
    .blockquote .content blockquote::before {
        font-size: 30px;
        left: -20px;
        top: 3px;
    }
    .blockquote .content blockquote {
        font-size: 20px;
    }
    .blockquote .content {
        font-size: 16px;
    }
    .filter-main .box {
        width: 100%;
        margin-right: 0px;
        text-align: center;
    }
    .filter-main .box select {
        text-align: center;
    }
    .filter-main .box:nth-child(3) {
        width: 40%;
        font-size: 12px;
    }
    .filter-main .box:nth-child(3) input[type="text"] {
        font-size: 10px;
        padding:0 10px;
    }
    .filter-main .box:nth-child(4) {
        float: right;
        width: 55%;
    }
    .filter-main .box .checkbox label {
        font-size: 10px;
    }
    .filter-main .box .checkbox {
        margin-right: 10px;
        padding-top: 13px;
    }
    .product-list .box {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 35px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    .product-list {
        margin: 0px auto;
        max-width: 295px;
    }
    .product-filter-main .btn.load-more {
        margin-top: 10px;
    }
    h2 {
        font-size: 28px;
    }
    .inner_three_mechine {
        flex-wrap: wrap;
        margin: 0px auto;
        max-width: 400px;
    }
    .mechine_col {
        width: 100%;
        padding: 0px;
        margin-bottom: 35px;
    }
    .load_more_btn {
        padding-top: 20px;
    }
    .blog_detail_top {
        margin-bottom: 0;
        padding-bottom: 20px;
    }
    .blog_detail_top .blog_details {
        right: 0;
        top: 100%;
        max-width: 100%;
        position: static;
    }
    .blog_detail_top .blog_details .blog_details_inner {
        padding: 18px 0;
        max-width: 335px;
    }
    .subscribe_col {
        padding: 40px 20px;
    }
    .inner_news_letter .subscribe_col {
        padding: 40px 20px;
    }
    .subscribe_form .single_row {
        flex-wrap: wrap;
    }
    .subscribe_col .inner_subscribe input[type="email"] {
        width: 100%;
    }
    .subscribe_form .single_row input[type="submit"] {
        margin: 20px 0 30px 0px;
    }
    .social_share_inner {
        flex-wrap: wrap;
    }
    .social_share_inner .left {
        width: 100%;
    }
    .social_share_inner .right {
        width: 100%;
    }
    .contact-info-inner .left {
        width: 100%;
    }
    .contact-info-inner .right {
        width: 100%;
        margin: 30px 0 0;
        padding:0 20px;
    }
    .contact-info-inner .left .img {
        width: 92px;
        margin-right: -92px;
    }
    .contact-info-inner .left .content {
        padding-left: 112px;
    }
    .contact-info-inner .left .content span.name {
        margin-top: 15px;
    }
    .accordion-main {
        margin-top: 25px;
    }
    .accordion-main .box span {
        padding: 20px 55px 20px 15px;
    }
    .accordion-main .box .content .left {
        width: 100%;
    }
    .accordion-main .box .content .right {
        width: 100%;
        padding:30px 0 0;
    }
    .accordion-main .box.active .content {
        padding-bottom: 20px;
    }
    .kontact-form {
        padding: 20px 0px 30px;
    }
    .kontact-form-inner {
        padding: 60px 0px 60px;
    }
    .textbox-main .textbox {
        width: 100%;
    }
    .textbox-main .textbox select {
        height: 45px;
    }
    .textbox-main .textbox input {
        height: 45px;
    }
    .gradient-section {
        margin: 30px 0px;
    }
    .plr20 {
        padding: 0 0;
    }
    .process-section .box {
        margin: 0px 6.5% 47px;
    }
    .banner-content {
        position: static;
        padding: 24px;
        font-size: 16px;
        max-width: 100%;
        width: 100%;
    }
    .banner-content h1 {
        font-size: 24px;
    }
    .banner-content h1 br{
        display: none;
    }
    .hero-banner {
        padding-bottom: 0px;
    }
    .hero-banner.video-banner {
        padding-bottom: 56.875%;
    }
    .hero-banner .swiper-container {
        position: relative;
        padding-bottom: 46.875%;
    }
     .hero-banner .swiper-container .swiper-wrapper {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
     }
     .blue-section .box {
        width: 100%;
        justify-content: flex-start !important;
        -webkit-justify-content: flex-start !important;
        margin-bottom: 20px;
     }
     .blue-section .box:last-child {
        margin-bottom: 0px;
     }
     h1, .h1{
        font-size: 26pt;
     }
    .product-slider .slder-img .slider {
        padding-bottom: 0px;
    }
    .product-slider .slder-img .swiper-container {
        position: relative;
    }
    .slder-img .slider .slider-content {
        position: static;
        padding: 34px 25px;
        font-size: 16px;
    }
    .slder-img .slider .slider-content h4 {
        font-size: 20px;
    }
    .accordion-main .box .content .inner {
        padding-bottom: 0px;
    }
    .product-filter-main {
        padding-bottom: 40px;
    }
    .video-section {
        padding: 50px 0px 50px;
    }
    .video-section .container{
        padding: 0;
    }
    .two-column .box .content .btn {
        margin-top: 5px;
    }
    .subscribe_col .inner_subscribe input[type="email"] {
        font-size: 16px;
    }
    .contact-info {
        padding-top: 50px;
    }
    .contact-info.news_info{
        padding-top: 0;
    }
    .breadcrump {
        width: 100%;
        padding: 15px 0 15px 0px;
    }
    .breadcrump ul li {
        font-size: 12px;
    }
    .breadcrump ul li:not(:last-child)::after{
        margin: 0 2px 0 5px;
    }
    .textbox-main .textbox .nice-select {
        height: 45px;
        line-height: 45px;
    }
    .filter-main .box .nice-select span {
        font-size: 16px;
    }
    .four_col_row .service_col{
        width: 100%;
    }
    .four_col_row .service_col .service_img{
        max-width: 120px;
        padding-bottom: 30px;
    }
    .four_col_section{
        padding: 40px 0 0;
    }
    .show_767{
        display: block;
    }
    .blue-section + .flexible-content, .hero-banner + .flexible-content{
      padding-top: 40px;
    }
    .blue-section.four_col .box{
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px;
    }
    .blue-section.four_col .box:nth-child(3){
        padding-bottom: 20px;
    }
    .blue-section.four_col .box:last-child{
        padding-bottom: 0px;
    }
    .two_col_btn{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .two_col_btn ul li{
        padding: 15px 0;
    }
    .process-section.eight_col_box .box{
        width: auto;
        float: none;
        text-align: center;
        display: inline-block;
        margin: 0px 6.5% 47px;
    }
    .kontact_tab_section{
        padding: 40px 0;
    }
    .tab_links{
        display: none;
    }
    .kontact_tab_section .tab_links ul{
        margin: 0;
    }
    .kontact_tab_section .tab_inner .contact_details{
        width: 100%;
        padding-bottom: 40px;
    }
    .kontact_tab_section .tab_inner .contact_details .inner_contact{        
        max-width: 100%;
    }
    .kontact_tab_section .tab_inner > div{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .produktseite_section .product-list .box{
        padding: 0px 0px;
    }
    .produktseite_section{
        padding-top: 20px;
    }
    .bottom_map_section{
        padding-top: 40px;
    }
    .blue-section.two_col .box{
        width: 100%;
    }
    .service_tab_content .single_img{
        margin: 30px 0 40px;
    }
    .service_tab_section{
        padding-bottom: 40px;
    }
    .service_tab_content{
        padding-top: 40px;
    }
    .flexible-content .inner h2 sup, .flexible-content .inner h1 sup{
        font-size: 16px;
    }
    .kontact_tab_section .tab_inner{
        padding-top: 0;
    }
    .flexible-content ul li::before{
        top: 5px;
    }
    .kontact-form.four_label_form .two_col_btn ul li{
        margin-right: 3px;
    }
    .kontact-form.four_label_form .two_col_btn ul li .btn{
        font-size: 13px;
        min-width: 115px;
        padding: 13px 3px;
    }
    .kontact-form.four_label_form .two_col_btn ul li:last-child{
        margin-right: 0;
    }
    body{
        font-size: 13pt;
    }
    .gradient-section {
        margin: 50px 0px;
    }
    .gradient-bg {
        margin: 25px auto;
        padding: 38px 0px;
    }
    .gradient-bg h3 {
        margin-bottom: 12px;
    }
    .gradient-bg p {
        font-size: 18px;
    }
    .gradient-bg .btn {
        margin-top: 15px;
    }
    .gradient-bg .btn {
        margin: 10px 0px 8px;
        padding: 15px 35px;
        min-width: 180px;
        font-size: 15px;
    }
    .gradient-bg h2 {
        font-size: 33px;
        margin-top: 25px;
    }
    .teambuilder-section-inner {
        margin-top: 15px;
    }
    .standort .teambuilder-section-inner {
        margin-top: 12px;
    }
    .standort .teambuilder-section-inner h2 {
        margin-bottom: 8px;
    }
    .teambuilder-box-section {
        margin-top: 20px;
    }
    .team-box-description {
        margin-top: 18px;
    }
    .team-box-description h4 {
        margin-bottom: 10px;
    }
    .team-box-description p {
        font-size: 18px;
    }
    .teambuilder-section {
        margin: 0px 0px 10px;
    }
    .team-box {
        padding-bottom: 25px;
        margin-bottom: 40px;
    }
    .social-media-section {
        margin: 0px;
    }
    .social-media-section-inner {
        margin-top: 30px;
    }
    .hover-box img {
        max-width: 80px;
    }
    .social-media-box span.like-btn {
        min-width: 140px;
        padding: 10px;
        margin-top: 40px;
    }
    .process-section.with-bg {
        margin-top: 15px;
    }
    .footer-top {
        padding: 48px 0px 23px;
    }
    .footer-box {
        width: 100%;
        padding-left: 0px;
        margin-bottom: 40px;
    }
    .footer-box:last-child {
        margin-bottom: 0px;
    }
    .social-icons {
        margin: 30px 0px 40px;
    }
    .external-links {
        margin-bottom: 6px;
    }
    .footer-box h4 {
        margin-bottom: 12px;
    }
    .footer-box-inner {
        max-width: 100%;
        margin-bottom: 25px;
    }
    input[type="text"],
    input[type="email"] {
        height: 50px;
    }
    footer input[type="submit"] {
        margin-top: 23px;
        font-size: 16px;
        padding: 14px 35px;
    }
    .footer-logo {
        width: 100%;
    }
    .footer-bottom-menu {
        width: 100%;
        text-align: left;
    }
    .footer-bottom-menu li {
        display: block;
        float: none;
        margin: 17px 0px 0px;
    }
    .footer-bottom {
        padding: 35px 0px 40px;
    }
    .hero-banner  .swiper-container .swiper-slide {
      background-image: none;
    }
    .hero-banner  .swiper-container .swiper-slide img {
      display: block;
    }
    .hero-banner .swiper-container {
      padding-bottom: 0px !important;
    }
    .hero-banner .swiper-container .swiper-wrapper {
      position: static !important;
    }
    .mobile-option {
      display: block;
      position: absolute;
      right:20px;
      bottom: 20px;
      z-index: 99;
      text-align: center;
    }
    .mobile-option span.icon {
      width: 45px;
      height: 45px;
      border-radius:50%;
      background-color: #ffffff;
      display: block;
      position: relative;
      cursor: pointer;
      margin: 0 auto;
      transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
    }
    .mobile-option.open  span.icon {
      transform:rotate(45deg);
      -webkit-transform:rotate(45deg);
      -ms-transform:rotate(45deg);
    }
    .mobile-option span.icon:after {
      width: 2px;
      height: 16px;
      background-color: #26579c;
      content: '';
      display: inline-block;
      text-align: center;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      margin: 0 auto;
    }
    .mobile-option span.icon:before {
      width: 16px;
      height: 2px;
      background-color: #26579c;
      content: '';
      display: inline-block;
      text-align: center;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      margin: 0 auto;
    }
    .mobile-option span.name {
      display: block;
      font-size: 14px;
      color: #ffffff;
      text-align: center;
      margin-top: 10px;
    }
    .blue-section {
      background-color: #004494;
      padding: 26px 0px;
      width: calc( 100% - 100px );
      max-width: 350px;
      position: absolute;
      left: 0;
      bottom:0;
      z-index: 9;
      float: left;
      display: none;
    }
    .blue-section .box span.img {
      width: 34px;
      height: 34px;
    }
    .blue-section .box span.text {
      font-size: 11px !important;
    }
    .slder-img .slider .swiper-container .swiper-button-prev, .slder-img .slider .swiper-container .swiper-button-next{
        width: 25px;
    }
    .inner_news_letter .subscribe_form .check_text{
        padding-right: 32px;
    }
    .kontact-form-inner h4{
        font-size: 26px;
    }
    .two-column .box .content h4{
        font-size: 18pt;
    }
    .flexible-content .inner h2, .flexible-content .inner h1{
        line-height: normal;
    }
    .btn, input[type="submit"], button{
        background-color: rgba(0,68,148,0.60);
    }
    .btn:hover, input[type="submit"]:hover, button:hover{
        background-color: rgba(0,68,148,0.20);
    }
    .kontact_tab_section .tab_inner .contact_details h4{
        padding-bottom: 10px;
        font-size: 24px;
    }
    .hero-banner.all_page_banner.tab_banner{
        padding-bottom: 70%;
    }
    .product-filter .filter-main{
        max-width: 295px;
        margin: 0 auto;
    }
    .produktseite_section .product-filter .filter-main{
        max-width: 295px;
        margin: 0 auto;
    }
    .produktseite_section .product-filter.sticky_filtrer .filter-main{
        max-width: 335px;
        padding: 0 20px;
    }
    .produktseite_section .product-filter .filter-main form{
        max-width: 295px;
        margin: 0 auto;
    }
    .filter-main .box .filter_close{
        font-size: 13px;
        padding-top: 22px;
    }
    .filter-main .box .filter_close span img{
        max-width: 10px;
        margin-left: 8px;
    }
    .hero-banner{
        background-image: none !important;
    }
    .inner_popup_contact .kontact-form .kontact-form-inner h4{
        padding-right: 35px;
    }
    .product-slider .slder-img {
        margin: 0px;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 640px) {
	.team-box,
    .social-media-box,
    .team-box:nth-child(2n+1),
    .social-media-box:nth-child(2n+1),
    .team-box:nth-child(2n+2),
    .social-media-box:nth-child(2n+2) {
    	max-width: 398px;
    	width: 100%;
    	margin: 0px auto 40px;
    }

}
@media only screen and (max-width: 360px) {
    .contact-info-inner .right {
        padding: 0 10px;
    }
    .contact-info-inner .right ul li {
        font-size: 12px;
    }
    .contact-info-inner {
        padding: 30px 20px;
    }
    .contact-info-inner .left .content span.name {
        font-size: 16px;
    }
    .contact-info-inner .left .content {
        font-size: 14px;
    }
    .kontact-form-inner {
        padding: 40px 0px 40px;
    }

}

@media only screen and (min-width: 992px) {
    .header-main .menu > ul > li {
        position: relative;
    }
    .header-main .menu > ul > li > ul {
        position: absolute;
        right: -20px;
        top: 130%;
        z-index: 999;
        background: #fff;
        -webkit-box-shadow: 0 0 60px 0 rgba(0,0,0,.15);
        box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
        min-width: 250px;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu > ul > li.menu-hovered > ul {
        top: 111%;
        opacity: 1;
        visibility: visible;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu > ul > li:last-child > ul {
        right: 0px;
    }
    .header-main .menu ul > li > ul > li {
        margin: 0px;
        display: block;
    }
    .header-main .menu ul > li > ul > li > a {
        position: relative;
    }
    .header-main .menu > ul > li > a {
        padding-bottom: 35px;
        display: inline-block;
        position: relative;
    }
    .header-main .menu > ul > li > a::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -6px;
        background-color: #3f8bc8;
        width: 0px;
        height: 6px;
        margin: 0 auto;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
        z-index: 9;
    }
    .header-main .menu > ul > li > a:hover::after {
        width: 100%;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu ul > li > ul > li > a {
        display: block;
        padding: .5em 3em .5em 1em;
        color: #4a4a4a;
        font-size: 18px;
        line-height: 1.5em;
    }
    .header-main .menu ul > li > ul > li > a:focus {
        color: #4a4a4a;
    }
    .header-main .menu ul {
        margin-bottom: 0px;
    }
    .header-main .menu ul > li > ul > li > a:hover {
        color: #3f8bc8;
    }
    .header-main {
        padding-bottom: 0px;
    }
    .deeper-link {
        position: absolute;
        top: 0;
        right: 0;
        padding: .5em 1em;
        color: #4a4a4a;
        height: 100%;
        width: auto;
        background: transparent;
        border-left: solid 1px #ddd;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
        cursor: pointer;
        background-image: url(../images/deeper-link-arrow.png);
        background-position: center;
        background-size: 10px;
        background-repeat: no-repeat;
    }
    .deeper-link:hover {
        color: #3f8bc8;
        background-image: url(../images/deeper-link-arrow-hover.png);
        background-color: #ddd;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu ul > li > ul > li > ul.level-2 {
        position: absolute;
        right: 0;
        background-color: #fff;
        top: 0;
        min-width: 259px;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
        z-index: 99;
    }
    .header-main .menu ul > li > ul > li.has-children.level-2-open .level-2 {
        opacity: 1;
        visibility: visible;
        transition: 0.5s all ease 0s;
        -webkit-transition: 0.5s all ease 0s;
        -moz-transition: 0.5s all ease 0s;
        -ms-transition: 0.5s all ease 0s;
    }
    .header-main .menu ul > li > ul > li.dl-back a {
        background: #1b448f;
        color: #fff;
    }
    .header-main .menu ul > li > ul > li.dl-back a i {
        margin-right: 8px;
        font-size: 15px;
    }
    .menu-icon {
        display: none;
    }
    .header-main .menu ul li.grey-text {
        display: none;
    }
    .sub_arrow {
        display: none;
    }

}

@media only screen and (min-width: 767px){
    .hero-banner .blue-section{
        display: none !important;
    }
}