@charset "utf-8";

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

@font-face {
    font-family: 'bundessans_webbold';
    src: url('/fonts/bundessansweb-bold-webfont.woff2') format('woff2'), url('/fonts/bundessansweb-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bundessans_webitalic';
    src: url('/fonts/bundessansweb-italic-webfont.woff2') format('woff2'), url('/fonts/bundessansweb-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bundessans_webregular';
    src: url('/fonts/bundessansweb-regular-webfont.woff2') format('woff2'), url('/fonts/bundessansweb-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bundesserif_webitalic';
    src: url('/fonts/bundesserifweb-italic-webfont.woff2') format('woff2'), url('/fonts/bundesserifweb-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bundesserif_webregular';
    src: url('/fonts/bundesserifweb-regular-webfont.woff2') format('woff2'), url('/fonts/bundesserifweb-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
}

*,
:active,
:focus,
:hover {
    outline: 0 !important;
}

::-moz-selection {
    color: rgb(0, 61, 102);
    background-color: rgb(255, 204, 0)
}

::selection {
    color: rgb(0, 61, 102);
    background-color: rgb(255, 204, 0)
}

body {
    font-family: "bundessans_webregular", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0;
    color: #999;
    font-size: 18px;
    overflow-x: hidden;
}

ul,
ol {
    list-style: none;
}

a {
    color: #222222;
    text-decoration: none;
    -webkit-transition: all .1s cubic-bezier(.645, .045, .355, 1);
    transition: all .1s cubic-bezier(.645, .045, .355, 1);
}

a:hover {
    text-decoration: none;
    color: rgb(208, 0, 56);
}

a:focus {
    text-decoration: none;
}

p {
    margin-bottom: 8px;
}

blockquote {
    font-size: 20px;
    font-style: italic;
    color: #ababab;
    font-weight: 400;
    padding: 20px 60px;
    margin: 0;
    border: none;
}

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

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

iframe {
    border: none;
    width: 100%;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    padding: 0 42px;
    height: 55px;
    outline: none;
    border: 0;
    border-radius: 30px;
    background-color: transparent;
    color: rgb(208, 0, 56);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .1s cubic-bezier(.645, .045, .355, 1);
    transition: all .1s cubic-bezier(.645, .045, .355, 1);
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    width: 100%;
    outline: none;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    color: #878c9b;
    background: none;
}

input:focus,
textarea:focus {
    border-bottom: 1px solid #1a237e;
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select {
    padding: 3px 0;
    height: 57px;
    -webkit-transition: all .1s cubic-bezier(.645, .045, .355, 1);
    transition: all .1s cubic-bezier(.645, .045, .355, 1);
}

.form-control-wrap {
    margin-bottom: 20px;
}

select {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
    background-color: #fff;
    border: 1px solid #999;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "bundesserif_webregular", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.2;
    color: #333;
}

h1,
.h1 {
    font-size: 56px;
}

h2,
.h2 {
    font-size: 40px;
}

h3,
.h3 {
    font-size: 34px;
}

h4,
.h4 {
    font-size: 24px;
}

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

h6,
.h6 {
    font-size: 14px;
}

.fullwidth {
    width: 100%;
}

.site {
    position: relative;
}

.left-menu-content {
    background-color: #111111;
    background-image: url(../images/background/bg_1920x1280.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.branding__logo img,
.maintenance-header img {
    width: 120px;
}

.branding__logo img {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

.dark-logo {
    display: none;
}

#redim-cookiehint {
    width: 100%;
    padding: 7px 5%;
    box-sizing: border-box;
    position: fixed;
    background-color: #adadad;
    font-size: 14px;
    z-index: 9999999;
    bottom: 0px;
    color: rgb(33, 33, 33);
    top: auto !important;
}

#redim-cookiehint .cookiecontent {
    display: inline-block;
    line-height: 30px;
}

#redim-cookiehint .cookiecontent p {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
    line-height: 18px;
}

#redim-cookiehint .cookiecontent a {
    text-decoration: underline;
}

#redim-cookiehint .cookiebuttons {
    display: inline-block;
    float: right;
}

#redim-cookiehint .cookiebuttons .btn {
    padding: 5px 10px !important;
    color: #ffffff;
    background-color: #333;
    font-size: 12px;
    line-height: 18px;
    height: 30px;
    border: 0;
    text-align: center;
    margin-bottom: 0;
    display: inline-block;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
}

.headroom.headroom--not-top .main-logo {
    display: none;
}

.headroom.headroom--not-top .dark-logo {
    display: block;
    width: 200px;
    padding: 0;
}

.headroom.headroom--not-top .dark-logo img {
    padding: 0;
}

.heading {
    line-height: 1.15;
    font-weight: normal;
    font-size: 39px;
}

.heading.small {
    font-size: 20px;
}

.heading.medium {
    font-size: 20px;
    line-height: 24px;
}

.heading a {
    position: relative;
}

.heading a:before {
    content: '';
    height: 1px;
    width: 0;
    background-color: currentColor;
    position: absolute;
    bottom: -2px;
    left: 0;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.heading a:hover:before {
    width: 100%;
}

#main {
    background-color: #fff;
}

.social-networks {
    margin-left: -8px;
}

.social-networks .item {
    list-style-type: none;
    margin: 0 0 5px;
    display: inline-block;
}

.social-networks .item > a {
    padding: 5px 8px;
    display: inline-block;
}

.scrollup {
    display: block;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 40px;
    opacity: 1;
    cursor: pointer;
    background-color: rgb(0, 100, 160);
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.scrollup:hover {
    background: rgb(208, 0, 56);
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.scrollup--fixed {
    position: fixed;
    right: 30px;
    bottom: -60px;
    z-index: 999;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
}

.scrollup--fixed.show {
    bottom: 30px;
}

.scrollup i {
    position: relative;
    top: -1px;
    color: #fff;
}

.header-social-networks a {
    padding: 0 12px;
    font-size: 16px;
    color: #222;
}

.header.style-3.headroom--not-top .header-social-networks a.white {
    color: #222 !important;
}

.popup-search-wrap {
    width: 40px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
}

.popup-search-wrap i {
    font-weight: 700;
    color: #fff;
}

.headroom--not-top .popup-search-wrap i {
    color: #222;
}

.list {
    margin: 0 -15px 30px;
    padding: 0;
    list-style-type: none;
}

.list__item {
    position: relative;
    margin-bottom: 16px;
    padding: 0 15px;
    display: block;
}

.list__marker {
    display: inline-block;
    float: left;
}

.list__heading {
    overflow: hidden;
}

.list--circle .list__item {
    position: relative;
    padding-left: 29px;
}

.list--circle .list__item .list__marker:before {
    position: absolute;
    top: 8px;
    left: 15px;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    content: '';
    background: currentColor;
}

.list--circle .list__title {
    color: inherit;
    font-size: inherit;
}

.list--circle .list__title {
    color: inherit;
    font-size: inherit;
}

.list--arrow .list__item {
    position: relative;
    padding-left: 29px;
}

.list--arrow .list__item .list__marker:before {
    position: absolute;
    top: 3px;
    left: 15px;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    content: '>';
    color: rgb(0, 61, 102);
    background-color: rgb(255, 204, 0) !important;
    line-height: 14px;
    padding: 0px 5px;
    font-size: 14px;
}

.list--arrow .list__heading {
    margin-left: 10px;
}

.list--arrow .list__heading a {
    text-decoration: underline;
    color: rgb(0, 61, 102);
}

.list--arrow .list__title {
    color: rgb(0, 61, 102);
    font-size: inherit;
}

.list--arrow .list__title a {
    text-decoration: underline;
}

.list--delimited .list__item {
    padding: 22px 15px;
    margin: 0;
    width: calc(100% - 30px);
    float: none;
    display: block;
}

#collapse00 .list__item {
    width: calc(100% / 2);
    float: left;
}

.list--delimited .list__item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}

.image-slider .image img {
    width: 100%;
}

.image-slider .owl-controls .owl-buttons .owl-prev,
.image-slider .owl-controls .owl-buttons .owl-next {
    width: 55px;
    height: 55px;
    color: #fff;
    font-size: 16px;
    background-color: rgb(208, 0, 56);
    border-radius: 0;
    line-height: 50px;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.image-slider .owl-controls .owl-buttons .owl-prev:hover,
.image-slider .owl-controls .owl-buttons .owl-next:hover {
    background-color: #1a237e;
}

.contact-info-2 {
    border: 1px solid #eeeeee;
    padding: 60px 45px;
}

.video-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    overflow: hidden;
}

.video-background .video-background-inner {
    background-repeat: no-repeat;
    background-position: center center;
}

.video-background .video-background-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    width: 1920px;
    height: 1080px;
    padding-bottom: 56.25%;
    background-image: url(../images/background/bg_1600x1067.jpg);
    background-size: cover;
}

.page-open-main-menu {
    display: none;
    height: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-desktop .page-open-main-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.page-open-main-menu div {
    position: relative;
    width: 24px;
    height: 18px;
    cursor: pointer;
}

.page-open-main-menu i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background: currentColor;
    color: #fff;
}

.page-open-main-menu i:after,
.page-open-main-menu i:before {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    background: rgb(0, 111, 167);
    content: '';
    -webkit-transition: width .3s cubic-bezier(.645, .045, .355, 1);
    transition: width .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.page-open-main-menu i:before {
    top: -8px;
}

.page-open-main-menu i:after {
    top: 8px;
}

.page-open-mobile-menu:hover i,
.page-open-main-menu:hover i {
    color: rgb(208, 0, 56);
}

.page-open-main-menu:hover i:after,
.page-open-main-menu:hover i:before {
    width: 70%;
}


/* Icon 3 */

#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
    width: 30px;
    height: 45px;
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    cursor: pointer;
}

#nav-icon3.open {
    top: 5px;
}

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: rgb(0, 100, 160);
    border-radius: 0px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
    top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 8px;
}

#nav-icon3 span:nth-child(4) {
    top: 16px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.dh-typed .dh-typed-text-wrap {
    display: inline-block;
}

#menu li {
    display: inline-block;
    margin: 10px;
    color: #000;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#menu li.active {
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

#menu li a {
    text-decoration: none;
    color: #000;
}

#menu li.active a:hover {
    color: #000;
}

#menu li:hover {
    background: rgba(255, 255, 255, 0.8);
}

#menu li a,
#menu li.active a {
    padding: 9px 18px;
    display: block;
}

#menu li.active a {
    color: #fff;
}

#menu {
    position: fixed;
    top: 100px;
    left: 0;
    height: 40px;
    z-index: 99999999;
    width: 100%;
    padding: 0;
    margin: 0;
}

.box-contact-shadow {
    border: 1px solid #eeeeee;
    -moz-box-shadow: 0 0 43px rgba(170, 170, 170, 0.3);
    -webkit-box-shadow: 0 0 43px rgba(170, 170, 170, 0.3);
    box-shadow: 0 0 43px rgba(170, 170, 170, 0.3);
}

.widget-gallery .inner .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.widget-gallery .inner:hover .overlay {
    visibility: visible;
    opacity: 1;
}

.left-img img {
    width: 100%;
}

#googleMap,
#map {
    min-height: 500px;
}

.img-1 {
    margin-top: -70px;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    justify-content: center;
}

.page-title-bar {
    position: relative;
}

.page-title-bar-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
}

.page-title-bar-inner {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding-top: 14px;
    padding-bottom: 14px;
}

.page-title-bar-inner .heading {
    font-family: "bundessans_webregular", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.3;
    text-transform: none;
    color: #333;
    font-size: 18px;
}

.page-open-mobile-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    width: 40px;
    background-color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

.page-open-mobile-menu div {
    position: relative;
    width: 24px;
    height: 18px;
    cursor: pointer;
    margin-top: 6px;
}

.page-open-mobile-menu i {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background: currentColor;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.page-open-mobile-menu i:after,
.page-open-mobile-menu i:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    content: "";
    -webkit-transition: width .3s cubic-bezier(.645, .045, .355, 1);
    transition: width .3s cubic-bezier(.645, .045, .355, 1);
}

.page-open-mobile-menu i:before {
    top: -8px;
}

.page-open-mobile-menu i:after {
    top: 8px;
}

.headroom.headroom--not-top .page-open-mobile-menu i,
.header-desktop.style-5 .page-open-mobile-menu i,
.header-desktop.style-6 .page-open-mobile-menu i,
.header-desktop.style-7 .page-open-mobile-menu i,
.header-desktop.style-2 .page-open-mobile-menu i {
    color: #222;
}


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


/* 2. ELEMENTS
/* --------------------------------------------------------------------- */


/* === 2.1. HEADER === */

.header-top {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #aaa;
    z-index: 99999;
    border-bottom: 1px solid #eee;
}

.header-top,
.header-top a {
    font-family: "bundessans_webregular", Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0em;
    line-height: 1.8;
    font-size: 15px;
}

.top-bar-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.header-top ul {
    z-index: 9999;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.top-bar-info .info-item {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border-left: 1px solid #eee;
    margin-right: 0;
}

.top-bar-info .info-icon {
    font-size: 18px;
    margin-right: 2px;
    vertical-align: middle;
    color: #D8D8D8;
}

.top-bar-wrap.top-bar-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header-top.style-2 .top-bar-info .info-item {
    border-left: none;
    font-weight: 400;
    font-size: 15px;
}

.header-top.style-2 .top-bar-info .info-icon {
    color: rgb(208, 0, 56);
}

.header-top .top-bar-social-network a {
    display: inline-block;
    font-size: 14px;
    border-left: 1px solid #eee;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 0;
    color: #aaa;
}

.header-top .top-bar-social-network a:hover,
.header-top .top-bar-social-network a:focus {
    color: rgb(208, 0, 56);
}

.header-top.style-2 .top-bar-social-network a {
    border-left: none;
    font-size: 16px;
}

.header-desktop {
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header-desktop .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
}

.header-desktop .header-wrap {
    display: block;
    width: 100%;
    height: 460px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header-right > div {
    padding: 0 10px;
}

.header-desktop .header-left,
.header-desktop .header-right {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    top: 0;
}

.header-desktop .header-wrap .branding {
    width: 120px;
    background-color: #fff;
    padding: 0 10px;
}

.header-desktop .page-navigation-wrap {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: absolute;
    bottom: 25px;
    width: 100%;
}

.headroom.headroom--not-top {
    height: 79px;
    padding-top: 10px;
    padding-bottom: 0px;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .0s;
    -moz-transition: all .0s;
    -ms-transition: all .0s;
    -o-transition: all .0s;
    transition: all .0s;
}

.header-desktop.style-2 {
    background-color: #fff;
}

.header-desktop.style-1 .header-right,
.header-desktop.style-3 .header-right,
.header-desktop.style-2 .header-right,
.header-desktop.style-4 .header-right,
.header-desktop.style-4 .header-left,
.header-desktop.style-5 .header-right,
.header-desktop.style-6 .header-right,
.header-desktop.style-7 .header-right,
.header-desktop.style-7 .header-left {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-desktop.style-1 .header-right,
.header-desktop.style-3 .header-right,
.header-desktop.style-2 .header-right,
.header-desktop.style-4 .header-right,
.header-desktop.style-5 .header-right,
.header-desktop.style-6 .header-right,
.header-desktop.style-7 .header-right {
    right: 30px;
    z-index: 9999;
}

.header-desktop.style-4 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.header-desktop.style-4 .header-wrap {
    text-align: center;
}

.style-4.headroom.headroom--not-top {
    padding-top: 0px;
    padding-bottom: 0px;
}

.style-4.headroom.headroom--not-top .dark-logo {
    display: inline;
}

.style-4.headroom.headroom--not-top .header-social-networks a {
    color: #222 !important;
}

.style-4.headroom.headroom--not-top .page-open-main-menu i {
    color: #222;
}

.header-desktop.style-5 {
    position: relative;
    z-index: 4;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #ddd;
}

.headroom.style-5.headroom--not-top,
.headroom.style-6.headroom--not-top {
    position: fixed;
}

.header-desktop.style-6 {
    position: relative;
    z-index: 4;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #ddd;
}

.header-desktop.style-6 .page-navigation-wrap {
    margin-left: 35px;
}

.header-desktop.style-7 {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

.header-desktop.style-7 .header-wrap {
    text-align: center;
}

.style-7.headroom.headroom--not-top {
    padding-top: 0px;
    padding-bottom: 0px;
}

.style-7.headroom.headroom--not-top .dark-logo {
    display: inline;
}

.style-7.headroom.headroom--not-top .header-social-networks a {
    color: #222 !important;
}

.header-desktop.style-7 .page-open-main-menu i,
.style-7.headroom.headroom--not-top .page-open-main-menu i {
    color: #222;
}

.header-left-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 300px;
    height: 100%;
}

.header-left-menu .page-header-inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 0;
    border-right: 1px solid transparent;
    padding-top: 40px;
    padding-bottom: 40px;
}

.header-left-menu .branding,
.header-left-menu .page-header-widgets {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header-left-menu .branding__logo {
    padding: 8px 60px 45px;
}

.header-left-menu .page-header-widgets {
    padding: 60px;
    font-size: 14px;
    line-height: 1.7;
    color: #fff;
}

.header-left-menu .social-networks {
    padding: 0;
    margin: 0 -8px;
    font-size: 20px;
}

.header-left-menu .social-networks .item {
    list-style-type: none;
    margin: 0 0 5px;
    display: inline-block;
}

.header-left-menu .social-networks .link {
    padding: 5px 8px;
    display: inline-block;
    color: #fff;
}

.header-left-menu .social-networks .link:hover {
    color: rgb(208, 0, 56);
}

.header-left-menu .menu--primary .menu-item-feature {
    position: relative;
    margin-left: 10px;
    color: #1a237e;
}

.header-left-menu .menu--primary .menu-item-feature:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: '\f005';
    font-size: 12px;
    margin-top: 1px;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-mobile {
    display: none;
}

.header-mobile .header-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-mobile .header-left,
.header-mobile .header-right {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header-mobile .header-wrap .branding {
    width: 100%;
}

.header-mobile .header-right {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.headroom--not-top.header-desktop .page-navigation-wrap {
    bottom: inherit;
    top: 15px;
}

.headroom--not-top.header-desktop .header-wrap .branding {
    width: 200px;
    position: relative;
    z-index: 10000;
}

.headroom--not-top.header-desktop .menu--primary {
    text-align: right;
}

.headroom--not-top.header-desktop .header-wrap {
    height: auto;
}


/* === 2.2. MENUS === */

.header-desktop .menu--primary {
    text-align: center;
}

.header-desktop .menu--primary > ul {
    position: static;
    display: inline-block;
    margin-bottom: 0;
}

.header-desktop .menu--primary > ul > li {
    display: inline-block;
    margin: 0 10px;
}

.header-desktop .menu--primary a {
    font-family: "bundessans_webbold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase !important;
    letter-spacing: 0em;
    line-height: 30px;
    text-transform: none;
    font-size: 20px;
    color: rgb(0, 61, 102) !important;
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 0px 15px;
    background-color: #fff;
}

.header-desktop .menu--primary a:hover,
.header-desktop .menu--primary a.active,
.header-desktop .menu--primary li.active a {
    color: rgb(208, 0, 56) !important;
}

.header-desktop .menu--primary ul > li > a {}

.header-desktop .menu--primary a .sub-arrow {
    font-size: 0;
    float: left;
}

.header-desktop .menu--primary a .sub-arrow:before {
    position: relative;
    top: 50%;
    content: '\f107';
    font-size: 14px;
    font-weight: 700;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    float: none !important;
    margin-right: 10px;
}

.header-desktop .menu--primary a .menu-item-title {
    position: relative;
    padding-bottom: 10px;
}

.header-desktop .menu--primary a .menu-item-title:after {}

.header-desktop .menu--primary li:hover > a .menu-item-title:after {
    background-color: #fff;
    bottom: 0;
}

.header-desktop .menu--primary .sub-menu {
    padding: 25px 0;
    min-width: 270px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
    position: absolute;
    background-color: #fff;
    top: 110%;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
    text-align: left;
}

.header-desktop.headroom--top .menu--primary li.menu-item-has-children:hover > .sub-menu {
    top: 70%;
    visibility: visible;
    z-index: 2;
    opacity: 1;
}

.header-desktop .menu--primary li.menu-item-has-children:hover > .sub-menu {
    top: 100%;
    visibility: visible;
    z-index: 2;
    opacity: 1;
}

.header-desktop .menu--primary .mega-menu .sub-menu {
    padding-top: 34px;
    padding-bottom: 23px;
    right: 0;
    margin-left: 0;
    max-width: none;
    width: auto;
    left: 0px;
}

.header-desktop .menu--primary .mega-menu .sub-menu ul.menu {
    position: static;
    display: block;
    width: auto;
    border: 0;
    background: transparent;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.header-desktop .menu--primary .mega-menu .row > div + div {
    border-left: 1px solid #eee;
}

.header-desktop .menu--primary .sub-menu a {
    font-family: "bundessans_webregular", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.2;
    text-transform: none;
    font-size: 15px;
    color: #999;
    padding: 11px 30px;
}

.header-desktop .menu--primary .sub-menu a:hover {
    color: #1f1f1f;
}

.header-desktop .menu--primary .menu-item-feature {
    position: relative;
    margin-left: 10px;
    color: #1a237e;
}

.header-desktop .menu--primary .menu-item-feature:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: '\f005';
    font-size: 12px;
    margin-top: 1px;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-desktop .menu--primary .sub-menu .menu-item-has-children .sub-arrow:before {
    content: '\f105';
    right: 30px;
}

.header-desktop .menu--primary .sub-menu .sub-menu {
    left: 0px;
    margin-left: 270px;
    margin-top: -40px;
    max-width: 20em;
}

.header-desktop .menu--primary .sub-menu > li.menu-item-has-children {
    position: relative;
}

.headroom--not-top .menu--primary > ul > li > a {
    color: #222;
}

.header-desktop.style-2 .menu--primary > ul > li > a {
    color: #222;
}

.header-desktop.style-2 .menu--primary {
    text-align: left;
}

.header-desktop.style-2 .page-navigation-wrap {
    margin-left: 85px;
}

.header-desktop.style-2 .menu--primary li:hover > a .menu-item-title:after {
    background-color: #1a237e;
}

.header-desktop.style-5 .menu--primary > ul > li > a,
.header-desktop.style-6 .menu--primary > ul > li > a {
    color: #222;
}

.header-desktop.style-5 .menu--primary li:hover > a .menu-item-title:after,
.header-desktop.style-6 .menu--primary li:hover > a .menu-item-title:after {
    background-color: #1a237e;
}

.header-desktop.style-6 .menu--primary {
    text-align: left;
}

#toggle-menu {
    text-align: center;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(26, 35, 126, .95);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    /* BACKGROUND GRADIENT */
    /* OUTLINE RADIUS */
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    /* One Page Navigation */
}

#toggle-menu.open {
    z-index: 999999;
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    /* BACKGROUND GRADIENT */
    /* OUTLINE RADIUS */
}

#toggle-menu > div {
    max-width: 400px;
    margin: 0 auto;
    display: table;
    padding: 30px 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

#toggle-menu > div > ul {
    float: none;
    list-style: none inside;
    padding: 0;
    /* First  Level */
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

#toggle-menu > div > ul:first-child > li {
    position: relative;
}

#toggle-menu > div > ul:first-child > li > a {
    font-size: 32px;
    color: #fff;
    font-weight: 400;
    line-height: 1.7;
    font-family: "bundessans_webregular", Helvetica, Arial, sans-serif;
}

#toggle-menu > div > ul:first-child > li > a:hover {
    color: #fff;
}

#toggle-menu > div > ul:first-child > li:hover > a {
    color: rgb(208, 0, 56);
}

#toggle-menu > div > ul:first-child > li > .cms-menu-toggle {
    top: 10px;
    height: 50px;
    line-height: 50px;
}

#toggle-menu > div > ul li {
    /* Level 2+ */
    position: relative;
}

#toggle-menu > div > ul li ul {
    float: none;
    width: 100% !important;
    list-style: none inside;
    padding: 0;
    margin: 0;
    visibility: hidden;
    max-height: 0;
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    /* BACKGROUND GRADIENT */
    /* OUTLINE RADIUS */
    -webkit-transition: max-height, 500ms, ease-in-out;
    -khtml-transition: max-height, 500ms, ease-in-out;
    -moz-transition: max-height, 500ms, ease-in-out;
    -ms-transition: max-height, 500ms, ease-in-out;
    -o-transition: max-height, 500ms, ease-in-out;
    transition: max-height, 500ms, ease-in-out;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
}

#toggle-menu > div > ul li ul li a {
    font-size: 20px;
    color: #fff;
}

#toggle-menu > div > ul li ul li a:hover {
    color: rgb(208, 0, 56);
}

#toggle-menu > div > ul li ul li:hover > a {
    color: rgb(208, 0, 56);
}

#toggle-menu > div > ul li ul.submenu-open {
    max-height: 500px;
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    /* BACKGROUND GRADIENT */
    /* OUTLINE RADIUS */
}

#toggle-menu > div > ul li .cms-menu-toggle {
    position: absolute;
    top: 0px;
    right: 15px;
    color: #fff;
    width: 50px;
    cursor: pointer;
}

#toggle-menu .cms-mainnav-v4-logo {
    padding-top: 25px;
    padding-bottom: 27px;
}

#toggle-menu #hide-mainnav {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 100px;
    color: #fff;
    cursor: pointer;
}

.header-left-menu .navigation {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.header-left-menu .menu--primary {
    position: relative;
    text-align: center;
    display: block;
}

.header-left-menu .menu--primary ul {
    position: static;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    line-height: normal;
    direction: ltr;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
}

.header-left-menu .menu--primary ul li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    line-height: normal;
    direction: ltr;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    float: none;
}

.header-left-menu .menu--primary ul li a {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 60px;
    padding-right: 60px;
    color: #fff;
}

.header-left-menu .menu--primary .sub-menu {
    background-color: #fff;
    list-style: none;
    text-align: left;
    line-height: normal;
    direction: ltr;
    -webkit-tap-highlight-color: transparent;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: 25px 0;
    min-width: 270px;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
    transition: all .3s ease;
    top: 200%;
    left: 100%;
}

.header-left-menu .menu--primary .mega-menu .sub-menu {
    padding-top: 34px;
    padding-bottom: 23px;
    max-width: calc(100vw - 320px);
    width: 1170px;
}

.header-left-menu .menu--primary a .sub-arrow {
    font-size: 0;
}

.header-left-menu .menu--primary a .sub-arrow:before {
    position: absolute;
    top: 50%;
    font-size: 14px;
    font-weight: 700;
    font-family: FontAwesome;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
    content: '\f105';
}

.header-left-menu .menu--primary ul > li > a .menu-item-title {
    position: relative;
    padding-bottom: 0px;
}

.header-left-menu .menu--primary ul > li > a .menu-item-title:after {
    position: absolute;
    bottom: -10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    content: '';
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    left: -30px;
    margin-left: 0;
    top: 50%;
    bottom: auto;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-left-menu .menu--primary ul > li:hover > a .menu-item-title:after {
    bottom: 0;
    left: -18px;
    background-color: #fff;
}

.header-left-menu .menu--primary li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    left: 100%;
    top: 0;
}

.header .menu--primary li.bottom:hover > .sub-menu {
    top: auto;
    bottom: 0;
}

.header-left-menu .menu--primary .mega-menu .sub-menu ul.menu {
    position: static;
    display: block;
    width: auto;
    border: 0;
    background: transparent;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.header-left-menu .menu--primary .sub-menu a {
    font-family: "bundessans_webregular", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.2;
    text-transform: none;
    font-size: 15px;
    color: #999;
    padding: 11px 30px;
}

.header-left-menu .menu--primary .mega-menu .row > div + div {
    border-left: 1px solid #eee;
}

.header-desktop .menu--primary .sub-menu a:hover,
.header-left-menu .menu--primary .sub-menu a:hover {
    color: #1f1f1f;
}


/* === 2.3. SECTION === */

.section {
    position: relative;
    width: 100%;
    z-index: 1;
}

.section:last-of-type {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}

.section.ontop {
    z-index: 2;
}

.section.border-bottom {
    border-bottom: 1px solid #eeeeee;
}

.section-fixed {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.section-cover {
    background-repeat: no-repeat;
    background-size: cover;
}

.section-bg-gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #3123AE), color-stop(50%, #53A0FD), color-stop(100%, #51EC9C));
    background: -moz-linear-gradient(left, #3123AE 10%, #53A0FD 50%, #51EC9C 100%);
    background: -webkit-linear-gradient(left, #3123AE 10%, #53A0FD 50%, #51EC9C 100%);
    background: -o-linear-gradient(left, #3123AE 10%, #53A0FD 50%, #51EC9C 100%);
    background: -ms-linear-gradient(left, #3123AE 10%, #53A0FD 50%, #51EC9C 100%);
    background: linear-gradient(left, #3123AE 10%, #53A0FD 50%, #51EC9C 100%);
}

.section-bg-gradient-2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, #554FFF), color-stop(100%, #A575FF));
    background: -moz-linear-gradient(left, #554FFF 6%, #A575FF 100%);
    background: -webkit-linear-gradient(left, #554FFF 6%, #A575FF 100%);
    background: -o-linear-gradient(left, #554FFF 6%, #A575FF 100%);
    background: -ms-linear-gradient(left, #554FFF 6%, #A575FF 100%);
    background: linear-gradient(left, #554FFF 6%, #A575FF 100%);
}

.section-content-middle {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.section-overlay:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.3;
    content: " ";
}

.section-overlay-darker:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.8;
    content: " ";
}

.section-overlay-secondary:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1a237e;
    opacity: 0.94;
    content: " ";
}

.section-bg-1 {
    background-image: url(../images/background/bg_1920x1150.jpg);
}

.section-bg-2 {
    background-image: url(../images/background/bg_1920x650.jpg);
}

.section-bg-3 {
    background-image: url(../images/background/bg_1920x1280.jpg);
}

.section-bg-4 {
    background-image: url(../images/background/bg_1920x1150.jpg);
}

.section-bg-5 {
    background-image: url(../images/background/bg_1920x1150.jpg);
    background-size: 44% auto;
    background-repeat: no-repeat;
    background-position: center right;
}

.section-bg-6 {
    background-image: url(../images/background/bg_1920x1150.jpg);
}

.section-bg-7 {
    background-image: url(../images/background/bg_1270x600.jpg);
}

.section-bg-8 {
    background-image: url(../images/background/bg_1920x1150.jpg);
}

.logo-slider {
    position: absolute;
    right: -15px;
    width: 50%;
    bottom: -45px;
    z-index: 1000;
    text-align: right;
}

.logo-slider img {
    width: 70%;
}

.tp-img {
    background-color: transparent !important;
}

.tp-caption {
    min-height: auto !important;
    min-width: 200px !important;
    max-width: none !important;
}

.popup-video-wrapper a {
    position: relative;
    right: 0px;
}

.section-slider {
    z-index: 0;
}

.section-content {
    z-index: 100;
    position: relative;
}


/* corona */

#topmenu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

#topnav {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
}

#topnav li {
    margin: 0 5px;
    display: inline-block;
}

#topnav li a {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}

#topnav .badgelink:after {
    content: "beta";
    display: inline-block;
    position: absolute;
    bottom: -17px;
    left: calc(50% - 20px);
    width: 40px;
    padding: 3px 5px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: rgb(208, 0, 56);
    line-height: 10px;
}

header.headroom--unpinned,
header.headroom--not-top.headroom--pinned {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

header.headroom--unpinned #topmenu,
header.headroom--not-top.headroom--pinned #topmenu {
    top: 79px;
}

.header-img {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center center;
    text-align: center;
}

.header-img h1 {
    background: rgb(255, 204, 0);
    display: inline-block;
    padding: 5px 20px;
    color: rgb(0, 61, 102);
}

.header-img h2 {
    background-color: #fff;
    display: inline-block;
    padding: 5px 20px;
    color: rgb(0, 61, 102);
    font-size: 30px;
}

.header-img span {
    background-color: #fff;
    display: inline-block;
    padding: 5px 20px;
    color: rgb(0, 61, 102);
}

.stimmung-widget {
    padding: 20px;
    background: rgb(250, 250, 250);
    border: 2px dashed rgb(255, 204, 0);
}

.box-entry {
    position: relative;
    float: left;
    width: 100%;
    background: rgb(250, 250, 250);
}

.box-entry .box-title {
    background: rgb(255, 204, 0);
    padding: 10px 20px;
    color: rgb(0, 61, 102);
    font-size: 24px;
    margin-bottom: 0;
    font-size: 16px;
}

.box-entry .box-title i {
    margin-right: 10px;
}

.box-entry .box-title i:before {
    color: rgb(0, 111, 167);
}

.box-entry p {
    padding: 20px 20px 20px 25px;
}

.box-entry .rss_feed {
    padding: 20px 20px 20px 25px;
}

.box-entry .rss_feed a {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    line-height: 20px;
    font-size: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
}

.box-entry .rss_feed a:last-child,
.feed-cat a:last-child {
    border-bottom: none;
}

.box-entry .rss_feed i {
    position: absolute;
    left: -12px;
    top: 0px;
}

.box-entry .rss_feed i:before {
    color: rgb(0, 61, 102);
}

.link-cat-headline {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    margin-top: 40px;
}

.link-cat-headline h3 {
    font-size: 24px;
    color: rgb(0, 111, 167);
}

.feed-cat,
.search_it-result,
.link-entry {
    position: relative;
    float: left;
    width: 100%;
    background: #f4f4f4;
    padding: 20px 20px 20px 30px !important;
    margin-bottom: 20px;
    border-bottom: 3px dashed rgb(255, 204, 0);
}

.link-entry:nth-child(odd) {}

.link-entry .small_ {
    display: block;
}

.link-entry .btn-link-extern {
    margin-top: 10px;
}

.link-entry:hover .small_ {
    color: #222222;
}

.link-entry:hover .readmore.pluslink {
    border-color: transparent rgb(208, 0, 56) transparent transparent;
}

.link-entry:hover .btn-link-extern {
    background: rgb(208, 0, 56);
}

.content-text {
    position: relative;
    max-width: 700px;
    margin: 0 auto;
}

.content-text p {
    max-width: 700px;
}

.content-text h4 {
    margin-top: 40px;
}

.content-text textarea {
    border: 1px solid;
    padding: 10px;
    margin-bottom: 20px;
}

.content-text .textarea-copy {
    position: relative;
    top: -20px;
    color: rgb(208, 0, 56) !important;
}

.content-text.no-margin {
    margin: 0;
}

.content-text.flex {
    display: flex;
}

.feed-cat h4,
.search_it-title {
    color: rgb(0, 61, 102);
    margin-bottom: 1rem;
}

.feed-cat p {
    min-height: 80px;
}

.feed-cat a {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
    min-height: 56px;
}

.feed-cat a.btn-link-extern {
    min-height: auto;
    line-height: 30px;
    padding: 10px;
    text-align: center;
}

.feed-cat i {
    position: absolute;
    left: -12px;
    top: 0px;
}

.feed-cat i:before {
    color: rgb(0, 111, 167);
}
.feed-cat .rss-link i {
    top: 0;

}

.section.feed-detail h2 i {
    margin-right: 10px;
}

.section.feed-detail h2 i:before {
    color: rgb(0, 111, 167);
}

.search_highlight {
    background-color: rgb(0, 111, 167);
    color: #fff;
}

.main-frame h4 {
    margin-bottom: 1rem;
}

.blog-entries .row:not(.news) {
    display: none;
}

.blog-entries .row.news {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
    background: rgb(250, 250, 250);
    padding: 20px 0;
}

.blog-entries .row.news h3 {
    font-size: 24px;
    color: rgb(0, 61, 102);
}

.blog-entries time {
    display: block;
    margin-bottom: .5rem;
}

.btn-link-extern,
input.btn-link-extern {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px;
    margin: 0;
    font-weight: 400;
    text-transform: none;
    border-radius: 0;
    letter-spacing: 0;
    color: #fff;
    background-color: rgb(0, 100, 160);
    text-decoration: none;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.btn-link-extern:hover,
input.btn-link-extern:hover {
    color: #fff;
    background: rgb(208, 0, 56);
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.search_it-button {
    margin-top: 40px !important;
    min-width: 120px;
}

.news-entry:hover {
    color: #222222;
}

.news-entry .row.news p {
    line-height: 1.4;
    color: #999;
}

.news-entry .btn-link-extern {
    font-size: 14px;
    text-transform: none;
}

.link-cat {
    position: relative;
    margin-bottom: 40px;
}

.link-cat h4,
.link-cat h3 {
    margin-bottom: 1rem;
    color: rgb(0, 61, 102);
    font-size: 24px;
}

.link-cat p {
    min-height: 60px;
}

.link-cat h4.center {
    text-align: center;
}

.rss-link {
    color: rgb(208, 0, 56);
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
}

.rss-link i:before {
    color: rgb(208, 0, 56);
}

.link-liste h3 {
    font-size: 40px;
}

.logos-comp {}

.logos-comp h4 {
    display: block;
    margin-bottom: 2rem;
    width: 100%;
}

.logos-comp .logo-entry {}

.logos-comp .logo-entry:hover {
    opacity: .5;
}

.logos-comp .logo-entry img {
    width: 100%;
}


/* === 2.10. FOOTER === */

.footer {
    background: rgb(225, 225, 225);
    padding-top: 120px;
    font-size: 16px;
}

.footer a {
    color: #999;
    text-decoration: underline;
}

.footer .widget {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

.footer .container {
    padding: 30px 30px 10px;
    background-color: #fff;
    border-top: 3px dashed rgb(255, 204, 0);
}

.footer .col-md-9 {
    text-align: right;
}

.footer .footer-links {
    position: relative;
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
}

.footer .footer-links .footer-link {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px;
    margin: 0 10px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    background-color: rgb(0, 100, 160);
    text-decoration: none;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.footer .footer-links .footer-link:hover {
    background: rgb(208, 0, 56);
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.footer .footer-logo {
    width: 50%;
}

.footer .footer-bmwi {
    width: 50%;
    float: right;
}

.footer .widgettitle {
    padding-top: 21px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0;
    font-size: 16px;
    color: #fff;
    margin-bottom: 36px;
}

.footer .menu-footer ul li {
    display: block;
    margin: 0;
    list-style-type: none;
}

.footer .menu-footer {
    margin-top: 0px;
}

.footer .menu-footer ul li a {
    display: block;
    padding: 0px 0 6px;
    color: #999;
    text-decoration: none;
}

.footer .menu-footer ul li a:hover {
    color: rgb(208, 0, 56);
}

@media only screen and (min-width: 1024px) {
    .footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }
}

.pluslink {
    position: absolute;
    top: 0;
    right: 0;
    width: 0px;
    height: 0px;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent rgb(0, 100, 160) transparent transparent;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

.pluslink::before {
    display: block;
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f067";
    width: 10px;
    height: 10px;
    left: 27px;
    color: #fff;
    top: 6px;
}

.portfolio-item:hover .pluslink,
.pluslink:hover {
    border-color: transparent rgb(208, 0, 56) transparent transparent;
}

#partner-main {
    overflow: hidden;
}

.map-background {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    width: 50%;
    opacity: 0.2;
    transform: translate(-50%, -50%);
}


/* === 2.22. FEATURES === */

.feature-item {
    height: 440px;
    border-top: 3px dashed rgb(255, 204, 0);
}

.feature-item .image {
    overflow: hidden;
}

.feature-item .image img {
    border-radius: 0px;
    width: 100%;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.feature-item:hover .image img {
    transform: scale(1.1);
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.feature-item .box-info {
    -webkit-transition: all .5s;
    transition: all .5s;
    bottom: 67px;
    background-color: rgb(255, 204, 0);
    border-radius: 0;
    padding: 20px 30px 20px;
    position: relative;
    z-index: 1;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
    display: block;
}

.feature-item .box-info-wrapper {
    position: relative;
}

.feature-item .box-info-wrapper:before {
    position: absolute;
    left: 7px;
    top: -8px;
    content: '';
    height: 30%;
    width: 50px;
    z-index: -1;
    background-image: url(/images/box-shadow-left.png);
    background-repeat: no-repeat;
    background-size: 40px 100%;
    background-position: left bottom;
    opacity: 0.4;
}

.feature-item .box-info-wrapper:after {
    position: absolute;
    right: 7px;
    top: -8px;
    content: '';
    height: 30%;
    width: 50px;
    z-index: -1;
    background-image: url(/images/box-shadow-right.png);
    background-repeat: no-repeat;
    background-size: 40px 100%;
    background-position: right bottom;
    opacity: 0.4;
}

.feature-item .box-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 0px;
    color: rgb(0, 61, 102);
}

.feature-item .box-title span {
    display: block;
}

.feature-item .box-text {
    font-size: 15px;
    line-height: 1.53;
    font-weight: 500;
}

.feature-item .box-button {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 1.15;
    background-color: rgb(0, 111, 167);
    padding: 6px 12px;
    position: relative;
    margin-top: 15px;
    display: none;
    -webkit-transition: all .1s cubic-bezier(.645, .045, .355, 1);
    transition: all .1s cubic-bezier(.645, .045, .355, 1);
}

.feature-item .box-info-wrapper:hover .box-text,
.feature-item .box-info-wrapper:hover .box-title {
    color: rgb(0, 61, 102);
}

.feature-item .box-info-wrapper:hover .box-button {
    display: inline-block;
}

.feature-item .box-info-wrapper:hover .box-info {
    /*
    -webkit-transform: translateY(-87px);
    -ms-transform: translateY(-87px);
    transform: translateY(-87px);
*/
    background-color: rgb(255, 204, 0);
    /*    box-shadow: -6px 12px 20px rgba(0, 0, 0, 0.2);*/
}

.feature-item .box-info-wrapper:hover .box-info .pluslink {
    border-color: transparent rgb(208, 0, 56) transparent transparent;
}

.feature-item .box-button:before {
    /*
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
*/
}

.feature-item .box-button:hover {
    background-color: rgb(208, 0, 56);
}

.feature-item .box-button:hover:before {
    width: 100%;
}


/* === 2.26. LEFT MENU === */

.left-menu-content #main {
    margin-left: 300px;
    background: none;
}


/* === 2.29. BANNER === */

.banner-item .content-wrap {
    position: relative;
    height: 320px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.banner-item.style-1 .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 84px 30px 30px 90px;
}

.banner-item.style-1 .heading {
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0;
    margin-bottom: 85px;
    font-weight: 400;
}

.banner-item .button.style-text {
    font-size: 12px;
    padding-right: 27px;
}

.banner-item.style-2 .content-wrap {
    position: relative;
    text-align: center;
}

.banner-item.style-2 .content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
}

.banner-item.style-2 .heading {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: .3em;
    margin-bottom: 26px;
}


/* === 2.38. MOBILE MENU === */

.page-mobile-main-menu {
    position: fixed;
    top: 69px;
    right: 100%;
    z-index: 9999999;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 3px 1px 29px rgba(0, 0, 0, .12);
    text-align: left;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: rgb(0, 61, 102);
    /*
    background-image: url(/images/hashtag-logo-shad.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right 86%;
*/
}

.page-mobile-main-menu.open {
    right: 0;
}

.page-mobile-menu-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    height: 69px;
    background: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

.page-mobile-menu-logo {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.page-mobile-menu-logo img {
    width: 160px;
}

.page-close-mobile-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-close-mobile-menu div {
    position: relative;
    width: 24px;
    height: 18px;
    cursor: pointer;
}

.page-close-mobile-menu i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 2px;
    background: transparent;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.page-close-mobile-menu i:after,
.page-close-mobile-menu i:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1a237e;
    content: "";
    -webkit-transition: width .3s cubic-bezier(.645, .045, .355, 1);
    transition: width .3s cubic-bezier(.645, .045, .355, 1);
}

.page-close-mobile-menu i:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.page-close-mobile-menu i:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page-mobile-main-menu .mobile-menu {
    margin: 0;
    padding: 20px 30px 30px;
}

.page-mobile-main-menu li {
    display: block;
    list-style-type: none;
}

.page-mobile-main-menu .mobile-menu a {
    position: relative;
    display: block;
}

.page-mobile-main-menu .mobile-menu a {
    font-family: "bundessans_webregular", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.5;
    text-transform: none;
}

.page-mobile-main-menu .mobile-menu > li > a {
    padding: 10px 0;
    border: 0;
    border-color: transparent;
    font-size: 20px;
    color: #fff;
}

.page-mobile-main-menu .mobile-menu > li + li > a {
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.page-mobile-main-menu .toggle-sub-menu {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 40px;
    background: hsla(0, 0%, 100%, .1);
    color: #fff;
    text-align: center;
    line-height: 40px;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.page-mobile-main-menu .toggle-sub-menu:after {
    display: block;
    content: "\f105";
    font-size: 18px;
    font-family: FontAwesome;
}

.page-mobile-main-menu .toggle-sub-menu.open:after {
    content: "\f107";
}

.page-mobile-main-menu .sub-menu a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
    color: #fff;
}

.page-mobile-main-menu .sub-menu {
    display: none;
    margin: 12px 0 14px 10px;
}

.page-mobile-main-menu .sub-menu.open {
    display: block;
}


/* scrollbar */


/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/


/*
CONTENTS:
    1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
    2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
    3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
    4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
    5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
    6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
        6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/


/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

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

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}


/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

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

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}


/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}


/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}


/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}


/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

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

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

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

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}


/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}


/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: 0px;
    right: 0;
    bottom: auto;
    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 {
    top: 0px;
}

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

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {}

.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(../images/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: #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    background-color: #0063a0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.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: rgb(0, 111, 167);
}

.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: rgb(0, 111, 167);
}

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


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


/* 4. RESPONSIVE
/* --------------------------------------------------------------------- */

@media screen and (min-width: 1400px) {

    .header-desktop.style-1 .header-right,
    .header-desktop.style-3 .header-right,
    .header-desktop.style-2 .header-right,
    .header-desktop.style-4 .header-right,
    .header-desktop.style-5 .header-right,
    .header-desktop.style-6 .header-right,
    .header-desktop.style-7 .header-right {
        right: 30px;
    }

    .header-desktop.style-4 .header-left,
    .header-desktop.style-7 .header-left {
        left: 30px;
    }
}

@media screen and (min-width: 1200px) {}

@media only screen and (min-width: 1024px) {
    #main {
        position: relative;
        z-index: 3;
        background: #fff;
    }
}

@media (min-width: 992px) {
    .comments-area .author-avatar {
        float: left;
        margin-top: 33px;
    }

    .comments-area .comment-wrap {
        margin-left: 50px;
        padding-left: 75px;
        padding-right: 65px;
        min-height: 170px;
    }

    .comments-area ul.children {
        margin-left: 100px;
    }

    .cart-totals {
        width: 48%;
        margin-left: 30px;
        float: right;
    }
}

@media (min-width: 768px) {

    .header-desktop.style-4 .header-left,
    .header-desktop.style-7 .header-left {
        left: 30px;
    }

    .tabs.vertical-tab .nav-tabs-wrapper {
        width: 25%;
        float: left;
    }

    .tabs.vertical-tab .nav-tabs-wrapper li {
        display: block;
        margin-right: 0;
    }

    .tabs.vertical-tab .tab-content {
        border: 2px solid #eee;
        padding: 35px 40px;
        float: left;
        width: 75%;
    }

    table.shop-cart tbody tr td.actions .coupon {
        width: calc(100% - 180px);
        float: left;
    }

    table.shop-cart tbody tr td.actions .coupon input {
        float: left;
        width: 280px;
        margin-right: 20px;
    }

    table.shop-cart tbody tr td.actions .coupon .btn {
        width: 180px;
        padding-top: 11px;
        padding-bottom: 11px;
    }

    table.shop-cart tbody tr td.actions .update-cart {
        width: 170px;
        float: right;
    }
}

@media (min-width: 480px) {
    .payment-product-list .product-item .product-img {
        padding-right: 30px;
        width: 108px;
    }
}

@media only screen and (max-width: 1200px) {
    .header-desktop .container-fluid {
        padding-left: 25px;
        padding-right: 25px;
    }

    .logo-slider {
        bottom: -36px;
    }

    .logo-slider img {
        width: 90%;
    }

    .portfolio-item.style-3 .post-overlay-info {
        padding: 20px 28px 14px;
    }

    #berufe-slider .berufe-slider-bg .bg-line {
        /*        top: -250px;*/
    }
}

@media only screen and (max-width: 1024px) {
    #main {
        margin-bottom: 0 !important;
    }

    .footer {
        position: relative;
    }

    .header-desktop.style-1 .header-right,
    .header-desktop.style-3 .header-right,
    .header-desktop.style-2 .header-right,
    .header-desktop.style-4 .header-right,
    .header-desktop.style-5 .header-right,
    .header-desktop.style-6 .header-right,
    .header-desktop.style-7 .header-right {
        right: 30px;
    }

    .page-open-mobile-menu {
        display: inline-block;
    }

    .header-desktop .page-navigation-wrap,
    .header-desktop .page-open-main-menu {
        display: none;
    }

    .section-bg-10,
    .section-bg-24,
    .section-bg-19,
    .page-title-bar-03 .page-title-bar-inner {
        background-size: cover;
    }

    .testimonial-text-section-inner {
        padding-left: 0;
    }

    .extra-info {
        width: 100%;
    }

    .timeline ul li:nth-child(odd) .content-wrap {
        left: -200px;
    }

    .timeline ul li:nth-child(2n) .content-wrap {
        left: -40px;
    }

    .timeline .item .content-wrap,
    .timeline .item .time {
        width: 250px;
    }

    .timeline .item .time {
        font-size: 40px;
        left: -45px;
    }

    .timeline ul li:nth-child(even) .time {
        left: -204px;
    }

    #beruf-widget iframe {
        height: 400px;
    }

    .portfolio-item.style-3 .post-overlay-title {}

    .portfolio-item.style-3 .post-overlay-info {
        height: 120px;
        padding: 20px 18px 14px;
    }

    .portfolio-item.style-3 .post-overlay-icon {
        margin-bottom: 40px;
    }

    #berufe-slider .owl-theme .owl-controls .owl-buttons div {
        margin-top: 56px;
    }

    .map-background {
        width: 100%;
    }

    .portfolio-item.style-3 .post-overlay-title {
        font-size: 17px;
    }

    .about-me-2 {
        padding: 50px 30px 0;
    }

    .two-cols > li {
        width: 100%;
    }

    .footer .container {
        padding-top: 30px;
    }

    #berufe-slider .berufe-slider-bg .bg-line {
        /*
        height: 880px;
        top: -354px;
*/
        background-size: auto;
    }

    .map-pins2 {
        top: 2px;
        left: 34px;
        width: 90%;
    }

    .map-pins {
        top: -20px;
        left: 16px;
        width: 90%;
    }

    .bg-beruf {
        background-size: cover;
    }

    #partner-main {
        background-size: 70% auto;
    }
}

@media (max-width: 768px) {

    .col-sm-9,
    .col-sm-3 {
        -ms-flex: 0 0 10%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #topmenu {
        display: none;
    }

    .header-img {
        margin-top: 80px;
    }

    .header-img h1 {
        font-size: 36px;
    }

    .header-img h2 {
        font-size: 24px;
    }

    .stimmung-widget {
        margin-top: 40px;
    }

    .blog-entries .row.news {
        margin: 0 0 20px 0;
    }

    .map-pins2 {
        top: -10px;
        left: 14px;
        width: 90%;
    }

    .map-pins {
        top: -20px;
        left: 16px;
        width: 90%;
    }

    .tm-grid-wrapper.mtn-65 {
        margin-top: 60px;
    }

    .header-left-menu {
        display: none;
    }

    .left-menu-content #main {
        margin-left: 0px;
    }

    .header-mobile {
        display: block;
        width: 100%;
    }

    .blog-item.style-1 .post-wrapper {
        display: block;
    }

    .blog-item.style-1 .post-thumbnail img {
        width: 100%;
    }

    .portfolio-fullscreen-split-slider .ms-left,
    .portfolio-fullscreen-split-slider .ms-right {
        width: 100% !important;
    }

    .portfolio-fullscreen-split-slider .ms-right .bg-black {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .extra-info {
        padding-left: 50px;
        padding-right: 50px;
    }

    .about-me-2 {
        padding-top: 45px;
        max-width: none;
    }

    .process-gradation {
        display: block;
    }

    .process-gradation .item {
        width: 100%;
    }

    .process-gradation .item + .item {
        margin-top: 50px;
    }

    .process-gradation .line:before,
    .process-gradation .line:after {
        display: none;
    }

    .process-gradation .count-wrap {
        margin-bottom: 25px;
    }

    .sidebar-content {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .comments-area .comment-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .single-product-content .images,
    .single-product-content .summary {
        width: 100%;
    }

    .single-product-content .images {
        margin-bottom: 30px;
    }

    .single-product-content .images .single-product-thumbail {
        display: none;
    }

    .single-product-content .images .single-product-slider {
        margin-left: 0;
        width: 100%;
    }

    .logo-slider {
        bottom: -25px;
    }

    .logo-slider img {
        width: 100%;
    }

    .bg-start {
        height: 400px;
    }

    .footer .footer-logo,
    .footer .footer-bmwi {
        width: 70%;
    }

    .bg-beruf {
        height: 400px;
        background-size: cover;
    }

    #beruf-widget .col-sm-6 {
        flex: 0 0 66.666%;
        max-width: 66.666%;
    }

    #beruf-widget .col-sm-6.map-container {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    .map-shadow {
        top: -20px;
        width: 70%;
    }

    .branding__logo img,
    .maintenance-header img {
        width: 120px;
    }

    #berufe-slider {
        padding: 60px 0 !important;
    }

    #beruf-widget {
        padding-top: 50px !important;
    }

    #beruf-widget iframe {
        height: 500px;
    }

    #intro .heading br {
        display: none;
    }

    .beruf-icon {
        margin-bottom: 20px;
    }

    .tp-caption {
        min-width: 300px !important;
    }

    .tp-caption-32 {
        top: -20px !important;
        white-space: pre-wrap !important;
    }

    #berufe-slider .berufe-slider-bg .bg-line {
        /*        top: -360px;*/
    }

    #partner-main {
        background-size: 90% auto;
    }
}

@media (max-width: 630px) {
    #beruf-widget .map-mobile {
        display: block;
        margin-bottom: 20px;
        margin-top: -30px;
    }

    #beruf-widget .map-container img {
        display: none;
    }

    .heading.fz-50,
    .fz-50 {
        font-size: 38px !important;
    }

    .timeline ul li {
        margin-left: 20px;
        padding-bottom: 40px;
    }

    .timeline .content-wrap,
    .tm-timeline .time {
        width: calc(100vw - 100px);
    }

    .timeline .time {
        position: relative;
        margin-bottom: 7px;
        font-size: 30px;
        left: 34px;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        text-align: left;
        top: -10px;
    }

    .timeline ul li:nth-child(odd) .content-wrap {
        left: 157px;
        text-align: left;
    }

    .timeline ul li:nth-child(even) .time {
        left: 105px;
    }

    #rev_slider_forcefullwidth .p-0 {
        padding: 0 !important;
    }

    .branding__logo img,
    .maintenance-header img {
        width: 90px;
    }

    .about-me-2 {
        padding: 30px 0 0;
    }

    .portfolio-item.style-3 .post-overlay-title {
        font-size: 17px;
    }

    .intro-txt .fz-50,
    .fz-50,
    .heading .fz-50 {
        font-size: 40px !important;
    }

    .intro-txt .mb-4 {
        margin-bottom: 20px !important;
    }

    .owl-theme .owl-controls .owl-page span {
        margin: 5px 3px;
    }

    .owl-theme .owl-controls .owl-pagination {
        position: relative;
        top: 15px;
    }

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

    .footer .footer-logo,
    .footer .footer-bmwi {
        width: 50%;
        float: none;
    }

    #beruf-widget .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #beruf-widget .col-sm-6.map-container {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .beruf-icon {
        top: 0;
    }

    .about-me-2 .p-0 {
        padding: 0 !important;
    }

    .popup-video .video-overlay .video-play {
        display: none;
    }

    .logo-slider {
        bottom: 0;
        right: 0;
    }

    .portfolio-item.style-3 .post-overlay-info {
        padding-top: 20px;
    }

    .popup-video-wrapper a span {
        font-size: 16px;
        padding: 0 10px;
    }

    .header-desktop .header-wrap .branding {
        padding: 0;
    }

    .headroom.headroom--not-top {
        height: 69px;
    }

    .headroom.headroom--not-top .dark-logo {
        width: 160px;
    }

    .header-desktop .header-wrap .branding {
        padding: 10px 10px 0;
    }

    .headroom--not-top.header-desktop .header-wrap .branding {
        padding: 0px;
    }

    .scrollup--fixed {
        right: 20px;
        bottom: 20px;
    }

    .feature-item {
        height: auto;
    }

    .footer .col-md-9 {
        padding: 0;
    }

    #collapse00 .list__item {
        width: 100%;
    }

    #berufe-slider .berufe-slider-bg .bg-line {
        /*        top: -350px;*/
    }
}

@media (max-width: 480px) {

    .section-bg-5,
    .section-bg-18 {
        background: none;
    }

    table.shop-cart thead {
        display: none;
    }

    table.shop-cart tr.cart_item:first-child {
        border-top: 1px solid #ddd;
    }

    table.shop-cart tr td {
        display: block;
        text-align: right;
        border-bottom: 1px solid #ddd;
    }

    table.shop-cart tr td.product-thumbnail {
        display: none;
    }

    table.shop-cart tr.cart_item td:first-child:before {
        content: "";
    }

    .quantity .qty {
        max-width: 100%;
    }

    .header-desktop .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-desktop.style-1 .header-right,
    .header-desktop.style-3 .header-right,
    .header-desktop.style-2 .header-right,
    .header-desktop.style-4 .header-right,
    .header-desktop.style-5 .header-right,
    .header-desktop.style-6 .header-right,
    .header-desktop.style-7 .header-right {
        right: 15px;
    }

    .tm-grid-wrapper .btn-filter {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
    }

    .newsletter-form .form-fields {
        display: block;
    }

    .newsletter-form .form-item.flex-auto {
        margin-bottom: 20px;
    }

    .tab-process .nav-tabs {
        display: none;
    }

    .popup-video.style-2 .video-overlay .video-play {
        right: auto;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .header-desktop.style-4 .header-wrap {
        text-align: left;
    }

    .portfolio-item.style-3 .post-overlay-info {
        position: relative;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .pricing,
    .blog-item {
        margin-bottom: 30px;
    }

    #presentation-menu {
        display: none;
    }

    .section-bg-19.fp-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .testimonials-slider.style-2 .owl-wrapper-outer {
        padding: 30px 0px;
    }

    #multiScroll .portfolio-info {
        padding-left: 20px;
        padding-right: 20px;
    }

    .extra-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-title-bar-inner .heading,
    .page-breadcrumb .breadcrumb {
        text-align: center;
        width: 100%;
    }

    .button.style-text.button-xs,
    .button.style-text.button-sm,
    .button.style-text.button-lg,
    .button.style-text {
        padding-right: 0;
    }

    .countdown-bar > .countdown-item > .countdown-item-value {
        font-size: 40px;
    }

    .tab-process .tab-pane-heading {
        display: block;
    }

    .team-member {
        margin-bottom: 30px;
    }

    .single-post .entry-author {
        display: block;
    }

    .single-post .entry-author .author-avatar {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }

    .single-post .entry-author .author-description {
        margin-left: 0px;
        text-align: center;
    }

    .single-post .entry-author .author-social-networks {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .single-post .entry-author .author-social-networks a {
        display: inline-block;
        float: none;
    }

    .single-post .post-share {
        margin: 0;
        text-align: left;
    }

    .portfolio-image-gallery .portfolio-details-list li {
        display: block;
    }

    .portfolio-image-gallery .portfolio-details-list li + li {
        margin-left: 0px;
    }

    .shop-filter {
        text-align: center;
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .shop-filter .commerce-ordering {
        margin-bottom: 20px;
    }

    .single-product-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    #partner-main {
        background-size: 100% auto;
    }
}

@media (max-width: 330px) {
    .portfolio-item.style-3 .post-overlay-title {
        font-size: 17px;
    }

    #berufe-slider .owl-theme .owl-controls .owl-buttons div {
        margin-top: 53px;
    }

    .owl-theme .owl-controls .owl-pagination {
        top: 11px;
    }

    .portfolio-item.style-3 .post-overlay-info {
        padding-right: 0;
        padding-left: 15px;
    }
}


/* aos */

[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: .4s
}

[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(0.25, 0.25, 0.75, 0.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(0.6, -0.28, 0.735, 0.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(0.175, 0.885, 0.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(0.68, -0.55, 0.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(0.47, 0, 0.745, 0.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(0.39, 0.575, 0.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(0.445, 0.05, 0.55, 0.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-quad],
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-cubic] [data-aos],
body[data-aos-easing=ease-in-quad] [data-aos],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-out-quad],
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-cubic] [data-aos],
body[data-aos-easing=ease-out-quad] [data-aos],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-cubic] [data-aos],
body[data-aos-easing=ease-in-out-quad] [data-aos],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.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(0px)
}

[data-aos=fade-down] {
    transform: translateY(-100px)
}

[data-aos=fade-right] {
    transform: translate(-100px)
}

[data-aos=fade-left] {
    transform: translate(100px)
}

[data-aos=fade-up-right] {
    transform: translate(-100px, 100px)
}

[data-aos=fade-up-left] {
    transform: translate(100px, 100px)
}

[data-aos=fade-down-right] {
    transform: translate(-100px, -100px)
}

[data-aos=fade-down-left] {
    transform: translate(100px, -100px)
}

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

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

[data-aos=zoom-in] {
    transform: scale(0.6)
}

[data-aos=zoom-in-up] {
    transform: translateY(100px) scale(0.6)
}

[data-aos=zoom-in-down] {
    transform: translateY(-100px) scale(0.6)
}

[data-aos=zoom-in-right] {
    transform: translate(-100px) scale(0.6)
}

[data-aos=zoom-in-left] {
    transform: translate(100px) scale(0.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translateY(100px) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translateY(-100px) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate(-100px) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate(100px) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translate(0)
}

[data-aos=slide-up] {
    transform: translateY(40px)
}

[data-aos=slide-up-2] {
    transform: translateY(80px)
}

[data-aos=slide-up-3] {
    transform: translateY(180px)
}

[data-aos=slide-down] {
    transform: translateY(-100%)
}

[data-aos=slide-right] {
    transform: translateX(-100%)
}

[data-aos=slide-right-number] {
    transform: translateY(-40px)
}

[data-aos=slide-left] {
    transform: translateX(100%)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}


/* loading */

.noo-spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.985);
    z-index: 999999;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.preload-logo {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 300px;
}

.spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.cube1,
.cube2 {
    background-color: transparent;
    font-size: 42px;
    color: rgb(0, 61, 102);
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
    animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }

    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

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


/* multiselect */

.ms-options-wrap,
.ms-options-wrap * {
    box-sizing: border-box;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
    position: relative;
    width: 100%;
    text-align: left;
    border: 1px solid #b0b0b0;
    background-color: #fff;
    padding: 5px 20px 5px 15px;
    margin-top: -1px;
    outline-offset: -2px;
    white-space: nowrap;
    border-radius: 0;
    color: #b4b4b4;
    text-transform: none;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: normal;
}

.ms-options-wrap > button > span {
    display: inline-block;
}

.ms-options-wrap > button[disabled] {
    background-color: #e5e9ed;
    color: #808080;
    opacity: 0.6;
}

.ms-options-wrap > button:after {
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 0;
    border: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #003d66;
    margin-top: -8px;
    transform: rotate(90deg);
}

.ms-options-wrap.ms-has-selections > button {
    color: #333;
}

.ms-options-wrap > .ms-options {
    position: absolute;
    left: 15px;
    width: calc(100% - 30px);
    margin-top: 38px;
    margin-bottom: 20px;
    background: white;
    z-index: 2000;
    border: 1px solid #aaa;
    overflow: auto;
    visibility: hidden;
}

.ms-options-wrap.ms-active > .ms-options {
    visibility: visible
}

.ms-options-wrap > .ms-options > .ms-search input {
    width: 100%;
    padding: 4px 5px;
    border: none;
    border-bottom: 1px groove;
    outline: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
    display: inline-block;
    font-size: .9em;
    text-transform: lowercase;
    text-decoration: none;
}

.ms-options-wrap > .ms-options .ms-selectall:hover {
    text-decoration: underline;
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
    margin: 4px 5px;
}

.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ms-options-wrap > .ms-options > ul {
    margin-top: 0px;
}

.ms-options-wrap > .ms-options > ul li.ms-hidden {
    display: none;
}

.ms-options-wrap > .ms-options > ul > li.optgroup {
    padding: 15px;
}

.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
    padding-top: 0;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
    display: block;
    padding: 5px 0 0 32px;
    font-weight: bold;
    font-size: 18px;
    color: #003d66;
}

.ms-options-wrap > .ms-options > ul label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 4px 4px 4px 20px;
    margin: 1px 0;
    border: 1px dotted transparent;
    color: #000;
    font-size: 18px;
    cursor: pointer;
}

.ms-options-wrap > .ms-options > ul label:before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #003d66;
    border-radius: 50%;
    content: '';
}

.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
    padding: 4px;
    padding-left: 30px;
}


/*.ms-options-wrap > .ms-options > ul label.focused:before, */

.ms-options-wrap > .ms-options > ul li:not(.disabled) label:hover:before {
    background-color: #3ab549;
    border-color: #3ab549;
    background-image: url(../images/icon-check.png);
    background-size: 70% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.ms-options-wrap > .ms-options > ul li.selected label {
    border-color: transparent;
}

.ms-options-wrap > .ms-options > ul li.disabled:not(.optgroup) {
    opacity: .2
}

.ms-options-wrap .btn-apply {
    position: absolute;
    top: 127px;
    height: auto;
    width: calc(100% - 30px);
    background-color: #0064a0;
    text-align: center;
    color: #fff !important;
    font-size: 16px;
    padding: 8px;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border-radius: 0;
    letter-spacing: 0;
    font-weight: normal;
    text-transform: none;
    display: none;
}

.ms-options-wrap .btn-apply:hover {
    color: #fff !important;
    background-color: rgb(208, 0, 56);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.ms-options-wrap.ms-active .btn-apply {
    display: block;
}

.ms-options-wrap .btn-apply:after {
    display: none;
}

.ms-options-wrap > .ms-options > ul li.selected label:before {
    background-color: #3ab549;
    border-color: #3ab549;
    background-image: url(../images/icon-check.png);
    background-size: 70% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    margin: 0 5px 0 0;
    position: absolute;
    left: 4px;
    top: 7px;
}

.ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}


/* reise navigator */

.col-sm-6.first,
.col-sm-6.second {
    margin-top: 30px
}

    .mobile-hidden {
        display: block;
    }
    .mobile-visible {
        display: none;

    }

#bl-list {
    max-width: 460px;
}

#bl-list .cat-title,
#filter .cat-title {
    color: #000;
    background-color: #ffcc00;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #daae00;
}

.bl-head,
.filter-head {
    background-color: #ffcc00;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #daae00;
}

.filter-head {
    text-align: center;
    padding: 5px;
}

.bl-head .label-status {
    width: 55px;
    text-align: center;
    padding: 5px;
    display: inline-block;
    float: left;
    border-right: 1px solid #daae00;
}

.bl-head .label-bl {
    width: calc(100% - 75px);
    text-align: left;
    padding: 5px 5px 5px 20px;
    display: inline-block;
    float: left;
}

#bl-list ul li {
    position: relative;
    border-bottom: 1px solid #dadada;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#bl-list ul li.has-hinweis .btn-hinweis {
    position: absolute;
    right: 48px;
    top: 0;
    width: 45px;
    height: 45px;
    content: '';
    display: block;
    cursor: pointer;
    background-color: #0064a0;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    background-image: url(../images/icon-hinweis-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70% auto;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#bl-list ul li.has-hinweis .btn-hinweis:hover {
    background-color: rgb(208, 0, 56);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#bl-list ul li.active {
    background-color: #ffcc00;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#bl-list ul li.active a span {
    border-right: 1px solid #daae00;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#bl-list ul li a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0px 20px 0 0;
    color: #003d66;
    font-size: 20px;
    line-height: 45px;
    font-family: "bundesserif_webregular", Helvetica, Arial, sans-serif;
}

#bl-list ul li a:before {
    position: absolute;
    right: 20px;
    top: 20px;
    content: '';
    width: 0;
    height: 0;
    border-left: 1px solid #dadada;
}

#bl-list ul li a:after {
    position: absolute;
    right: 20px;
    top: 15px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #003d66;
}

#bl-list ul li a span {
    position: relative;
    width: 55px;
    height: 45px;
    text-align: center;
    padding: 0;
    display: block;
    float: left;
    border-right: 1px solid #dadada;
    margin-right: 20px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#bl-list ul li a span:after {
    position: absolute;
    left: 13px;
    top: 8px;
    content: '';
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
}

#bl-list ul li a span canvas {
    margin-top: 9px;
}

#karte {
    position: relative;
    width: 100%;
    height: 730px;
}

#karte .map-pies {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#karte .map-pie {
    padding: 20px;
    position: relative;
}

#karte .map-pie > div {
    position: absolute;
    width: 100px;
    left: 0;
    top: 0;
    display: block;
    padding: 10px;
    cursor: pointer;
    transform: scale(.5);
    transform-origin: center center;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#karte .map-pie > div:after {
    position: absolute;
    left: 28px;
    top: 8px;
    content: '';
    width: 44px;
    height: 44px;
    border: 3px solid #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    backface-visibility: hidden;
}

#karte .map-pie > div.active {
    transform: scale(1);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#karte .map-pie-bw {}

#karte > svg > g {
    position: relative;
}

#karte g path {
    fill: #d8d8d8 !important;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#karte g.active path {
    fill: #ffcc00 !important;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#karte #bremen ellipse {
    fill: transparent !important;
}


/* bundesland detail */

.bl-detail .bl-change {
    background-color: #f4f4f4;
    padding: 20px;
    float: left;
    width: 100%;
    border: 1px solid #dadada;
    border-bottom: none;
}

.bl-detail .bl-change .left {
    float: left;
    width: 490px;
}

.bl-detail .bl-change .left label {
    font-size: 14px;
    color: #000;
    float: left;
    line-height: 40px;
    margin-bottom: 0;
}

.bl-detail .bl-change .left .select-wrapper {
    position: relative;
    float: left;
    margin-left: 20px;
    width: 300px;
}

.bl-detail .bl-change .left select {
    position: relative;
    padding-left: 10px;
    border: 1px solid #cbcbcb;
    color: #000;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.bl-detail .bl-change .left select::-ms-expand {
    display: none;
}

.bl-detail .bl-change .left .select-wrapper:after {
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 0;
    border: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #003d66;
    margin-top: -8px;
    transform: rotate(90deg);
    pointer-events: none;
}

.bl-detail .bl-change a.btn-back {
    float: right;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 8px 20px;
    background-color: #0064a0;
}

.bl-detail .bl-intro {
    float: left;
    width: 100%;
    background-color: #fafafa;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #dadada;
}

.bl-detail .bl-intro h2 {
    font-size: 48px;
    line-height: 48px;
    color: #003d66;
    float: left;
    width: 100%;
}

.bl-detail h3 {
    font-size: 22px;
    color: #003d66;
}

.bl-detail .bl-intro h2 .icon-bl {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    display: inline-block;
    float: left;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-bl-nrw {
    background-image: url(../images/nrw.svg);
}

.icon-bl-sy {
    background-image: url(../images/sy.svg);
}

.icon-bl-sa {
    background-image: url(../images/sa.svg);
}

.icon-bl-th {
    background-image: url(../images/th.svg);
}

.icon-bl-he {
    background-image: url(../images/he.svg);
}

.icon-bl-rp {
    background-image: url(../images/rp.svg);
}

.icon-bl-by {
    background-image: url(../images/by.svg);
}

.icon-bl-bw {
    background-image: url(../images/bw.svg);
}

.icon-bl-bb {
    background-image: url(../images/bb.svg);
}

.icon-bl-mv {
    background-image: url(../images/mv.svg);
}

.icon-bl-ns {
    background-image: url(../images/ns.svg);
}

.icon-bl-sh {
    background-image: url(../images/sh.svg);
}

.icon-bl-sl {
    background-image: url(../images/sl.svg);
}

.icon-bl-be {
    background-image: url(../images/be.svg);
}

.icon-bl-hh {
    background-image: url(../images/hh.svg);
}

.icon-bl-hb {
    background-image: url(../images/hb.svg);
}

.bl-detail .bl-intro .left {
    width: 50%;
    float: left;
    padding-right: 40px;
    margin-top: 15px;
}

.bl-detail .bl-intro .right {
    width: 50%;
    float: left;
    padding-left: 40px;
    margin-top: 15px;
}

.bl-detail .bl-intro p {
    word-break: break-word;
}

.bl-hinweis {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fafafa;
    padding: 20px;
    border: 3px dashed rgb(255, 204, 0);

}

.rki-zahlen {
    border: 1px solid rgb(255, 204, 0);
    text-align: center;
}
.bl-hinweis img {
    float: left;
    width: 50px;
    height: auto;
    margin-right: 20px;
}

.bl-hinweis .text {
    float: left;
    width: calc(100% - 70px);
    max-height: 90px;
    overflow: hidden;
    transition: all 1s;

}
.bl-hinweis.open .text {
    max-height: 800px;
    transition: all 1s;
}
.bl-hinweis .text p {
    margin-bottom: 20px;
}
#btn-toggle {
    margin-left: 70px;
}
#btn-toggle.active i {
    transform: rotate(180deg);
}

.popup-hinweis {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000;
    display: none;
}

.popup-hinweis.ani-in {
    display: block;
}

.popup-hinweis .bl-hinweis {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 500px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding-right: 40px;
}

.popup-hinweis .bl-hinweis .text h3 {
    font-size: 26px;
}

.popup-hinweis .bl-hinweis .text p {
    font-size: 16px;
}

.popup-hinweis .bl-hinweis .btn-close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    background-color: #0063a0;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    cursor: pointer;
    background-image: url(../images/icon-close.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40% auto;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.popup-hinweis .bl-hinweis .btn-close:hover {
    background-color: rgb(208, 0, 56);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.bl-detail .bl-intro h3 {
    font-size: 22px;
    color: #003d66;
}

.bl-table-container {
    float: left;
    width: 100%;
    margin: 50px 0;
}

.bl-table-container .table-scroll {
    overflow-x: auto;
    overflow-y: hidden;
}

.bl-table-container .table-scroll .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
    display: none;
}

.bl-table-container .table-scroll .overlay.open {
    display: block;
}

.bl-table-container .title {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #003d66;
    font-family: "bundesserif_webregular", Helvetica, Arial, sans-serif;
}

.bl-table-container .tabs {
    width: 100%;
    text-align: center;
    margin-top: 22px;
    margin-bottom: 60px;
}

.bl-table-container .tabs .btn-tab {
    font-size: 16px;
    color: #0064a0;
    text-align: center;
    padding: 8px 20px;
    background-color: #fff;
    border: 1px solid #0064a0;
    min-width: 200px;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}

.bl-table-container .tabs .btn-tab:hover,
.bl-table-container .tabs .btn-tab.active {
    background-color: #0064a0;
    color: #fff;
}

.bl-table-container table {
    width: 100%;
}

.bl-table-container table thead {
    border: none;
}

.bl-table-container table th {
    font-size: 16px;
    line-height: 20px;
    color: #003d66;
    background-color: rgb(255, 204, 0);
    padding: 5px 20px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    border: none;
}

.bl-table-container table th:first-child {
    border-right: 1px solid #daae00;
    width: 270px;
}

.bl-table-container table tr:nth-child(odd) {
    background-color: #fafafa;
}

.bl-table-container table tr:nth-child(even) {
    background-color: #f4f4f4;
}

.bl-table-container table tr td {
    padding: 20px;
    border-bottom: 1px solid #dadada;
    color: #003d66;
}

.bl-table-container table tr td:first-child {
    border-right: 1px solid #dadada;
    width: 270px;
    font-weight: bold;
    color: #003d66;
    font-size: 16px;
}

.bl-table-container table tr td:last-child {
    font-size: 14px;
    line-height: 20px;
}

.bl-table-container table tr td .text {
    float: left;
    width: calc(100% - 25px);
}

.bl-table-container table tr td .text a {
    text-decoration: underline;
    word-break: break-all;
}

.bl-table-container table tr td .ampel {
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.bl-table-container table tr td .ampel.ampel-1 {
    background-color: #45ac34;
}

.bl-table-container table tr td .ampel.ampel-2 {
    background-color: #ffde00;
}

.bl-table-container table tr td .ampel.ampel-3 {
    background-color: #c71617;
}

.bl-table-container .content {
    position: relative;
    overflow: hidden;
}

.bl-table-container #tab-1 {
    transform: translateX(-100%);
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.bl-table-container #tab-1.ani-in {
    transform: translateX(0%);
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.bl-table-container #tab-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    transform: translateX(100%);
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.bl-table-container #tab-2.ani-in {
    transform: translateX(0%);
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.bl-table-container #tab-2 .table-scroll {
    /*
    max-height: 838px;
    overflow: hidden;
*/
}

.bl-table-container #tab-2 .table-scroll.open {
    /*
    max-height: 8000px;*/
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.bl-table-container #tab-2 .table-controls {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 60px;
    display: none;
}

.bl-table-container #tab-2 .table-controls .btn-showall {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 8px 20px;
    background-color: #0064a0;
    border: 1px solid #0064a0;
    min-width: 200px;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}

.bl-table-container #tab-2 .table-controls .btn-showall:hover {
    background-color: #fff;
    border: 1px solid #0064a0;
    color: #0064a0;
}

.bl-table-container #tab-2 table th {
    border-right: 1px solid #daae00
}

.bl-table-container #tab-2 table th:nth-child(1) {
    width: 200px;
}

.bl-table-container #tab-2 table th:nth-child(2) {
    width: 200px;
}

.bl-table-container #tab-2 table th:nth-child(3) {
    width: 200px;
}

.bl-table-container #tab-2 table th:last-child {
    border-right: none;
    width: 510px;
}

.bl-table-container #tab-2 table tr td:first-child {
    font-size: 16px;
    width: 200px;
}

.bl-table-container #tab-2 table tr td {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    border-right: 1px solid #dadada;
}

.bl-table-container #tab-2 table tr td:last-child {
    border-right: none;
}

.bl-table-container #tab-2 table tr td .text {
    position: relative;
    max-height: 60px;
    overflow: hidden;
}

.bl-table-container #tab-2 table tr td .text .btn-table-close {
    display: none;
}

.bl-table-container #tab-2 table tr td .text.text-open {
    background-color: #fff !important;
    position: absolute;
    max-height: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    left: 0;
    bottom: 0;
    padding: 20px 40px 20px 20px;
    width: 100%;
    min-width: 300px;
    z-index: 2;
    opacity: 1 !important;
}

.bl-table-container #tab-2 table tr td .text.text-open .btn-table-close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-color: #0063a0;
    color: #fff;
    text-align: center;
    line-height: 27px;
    font-size: 20px;
    background-image: url(../images/icon-close.svg);
    background-size: 40% auto;
    background-position: center;
    background-repeat: no-repeat;
}

.bl-table-container #tab-2 table tr td .text.text-open .btn-table-close:hover {
    background-color: rgb(208, 0, 56);
}

.bl-table-container #tab-2 table tbody tr:first-child td .text.text-open,
.bl-table-container #tab-2 table tbody tr:nth-child(2) td .text.text-open,
.bl-table-container #tab-2 table tbody tr:nth-child(3) td .text.text-open,
.bl-table-container #tab-2 table tbody tr:nth-child(4) td .text.text-open {
    bottom: inherit;
    top: 0;
}

.bl-table-container #tab-2 table tr td .text.text-open:hover:after {}

.bl-table-container #tab-2 table tr td .text p {
    margin-bottom: 0;
}

.bl-table-container #tab-2 table tr td .text.more-text {
    cursor: pointer;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s;
}

.bl-table-container #tab-2 table tr td .text.more-text:hover {
    /*    opacity: .7;*/
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s;
}

.bl-table-container #tab-2 table tr td.more .readmore {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    display: block;
    border-style: solid;
    border-width: 0 0 40px 40px;
    cursor: pointer;
    border-color: transparent transparent #0063a0 transparent;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.bl-table-container #tab-2 table tr td.more .readmore.hover,
.bl-table-container #tab-2 table tr td.more .readmore:hover {
    border-color: transparent transparent rgb(208, 0, 56) transparent !important;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.bl-table-container #tab-2 table tr td.more .readmore:after {
    position: absolute;
    content: '+';
    color: #fff;
    right: 5px;
    top: 18px;
    font-size: 28px;
    font-weight: bold;
    display: block;
}

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

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: #0063a0;
    border-radius: 10px;
    border: 2px solid #0063a0;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #e8e8e8;
}


/* übersicht widget */

.site-widget .section:last-of-type {
    box-shadow: none;
}

.site-widget #bl-list {
    max-width: 100%;
}

.site-widget #bl-list ul li a {}


/* detail widget */

.site-widget .section.bl-detail {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
}

.site-widget .section.bl-detail .container {
    max-width: 100%;
}

.site-widget .bl-table-container .content {
    overflow: auto;
}

.site-widget .bl-table-container table {
    min-width: 800px !important;
}

.site-widget .bl-table-container #tab-2 {
    transform: translateX(0%);
}

.site-widget .section.bl-detail #tab-2.ani-in {
    position: relative;
}

.site-widget .section.bl-detail #tab-2 .table-scroll {
    /*
    max-height: 600px;
    height: 600px;
*/
}

#scroll1 div {
    height: 1px;
    margin: 0 1%;
}

.site-widget .bl-table-container #tab-2 table th:last-child {
    width: 540px;
}

.site-widget .section.bl-detail .bl-intro {
    margin-bottom: 30px;
}

.site-widget .section.bl-detail .bl-table-container {
    margin: 0;
}

.site-widget .section.bl-detail .bl-table-container .table-controls {
    display: none;
}

.site-widget .bl-table-container table th {
    font-size: 15px;
}

.bl-table-container #tab-2 table tr td:last-child .text.text-open {
    left: auto;
    right: 0;
}

.en .bl-table-container #tab-2 table tr td .text .text-container {
    display: none;
}

.en .bl-table-container #tab-2 table tr td:last-child {
    display: none;
}

.en .bl-table-container #tab-2 table tr td:last-child .text .text-container {
    display: block;
}

.en .bl-table-container #tab-2 table tr td.more .readmore {
    display: none;
}

.en .bl-table-container #tab-2 table tr td.more:last-child .readmore {
    display: block;
}

.en .bl-table-container #tab-2 table th:nth-child(2),
.en .bl-table-container #tab-2 table th:nth-child(3) {
    min-width: 140px;
    width: 140px;
}

.en .bl-table-container #tab-2 table {
    position: relative;
}

.en .bl-table-container #tab-2 table th {}

.site-widget .bl-table-container table tr td .mobile-cat {
    display: none;
}

.footer-widget {
    width: 100%;
    background-color: #ececec;
    text-align: center;
    padding: 5px 10px;
    font-size: 12px;
}

#scroll1 {
    display: none;
}


/* responsive */

@media only screen and (max-width: 1024px) {
    .container {
        max-width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .container {
        max-width: 100%;
    }

    .header-img {
        margin-top: 68px;
    }

    .header-img .col-sm-12 {
        padding-bottom: 20px !important;
    }

    .header-img span {
        font-size: 16px;
    }

    .section.pt-10.pb-4 {
        padding-top: 40px !important;
    }

    .section .container-fluid .col-sm-12.p-0 {
        padding: 0 !important;
    }

    .section.karte .col-sm-6 {
        width: 100%;
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
    }

    .section.karte .col-sm-6.first {
        order: 2;
        padding: 0;
    }

    .section.karte .col-sm-6.second {
        order: 1;
        padding: 0;
    }

    .section.karte .col-sm-12.last {
        order: 1;
    }

    .section.karte .col-sm-12.last .col-sm-12 {
        padding: 0;
    }

    .mobile-hidden {
        display: none;
    }
    .mobile-visible {
        display: block;
        order: 3;
        margin-top: 40px;
    }

    .content-text.flex {
        display: block;
    }

    .content-text.flex .col-sm-5 {
        float: left;
        width: 100%;
        padding: 0;
    }

    #bl-list {
        max-width: none;
    }

    .ms-options-wrap .btn-apply {
        width: 100%;
    }

    .ms-options-wrap > .ms-options {
        left: 0;
        width: 100%;
    }

    #karte {
        max-width: 500px;
        margin: 20px auto 50px;
        height: auto;
    }

    .bl-detail .bl-intro .left {
        width: 100%;
        padding-right: 0;
    }

    .bl-detail .bl-intro .right {
        width: 100%;
        padding-left: 0;
    }

    .bl-detail .bl-change .left label {
        /*
        margin-bottom: 10px;
        line-height: 1;
*/
    }

    .bl-table-container table tr td {
        padding: 10px;
    }

    .bl-table-container table th {
        padding: 5px 10px;
        width: 300px !important;
    }

    .bl-detail .bl-change .left .select-wrapper {
        /*        margin-left: 0;*/
    }

    .bl-table-container #tab-2 .table-scroll {
        max-height: 902px;
    }

    .site-widget .bl-table-container #tab-2 .table-scroll {
        max-height: none;
    }

    #scroll1 {
        display: block;
    }
}

@media only screen and (max-width: 630px) {
    #bl-list ul li a {
        font-size: 18px;
    }

    #bl-list ul li.has-hinweis .btn-hinweis {
        right: 0;
    }

    .bl-detail .bl-change .left {
        width: 100%;
        text-align: center;
    }

    .bl-detail .bl-change .left label {
        display: block;
        width: 100%;
    }

    .bl-detail .bl-change .left .select-wrapper {
        width: 100%;
    }

    .bl-detail .bl-change a.btn-back {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    .bl-detail .bl-intro h2 {
        text-align: center;
        font-size: 40px;
        line-height: 40px;
    }

    .bl-detail .bl-intro h2 .icon-bl {
        width: 130px;
        height: 130px;
        margin: 0 auto 15px;
        float: none;
        display: block;
    }

    .bl-hinweis img {
        margin: 0 auto 10px;
        display: block;
        position: relative;
        float: none;
    }

    .bl-hinweis .text {
        width: 100%;
    }

    .bl-hinweis .text h3 {
        text-align: center;
    }

    .bl-detail .bl-change .left label {
        margin-bottom: 10px;
        line-height: 1;
    }

    .bl-detail .bl-change .left .select-wrapper {
        margin-left: 0;
    }

    .bl-table-container .table-scroll table {
        min-width: 500px;
    }

    .bl-table-container #tab-2 .table-scroll table {
        min-width: 700px;
    }

    .bl-table-container .tabs .btn-tab {
        margin: 0 0 20px 0;
        width: 100%;
        display: block;
    }

    .bl-table-container table th:first-child,
    .bl-table-container table tr td:first-child {
        min-width: 250px;
    }

    .bl-table-container #tab-2 table th:nth-child(2),
    .bl-table-container #tab-2 table th:nth-child(3) {
        min-width: 280px;
    }

    .bl-table-container #tab-1 table thead {
        display: none;
    }

    .bl-table-container #tab-1 table tr td {
        display: block;
        width: 100%;
    }

    .bl-table-container #tab-1 table {
        min-width: 100%;
    }

    .bl-table-container #tab-1 table th:first-child,
    .bl-table-container #tab-1 table tr td:first-child {
        min-width: 100%;
        background-color: rgb(255, 204, 0);
    }

    .bl-table-container #tab-1 table tr td:last-child:after {
        content: "";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0px;
    }

    .bl-table-container #tab-2 .table-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        max-height: none;
    }

    .bl-table-container #tab-2 .table-controls {
        display: none;
    }

    .popup-hinweis .bl-hinweis {
        width: calc(100% - 40px);
        max-width: 100%;
        margin: 0;
        max-height: 350px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .popup-hinweis .bl-hinweis .btn-close {
        width: 40px;
        height: 40px;
        line-height: 37px;
        font-size: 30px;
    }

    .site-widget .bl-table-container table {
        min-width: 0 !important;
    }

    .site-widget .section.bl-detail #tab-2 .table-scroll.open {
        max-height: none;
    }

    .site-widget .bl-table-container #tab-2 table th:last-child {
        width: auto;
    }

    .site-widget .bl-table-container #tab-2 table tr th {
        display: none;
    }

    .site-widget .bl-table-container #tab-2 table tr td {
        display: block;
        width: 100% !important;
        padding: 10px;
        min-height: 40px;
    }

    .site-widget .bl-table-container table tr td .mobile-cat {
        float: left;
        font-weight: bold;
        margin-right: 20px;
        display: block;
        min-width: 120px;
        width: 100%;
        margin-bottom: 10px;
    }

    .site-widget .en .bl-table-container table tr td .mobile-cat {
        width: auto;
        margin-bottom: 0;
    }

    .site-widget .en .bl-table-container table tr td .text {
        float: left;
        width: 130px;
    }

    .site-widget .bl-table-container table tr td .text {
        width: calc(100% - 25px);
        max-height: none;
    }

    .site-widget .bl-table-container table tr td:last-child .text {
        max-height: 60px;
    }

    .site-widget .bl-table-container table tr td:after {
        content: "";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0px;
    }

    .site-widget .bl-table-container table tr td:last-child .text {
        width: 100%;
    }

    .site-widget .bl-table-container #tab-2 table tr td:first-child {
        background-color: rgb(255, 204, 0);
        border-bottom: none;
    }

    .site-widget .bl-table-container #tab-2 table tr td:last-child {
        border-right: 1px solid #dadada;
        padding-bottom: 15px;
        border-bottom: none;
    }

    #scroll1 {
        display: block;
    }

    .site-widget #scroll1 {
        display: none;
    }

    .site-widget .bl-table-container .content {
        overflow: hidden;
    }
    .bl-hinweis .text {
        max-height: 140px;
    }
    .bl-hinweis.open .text {
        max-height: 1200px;

    }
    #btn-toggle {
    margin-left: 0;
}

}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    background: rgba(255,255,255,.8);
}
.popup-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 30px;
    max-width: 700px;
    height: auto;
    z-index: 1001;
    background: rgba(255,255,255,1);
    text-align: center;
}