input[type="submit"], button[type="submit"], .searchbar form input, .slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none
}
h3, .h3, h4, .h4, h5, .h5, h6, .h6, .btn-primary, .btn-secondary, a.btn-primary, .btn-primary a, a.btn-secondary, .btn-secondary a, .sbi_follow_btn, .h7, .h7 p, input.form-control, .mainMenuTop li a, p, a, li, \:root, body, .quotes .big, b, .menu li, .menu a, .menu p, .menu span, h1, .h1, h2, .h2, .slider h2, .big, .txtBigAp, .articlesubheadline h5, .menu i {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: subpixel-antialiased
}
@font-face {
font-family: 'Apercu Pro';
src: url(/wp-content/themes/vivani/fonts/apercu_regular_pro.eot);
src: url(/wp-content/themes/vivani/fonts/apercu_regular_pro.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/vivani/fonts/apercu_regular_pro.woff) format("woff"), url(/wp-content/themes/vivani/fonts/apercu_regular_pro.ttf) format("truetype"), url(/wp-content/themes/vivani/fonts/apercu_regular_pro.svg#775727051d348c38815daa2109bb6457) format("svg");
font-style: normal;
font-weight: 400
}
@font-face {
font-family: 'Apercu Pro';
src: url(/wp-content/themes/vivani/fonts/Apercu-Bold.eot);
src: url(/wp-content/themes/vivani/fonts/Apercu-Bold.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/vivani/fonts/Apercu-Bold.woff) format("woff"), url(/wp-content/themes/vivani/fonts/Apercu-Bold.ttf) format("truetype"), url(/wp-content/themes/vivani/fonts/Apercu-Bold.svg#775727051d348c38815daa2109bb6457) format("svg");
font-style: normal;
font-weight: 800
}
@font-face {
font-family: 'SangBleu King';
src: url(/wp-content/themes/vivani/fonts/SangBleuKing.eot);
src: url(/wp-content/themes/vivani/fonts/SangBleuKing.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/vivani/fonts/SangBleuKing.woff) format("woff"), url(/wp-content/themes/vivani/fonts/SangBleuKing.ttf) format("truetype"), url(/wp-content/themes/vivani/fonts/SangBleuKing.svg#50a002585f8311bd2df7ede80b20fcf1) format("svg");
font-style: normal;
font-weight: 400
}
h3, .h3, h4, .h4, h5, .h5, h6, .h6, .btn-primary, .btn-secondary, a.btn-primary, .btn-primary a, a.btn-secondary, .btn-secondary a, .sbi_follow_btn, .h7, .h7 p, input.form-control, .mainMenuTop li a, p, a, li, \:root, body, .quotes .big {
font-family: 'Apercu Pro', 'Helvetica', sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: normal;
font-style: normal
}
b, .menu li, .menu a, .menu p, .menu span {
font-family: 'Apercu Pro', 'Helvetica', sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: normal;
font-style: normal
}
h1, .h1, h2, .h2, .slider h2, .big, .txtBigAp, .articlesubheadline h5 {
font-family: 'SangBleu King', 'Times New Roman', serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: normal;
font-style: normal
}
.menu i {
font-family: "vivani";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-weight: normal;
font-style: normal
}
@keyframes fadeInscr {
from {
opacity: 0;
left: -50%
}
to {
opacity: 1;
left: 0%
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.menu i {
font-size: 20px;
font-size: 1.33333rem;
line-height: 20px;
line-height: 1.33333rem
}
h1, .h1 {
font-size: 70px;
font-size: 4.66667rem;
line-height: 90px;
line-height: 6rem;
letter-spacing: 2px;
letter-spacing: .13333rem;
color: #141414
}
@media (max-width: 768px) {
h1, .h1 {
font-size: 32px;
font-size: 2.13333rem;
line-height: 45px;
line-height: 3rem
}
}
@media (max-width: 560px) {
h1, .h1 {
font-size: 28px;
font-size: 1.86667rem;
line-height: 42px;
line-height: 2.8rem
}
}
h2, .h2 {
font-size: 56px;
font-size: 3.73333rem;
line-height: 82px;
line-height: 5.46667rem;
letter-spacing: .13333rem;
color: #141414
}
@media (max-width: 1024px) {
h2, .h2 {
font-size: 40px;
font-size: 2.66667rem;
line-height: 50px;
line-height: 3.33333rem
}
}
@media (max-width: 768px) {
h2, .h2 {
font-size: 25px;
font-size: 1.66667rem;
line-height: 34px;
line-height: 2.26667rem
}
}
@media (max-width: 560px) {
h2, .h2 {
font-size: 22px;
font-size: 1.46667rem;
line-height: 30px;
line-height: 2rem
}
}
.slider h2 {
font-size: 50px;
font-size: 3.33333rem;
line-height: 72px;
line-height: 4.8rem;
letter-spacing: .12667rem;
color: #fff
}
@media (max-width: 768px) {
.slider h2 {
font-size: 32px;
font-size: 2.13333rem;
line-height: 45px;
line-height: 3rem;
letter-spacing: .06667rem
}
}
@media (max-width: 550px) {
.slider h2 {
font-size: 22px;
font-size: 1.46667rem;
line-height: 35px;
line-height: 2.33333rem;
letter-spacing: .06667rem
}
}
h3, .h3 {
font-size: 32px;
font-size: 2.13333rem;
line-height: 40px;
line-height: 2.66667rem;
letter-spacing: .11667rem;
color: #141414
}
@media (max-width: 768px) {
h3, .h3 {
font-size: 20px;
font-size: 1.33333rem;
line-height: 30px;
line-height: 2rem
}
}
h4, .h4 {
font-size: 25px;
font-size: 1.66667rem;
line-height: 30px;
line-height: 2rem;
letter-spacing: .06667rem;
color: #141414
}
@media (max-width: 768px) {
h4, .h4 {
font-size: 18px;
font-size: 1.2rem;
line-height: 21px;
line-height: 1.4rem;
letter-spacing: .05333rem
}
}
h5, .h5 {
font-size: 15px;
font-size: 1rem;
line-height: 18px;
line-height: 1.2rem;
letter-spacing: .53333rem;
color: #141414;
text-transform: uppercase
}
@media (max-width: 768px) {
h5, .h5 {
font-size: 13px;
font-size: .86667rem;
line-height: 20px;
line-height: 1.33333rem;
letter-spacing: .4rem
}
}
h6, .h6, .btn-primary, .btn-secondary, a.btn-primary, .btn-primary a, a.btn-secondary, .btn-secondary a, .sbi_follow_btn {
font-size: 13px;
font-size: .86667rem;
line-height: 15px;
line-height: 1rem;
letter-spacing: .16667rem;
color: #141414
}
@media (max-width: 768px) {
h6, .h6, .btn-primary, .btn-secondary, a.btn-primary, .btn-primary a, a.btn-secondary, .btn-secondary a, .sbi_follow_btn {
font-size: 13px;
font-size: .86667rem;
line-height: 15px;
line-height: 1rem;
letter-spacing: .16667rem
}
}
.h7, .h7 p, input.form-control {
font-size: 13px;
font-size: .86667rem;
line-height: 18px;
line-height: 1.2rem;
letter-spacing: .06667rem;
color: #141414
}
@media (max-width: 768px) {
.h7, .h7 p, input.form-control {
font-size: 13px;
font-size: .86667rem;
line-height: 18px;
line-height: 1.2rem;
letter-spacing: .06667rem
}
}
.mainMenuTop li a {
font-size: 12px;
font-size: .8rem;
line-height: 18px;
line-height: 1.2rem;
letter-spacing: .03333rem;
color: #141414
}
p, a, li {
font-size: 16px;
font-size: 1.06667rem;
line-height: 22px;
line-height: 1.46667rem;
letter-spacing: .06667rem;
color: #141414
}
@media (max-width: 768px) {
p, a, li {
font-size: 14px;
font-size: .93333rem;
line-height: 22px;
line-height: 1.46667rem;
letter-spacing: .06667rem
}
}
b {
font-size: 16px;
font-size: 1.06667rem;
line-height: 22px;
line-height: 1.46667rem;
letter-spacing: .06667rem;
color: #141414
}
@media (max-width: 768px) {
b {
font-size: 14px;
font-size: .93333rem;
line-height: 22px;
line-height: 1.46667rem;
letter-spacing: .06667rem
}
}
.big, .txtBigAp {
font-size: 28px;
font-size: 1.86667rem;
line-height: 40px;
line-height: 2.66667rem;
letter-spacing: .11667rem;
color: #141414
}
@media (max-width: 768px) {
.big, .txtBigAp {
font-size: 22px;
font-size: 1.46667rem;
line-height: 30px;
line-height: 2rem;
letter-spacing: .06667rem
}
}
.articlesubheadline h5 {
font-size: 40px;
font-size: 2.66667rem;
line-height: 60px;
line-height: 4rem;
letter-spacing: .11667rem;
color: #141414
}
@media (max-width: 768px) {
.articlesubheadline h5 {
font-size: 24px;
font-size: 1.6rem;
line-height: 34px;
line-height: 2.26667rem;
letter-spacing: .06667rem
}
}
.menu li, .menu a, .menu p, .menu span {
font-size: 13px;
font-size: .86667rem;
line-height: 18px;
line-height: 1.2rem;
letter-spacing: .06667rem;
color: #141414;
text-transform: uppercase
}
:root {
--breakpoint-xs: 0;
--breakpoint-sm: 750px;
--breakpoint-md: 768px;
--breakpoint-lg: 1024px;
--breakpoint-xl: 1440px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*, *::before, *::after {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent
}
@-ms-viewport {
width: device-width
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block
}
[tabindex="-1"]:focus {
outline: 0 !important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
abbr[title], abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol, ul, dl {
margin-top: 0;
margin-bottom: 1rem
}
ol ol, ul ul, ol ul, ul ol {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
dfn {
font-style: italic
}
b, strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus {
outline: 0
}
pre, code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg:not(:root) {
overflow: hidden
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
input, button, select, optgroup, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type="radio"], input[type="checkbox"] {
box-sizing: border-box;
padding: 0
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
-webkit-appearance: listbox
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none !important
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1)
}
small, .small {
font-size: 80%;
font-weight: 400
}
mark, .mark {
padding: .2em;
background-color: #fcf8e3
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d
}
.blockquote-footer::before {
content: "\2014 \00A0"
}
\:root {
font-size: 15;
line-height: 20;
color: #141414
}
body {
margin: 0;
color: #141414;
text-align: left;
background-color: #fff
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 15px
}
.txtBigAp {
display: inline-block;
padding: 98px 10px 52px 10px
}
p, a {
margin: 0;
margin-bottom: 15px
}
a {
color: #141414;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
outline: none;
outline: 0
}
a:hover {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
color: #141414
}
a:active, a:focus {
outline: none;
background: none !important;
border: 0px solid transparent !important;
box-shadow: 0 0 0 0rem rgba(108, 117, 125, 0.5)
}
input::-moz-focus-inner {
border: 0
}
.bg-black {
background: #141414
}
.bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-black h5, .bg-black h6, .bg-black .h1, .bg-black .h2, .bg-black .h3, .bg-black .h4, .bg-black .h5, .bg-black .h6, .bg-black p, .bg-black a, .bg-black li, .bg-black span, .bg-black i, .bg-black b, .bg-black strong, .bg-black label {
color: #fff
}
.bg-beige {
background: #ECD4C0
}
.bg-hellgrau {
background: #F6F5F3
}
.bg-article {
background: #f6f5f3
}
.align-center {
text-align: left
}
.align-center {
text-align: center
}
.align-right {
text-align: right
}
.text-justify {
text-align: justify
}
.nowrap {
white-space: nowrap
}
.lowercase {
text-transform: lowercase
}
.uppercase {
text-transform: uppercase
}
.capitalize {
text-transform: capitalize
}
ul, ol {
margin-top: 0;
margin-bottom: 10px
}
ul ul, ol ul, ul ol, ol ol {
margin-bottom: 0
}
a img {
opacity: 1;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out
}
a:hover {
-webkit-transition: color .3s ease-out;
-moz-transition: color .3s ease-out;
-o-transition: color .3s ease-out;
-ms-transition: color .3s ease-out;
transition: color .3s ease-out;
color: rgba(0, 0, 0, 0.8);
border: none
}
a:hover img {
opacity: 0.4;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out
}
.btn-primary {
padding: 5px 30px;
background: transparent;
border-radius: 0;
border: 1px solid #141414;
color: #141414;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out
}
.btn-primary:hover {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
background: transparent;
border: 1px solid white;
color: #141414
}
.btn-secondary {
padding: 5px 0px;
background: transparent;
border-radius: 0;
border: 1px solid transparent;
text-transform: uppercase;
color: #141414;
position: relative
}
.btn-secondary:after {
position: absolute;
left: 10%;
content: '';
display: inline-block;
width: 80%;
height: 1px;
bottom: 0;
background: #141414;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out
}
@font-face {
font-family: "vivani";
src: url(/wp-content/themes/vivani/fonts/vivani.eot);
src: url(/wp-content/themes/vivani/fonts/vivani.eot?#iefix) format("embedded-opentype"), url(/wp-content/themes/vivani/fonts/vivani.woff) format("woff"), url(/wp-content/themes/vivani/fonts/vivani.ttf) format("truetype"), url(/wp-content/themes/vivani/fonts/vivani.svg#vivani) format("svg");
font-weight: normal;
font-style: normal
}
[data-icon]:before {
font-family: "vivani" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "vivani" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-android-arrow-forward:before {
content: "\61"
}
.icon-facebook-1:before {
content: "\63"
}
.icon-instagram-1:before {
content: "\64"
}
.icon-pinterest-p:before {
content: "\65"
}
.icon-close-round:before {
content: "\66"
}
.icon-chevron-down:before {
content: "\62"
}
.icon-chevron-left:before {
content: "\67"
}
.icon-chevron-right:before {
content: "\68"
}
.icon-chevron-up:before {
content: "\69"
}
.icon-search:before {
content: "\6a"
}
.icon-sandwich-schwarz:before {
content: "\6b"
}
.icon-enter-1:before {
content: "\6c"
}
.icon-dropdown-schliessen:before {
content: "\6d"
}
.icon-twitter:before {
content: "\6e"
}
.icon-android-more-vertical:before {
content: "\6f"
}
.icon-in-alt:before {
content: "\70"
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 90%;
color: #6c757d
}
.container {
width: 100%;
padding-right: 8px;
padding-left: 8px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 750px) {
.container {
max-width: 680px
}
}
@media (min-width: 768px) {
.container {
max-width: 750px
}
}
@media (min-width: 1024px) {
.container {
max-width: 960px
}
}
@media (min-width: 1440px) {
.container {
max-width: 1350px
}
}
.container-fluid {
width: 100%;
padding-right: 8px;
padding-left: 8px;
margin-right: auto;
margin-left: auto
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -8px;
margin-left: -8px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 8px;
padding-left: 8px
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1 {
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-2 {
flex: 0 0 25%;
max-width: 25%
}
.col-3 {
flex: 0 0 37.5%;
max-width: 37.5%
}
.col-4 {
flex: 0 0 50%;
max-width: 50%
}
.col-5 {
flex: 0 0 62.5%;
max-width: 62.5%
}
.col-6 {
flex: 0 0 75%;
max-width: 75%
}
.col-7 {
flex: 0 0 87.5%;
max-width: 87.5%
}
.col-8 {
flex: 0 0 100%;
max-width: 100%
}
.order-first {
order: -1
}
.order-last {
order: 9
}
.order-0 {
order: 0
}
.order-1 {
order: 1
}
.order-2 {
order: 2
}
.order-3 {
order: 3
}
.order-4 {
order: 4
}
.order-5 {
order: 5
}
.order-6 {
order: 6
}
.order-7 {
order: 7
}
.order-8 {
order: 8
}
.offset-1 {
margin-left: 12.5%
}
.offset-2 {
margin-left: 25%
}
.offset-3 {
margin-left: 37.5%
}
.offset-4 {
margin-left: 50%
}
.offset-5 {
margin-left: 62.5%
}
.offset-6 {
margin-left: 75%
}
.offset-7 {
margin-left: 87.5%
}
@media (min-width: 750px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-sm-1 {
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-sm-2 {
flex: 0 0 25%;
max-width: 25%
}
.col-sm-3 {
flex: 0 0 37.5%;
max-width: 37.5%
}
.col-sm-4 {
flex: 0 0 50%;
max-width: 50%
}
.col-sm-5 {
flex: 0 0 62.5%;
max-width: 62.5%
}
.col-sm-6 {
flex: 0 0 75%;
max-width: 75%
}
.col-sm-7 {
flex: 0 0 87.5%;
max-width: 87.5%
}
.col-sm-8 {
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
order: -1
}
.order-sm-last {
order: 9
}
.order-sm-0 {
order: 0
}
.order-sm-1 {
order: 1
}
.order-sm-2 {
order: 2
}
.order-sm-3 {
order: 3
}
.order-sm-4 {
order: 4
}
.order-sm-5 {
order: 5
}
.order-sm-6 {
order: 6
}
.order-sm-7 {
order: 7
}
.order-sm-8 {
order: 8
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 12.5%
}
.offset-sm-2 {
margin-left: 25%
}
.offset-sm-3 {
margin-left: 37.5%
}
.offset-sm-4 {
margin-left: 50%
}
.offset-sm-5 {
margin-left: 62.5%
}
.offset-sm-6 {
margin-left: 75%
}
.offset-sm-7 {
margin-left: 87.5%
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-md-1 {
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-md-2 {
flex: 0 0 25%;
max-width: 25%
}
.col-md-3 {
flex: 0 0 37.5%;
max-width: 37.5%
}
.col-md-4 {
flex: 0 0 50%;
max-width: 50%
}
.col-md-5 {
flex: 0 0 62.5%;
max-width: 62.5%
}
.col-md-6 {
flex: 0 0 75%;
max-width: 75%
}
.col-md-7 {
flex: 0 0 87.5%;
max-width: 87.5%
}
.col-md-8 {
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
order: -1
}
.order-md-last {
order: 9
}
.order-md-0 {
order: 0
}
.order-md-1 {
order: 1
}
.order-md-2 {
order: 2
}
.order-md-3 {
order: 3
}
.order-md-4 {
order: 4
}
.order-md-5 {
order: 5
}
.order-md-6 {
order: 6
}
.order-md-7 {
order: 7
}
.order-md-8 {
order: 8
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 12.5%
}
.offset-md-2 {
margin-left: 25%
}
.offset-md-3 {
margin-left: 37.5%
}
.offset-md-4 {
margin-left: 50%
}
.offset-md-5 {
margin-left: 62.5%
}
.offset-md-6 {
margin-left: 75%
}
.offset-md-7 {
margin-left: 87.5%
}
}
@media (min-width: 1024px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-lg-1 {
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-lg-2 {
flex: 0 0 25%;
max-width: 25%
}
.col-lg-3 {
flex: 0 0 37.5%;
max-width: 37.5%
}
.col-lg-4 {
flex: 0 0 50%;
max-width: 50%
}
.col-lg-5 {
flex: 0 0 62.5%;
max-width: 62.5%
}
.col-lg-6 {
flex: 0 0 75%;
max-width: 75%
}
.col-lg-7 {
flex: 0 0 87.5%;
max-width: 87.5%
}
.col-lg-8 {
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
order: -1
}
.order-lg-last {
order: 9
}
.order-lg-0 {
order: 0
}
.order-lg-1 {
order: 1
}
.order-lg-2 {
order: 2
}
.order-lg-3 {
order: 3
}
.order-lg-4 {
order: 4
}
.order-lg-5 {
order: 5
}
.order-lg-6 {
order: 6
}
.order-lg-7 {
order: 7
}
.order-lg-8 {
order: 8
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 12.5%
}
.offset-lg-2 {
margin-left: 25%
}
.offset-lg-3 {
margin-left: 37.5%
}
.offset-lg-4 {
margin-left: 50%
}
.offset-lg-5 {
margin-left: 62.5%
}
.offset-lg-6 {
margin-left: 75%
}
.offset-lg-7 {
margin-left: 87.5%
}
}
@media (min-width: 1440px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-xl-1 {
flex: 0 0 12.5%;
max-width: 12.5%
}
.col-xl-2 {
flex: 0 0 25%;
max-width: 25%
}
.col-xl-3 {
flex: 0 0 37.5%;
max-width: 37.5%
}
.col-xl-4 {
flex: 0 0 50%;
max-width: 50%
}
.col-xl-5 {
flex: 0 0 62.5%;
max-width: 62.5%
}
.col-xl-6 {
flex: 0 0 75%;
max-width: 75%
}
.col-xl-7 {
flex: 0 0 87.5%;
max-width: 87.5%
}
.col-xl-8 {
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
order: -1
}
.order-xl-last {
order: 9
}
.order-xl-0 {
order: 0
}
.order-xl-1 {
order: 1
}
.order-xl-2 {
order: 2
}
.order-xl-3 {
order: 3
}
.order-xl-4 {
order: 4
}
.order-xl-5 {
order: 5
}
.order-xl-6 {
order: 6
}
.order-xl-7 {
order: 7
}
.order-xl-8 {
order: 8
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 12.5%
}
.offset-xl-2 {
margin-left: 25%
}
.offset-xl-3 {
margin-left: 37.5%
}
.offset-xl-4 {
margin-left: 50%
}
.offset-xl-5 {
margin-left: 62.5%
}
.offset-xl-6 {
margin-left: 75%
}
.offset-xl-7 {
margin-left: 87.5%
}
}
.npl {
padding-left: 0 !important
}
.npr {
padding-right: 0 !important
}
.np {
padding-left: 0 !important;
padding-right: 0 !important
}
.npb {
padding-bottom: 0 !important
}
.mbottom-10 {
margin-bottom: 10px;
display: inline-block
}
.mtop-10 {
margin-top: 10px;
display: inline-block
}
.mright-10 {
margin-right: 10px;
display: inline-block
}
.mleft-10 {
margin-left: 10px;
display: inline-block
}
.mbottomn-10 {
margin-bottom: -10px;
display: inline-block
}
.mtopn-10 {
margin-top: -10px;
display: inline-block
}
.mrightn-10 {
margin-right: -10px;
display: inline-block
}
.mleftn-10 {
margin-left: -10px;
display: inline-block
}
.m-10 {
margin: 10px;
display: inline-block
}
.mbottom-20 {
margin-bottom: 20px;
display: inline-block
}
.mtop-20 {
margin-top: 20px;
display: inline-block
}
.mright-20 {
margin-right: 20px;
display: inline-block
}
.mleft-20 {
margin-left: 20px;
display: inline-block
}
.mbottomn-20 {
margin-bottom: -20px;
display: inline-block
}
.mtopn-20 {
margin-top: -20px;
display: inline-block
}
.mrightn-20 {
margin-right: -20px;
display: inline-block
}
.mleftn-20 {
margin-left: -20px;
display: inline-block
}
.m-20 {
margin: 20px;
display: inline-block
}
.mbottom-30 {
margin-bottom: 30px;
display: inline-block
}
.mtop-30 {
margin-top: 30px;
display: inline-block
}
.mright-30 {
margin-right: 30px;
display: inline-block
}
.mleft-30 {
margin-left: 30px;
display: inline-block
}
.mbottomn-30 {
margin-bottom: -30px;
display: inline-block
}
.mtopn-30 {
margin-top: -30px;
display: inline-block
}
.mrightn-30 {
margin-right: -30px;
display: inline-block
}
.mleftn-30 {
margin-left: -30px;
display: inline-block
}
.m-30 {
margin: 30px;
display: inline-block
}
.mbottom-40 {
margin-bottom: 40px;
display: inline-block
}
.mtop-40 {
margin-top: 40px;
display: inline-block
}
.mright-40 {
margin-right: 40px;
display: inline-block
}
.mleft-40 {
margin-left: 40px;
display: inline-block
}
.mbottomn-40 {
margin-bottom: -40px;
display: inline-block
}
.mtopn-40 {
margin-top: -40px;
display: inline-block
}
.mrightn-40 {
margin-right: -40px;
display: inline-block
}
.mleftn-40 {
margin-left: -40px;
display: inline-block
}
.m-40 {
margin: 40px;
display: inline-block
}
.mbottom-50 {
margin-bottom: 50px;
display: inline-block
}
.mtop-50 {
margin-top: 50px;
display: inline-block
}
.mright-50 {
margin-right: 50px;
display: inline-block
}
.mleft-50 {
margin-left: 50px;
display: inline-block
}
.mbottomn-50 {
margin-bottom: -50px;
display: inline-block
}
.mtopn-50 {
margin-top: -50px;
display: inline-block
}
.mrightn-50 {
margin-right: -50px;
display: inline-block
}
.mleftn-50 {
margin-left: -50px;
display: inline-block
}
.m-50 {
margin: 50px;
display: inline-block
}
.mbottom-60 {
margin-bottom: 60px;
display: inline-block
}
.mtop-60 {
margin-top: 60px;
display: inline-block
}
.mright-60 {
margin-right: 60px;
display: inline-block
}
.mleft-60 {
margin-left: 60px;
display: inline-block
}
.mbottomn-60 {
margin-bottom: -60px;
display: inline-block
}
.mtopn-60 {
margin-top: -60px;
display: inline-block
}
.mrightn-60 {
margin-right: -60px;
display: inline-block
}
.mleftn-60 {
margin-left: -60px;
display: inline-block
}
.m-60 {
margin: 60px;
display: inline-block
}
.mbottom-70 {
margin-bottom: 70px;
display: inline-block
}
.mtop-70 {
margin-top: 70px;
display: inline-block
}
.mright-70 {
margin-right: 70px;
display: inline-block
}
.mleft-70 {
margin-left: 70px;
display: inline-block
}
.mbottomn-70 {
margin-bottom: -70px;
display: inline-block
}
.mtopn-70 {
margin-top: -70px;
display: inline-block
}
.mrightn-70 {
margin-right: -70px;
display: inline-block
}
.mleftn-70 {
margin-left: -70px;
display: inline-block
}
.m-70 {
margin: 70px;
display: inline-block
}
.mbottom-80 {
margin-bottom: 80px;
display: inline-block
}
.mtop-80 {
margin-top: 80px;
display: inline-block
}
.mright-80 {
margin-right: 80px;
display: inline-block
}
.mleft-80 {
margin-left: 80px;
display: inline-block
}
.mbottomn-80 {
margin-bottom: -80px;
display: inline-block
}
.mtopn-80 {
margin-top: -80px;
display: inline-block
}
.mrightn-80 {
margin-right: -80px;
display: inline-block
}
.mleftn-80 {
margin-left: -80px;
display: inline-block
}
.m-80 {
margin: 80px;
display: inline-block
}
.mbottom-90 {
margin-bottom: 90px;
display: inline-block
}
.mtop-90 {
margin-top: 90px;
display: inline-block
}
.mright-90 {
margin-right: 90px;
display: inline-block
}
.mleft-90 {
margin-left: 90px;
display: inline-block
}
.mbottomn-90 {
margin-bottom: -90px;
display: inline-block
}
.mtopn-90 {
margin-top: -90px;
display: inline-block
}
.mrightn-90 {
margin-right: -90px;
display: inline-block
}
.mleftn-90 {
margin-left: -90px;
display: inline-block
}
.m-90 {
margin: 90px;
display: inline-block
}
.mbottom-100 {
margin-bottom: 100px;
display: inline-block
}
.mtop-100 {
margin-top: 100px;
display: inline-block
}
.mright-100 {
margin-right: 100px;
display: inline-block
}
.mleft-100 {
margin-left: 100px;
display: inline-block
}
.mbottomn-100 {
margin-bottom: -100px;
display: inline-block
}
.mtopn-100 {
margin-top: -100px;
display: inline-block
}
.mrightn-100 {
margin-right: -100px;
display: inline-block
}
.mleftn-100 {
margin-left: -100px;
display: inline-block
}
.m-100 {
margin: 100px;
display: inline-block
}
.ptop-10 {
padding-top: 10px;
display: inline-block
}
.pbottom-10 {
padding-bottom: 10px;
display: inline-block
}
.pleft-10 {
padding-left: 10px;
display: inline-block
}
.pright-10 {
padding-right: 10px;
display: inline-block
}
.p-10 {
padding: 10px;
display: inline-block
}
.ptop-20 {
padding-top: 20px;
display: inline-block
}
.pbottom-20 {
padding-bottom: 20px;
display: inline-block
}
.pleft-20 {
padding-left: 20px;
display: inline-block
}
.pright-20 {
padding-right: 20px;
display: inline-block
}
.p-20 {
padding: 20px;
display: inline-block
}
.ptop-30 {
padding-top: 30px;
display: inline-block
}
.pbottom-30 {
padding-bottom: 30px;
display: inline-block
}
.pleft-30 {
padding-left: 30px;
display: inline-block
}
.pright-30 {
padding-right: 30px;
display: inline-block
}
.p-30 {
padding: 30px;
display: inline-block
}
.ptop-40 {
padding-top: 40px;
display: inline-block
}
.pbottom-40 {
padding-bottom: 40px;
display: inline-block
}
.pleft-40 {
padding-left: 40px;
display: inline-block
}
.pright-40 {
padding-right: 40px;
display: inline-block
}
.p-40 {
padding: 40px;
display: inline-block
}
.ptop-50 {
padding-top: 50px;
display: inline-block
}
.pbottom-50 {
padding-bottom: 50px;
display: inline-block
}
.pleft-50 {
padding-left: 50px;
display: inline-block
}
.pright-50 {
padding-right: 50px;
display: inline-block
}
.p-50 {
padding: 50px;
display: inline-block
}
.ptop-60 {
padding-top: 60px;
display: inline-block
}
.pbottom-60 {
padding-bottom: 60px;
display: inline-block
}
.pleft-60 {
padding-left: 60px;
display: inline-block
}
.pright-60 {
padding-right: 60px;
display: inline-block
}
.p-60 {
padding: 60px;
display: inline-block
}
.ptop-70 {
padding-top: 70px;
display: inline-block
}
.pbottom-70 {
padding-bottom: 70px;
display: inline-block
}
.pleft-70 {
padding-left: 70px;
display: inline-block
}
.pright-70 {
padding-right: 70px;
display: inline-block
}
.p-70 {
padding: 70px;
display: inline-block
}
.ptop-80 {
padding-top: 80px;
display: inline-block
}
.pbottom-80 {
padding-bottom: 80px;
display: inline-block
}
.pleft-80 {
padding-left: 80px;
display: inline-block
}
.pright-80 {
padding-right: 80px;
display: inline-block
}
.p-80 {
padding: 80px;
display: inline-block
}
.ptop-90 {
padding-top: 90px;
display: inline-block
}
.pbottom-90 {
padding-bottom: 90px;
display: inline-block
}
.pleft-90 {
padding-left: 90px;
display: inline-block
}
.pright-90 {
padding-right: 90px;
display: inline-block
}
.p-90 {
padding: 90px;
display: inline-block
}
.ptop-100 {
padding-top: 100px;
display: inline-block
}
.pbottom-100 {
padding-bottom: 100px;
display: inline-block
}
.pleft-100 {
padding-left: 100px;
display: inline-block
}
.pright-100 {
padding-right: 100px;
display: inline-block
}
.p-100 {
padding: 100px;
display: inline-block
}
.nmb {
margin-bottom: 0 !important
}
.nm {
margin-left: 0;
margin-right: 0
}
@media (min-width: 576px) {
.sm-npl {
padding-left: 0 !important
}
.sm-npr {
padding-right: 0 !important
}
.sm-np {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media (min-width: 768px) {
.md-npl {
padding-left: 0 !important
}
.md-npr {
padding-right: 0 !important
}
.md-np {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media (min-width: 768px) {
.md-npl {
padding-left: 0 !important
}
.md-npr {
padding-right: 0 !important
}
.md-np {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media (min-width: 992px) {
.lg-npl {
padding-left: 0 !important
}
.lg-npr {
padding-right: 0 !important
}
.lg-np {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media (min-width: 1200px) {
.xl-npl {
padding-left: 0 !important
}
.xl-npr {
padding-right: 0 !important
}
.xl-np {
padding-left: 0 !important;
padding-right: 0 !important
}
}
.fullwidth {
width: 100%
}
.clear {
clear: both
}
.left {
float: left
}
.right {
float: right
}
iframe {
width: 100%
}
.absolute {
position: absolute
}
.block {
display: block !important
}
.inline {
display: inline !important
}
.inline-block {
display: inline-block !important
}
.relative {
position: relative
}
.align-left {
text-align: left !important
}
.none {
display: none
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important
}
.col-md-33 {
flex: 0 0 33.3%;
max-width: 33.3%;
position: relative;
width: 100%;
min-height: 1px;
padding-right: 8px;
padding-left: 8px
}
.col-md-33:before, .col-md-33:after {
box-sizing: border-box
}
.form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}
.form-control::placeholder {
color: #6c757d;
opacity: 1
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px)
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff
}
.form-control-file, .form-control-range {
display: block;
width: 100%
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5
}
.col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5
}
.form-control-plaintext {
display: block;
width: 100%;
padding-top: .375rem;
padding-bottom: .375rem;
margin-bottom: 0;
line-height: 1.5;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
select.form-control-sm:not([size]):not([multiple]) {
height: calc(1.8125rem + 2px)
}
.form-control-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
select.form-control-lg:not([size]):not([multiple]) {
height: calc(2.875rem + 2px)
}
.form-group {
margin-bottom: 1rem
}
.form-text {
display: block;
margin-top: .25rem
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.form-row > .col, .form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-input:disabled ~ .form-check-label {
color: #6c757d
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #28a745
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(40, 167, 69, 0.8);
border-radius: .2rem
}
.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #28a745
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.25)
}
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip {
display: block
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #28a745
}
.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
display: block
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #28a745
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
background-color: #71dd8a
}
.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip {
display: block
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
background-color: #34ce57
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, 0.25)
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #28a745
}
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
border-color: inherit
}
.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip {
display: block
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(220, 53, 69, 0.8);
border-radius: .2rem
}
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #dc3545
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.25)
}
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip {
display: block
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545
}
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
display: block
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #dc3545
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
background-color: #efa2a9
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip {
display: block
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
background-color: #e4606d
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, 0.25)
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #dc3545
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
border-color: inherit
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip {
display: block
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.25)
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center
}
.form-inline .form-check {
width: 100%
}
@media (min-width: 750px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0
}
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .input-group {
width: auto
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: .25rem;
margin-left: 0
}
.form-inline .custom-control {
align-items: center;
justify-content: center
}
.form-inline .custom-control-label {
margin-bottom: 0
}
}
input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea {
border: none;
border-bottom: 1px solid black;
width: 100%
}
form {
max-width: 500px;
margin: 40px auto
}
form p, form .wpcf7-form-control-wrap {
margin: 40px 0
}
input[type="submit"], button[type="submit"] {
border: 1px solid black;
text-align: center;
padding: 10px 40px;
letter-spacing: 2px;
float: right
}
input[type="submit"]:hover, button[type="submit"]:hover {
background: black;
color: white;
cursor: pointer
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}
.btn:hover, .btn:focus {
text-decoration: none
}
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.25)
}
.btn.disabled, .btn:disabled {
opacity: .65
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
background-image: none
}
a.btn.disabled, fieldset:disabled a.btn {
pointer-events: none
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc
}
.btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.5)
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.5)
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, 0.5)
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, 0.5)
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34
}
.btn-success:focus, .btn-success.focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.5)
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.5)
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b
}
.btn-info:focus, .btn-info.focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, 0.5)
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, 0.5)
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00
}
.btn-warning:focus, .btn-warning.focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, 0.5)
}
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, 0.5)
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130
}
.btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.5)
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.5)
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5
}
.btn-light:focus, .btn-light.focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, 0.5)
}
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, 0.5)
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124
}
.btn-dark:focus, .btn-dark.focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5)
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5)
}
.btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.5)
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #007bff;
background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0.5)
}
.btn-outline-secondary {
color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, 0.5)
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, 0.5)
}
.btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.5)
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, 0.5)
}
.btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, 0.5)
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, 0.5)
}
.btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, 0.5)
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, 0.5)
}
.btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.5)
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, 0.5)
}
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, 0.5)
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, 0.5)
}
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5)
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, 0.5)
}
.btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
background-color: transparent;
border-color: transparent
}
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
border-color: transparent;
box-shadow: none
}
.btn-link:disabled, .btn-link.disabled {
color: #6c757d
}
.btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.btn-block {
display: block;
width: 100%
}
.btn-block + .btn-block {
margin-top: .5rem
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width: 100%
}
.fade {
opacity: 0;
transition: opacity 0.15s linear
}
.fade.show {
opacity: 1
}
.collapse {
display: none
}
.collapse.show {
display: block
}
tr.collapse.show {
display: table-row
}
tbody.collapse.show {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 4rem
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: .75rem 1.25rem;
color: inherit
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff
}
.alert-primary hr {
border-top-color: #9fcdff
}
.alert-primary .alert-link {
color: #002752
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db
}
.alert-secondary hr {
border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
color: #202326
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb
}
.alert-success hr {
border-top-color: #b1dfbb
}
.alert-success .alert-link {
color: #0b2e13
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb
}
.alert-info hr {
border-top-color: #abdde5
}
.alert-info .alert-link {
color: #062c33
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba
}
.alert-warning hr {
border-top-color: #ffe8a1
}
.alert-warning .alert-link {
color: #533f03
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.alert-danger hr {
border-top-color: #f1b0b7
}
.alert-danger .alert-link {
color: #491217
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light hr {
border-top-color: #ececf6
}
.alert-light .alert-link {
color: #686868
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca
}
.alert-dark hr {
border-top-color: #b9bbbe
}
.alert-dark .alert-link {
color: #040505
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
background-color: #007bff;
transition: width 0.6s ease
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite
}
.media {
display: flex;
align-items: flex-start
}
.media-body {
flex: 1
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:hover, .list-group-item-action:focus {
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125)
}
.list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.list-group-item:hover, .list-group-item:focus {
z-index: 1;
text-decoration: none
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0
}
.list-group-item-primary {
color: #004085;
background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #004085;
background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085
}
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #383d41;
background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41
}
.list-group-item-success {
color: #155724;
background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #155724;
background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724
}
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #0c5460;
background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460
}
.list-group-item-warning {
color: #856404;
background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #856404;
background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404
}
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #721c24;
background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
.close:hover, .close:focus {
color: #000;
text-decoration: none;
opacity: .75
}
.close:not(:disabled):not(.disabled) {
cursor: pointer
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none
}
.modal-open {
overflow: hidden
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -25%)
}
.modal.show .modal-dialog {
transform: translate(0, 0)
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem
}
.modal-header .close {
padding: 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef
}
.modal-footer > :not(:first-child) {
margin-left: .25rem
}
.modal-footer > :not(:last-child) {
margin-right: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width: 750px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-centered {
min-height: calc(100% - (1.75rem * 2))
}
.modal-sm {
max-width: 300px
}
}
@media (min-width: 1024px) {
.modal-lg {
max-width: 800px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
padding: .4rem 0
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
padding: 0 .4rem
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
padding: .4rem 0
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
top: 0
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
padding: 0 .4rem
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
left: 0;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: .3rem
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: .5rem;
margin: 0 .3rem
}
.popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid
}
.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
margin-bottom: .5rem
}
.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
bottom: calc((.5rem + 1px) * -1)
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
border-width: .5rem .5rem 0
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
bottom: 0;
border-top-color: rgba(0, 0, 0, 0.25)
}
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
bottom: 1px;
border-top-color: #fff
}
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
margin-left: .5rem
}
.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
left: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
border-width: .5rem .5rem .5rem 0
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
left: 0;
border-right-color: rgba(0, 0, 0, 0.25)
}
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
left: 1px;
border-right-color: #fff
}
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
margin-top: .5rem
}
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
top: calc((.5rem + 1px) * -1)
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
border-width: 0 .5rem .5rem .5rem
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
top: 0;
border-bottom-color: rgba(0, 0, 0, 0.25)
}
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
top: 1px;
border-bottom-color: #fff
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: "";
border-bottom: 1px solid #f7f7f7
}
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
margin-right: .5rem
}
.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
right: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
border-width: .5rem 0 .5rem .5rem
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
right: 0;
border-left-color: rgba(0, 0, 0, 0.25)
}
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
right: 1px;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: .5rem .75rem;
color: #212529
}
.accordionHeadline {
cursor: pointer;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out
}
.accordionHeadline p {
padding: 0 0 0 0px;
margin: 0;
color: #141414;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out
}
.accordionContent {
padding: 20px 0 20px 0px;
display: none;
background: white
}
.on .accordionContent {
display: block
}
.arrow_down_smal {
width: 25px;
height: 17px;
display: inline-block;
background-position: -6px -455px
}
.accordionHeadline:hover, .accordionHeadline.on {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 0.5
}
.accordionWrap {
padding-bottom: 20px
}
header {
margin-top: 30px
}
.menu li {
list-style-type: none;
float: left
}
.menu ul:after {
clear: both;
content: ''
}
.menu a {
color: #141414
}
.mainMenuTop {
background: #F6F5F3;
opacity: 0;
z-index: 99999999999;
position: fixed;
left: -600px;
height: 100%;
width: 600px;
top: 0;
padding: 70px 23px 15px 23px
}
.mainMenuTop ul {
padding-left: 0;
margin-left: 0
}
.mainMenuTop li {
float: none
}
.mainMenuTop li a {
display: inline-block;
padding: 5px 0;
text-transform: none
}
.mainMenuTop li a:hover {
color: #F6F5F3
}
.mainMenuTop .sub-menu {
background: #F6F5F3;
margin-left: 35px
}
.mainMenuTop .sub-menu .sub-menu {
width: 187px;
position: absolute !important;
left: 220px;
margin-top: -45px;
top: inherit !important
}
.hellgrau {
color: #F6F5F3
}
.anthrazit {
color: #646464
}
nav {
display: inline-block
}
.menuburger {
display: inline-block;
margin-top: 17px;
margin-left: -8px;
padding-left: 0;
float: left
}
.menuright {
text-align: right;
padding-top: 13px
}
.leftMenuTop {
padding-left: 5%;
padding-top: 8px;
width: 95%
}
.leftMenuTop li {
padding: 0 25px 0 15px
}
.leftMenuTop .sub-menu {
display: none
}
#menu-left-menu-top:after {
clear: both
}
.socialMenuTop .inline {
text-transform: none
}
.menuleft li {
display: inline-block
}
.langMenuTop ul {
position: relative;
top: 6px;
margin-right: 20px
}
.whitefooter {
padding-top: 30px
}
.blackfooter {
padding: 35px 0
}
.blackfooter .desc {
margin-top: 35px
}
.blackfooter form {
margin-top: 80px;
max-width: 944px
}
input.form-control {
background: transparent;
border: 0px solid #141414;
border-bottom: 1px solid #141414
}
.navImpr {
margin-left: 15px
}
.btn-primary {
color: black;
background-color: transparent;
border-color: transparent
}
.btn-primary:hover {
color: black;
background-color: transparent;
border-color: transparent
}
a.btn-primary, .btn-primary a {
padding: 5px 30px;
background: transparent;
border-radius: 0;
border: 1px solid #141414;
color: #141414;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out
}
a.btn-primary:hover, .btn-primary a:hover {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
background: transparent;
border: 1px solid white;
color: #141414
}
#sb_instagram .sbi_follow_btn a {
background: transparent !important;
color: #141414 !important
}
#sb_instagram .sbi_follow_btn a svg {
display: none
}
a.btn-secondary, .btn-secondary a, .sbi_follow_btn {
padding: 5px 0px;
background: transparent;
border-radius: 0;
border: 1px solid transparent;
text-transform: uppercase;
color: #141414;
position: relative
}
a.btn-secondary:after, .btn-secondary a:after, .sbi_follow_btn:after {
position: absolute;
left: 10%;
content: '';
display: inline-block;
width: 80%;
height: 1px;
bottom: 0;
background: #141414;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out
}
a.btn-secondary:hover, .btn-secondary a:hover, .sbi_follow_btn:hover {
border: 1px solid transparent;
background: transparent;
color: #141414
}
a.btn-secondary:hover:after, .btn-secondary a:hover:after, .sbi_follow_btn:hover:after {
width: 120%;
left: -10%;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out
}
.point:after {
content: '';
height: 5px;
width: 5px;
position: relative;
display: inline-block;
margin: auto;
background: #141414;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.bg-black .form-control::placeholder {
color: white
}
.bg-black input.form-control {
border-bottom: 1px solid white;
color: white
}
.bg-black input.form-control:focus {
background: transparent
}
.bg-black .btn-primary {
border: 1px solid #F6F5F3;
color: white
}
.slider .textelementwrap {
bottom: 15%;
left: 10%
}
.slider .textelementwrap .big, .slider .textelementwrap h4 {
color: #F6F5F3
}
.slider .textelementwrap h4 {
padding: 0
}
.slider .textelementwrap h2 {
margin-bottom: 0px
}
section {
padding: 50px 0 50px 0
}
section.link {
padding: 0px 0 70px
}
.leftblackBlock:before {
content: '';
width: 70px;
height: 12px;
background: #141414;
position: absolute;
left: 0
}
.video-wrapper {
width: 100%;
height: 0;
padding-top: calc(100% / (16 / 9));
position: relative;
margin: 0
}
.video-wrapper iframe {
border: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 0;
z-index: 0
}
.articleItem .align-center {
padding: 4rem 8px;
background: #f6f5f3
}
.articlebg {
background: #f6f5f3
}
.container-fluid {
max-width: 1600px;
padding-left: 30px;
padding-right: 30px
}
.minusright {
position: relative;
right: -4%;
width: 104%;
margin-left: -4%
}
.minusleft {
position: relative;
left: -4%;
width: 104%;
margin-right: -4%
}
.zweispaltig {
column-count: 2;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px
}
.blackborderleft {
border-left: 2px solid #141414
}
.bottom {
position: absolute;
bottom: 0
}
.pright {
right: 0
}
.container-fluid img {
width: 100%;
height: auto
}
.articlesubheadline h5 {
text-transform: none
}
main h4 {
padding: 30px 0 47px 0
}
main ul {
margin: 0px 0 30px 20px
}
.border-top {
border-top: 1px solid black;
padding-top: 25px
}
h1 {
margin-top: 120px;
margin-bottom: 50px
}
@media (max-width: 768px) {
h1 {
margin-top: 80px;
margin-bottom: 25px
}
}
main .allArticle h4, main .thumbitem h4 {
padding: 0;
margin-top: 10px
}
.teilueberschrift {
padding: 30px 0 30px 0
}
label {
width: 100%
}
.wpcf7-form-control-wrap {
width: 100%
}
.middle {
display: flex;
justify-content: center;
align-content: center;
flex-direction: column
}
.thumbitem h4 {
font-size: 20px;
font-size: 1.33333rem;
line-height: 25px;
line-height: 1.66667rem;
margin-top: 10px
}
.thumbitem .h7 {
margin-top: 10px
}
.allArticle h4 {
margin-bottom: 0
}
.allArticle .h7 {
margin-bottom: 10px
}
.allArticle .date {
margin-top: 10px
}
.crosselling h4, .verwandteRezepte h4 {
padding: 5px 0;
margin-bottom: 5px
}
.crosselling .h7, .verwandteRezepte .h7 {
margin-bottom: 5px
}
.mtop-120 {
margin-top: 120px
}
.subline {
padding-top: 0
}
.breadcrumb {
font-size: 13px;
font-size: .8666666667rem;
line-height: 18px;
line-height: 1.2rem;
letter-spacing: .0666666667rem;
color: #141414
}
.breadcrumb a {
font-size: 13px;
font-size: .8666666667rem;
line-height: 18px;
line-height: 1.2rem;
letter-spacing: .0666666667rem;
color: #141414
}
.downloadBox_1 {
border-top: 1px solid #141414;
padding: 40px 0;
margin-bottom: 20px
}
.dropdown, .searchbar {
display: none
}
.search a {
position: relative;
top: 2px
}
.search a i {
font-size: 14px
}
.langMenuTop {
margin: 0 30px
}
.searchbar {
position: absolute;
margin-left: -300px;
background: white;
text-align: left;
z-index: 999999999;
width: 320px;
top: 41px;
padding: 0px 10px 0px 10px
}
.searchbar form {
margin: 10px 0
}
.searchbar form i {
font-size: 14px
}
.searchbar form input {
height: 40px;
padding: 10px 20px !important;
width: 220px
}
.searchbar form button {
width: 70px;
padding: 10px 20px !important
}
.socialMenuTop i {
font-size: 12px;
position: relative;
top: 2px;
margin-left: 10px
}
.socialMenuTop ul {
position: absolute;
margin-left: -30px;
background: white;
text-align: left;
z-index: 999999999;
padding: 20px 30px 10px 20px
}
.socialMenuTop ul a {
line-height: 16px;
display: block
}
.socialMenuTop li {
text-align: left;
display: block;
float: none
}
.socialMenuTop a {
text-transform: none !important
}
#menu-main-menu-top-en li, #menu-main-menu-top li {
display: block;
position: relative;
width: 175px
}
#menu-main-menu-top li a {
width: 158px
}
#menu-main-menu-top li a:hover {
font-weight: 800;
color: #141414
}
#menu-main-menu-top li.current-menu-item a, #menu-main-menu-top li.current-page-parent a {
font-weight: 800
}
#menu-main-menu-top li.current-menu-item li a, #menu-main-menu-top li.current-page-parent li a {
font-weight: 400
}
#menu-main-menu-top li.current-menu-item li a:hover, #menu-main-menu-top li.current-page-parent li a:hover {
font-weight: 800
}
#menu-main-menu-top li.current-menu-item li.current-menu-item a, #menu-main-menu-top li.current-menu-item li.current-page-parent a, #menu-main-menu-top li.current-page-parent li.current-menu-item a, #menu-main-menu-top li.current-page-parent li.current-page-parent a {
font-weight: 800
}
#menu-main-menu-top .sub-menu {
z-index: 99999999999;
-webkit-transition: opacity .1s ease-out;
-moz-transition: opacity .1s ease-out;
-o-transition: opacity .1s ease-out;
-ms-transition: opacity .1s ease-out;
transition: opacity .1s ease-out;
opacity: 0;
display: none;
position: absolute;
left: 160px;
top: 0
}
#menu-main-menu-top .sub-menu a {
width: 160px
}
#menu-main-menu-top .subactiv {
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
opacity: 1;
display: block
}
#menu-main-menu-top .subactiv li {
opacity: 0;
-webkit-animation: fadeIn 0.3s 1;
animation: fadeIn 0.3s 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
position: relative
}
#menu-main-menu-top .subactiv li:nth-child(0) {
-webkit-animation-delay: 0s;
animation-delay: 0s
}
#menu-main-menu-top .subactiv li:nth-child(1) {
-webkit-animation-delay: .06s;
animation-delay: .06s
}
#menu-main-menu-top .subactiv li:nth-child(2) {
-webkit-animation-delay: .12s;
animation-delay: .12s
}
#menu-main-menu-top .subactiv li:nth-child(3) {
-webkit-animation-delay: .18s;
animation-delay: .18s
}
#menu-main-menu-top .subactiv li:nth-child(4) {
-webkit-animation-delay: .24s;
animation-delay: .24s
}
#menu-main-menu-top .subactiv li:nth-child(5) {
-webkit-animation-delay: .3s;
animation-delay: .3s
}
#menu-main-menu-top .subactiv li:nth-child(6) {
-webkit-animation-delay: .36s;
animation-delay: .36s
}
#menu-main-menu-top .subactiv li:nth-child(7) {
-webkit-animation-delay: .42s;
animation-delay: .42s
}
#menu-main-menu-top .subactiv li:nth-child(8) {
-webkit-animation-delay: .48s;
animation-delay: .48s
}
#menu-main-menu-top .subactiv li:nth-child(9) {
-webkit-animation-delay: .54s;
animation-delay: .54s
}
#menu-main-menu-top .subactiv li:nth-child(10) {
-webkit-animation-delay: .6s;
animation-delay: .6s
}
#menu-main-menu-top-en li a {
width: 158px
}
#menu-main-menu-top-en li a:hover {
font-weight: 800;
color: #141414
}
#menu-main-menu-top-en li.current-menu-item a, #menu-main-menu-top-en li.current-page-parent a {
font-weight: 800
}
#menu-main-menu-top-en li.current-menu-item li a, #menu-main-menu-top-en li.current-page-parent li a {
font-weight: 400
}
#menu-main-menu-top-en li.current-menu-item li a:hover, #menu-main-menu-top-en li.current-page-parent li a:hover {
font-weight: 800
}
#menu-main-menu-top-en li.current-menu-item li.current-menu-item a, #menu-main-menu-top-en li.current-menu-item li.current-page-parent a, #menu-main-menu-top-en li.current-page-parent li.current-menu-item a, #menu-main-menu-top-en li.current-page-parent li.current-page-parent a {
font-weight: 800
}
#menu-main-menu-top-en .sub-menu {
z-index: 99999999999;
-webkit-transition: opacity .1s ease-out;
-moz-transition: opacity .1s ease-out;
-o-transition: opacity .1s ease-out;
-ms-transition: opacity .1s ease-out;
transition: opacity .1s ease-out;
opacity: 0;
display: none;
position: absolute;
left: 160px;
top: 0
}
#menu-main-menu-top-en .sub-menu a {
width: 160px
}
#menu-main-menu-top-en .subactiv {
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
opacity: 1;
display: block
}
#menu-main-menu-top-en .subactiv li {
opacity: 0;
-webkit-animation: fadeIn 0.3s 1;
animation: fadeIn 0.3s 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
position: relative
}
#menu-main-menu-top-en .subactiv li:nth-child(0) {
-webkit-animation-delay: 0s;
animation-delay: 0s
}
#menu-main-menu-top-en .subactiv li:nth-child(1) {
-webkit-animation-delay: .06s;
animation-delay: .06s
}
#menu-main-menu-top-en .subactiv li:nth-child(2) {
-webkit-animation-delay: .12s;
animation-delay: .12s
}
#menu-main-menu-top-en .subactiv li:nth-child(3) {
-webkit-animation-delay: .18s;
animation-delay: .18s
}
#menu-main-menu-top-en .subactiv li:nth-child(4) {
-webkit-animation-delay: .24s;
animation-delay: .24s
}
#menu-main-menu-top-en .subactiv li:nth-child(5) {
-webkit-animation-delay: .3s;
animation-delay: .3s
}
#menu-main-menu-top-en .subactiv li:nth-child(6) {
-webkit-animation-delay: .36s;
animation-delay: .36s
}
#menu-main-menu-top-en .subactiv li:nth-child(7) {
-webkit-animation-delay: .42s;
animation-delay: .42s
}
#menu-main-menu-top-en .subactiv li:nth-child(8) {
-webkit-animation-delay: .48s;
animation-delay: .48s
}
#menu-main-menu-top-en .subactiv li:nth-child(9) {
-webkit-animation-delay: .54s;
animation-delay: .54s
}
#menu-main-menu-top-en .subactiv li:nth-child(10) {
-webkit-animation-delay: .6s;
animation-delay: .6s
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0.0;
left: -30px
}
100% {
opacity: 1.0;
left: 0px
}
}
@keyframes fadeIn {
0% {
opacity: 0.0;
left: -30px
}
100% {
opacity: 1.0;
left: 0px
}
}
#menuBtn {
width: 24px;
height: 45px;
position: relative;
margin: 0px auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 999999999999999999
}
#menuBtn span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #141414;
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
}
#menuBtn span:nth-child(1) {
top: 0px
}
#menuBtn span:nth-child(2), #menuBtn span:nth-child(3) {
top: 8px
}
#menuBtn span:nth-child(4) {
top: 16px
}
#menuBtn.open span:nth-child(1) {
top: 8px;
width: 0%;
left: 50%
}
#menuBtn.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
#menuBtn.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
#menuBtn.open span:nth-child(4) {
top: 8px;
width: 0%;
left: 50%
}
.jumpnav {
position: absolute;
top: 200px;
right: 30px
}
.jumpnav li {
list-style-type: none
}
.jumpnav ul {
margin-left: 0;
padding-left: 0
}
.accordionHeadline p.leftblackBlock {
padding: 0 0 0 80px
}
.accordionHeadline p.leftblackBlock:before {
left: 7px;
top: 31px
}
.menuTop .bottom {
width: 580px
}
.menuTop .bottom li {
display: inline-block
}
.menuTop .bottom .lang {
text-align: right
}
.menuTop .bottom .lang li:first-child:after {
content: "/";
padding-right: 5px;
padding-left: 5px
}
.border-bottom {
border-bottom: 1px solid black
}
.nm-top {
margin-top: 0
}
.slick-arrow {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 99999999999999;
cursor: pointer
}
.arrowright {
right: 20px
}
.arrowleft {
left: 20px
}
.bg-hellgrau .slick-dots .slick-active button {
border-color: #F6F5F3
}
.swpm-login-widget-form input {
width: 100% !important;
margin-bottom: 30px
}
.swpm-login-widget-form {
margin-top: 100px
}
.swpm-remember-me {
display: none
}
#footer {
margin-top: 300px
}
.searceitem h4 {
margin-right: 40px;
font-size: 1.36667rem
}
.searceitem .wrap {
border-top: 1px solid rgba(0, 0, 0, 0.1)
}
.logo svg {
width: 30%;
height: auto
}
.page-template-template-homepage .logo svg {
width: 50%;
}
.zusatzbtn a {
font-weight: bold;
display: inline-block;
padding: 10px 20px;
text-transform: uppercase
}
.zusatzbtn a span {
padding: 0 10px;
position: relative;
top: 2px
}
.filteroverlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999999999;
padding: 150px 50px;
background: white;
height: 100%
}
.filteroverlay .headline {
text-transform: uppercase;
font-weight: bold
}
.filteroverlay .infotext {
margin-bottom: 80px
}
.filteroverlay ul {
margin-left: 0;
padding-left: 0
}
.filteroverlay li {
list-style-type: none;
padding: 5px 0
}
.filteroverlay li a {
color: #969696
}
.filteroverlay li a:hover, .filteroverlay li a.active {
cursor: pointer;
position: relative;
color: black
}
.filteroverlay li a:hover:after, .filteroverlay li a.active:after {
content: '';
display: block;
position: absolute;
height: 10px;
width: 10px;
background: black;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
left: -20px;
top: 4px
}
#header {
position: absolute;
width: 100%;
top: 0
}
main {
margin-top: 150px
}
#header.sticky {
position: fixed;
width: 100%;
z-index: 999;
background: white;
margin-top: 0;
padding-top: 10px
}
#header.sticky hr {
margin-top: -4px
}
#header.sticky .logo svg {
width: 30%!important;
}
@media (max-width: 1280px) {
.leftMenuTop {
padding-top: 0px
}
}
.sticky {
animation: animationFrames linear 0.4s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
-webkit-animation: animationFrames linear 0.4s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-moz-animation: animationFrames linear 0.4s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-o-animation: animationFrames linear 0.4s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-ms-animation: animationFrames linear 0.4s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%
}
@keyframes animationFrames {
0% {
transform: translate(0px, -85px)
}
100% {
transform: translate(0px, 0px)
}
}
@-moz-keyframes animationFrames {
0% {
-moz-transform: translate(0px, -85px)
}
100% {
-moz-transform: translate(0px, 0px)
}
}
@-webkit-keyframes animationFrames {
0% {
-webkit-transform: translate(0px, -85px)
}
100% {
-webkit-transform: translate(0px, 0px)
}
}
@-o-keyframes animationFrames {
0% {
-o-transform: translate(0px, -85px)
}
100% {
-o-transform: translate(0px, 0px)
}
}
@-ms-keyframes animationFrames {
0% {
-ms-transform: translate(0px, -85px)
}
100% {
-ms-transform: translate(0px, 0px)
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
margin-bottom: 70px
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before, .slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: inline-block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slider {
margin-bottom: 40px
}
.slick-dots {
width: 100%;
max-width: 100%;
margin-top: 10px;
position: absolute;
text-align: center
}
.slick-dots li {
text-decoration: none;
display: inline-block
}
.slick-dots li button {
outline: none;
height: 40px;
width: 40px;
border: 0px solid black;
background: transparent
}
.slick-dots .slick-active button {
color: black;
font-size: 1px;
border: 13px solid white;
background: #141414;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: relative;
top: 0px;
padding: 0
}
@media print {
*, *::before, *::after {
text-shadow: none !important;
box-shadow: none !important
}
a:not(.btn) {
text-decoration: underline
}
abbr[title]::after {
content: " (" attr(title) ")"
}
pre {
white-space: pre-wrap !important
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr, img {
page-break-inside: avoid
}
p, h2, h3 {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
@page {
size: a3
}
body {
min-width: 1024px !important
}
.container {
min-width: 1024px !important
}
.navbar {
display: none
}
.badge {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table td, .table th {
background-color: #fff !important
}
.table-bordered th, .table-bordered td {
border: 1px solid #ddd !important
}
}
@media print {
*, *:before, *:after {
background: transparent !important;
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important
}
a, a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="#"]:after, a[href^="javascript:"]:after {
content: ""
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr, img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
p, h2, h3 {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
}
.mh-head {
background: #4bb5ef;
color: #fff
}
.mh-text {
font-size: 16px;
font-weight: bold
}
.mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before {
background: #fff
}
.mm-hidden {
display: none !important
}
.mm-wrapper {
overflow-x: hidden;
position: relative
}
.mm-menu {
box-sizing: border-box;
background: inherit;
display: block;
padding: 0;
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0
}
.mm-panels, .mm-panels > .mm-panel {
background: inherit;
border-color: inherit;
box-sizing: border-box;
margin: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0
}
.mm-panels {
overflow: hidden
}
.mm-panel {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left
}
.mm-panel.mm-opened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-panel.mm-subopened {
-webkit-transform: translate(-30%, 0);
-ms-transform: translate(-30%, 0);
transform: translate(-30%, 0);
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0)
}
.mm-panel.mm-highest {
z-index: 1
}
.mm-panel.mm-noanimation {
-webkit-transition: none !important;
transition: none !important
}
.mm-panel.mm-noanimation.mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-panels > .mm-panel {
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
padding: 0 20px
}
.mm-panels > .mm-panel.mm-hasnavbar {
padding-top: 40px
}
.mm-panels > .mm-panel:not(.mm-hidden) {
display: block
}
.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
content: '';
display: block;
height: 20px
}
.mm-vertical .mm-panel {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important
}
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
display: none;
padding: 10px 0 10px 10px
}
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
border-color: transparent
}
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
display: block
}
.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
box-sizing: border-box;
height: 40px;
bottom: auto
}
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
right: 19px
}
.mm-btn {
box-sizing: border-box;
width: 40px;
height: 40px;
position: absolute;
top: 0;
z-index: 1
}
.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
content: '';
border: 2px solid transparent;
display: block;
width: 5px;
height: 5px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.mm-clear:before, .mm-close:before {
border-right: none;
border-bottom: none;
right: 18px
}
.mm-clear:after, .mm-close:after {
border-left: none;
border-top: none;
right: 25px
}
.mm-next:after, .mm-prev:before {
content: '';
border-top: 2px solid transparent;
border-left: 2px solid transparent;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0;
bottom: 0
}
.mm-prev:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 23px;
right: auto
}
.mm-next:after {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
right: 23px;
left: auto
}
.mm-navbar {
border-bottom: 1px solid;
border-color: inherit;
text-align: center;
line-height: 20px;
height: 40px;
padding: 0 40px;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0
}
.mm-navbar > * {
display: block;
padding: 10px 0
}
.mm-navbar a, .mm-navbar a:hover {
text-decoration: none
}
.mm-navbar .mm-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.mm-navbar .mm-btn:first-child {
left: 0
}
.mm-navbar .mm-btn:last-child {
text-align: right;
right: 0
}
.mm-panel .mm-navbar {
display: none
}
.mm-panel.mm-hasnavbar .mm-navbar {
display: block
}
.mm-listview, .mm-listview > li {
list-style: none;
display: block;
padding: 0;
margin: 0
}
.mm-listview {
font: inherit;
font-size: 14px;
line-height: 20px
}
.mm-listview a, .mm-listview a:hover {
text-decoration: none
}
.mm-listview > li {
position: relative
}
.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
border-color: inherit
}
.mm-listview > li > a, .mm-listview > li > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: inherit;
display: block;
padding: 10px 10px 10px 20px;
margin: 0
}
.mm-listview > li:not(.mm-divider):after {
content: '';
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0
}
.mm-listview > li:not(.mm-divider):after {
left: 20px
}
.mm-listview .mm-next {
background: rgba(3, 2, 1, 0);
width: 50px;
padding: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 2
}
.mm-listview .mm-next:before {
content: '';
border-left-width: 1px;
border-left-style: solid;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0
}
.mm-listview .mm-next + a, .mm-listview .mm-next + span {
margin-right: 50px
}
.mm-listview .mm-next.mm-fullsubopen {
width: 100%
}
.mm-listview .mm-next.mm-fullsubopen:before {
border-left: none
}
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
padding-right: 50px;
margin-right: 0
}
.mm-panels > .mm-panel > .mm-listview {
margin: 20px -20px
}
.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
margin-top: -20px
}
.mm-menu {
background: #f3f3f3;
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75)
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
color: rgba(0, 0, 0, 0.3)
}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
border-color: rgba(0, 0, 0, 0.3)
}
.mm-menu .mm-listview {
border-color: rgba(0, 0, 0, 0.1)
}
.mm-menu .mm-listview > li .mm-next:after {
border-color: rgba(0, 0, 0, 0.3)
}
.mm-menu .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
tap-highlight-color: rgba(255, 255, 255, 0.5)
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
background: rgba(255, 255, 255, 0.5)
}
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
background: rgba(0, 0, 0, 0.05)
}
.mm-menu .mm-divider {
background: rgba(0, 0, 0, 0.05)
}
.mm-page {
box-sizing: border-box;
position: relative
}
.mm-slideout {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
z-index: 1
}
html.mm-opened {
overflow-x: hidden;
position: relative
}
html.mm-blocking {
overflow: hidden
}
html.mm-blocking body {
overflow: hidden
}
html.mm-background .mm-page {
background: inherit
}
#mm-blocker {
background: rgba(3, 2, 1, 0);
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 2
}
html.mm-blocking #mm-blocker {
display: block
}
.mm-menu.mm-offcanvas {
z-index: 999999999999999;
display: none;
position: fixed
}
.mm-menu.mm-offcanvas.mm-opened {
display: block
}
.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
z-index: 10
}
.mm-menu.mm-offcanvas {
width: 80%;
min-width: 140px;
max-width: 440px
}
html.mm-opening .mm-menu ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-opening .mm-menu ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width: 550px) {
html.mm-opening .mm-menu ~ .mm-slideout {
-webkit-transform: translate(440px, 0);
-ms-transform: translate(440px, 0);
transform: translate(440px, 0);
-webkit-transform: translate3d(440px, 0, 0);
transform: translate3d(440px, 0, 0)
}
}
.mm-sronly {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important
}
.mm-menu .mm-listview.mm-border-none > li:after, .mm-menu .mm-listview > li.mm-border-none:after, .mm-menu.mm-border-none .mm-listview > li:after {
content: none
}
.mm-menu .mm-listview.mm-border-full > li:after, .mm-menu .mm-listview > li.mm-border-full:after, .mm-menu.mm-border-full .mm-listview > li:after {
left: 0 !important
}
.mm-menu .mm-listview.mm-border-offset > li:after, .mm-menu .mm-listview > li.mm-border-offset:after, .mm-menu.mm-border-offset .mm-listview > li:after {
right: 20px
}
.mm-menu.mm-fx-menu-zoom {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease
}
html.mm-opened .mm-menu.mm-fx-menu-zoom {
-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center
}
html.mm-opening .mm-menu.mm-fx-menu-zoom {
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1) translate3d(0, 0, 0)
}
html.mm-right.mm-opened .mm-menu.mm-fx-menu-zoom {
-webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center
}
html.mm-right.mm-opening .mm-menu.mm-fx-menu-zoom {
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1) translate3d(0, 0, 0)
}
.mm-menu.mm-fx-menu-slide {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease
}
html.mm-opened .mm-menu.mm-fx-menu-slide {
-webkit-transform: translate(-30%, 0);
-ms-transform: translate(-30%, 0);
transform: translate(-30%, 0);
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0)
}
html.mm-opening .mm-menu.mm-fx-menu-slide {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
html.mm-right.mm-opened .mm-menu.mm-fx-menu-slide {
-webkit-transform: translate(30%, 0);
-ms-transform: translate(30%, 0);
transform: translate(30%, 0);
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0)
}
html.mm-right.mm-opening .mm-menu.mm-fx-menu-slide {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu.mm-fx-menu-fade {
opacity: 0;
-webkit-transition: opacity .4s ease;
transition: opacity 0.4s ease
}
html.mm-opening .mm-menu.mm-fx-menu-fade {
opacity: 1
}
.mm-menu .mm-fx-panels-none.mm-panel, .mm-menu.mm-fx-panels-none .mm-panel {
-webkit-transition-property: none;
transition-property: none
}
.mm-menu .mm-fx-panels-none.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-none .mm-panel.mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu .mm-fx-panels-zoom.mm-panel, .mm-menu.mm-fx-panels-zoom .mm-panel {
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
transform: scale(1.5, 1.5) translate3d(100%, 0, 0)
}
.mm-menu .mm-fx-panels-zoom.mm-panel.mm-opened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-opened {
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1) translate3d(0, 0, 0)
}
.mm-menu .mm-fx-panels-zoom.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-zoom .mm-panel.mm-subopened {
-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
transform: scale(0.7, 0.7) translate3d(-30%, 0, 0)
}
.mm-menu .mm-fx-panels-slide-0.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-0 .mm-panel.mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu .mm-fx-panels-slide-100.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-100 .mm-panel.mm-subopened {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.mm-menu .mm-fx-panels-slide-up.mm-panel, .mm-menu.mm-fx-panels-slide-up .mm-panel {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-opened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-opened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu .mm-fx-panels-slide-up.mm-panel.mm-subopened, .mm-menu.mm-fx-panels-slide-up .mm-panel.mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li {
-webkit-transition: none .4s ease;
transition: none 0.4s ease
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(1) {
-webkit-transition-delay: 50ms;
transition-delay: 50ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(2) {
-webkit-transition-delay: .1s;
transition-delay: 0.1s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(3) {
-webkit-transition-delay: 150ms;
transition-delay: 150ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(4) {
-webkit-transition-delay: .2s;
transition-delay: 0.2s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(5) {
-webkit-transition-delay: 250ms;
transition-delay: 250ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(6) {
-webkit-transition-delay: .3s;
transition-delay: 0.3s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(7) {
-webkit-transition-delay: 350ms;
transition-delay: 350ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(8) {
-webkit-transition-delay: .4s;
transition-delay: 0.4s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(9) {
-webkit-transition-delay: 450ms;
transition-delay: 450ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(10) {
-webkit-transition-delay: .5s;
transition-delay: 0.5s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(11) {
-webkit-transition-delay: 550ms;
transition-delay: 550ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(12) {
-webkit-transition-delay: .6s;
transition-delay: 0.6s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(13) {
-webkit-transition-delay: 650ms;
transition-delay: 650ms
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(14) {
-webkit-transition-delay: .7s;
transition-delay: 0.7s
}
.mm-menu[class*=mm-fx-listitems-] .mm-listview > li:nth-child(15) {
-webkit-transition-delay: 750ms;
transition-delay: 750ms
}
.mm-menu.mm-fx-listitems-slide .mm-listview > li {
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
transform: translate(50%, 0);
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
opacity: 0
}
html.mm-opening .mm-menu.mm-fx-listitems-slide .mm-panel.mm-opened .mm-listview > li {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
.mm-menu.mm-fx-listitems-fade .mm-listview > li {
-webkit-transition-property: opacity;
transition-property: opacity;
opacity: 0
}
html.mm-opening .mm-menu.mm-fx-listitems-fade .mm-panel.mm-opened .mm-listview > li {
opacity: 1
}
.mm-menu.mm-fx-listitems-drop .mm-listview > li {
-webkit-transition-property: opacity, top;
transition-property: opacity, top;
opacity: 0;
top: -25%
}
html.mm-opening .mm-menu.mm-fx-listitems-drop .mm-panel.mm-opened .mm-listview > li {
opacity: 1;
top: 0
}
.mm-menu.mm-offcanvas.mm-fullscreen {
width: 100%;
min-width: 140px;
max-width: 10000px
}
html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
@media all and (max-width: 140px) {
html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width: 10000px) {
html.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
-webkit-transform: translate(10000px, 0);
-ms-transform: translate(10000px, 0);
transform: translate(10000px, 0);
-webkit-transform: translate3d(10000px, 0, 0);
transform: translate3d(10000px, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
@media all and (max-width: 140px) {
html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width: 10000px) {
html.mm-right.mm-opening .mm-menu.mm-fullscreen ~ .mm-slideout {
-webkit-transform: translate(-10000px, 0);
-ms-transform: translate(-10000px, 0);
transform: translate(-10000px, 0);
-webkit-transform: translate3d(-10000px, 0, 0);
transform: translate3d(-10000px, 0, 0)
}
}
.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
height: 100%;
min-height: 140px;
max-height: 10000px
}
.mm-menu .mm-panels > .mm-panel.mm-listview-justify:after, .mm-menu .mm-panels > .mm-panel.mm-listview-justify:before, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:after, .mm-menu.mm-listview-justify .mm-panels > .mm-panel:before {
content: none;
display: none
}
.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview {
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;
height: 100%;
margin-top: 0;
margin-bottom: 0
}
.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
min-height: 40px
}
.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li:not(.mm-divider), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) {
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
}
.mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-listview-justify > .mm-listview > li > span, .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > a:not(.mm-next), .mm-menu.mm-listview-justify .mm-panels > .mm-panel > .mm-listview > li > span {
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.mm-listview-small .mm-listview > li > a:not(.mm-next), .mm-listview-small .mm-listview > li > span {
padding: 7px 10px 7px 20px
}
.mm-listview-small .mm-listview > li.mm-vertical > .mm-next, .mm-listview-small .mm-vertical > .mm-listview > li > .mm-next {
height: 34px
}
.mm-listview-large .mm-listview > li > a:not(.mm-next), .mm-listview-large .mm-listview > li > span {
padding: 15px 10px 15px 20px
}
.mm-listview-large .mm-listview > li.mm-vertical > .mm-next, .mm-listview-large .mm-vertical > .mm-listview > li > .mm-next {
height: 50px
}
.mm-listview-huge .mm-listview > li > a:not(.mm-next), .mm-listview-huge .mm-listview > li > span {
padding: 20px 10px 20px 20px
}
.mm-listview-huge .mm-listview > li.mm-vertical > .mm-next, .mm-listview-huge .mm-vertical > .mm-listview > li > .mm-next {
height: 60px
}
.mm-listview .mm-divider {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
text-transform: uppercase;
text-indent: 20px;
line-height: 25px
}
.mm-listview .mm-spacer {
padding-top: 40px
}
.mm-listview .mm-spacer > .mm-next {
top: 40px
}
.mm-listview .mm-spacer.mm-divider {
padding-top: 25px
}
.mm-listview .mm-inset {
list-style: inside disc;
padding: 0 10px 15px 40px;
margin: 0
}
.mm-listview .mm-inset > li {
padding: 5px 0
}
html.mm-iconbar body {
overflow-x: hidden
}
html.mm-iconbar .mm-page {
background: inherit;
min-height: 100vh
}
html.mm-iconbar .mm-slideout {
box-sizing: border-box;
padding-right: 60px;
-webkit-transform: translate(60px, 0);
-ms-transform: translate(60px, 0);
transform: translate(60px, 0);
-webkit-transform: translate3d(60px, 0, 0);
transform: translate3d(60px, 0, 0)
}
.mm-menu.mm-iconbar {
display: block
}
.mm-menu .mm-listview.mm-multiline > li > a, .mm-menu .mm-listview.mm-multiline > li > span, .mm-menu .mm-listview > li.mm-multiline > a, .mm-menu .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
text-overflow: clip;
white-space: normal
}
.mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
opacity: 0
}
html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
opacity: .3;
-webkit-transition: opacity .4s ease .4s;
transition: opacity 0.4s ease 0.4s
}
.mm-menu.mm-opened.mm-pagedim ~ #mm-blocker {
background: inherit
}
.mm-menu.mm-opened.mm-pagedim-white ~ #mm-blocker {
background: #fff
}
.mm-menu.mm-opened.mm-pagedim-black ~ #mm-blocker {
background: #000
}
.mm-menu.mm-popup {
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease;
opacity: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
height: 80%;
min-height: 140px;
max-height: 880px;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.mm-menu.mm-popup.mm-opened ~ .mm-slideout {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
z-index: 0
}
.mm-menu.mm-popup.mm-opened ~ #mm-blocker {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
z-index: 1
}
html.mm-opening .mm-menu.mm-popup {
opacity: 1
}
.mm-menu.mm-offcanvas.mm-right {
left: auto
}
html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width: 550px) {
html.mm-right.mm-opening .mm-menu ~ .mm-slideout {
-webkit-transform: translate(-440px, 0);
-ms-transform: translate(-440px, 0);
transform: translate(-440px, 0);
-webkit-transform: translate3d(-440px, 0, 0);
transform: translate3d(-440px, 0, 0)
}
}
html.mm-front .mm-slideout {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
z-index: 0
}
html.mm-front #mm-blocker {
z-index: 1
}
html.mm-front .mm-menu.mm-offcanvas {
z-index: 2
}
.mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-top {
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
transform: translate(0, -100%);
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
.mm-menu.mm-offcanvas.mm-bottom {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
width: 100%;
min-width: 100%;
max-width: 100%
}
.mm-menu.mm-offcanvas.mm-bottom {
top: auto
}
html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
height: 80%;
min-height: 140px;
max-height: 880px
}
.mm-menu.mm-shadow-page:after {
content: "";
display: block;
width: 20px;
height: 120%;
position: absolute;
left: 100%;
top: -10%;
z-index: 100;
-webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%)
}
.mm-menu.mm-shadow-page.mm-right:after {
left: auto;
right: 100%
}
.mm-menu.mm-shadow-page.mm-front:after, .mm-menu.mm-shadow-page.mm-next:after {
content: none;
display: none
}
.mm-menu.mm-shadow-page:after {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-theme-dark {
background: #333;
border-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.8)
}
.mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > * {
color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
border-color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-theme-dark .mm-listview {
border-color: rgba(0, 0, 0, 0.15)
}
.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
border-color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
tap-highlight-color: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
background: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
background: rgba(255, 255, 255, 0.05)
}
.mm-menu.mm-theme-dark .mm-divider {
background: rgba(255, 255, 255, 0.05)
}
.mm-menu.mm-theme-dark label.mm-check:before {
border-color: rgba(255, 255, 255, 0.8)
}
.mm-menu.mm-theme-dark em.mm-counter {
color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-theme-dark .mm-fixeddivider span {
background: rgba(255, 255, 255, 0.05)
}
.mm-menu.mm-keyboardfocus a:focus {
background: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-shadow-page.mm-theme-dark:after {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}
.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2) {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}
.mm-menu.mm-theme-dark .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.8)
}
.mm-menu.mm-theme-dark .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-theme-dark .mm-indexer a {
color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover {
background: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
background: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-theme-dark label.mm-toggle {
background: rgba(0, 0, 0, 0.15)
}
.mm-menu.mm-theme-dark label.mm-toggle:before {
background: #333
}
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963
}
.mm-menu.mm-theme-white {
background: #fff;
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6)
}
.mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > * {
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
border-color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-theme-white .mm-listview {
border-color: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
border-color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
tap-highlight-color: rgba(0, 0, 0, 0.05)
}
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
background: rgba(0, 0, 0, 0.05)
}
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
background: rgba(0, 0, 0, 0.05)
}
.mm-menu.mm-theme-white .mm-divider {
background: rgba(0, 0, 0, 0.05)
}
.mm-menu.mm-theme-white label.mm-check:before {
border-color: rgba(0, 0, 0, 0.6)
}
.mm-menu.mm-theme-white em.mm-counter {
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-theme-white .mm-fixeddivider span {
background: rgba(0, 0, 0, 0.05)
}
.mm-menu.mm-keyboardfocus a:focus {
background: rgba(0, 0, 0, 0.05)
}
.mm-menu.mm-shadow-page.mm-theme-white:after {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}
.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2) {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}
.mm-menu.mm-theme-white .mm-search input {
background: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.6)
}
.mm-menu.mm-theme-white .mm-noresultsmsg {
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-theme-white .mm-indexer a {
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover {
background: rgba(0, 0, 0, 0.05)
}
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
background: rgba(0, 0, 0, 0.05)
}
.mm-menu.mm-theme-white label.mm-toggle {
background: rgba(0, 0, 0, 0.1)
}
.mm-menu.mm-theme-white label.mm-toggle:before {
background: #fff
}
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963
}
.mm-menu.mm-theme-black {
background: #000;
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.6)
}
.mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > * {
color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
border-color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-theme-black .mm-listview {
border-color: rgba(255, 255, 255, 0.2)
}
.mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
border-color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
tap-highlight-color: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
background: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
background: rgba(255, 255, 255, 0.2)
}
.mm-menu.mm-theme-black .mm-divider {
background: rgba(255, 255, 255, 0.2)
}
.mm-menu.mm-theme-black label.mm-check:before {
border-color: rgba(255, 255, 255, 0.6)
}
.mm-menu.mm-theme-black em.mm-counter {
color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-theme-black .mm-fixeddivider span {
background: rgba(255, 255, 255, 0.2)
}
.mm-menu.mm-keyboardfocus a:focus {
background: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-shadow-page.mm-theme-black:after {
content: none;
display: none
}
.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2) {
box-shadow: false
}
.mm-menu.mm-theme-black .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6)
}
.mm-menu.mm-theme-black .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-theme-black .mm-indexer a {
color: rgba(255, 255, 255, 0.4)
}
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover {
background: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
background: rgba(255, 255, 255, 0.3)
}
.mm-menu.mm-theme-black label.mm-toggle {
background: rgba(255, 255, 255, 0.2)
}
.mm-menu.mm-theme-black label.mm-toggle:before {
background: #000
}
.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963
}
.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
content: '';
display: block;
clear: both
}
.mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
width: 50%;
height: 0;
padding: 50% 0 0 0;
float: left;
position: relative
}
.mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
left: 0;
top: 0;
border-right-width: 1px;
border-right-style: solid;
z-index: -1
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
width: 12.5%;
padding-top: 12.5%
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
width: 25%;
padding-top: 25%
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
width: 75%;
padding-top: 75%
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
width: 100%;
padding-top: 100%
}
.mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span {
line-height: 1px;
text-align: center;
padding: 50% 10px 0 10px;
margin: 0;
position: absolute;
top: 0;
right: 1px;
bottom: 1px;
left: 0
}
.mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
width: auto
}
.mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before {
content: none;
display: none
}
.mm-menu.mm-tileview .mm-panel {
padding-left: 0;
padding-right: 0
}
.mm-menu.mm-tileview .mm-panel:after {
content: none;
display: none
}
.mm-menu.mm-tileview .mm-listview {
margin: 0
}
html.mm-widescreen body {
position: relative
}
html.mm-widescreen #mm-blocker {
display: none !important
}
html.mm-widescreen .mm-slideout {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
width: 70% !important;
margin-left: 30% !important
}
html.mm-widescreen .mm-page {
background: inherit;
box-sizing: border-box
}
html.mm-widescreen.mm-blocking, html.mm-widescreen.mm-blocking body {
overflow: auto
}
.mm-menu.mm-widescreen {
border-right-width: 1px;
border-right-style: solid;
display: block !important;
width: 30% !important;
min-width: 0 !important;
max-width: none !important;
top: 0 !important;
right: auto !important;
bottom: 0 !important;
left: 0 !important;
z-index: 100 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important
}
.mm-menu.mm-widescreen.mm-pageshadow:after {
content: none;
display: none
}
.mm-menu.mm-autoheight {
-webkit-transition: none .4s ease;
transition: none .4s ease;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
}
.mm-menu.mm-autoheight:not(.mm-offcanvas) {
position: relative
}
.mm-menu.mm-measureheight .mm-panel.mm-vertical.mm-opened, .mm-menu.mm-measureheight .mm-panel:not(.mm-vertical) {
display: block !important
}
.mm-menu.mm-measureheight .mm-panels > .mm-panel {
bottom: auto !important;
height: auto !important
}
em.mm-counter {
font: inherit;
font-size: 14px;
font-style: normal;
text-indent: 0;
line-height: 20px;
display: block;
margin-top: -10px;
position: absolute;
right: 45px;
top: 50%
}
em.mm-counter + a.mm-next {
width: 90px
}
em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
margin-right: 90px
}
em.mm-counter + a.mm-fullsubopen {
padding-left: 0
}
em.mm-counter + a.mm-fullsubopen + a, em.mm-counter + a.mm-fullsubopen + span {
padding-right: 90px
}
.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a, .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span {
padding-right: 90px
}
.mm-vertical > .mm-counter {
top: 12px;
margin-top: 0
}
.mm-vertical.mm-spacer > .mm-counter {
margin-top: 40px
}
.mm-nosubresults > .mm-counter {
display: none
}
.mm-menu em.mm-counter {
color: rgba(0, 0, 0, 0.3)
}
.mm-columns {
-webkit-transition-property: width;
transition-property: width
}
.mm-columns .mm-panels > .mm-panel {
right: auto;
-webkit-transition-property: width, -webkit-transform;
transition-property: width, -webkit-transform;
transition-property: width, transform;
transition-property: width, transform, -webkit-transform
}
.mm-columns .mm-panels > .mm-panel.mm-opened, .mm-columns .mm-panels > .mm-panel.mm-subopened {
border-left: 1px solid;
border-color: inherit;
display: block !important
}
.mm-columns .mm-panels > .mm-columns-0 {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-columns-0 .mm-panels > .mm-panel {
z-index: 0
}
.mm-columns-0 .mm-panels > .mm-panel else {
width: 100%
}
.mm-columns-0 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-columns-0 {
width: 80%;
min-width: 140px;
max-width: 0
}
html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width: 0px) {
html.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width: 0px) {
html.mm-right.mm-opening .mm-menu.mm-columns-0 ~ .mm-slideout {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.mm-columns .mm-panels > .mm-columns-1 {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.mm-columns-1 .mm-panels > .mm-panel {
z-index: 1;
width: 100%
}
.mm-columns-1 .mm-panels > .mm-panel else {
width: 100%
}
.mm-columns-1 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
-webkit-transform: translate(200%, 0);
-ms-transform: translate(200%, 0);
transform: translate(200%, 0);
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-columns-1 {
width: 80%;
min-width: 140px;
max-width: 440px
}
html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width: 550px) {
html.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
-webkit-transform: translate(440px, 0);
-ms-transform: translate(440px, 0);
transform: translate(440px, 0);
-webkit-transform: translate3d(440px, 0, 0);
transform: translate3d(440px, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width: 550px) {
html.mm-right.mm-opening .mm-menu.mm-columns-1 ~ .mm-slideout {
-webkit-transform: translate(-440px, 0);
-ms-transform: translate(-440px, 0);
transform: translate(-440px, 0);
-webkit-transform: translate3d(-440px, 0, 0);
transform: translate3d(-440px, 0, 0)
}
}
.mm-columns .mm-panels > .mm-columns-2 {
-webkit-transform: translate(200%, 0);
-ms-transform: translate(200%, 0);
transform: translate(200%, 0);
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0)
}
.mm-columns-2 .mm-panels > .mm-panel {
z-index: 2;
width: 50%
}
.mm-columns-2 .mm-panels > .mm-panel else {
width: 100%
}
.mm-columns-2 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
-webkit-transform: translate(300%, 0);
-ms-transform: translate(300%, 0);
transform: translate(300%, 0);
-webkit-transform: translate3d(300%, 0, 0);
transform: translate3d(300%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-columns-2 {
width: 80%;
min-width: 140px;
max-width: 880px
}
html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width: 1100px) {
html.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
-webkit-transform: translate(880px, 0);
-ms-transform: translate(880px, 0);
transform: translate(880px, 0);
-webkit-transform: translate3d(880px, 0, 0);
transform: translate3d(880px, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width: 1100px) {
html.mm-right.mm-opening .mm-menu.mm-columns-2 ~ .mm-slideout {
-webkit-transform: translate(-880px, 0);
-ms-transform: translate(-880px, 0);
transform: translate(-880px, 0);
-webkit-transform: translate3d(-880px, 0, 0);
transform: translate3d(-880px, 0, 0)
}
}
.mm-columns .mm-panels > .mm-columns-3 {
-webkit-transform: translate(300%, 0);
-ms-transform: translate(300%, 0);
transform: translate(300%, 0);
-webkit-transform: translate3d(300%, 0, 0);
transform: translate3d(300%, 0, 0)
}
.mm-columns-3 .mm-panels > .mm-panel {
z-index: 3;
width: 33.34%
}
.mm-columns-3 .mm-panels > .mm-panel else {
width: 100%
}
.mm-columns-3 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
-webkit-transform: translate(400%, 0);
-ms-transform: translate(400%, 0);
transform: translate(400%, 0);
-webkit-transform: translate3d(400%, 0, 0);
transform: translate3d(400%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-columns-3 {
width: 80%;
min-width: 140px;
max-width: 1320px
}
html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width: 1650px) {
html.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
-webkit-transform: translate(1320px, 0);
-ms-transform: translate(1320px, 0);
transform: translate(1320px, 0);
-webkit-transform: translate3d(1320px, 0, 0);
transform: translate3d(1320px, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width: 1650px) {
html.mm-right.mm-opening .mm-menu.mm-columns-3 ~ .mm-slideout {
-webkit-transform: translate(-1320px, 0);
-ms-transform: translate(-1320px, 0);
transform: translate(-1320px, 0);
-webkit-transform: translate3d(-1320px, 0, 0);
transform: translate3d(-1320px, 0, 0)
}
}
.mm-columns .mm-panels > .mm-columns-4 {
-webkit-transform: translate(400%, 0);
-ms-transform: translate(400%, 0);
transform: translate(400%, 0);
-webkit-transform: translate3d(400%, 0, 0);
transform: translate3d(400%, 0, 0)
}
.mm-columns-4 .mm-panels > .mm-panel {
z-index: 4;
width: 25%
}
.mm-columns-4 .mm-panels > .mm-panel else {
width: 100%
}
.mm-columns-4 .mm-panels > .mm-panel:not(.mm-opened):not(.mm-subopened) {
-webkit-transform: translate(500%, 0);
-ms-transform: translate(500%, 0);
transform: translate(500%, 0);
-webkit-transform: translate3d(500%, 0, 0);
transform: translate3d(500%, 0, 0)
}
.mm-menu.mm-offcanvas.mm-columns-4 {
width: 80%;
min-width: 140px;
max-width: 1760px
}
html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
-webkit-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
transform: translate(80%, 0);
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
-webkit-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
transform: translate(140px, 0);
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0)
}
}
@media all and (min-width: 2200px) {
html.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
-webkit-transform: translate(1760px, 0);
-ms-transform: translate(1760px, 0);
transform: translate(1760px, 0);
-webkit-transform: translate3d(1760px, 0, 0);
transform: translate3d(1760px, 0, 0)
}
}
html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0)
}
@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
-webkit-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
transform: translate(-140px, 0);
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0)
}
}
@media all and (min-width: 2200px) {
html.mm-right.mm-opening .mm-menu.mm-columns-4 ~ .mm-slideout {
-webkit-transform: translate(-1760px, 0);
-ms-transform: translate(-1760px, 0);
transform: translate(-1760px, 0);
-webkit-transform: translate3d(-1760px, 0, 0);
transform: translate3d(-1760px, 0, 0)
}
}
.mm-columns.mm-offcanvas.mm-bottom, .mm-columns.mm-offcanvas.mm-top {
width: 100%;
max-width: 100%;
min-width: 100%
}
html.mm-opening .mm-columns.mm-offcanvas.mm-front, html.mm-opening .mm-columns.mm-offcanvas.mm-next {
-webkit-transition-property: width, min-width, max-width, -webkit-transform;
transition-property: width, min-width, max-width, -webkit-transform;
transition-property: width, min-width, max-width, transform;
transition-property: width, min-width, max-width, transform, -webkit-transform
}
.mm-divider > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0;
line-height: 25px
}
.mm-divider.mm-opened a.mm-next:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mm-collapsed:not(.mm-uncollapsed) {
display: none
}
.mm-fixeddivider {
background: inherit;
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-fixeddivider:after {
content: none !important;
display: none !important
}
.mm-hasdividers .mm-fixeddivider {
display: block
}
.mm-menu .mm-fixeddivider span {
background: rgba(0, 0, 0, 0.05)
}
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
-webkit-transition-duration: 0s;
transition-duration: 0s
}
.mm-menu.mm-dropdown {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
height: 80%
}
html.mm-dropdown .mm-slideout {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
z-index: 0
}
html.mm-dropdown #mm-blocker {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
z-index: 1
}
html.mm-dropdown .mm-menu {
z-index: 2
}
html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
display: none
}
.mm-menu.mm-tip:before {
content: '';
background: inherit;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
display: block;
width: 15px;
height: 15px;
position: absolute;
z-index: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mm-menu.mm-tipleft:before {
left: 22px
}
.mm-menu.mm-tipright:before {
right: 22px
}
.mm-menu.mm-tiptop:before {
top: -8px
}
.mm-menu.mm-tipbottom:before {
bottom: -8px
}
.mm-iconpanel .mm-panels > .mm-panel {
-webkit-transition-property: left, -webkit-transform;
transition-property: left, -webkit-transform;
transition-property: transform, left;
transition-property: transform, left, -webkit-transform
}
.mm-iconpanel .mm-panels > .mm-panel.mm-opened, .mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
border-left: 1px solid;
border-color: inherit;
display: block !important
}
.mm-iconpanel .mm-panels > .mm-panel.mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-iconpanel .mm-panel.mm-iconpanel-0 {
left: 0
}
.mm-iconpanel .mm-panel.mm-iconpanel-1 {
left: 40px
}
.mm-iconpanel .mm-panel.mm-iconpanel-2 {
left: 80px
}
.mm-iconpanel .mm-panel.mm-iconpanel-3 {
left: 120px
}
.mm-iconpanel .mm-panel.mm-iconpanel-4 {
left: 160px
}
.mm-iconpanel .mm-panel.mm-iconpanel-5 {
left: 200px
}
.mm-iconpanel .mm-panel.mm-iconpanel-6 {
left: 240px
}
.mm-subblocker {
background: inherit;
opacity: 0;
display: block;
max-height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 3;
-webkit-transition: opacity .4s ease;
transition: opacity 0.4s ease
}
.mm-subopened .mm-subblocker {
opacity: .6;
bottom: -100000px
}
.mm-keyboardfocus a:focus {
outline: 0
}
.mm-menu.mm-keyboardfocus a:focus {
background: rgba(255, 255, 255, 0.5)
}
.mm-navbars-bottom, .mm-navbars-top {
background: inherit;
border-color: inherit;
border-width: 0;
overflow: hidden;
position: absolute;
left: 0;
right: 0;
z-index: 3
}
.mm-navbars-bottom > .mm-navbar, .mm-navbars-top > .mm-navbar {
border: none;
padding: 0;
position: relative;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-navbars-top {
border-bottom-style: solid;
border-bottom-width: 1px;
top: 0
}
.mm-navbars-bottom {
border-top-style: solid;
border-top-width: 1px;
bottom: 0
}
.mm-navbar.mm-hasbtns {
padding: 0 40px
}
.mm-navbar[class*=mm-navbar-content-] > * {
box-sizing: border-box;
display: block;
float: left
}
.mm-navbar .mm-breadcrumbs {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
text-align: left;
padding: 0 0 0 17px
}
.mm-navbar .mm-breadcrumbs > * {
display: inline-block;
padding: 10px 3px
}
.mm-navbar .mm-breadcrumbs > a {
text-decoration: underline
}
.mm-navbar.mm-hasbtns .mm-breadcrumbs {
margin-left: -40px
}
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
margin-left: 0;
padding-left: 0
}
.mm-hasnavbar-top-1 .mm-panels {
top: 40px
}
.mm-hasnavbar-top-2 .mm-panels {
top: 80px
}
.mm-hasnavbar-top-3 .mm-panels {
top: 120px
}
.mm-hasnavbar-top-4 .mm-panels {
top: 160px
}
.mm-hasnavbar-bottom-1 .mm-panels {
bottom: 40px
}
.mm-hasnavbar-bottom-2 .mm-panels {
bottom: 80px
}
.mm-hasnavbar-bottom-3 .mm-panels {
bottom: 120px
}
.mm-hasnavbar-bottom-4 .mm-panels {
bottom: 160px
}
.mm-navbar-size-2 {
height: 80px
}
.mm-navbar-size-3 {
height: 120px
}
.mm-navbar-size-4 {
height: 160px
}
.mm-navbar-content-2 > * {
width: 50%
}
.mm-navbar-content-3 > * {
width: 33.33%
}
.mm-navbar-content-4 > * {
width: 25%
}
.mm-navbar-content-5 > * {
width: 20%
}
.mm-navbar-content-6 > * {
width: 16.67%
}
.mm-menu.mm-rtl {
direction: rtl
}
.mm-menu.mm-rtl.mm-offcanvas {
right: auto
}
.mm-menu.mm-rtl .mm-panel:not(.mm-opened) {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.mm-menu.mm-rtl .mm-panel.mm-subopened {
-webkit-transform: translate(30%, 0);
-ms-transform: translate(30%, 0);
transform: translate(30%, 0);
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0)
}
.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child {
left: auto;
right: 0
}
.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child {
right: auto;
left: 0
}
.mm-menu.mm-rtl .mm-navbar .mm-next:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 23px;
right: auto
}
.mm-menu.mm-rtl .mm-navbar .mm-prev:before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
right: 23px;
left: auto
}
.mm-menu.mm-rtl .mm-listview > li:not(.mm-divider)::after {
left: 0;
right: 20px
}
.mm-menu.mm-rtl .mm-listview > li > a:not(.mm-next), .mm-menu.mm-rtl .mm-listview > li > span:not(.mm-next) {
padding-left: 10px;
padding-right: 20px !important;
margin-right: 0 !important
}
.mm-menu.mm-rtl .mm-listview .mm-next {
right: auto;
left: 0
}
.mm-menu.mm-rtl .mm-listview .mm-next:before {
left: auto;
right: 0
}
.mm-menu.mm-rtl .mm-listview .mm-next:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 23px;
right: auto
}
.mm-menu.mm-rtl .mm-listview .mm-next + a, .mm-menu.mm-rtl .mm-listview .mm-next + span {
margin-left: 50px
}
.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + span {
padding-left: 50px
}
.mm-menu.mm-rtl em.mm-counter {
left: 45px;
right: auto
}
.mm-menu.mm-rtl em.mm-counter + a.mm-next + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + span {
margin-left: 90px
}
.mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + span {
padding-left: 90px
}
.mm-menu.mm-rtl label.mm-check, .mm-menu.mm-rtl label.mm-toggle {
left: 20px;
right: auto !important
}
.mm-menu.mm-rtl label.mm-toggle + a, .mm-menu.mm-rtl label.mm-toggle + span {
padding-left: 80px
}
.mm-menu.mm-rtl label.mm-check + a, .mm-menu.mm-rtl label.mm-check + span {
padding-left: 60px
}
.mm-menu.mm-rtl a.mm-next + label.mm-check, .mm-menu.mm-rtl a.mm-next + label.mm-toggle {
left: 60px
}
.mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
margin-left: 50px
}
.mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
padding-left: 70px
}
.mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span {
padding-left: 50px
}
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle {
left: 100px
}
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + span, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + span {
margin-left: 90px
}
.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] {
left: 0
}
.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel {
-webkit-transition-property: right, -webkit-transform;
transition-property: right, -webkit-transform;
transition-property: transform, right;
transition-property: transform, right, -webkit-transform
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 {
right: 0
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 {
right: 40px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 {
right: 80px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 {
right: 120px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 {
right: 160px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 {
right: 200px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 {
right: 240px
}
.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened {
border-left: none;
border-right: 1px solid;
border-color: inherit
}
.mm-search, .mm-search input {
box-sizing: border-box
}
.mm-search {
height: 40px;
padding: 7px 10px 0 10px;
position: relative
}
.mm-search input {
border: none !important;
outline: 0 !important;
box-shadow: none !important;
border-radius: 4px;
font: inherit;
font-size: 14px;
line-height: 26px;
display: block;
box-sizing: border-box;
width: 100%;
height: 26px;
min-height: 26px;
max-height: 26px;
margin: 0;
padding: 0 10px
}
.mm-search input::-ms-clear {
display: none
}
.mm-search .mm-clear, .mm-search .mm-next {
right: 0
}
.mm-panel > .mm-search {
width: 100%;
position: absolute;
top: 0;
left: 0
}
.mm-panel.mm-hassearch {
padding-top: 40px
}
.mm-panel.mm-hassearch.mm-hasnavbar {
padding-top: 80px
}
.mm-panel.mm-hassearch.mm-hasnavbar > .mm-search {
top: 40px
}
.mm-noresultsmsg {
text-align: center;
font-size: 21px;
padding: 40px 0
}
.mm-noresults .mm-indexer {
display: none !important
}
li.mm-nosubresults > a.mm-next {
display: none
}
li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
padding-right: 10px
}
.mm-menu .mm-search input {
background: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.75)
}
.mm-menu .mm-noresultsmsg {
color: rgba(0, 0, 0, 0.3)
}
.mm-indexer {
background: inherit;
text-align: center;
font-size: 12px;
box-sizing: border-box;
width: 20px;
position: absolute;
top: 0;
bottom: 0;
right: -100px;
z-index: 15;
-webkit-transition: right .4s ease;
transition: right .4s ease;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mm-indexer a {
text-decoration: none;
display: block;
height: 3.85%
}
.mm-indexer ~ .mm-panel.mm-hasindexer {
padding-right: 40px
}
.mm-hasindexer .mm-indexer {
right: 0
}
.mm-hasindexer .mm-fixeddivider {
right: 20px
}
.mm-menu .mm-indexer a {
color: rgba(0, 0, 0, 0.3)
}
.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
-webkit-transition: background .4s ease;
transition: background 0.4s ease
}
.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover {
background: rgba(255, 255, 255, 0.5)
}
.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
background: rgba(255, 255, 255, 0.5)
}
input.mm-check, input.mm-toggle {
position: absolute;
left: -10000px
}
label.mm-check, label.mm-toggle {
margin: 0;
position: absolute;
top: 50%;
z-index: 2
}
label.mm-check:before, label.mm-toggle:before {
content: '';
display: block
}
label.mm-toggle {
border-radius: 30px;
width: 50px;
height: 30px;
margin-top: -15px
}
label.mm-toggle:before {
border-radius: 30px;
width: 28px;
height: 28px;
margin: 1px
}
input.mm-toggle:checked ~ label.mm-toggle:before {
float: right
}
label.mm-check {
width: 30px;
height: 30px;
margin-top: -15px
}
label.mm-check:before {
border-left: 3px solid;
border-bottom: 3px solid;
width: 40%;
height: 20%;
margin: 25% 0 0 20%;
opacity: .1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
input.mm-check:checked ~ label.mm-check:before {
opacity: 1
}
li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle {
bottom: auto;
margin-top: 0
}
li.mm-vertical label.mm-toggle {
top: 5px
}
li.mm-vertical label.mm-check {
top: 5px
}
label.mm-check, label.mm-toggle {
right: 20px
}
label.mm-toggle + a, label.mm-toggle + span {
padding-right: 80px
}
label.mm-check + a, label.mm-check + span {
padding-right: 60px
}
a.mm-next + label.mm-check, a.mm-next + label.mm-toggle {
right: 60px
}
a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
margin-right: 50px
}
a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
padding-right: 70px
}
a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
padding-right: 50px
}
em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle {
right: 100px
}
em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span {
margin-right: 90px
}
.mm-menu label.mm-toggle {
background: rgba(0, 0, 0, 0.1)
}
.mm-menu label.mm-toggle:before {
background: #f3f3f3
}
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963
}
.mm-menu label.mm-check:before {
border-color: rgba(0, 0, 0, 0.75)
} .hamburger {
font: inherit;
display: inline-block;
overflow: visible;
margin: 0;
padding: 15px;
cursor: pointer;
transition-timing-function: linear;
transition-duration: .15s;
transition-property: opacity, filter;
text-transform: none;
color: inherit;
border: 0;
background-color: transparent
}
.hamburger:hover {
opacity: 0.7
}
.hamburger-box {
position: relative;
display: inline-block;
width: 40px;
height: 24px
}
.hamburger-inner {
top: 50%;
display: block;
margin-top: -2px
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
position: absolute;
width: 40px;
height: 4px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
border-radius: 4px;
background-color: #000
}
.hamburger-inner:after, .hamburger-inner:before {
display: block;
content: ""
}
.hamburger-inner:before {
top: -10px
}
.hamburger-inner:after {
bottom: -10px
}
.hamburger--3dx .hamburger-box {
perspective: 80px
}
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dx.is-active .hamburger-inner {
transform: rotateY(180deg);
background-color: transparent
}
.hamburger--3dx.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg)
}
.hamburger--3dx.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg)
}
.hamburger--3dx-r .hamburger-box {
perspective: 80px
}
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dx-r.is-active .hamburger-inner {
transform: rotateY(-180deg);
background-color: transparent
}
.hamburger--3dx-r.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg)
}
.hamburger--3dx-r.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg)
}
.hamburger--3dy .hamburger-box {
perspective: 80px
}
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dy.is-active .hamburger-inner {
transform: rotateX(-180deg);
background-color: transparent
}
.hamburger--3dy.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg)
}
.hamburger--3dy.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg)
}
.hamburger--3dy-r .hamburger-box {
perspective: 80px
}
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dy-r.is-active .hamburger-inner {
transform: rotateX(180deg);
background-color: transparent
}
.hamburger--3dy-r.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg)
}
.hamburger--3dy-r.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg)
}
.hamburger--3dxy .hamburger-box {
perspective: 80px
}
.hamburger--3dxy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dxy.is-active .hamburger-inner {
transform: rotateX(180deg) rotateY(180deg);
background-color: transparent
}
.hamburger--3dxy.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg)
}
.hamburger--3dxy.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg)
}
.hamburger--3dxy-r .hamburger-box {
perspective: 80px
}
.hamburger--3dxy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s
}
.hamburger--3dxy-r.is-active .hamburger-inner {
transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
background-color: transparent
}
.hamburger--3dxy-r.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg)
}
.hamburger--3dxy-r.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg)
}
.hamburger--arrow.is-active .hamburger-inner:before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7)
}
.hamburger--arrow.is-active .hamburger-inner:after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7)
}
.hamburger--arrow-r.is-active .hamburger-inner:before {
transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7)
}
.hamburger--arrow-r.is-active .hamburger-inner:after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7)
}
.hamburger--arrowalt .hamburger-inner:before {
transition: top 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.hamburger--arrowalt .hamburger-inner:after {
transition: bottom 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.hamburger--arrowalt.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(0.7)
}
.hamburger--arrowalt.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(0.7)
}
.hamburger--arrowalt-r .hamburger-inner:before {
transition: top 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.hamburger--arrowalt-r .hamburger-inner:after {
transition: bottom 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.hamburger--arrowalt-r.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(0.7)
}
.hamburger--arrowalt-r.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(0.7)
}
.hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg)
}
.hamburger--arrowturn.is-active .hamburger-inner:before {
transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7)
}
.hamburger--arrowturn.is-active .hamburger-inner:after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7)
}
.hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg)
}
.hamburger--arrowturn-r.is-active .hamburger-inner:before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7)
}
.hamburger--arrowturn-r.is-active .hamburger-inner:after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7)
}
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
transition-property: none
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg)
}
.hamburger--boring.is-active .hamburger-inner:before {
top: 0;
opacity: 0
}
.hamburger--boring.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(-90deg)
}
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-delay: .13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.13s
}
.hamburger--collapse .hamburger-inner:after {
top: -20px;
transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear
}
.hamburger--collapse .hamburger-inner:before {
transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--collapse.is-active .hamburger-inner {
transition-delay: .22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, -10px, 0) rotate(-45deg)
}
.hamburger--collapse.is-active .hamburger-inner:after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
opacity: 0
}
.hamburger--collapse.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
transform: rotate(-90deg)
}
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-delay: .13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.13s
}
.hamburger--collapse-r .hamburger-inner:after {
top: -20px;
transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear
}
.hamburger--collapse-r .hamburger-inner:before {
transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--collapse-r.is-active .hamburger-inner {
transition-delay: .22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, -10px, 0) rotate(45deg)
}
.hamburger--collapse-r.is-active .hamburger-inner:after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
opacity: 0
}
.hamburger--collapse-r.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
transform: rotate(90deg)
}
.hamburger--elastic .hamburger-inner {
top: 2px;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-duration: 0.275s
}
.hamburger--elastic .hamburger-inner:before {
top: 10px;
transition: opacity 0.125s ease 0.275s
}
.hamburger--elastic .hamburger-inner:after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.hamburger--elastic.is-active .hamburger-inner {
transition-delay: 75ms;
transform: translate3d(0, 10px, 0) rotate(135deg)
}
.hamburger--elastic.is-active .hamburger-inner:before {
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic.is-active .hamburger-inner:after {
transition-delay: 75ms;
transform: translate3d(0, -20px, 0) rotate(-270deg)
}
.hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-duration: 0.275s
}
.hamburger--elastic-r .hamburger-inner:before {
top: 10px;
transition: opacity 0.125s ease 0.275s
}
.hamburger--elastic-r .hamburger-inner:after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.hamburger--elastic-r.is-active .hamburger-inner {
transition-delay: 75ms;
transform: translate3d(0, 10px, 0) rotate(-135deg)
}
.hamburger--elastic-r.is-active .hamburger-inner:before {
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic-r.is-active .hamburger-inner:after {
transition-delay: 75ms;
transform: translate3d(0, -20px, 0) rotate(270deg)
}
.hamburger--emphatic {
overflow: hidden
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s ease-in 0.175s
}
.hamburger--emphatic .hamburger-inner:before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, left 0.125s ease-in 0.175s
}
.hamburger--emphatic .hamburger-inner:after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, right 0.125s ease-in 0.175s
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent
}
.hamburger--emphatic.is-active .hamburger-inner:before {
top: -80px;
left: -80px;
transition: left 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
transform: translate3d(80px, 80px, 0) rotate(45deg)
}
.hamburger--emphatic.is-active .hamburger-inner:after {
top: -80px;
right: -80px;
transition: right 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
transform: translate3d(-80px, 80px, 0) rotate(-45deg)
}
.hamburger--emphatic-r {
overflow: hidden
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s ease-in 0.175s
}
.hamburger--emphatic-r .hamburger-inner:before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, left 0.125s ease-in 0.175s
}
.hamburger--emphatic-r .hamburger-inner:after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, right 0.125s ease-in 0.175s
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent
}
.hamburger--emphatic-r.is-active .hamburger-inner:before {
top: 80px;
left: -80px;
transition: left 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
transform: translate3d(80px, -80px, 0) rotate(-45deg)
}
.hamburger--emphatic-r.is-active .hamburger-inner:after {
top: 80px;
right: -80px;
transition: right 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
transform: translate3d(-80px, -80px, 0) rotate(45deg)
}
.hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before {
transition: bottom 0.08s ease-out 0s, top 0.08s ease-out 0s, opacity 0s linear
}
.hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before {
transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;
opacity: 0
}
.hamburger--minus.is-active .hamburger-inner:before {
top: 0
}
.hamburger--minus.is-active .hamburger-inner:after {
bottom: 0
}
.hamburger--slider .hamburger-inner {
top: 2px
}
.hamburger--slider .hamburger-inner:before {
top: 10px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform, opacity
}
.hamburger--slider .hamburger-inner:after {
top: 20px
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg)
}
.hamburger--slider.is-active .hamburger-inner:before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0
}
.hamburger--slider.is-active .hamburger-inner:after {
transform: translate3d(0, -20px, 0) rotate(-90deg)
}
.hamburger--slider-r .hamburger-inner {
top: 2px
}
.hamburger--slider-r .hamburger-inner:before {
top: 10px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform, opacity
}
.hamburger--slider-r .hamburger-inner:after {
top: 20px
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-45deg)
}
.hamburger--slider-r.is-active .hamburger-inner:before {
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
opacity: 0
}
.hamburger--slider-r.is-active .hamburger-inner:after {
transform: translate3d(0, -20px, 0) rotate(90deg)
}
.hamburger--spin .hamburger-inner {
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.22s
}
.hamburger--spin .hamburger-inner:before {
transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in
}
.hamburger--spin .hamburger-inner:after {
transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spin.is-active .hamburger-inner {
transition-delay: .12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(225deg)
}
.hamburger--spin.is-active .hamburger-inner:before {
top: 0;
transition: top .1s ease-out, opacity .1s ease-out .12s;
opacity: 0
}
.hamburger--spin.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transform: rotate(-90deg)
}
.hamburger--spin-r .hamburger-inner {
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.22s
}
.hamburger--spin-r .hamburger-inner:before {
transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in
}
.hamburger--spin-r .hamburger-inner:after {
transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spin-r.is-active .hamburger-inner {
transition-delay: .12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(-225deg)
}
.hamburger--spin-r.is-active .hamburger-inner:before {
top: 0;
transition: top .1s ease-out, opacity .1s ease-out .12s;
opacity: 0
}
.hamburger--spin-r.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transform: rotate(90deg)
}
.hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s linear 0.13s
}
.hamburger--spring .hamburger-inner:before {
top: 10px;
transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spring .hamburger-inner:after {
top: 20px;
transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: .22s;
background-color: transparent
}
.hamburger--spring.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
transform: translate3d(0, 10px, 0) rotate(45deg)
}
.hamburger--spring.is-active .hamburger-inner:after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
transform: translate3d(0, 10px, 0) rotate(-45deg)
}
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.13s
}
.hamburger--spring-r .hamburger-inner:after {
top: -20px;
transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0s linear
}
.hamburger--spring-r .hamburger-inner:before {
transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--spring-r.is-active .hamburger-inner {
transition-delay: .22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, -10px, 0) rotate(-45deg)
}
.hamburger--spring-r.is-active .hamburger-inner:after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s linear 0.22s;
opacity: 0
}
.hamburger--spring-r.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
transform: rotate(90deg)
}
.hamburger--stand .hamburger-inner {
transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms
}
.hamburger--stand .hamburger-inner:before {
transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s
}
.hamburger--stand .hamburger-inner:after {
transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s
}
.hamburger--stand.is-active .hamburger-inner {
transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s;
transform: rotate(90deg);
background-color: transparent
}
.hamburger--stand.is-active .hamburger-inner:before {
top: 0;
transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
transform: rotate(-45deg)
}
.hamburger--stand.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
transform: rotate(45deg)
}
.hamburger--stand-r .hamburger-inner {
transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms
}
.hamburger--stand-r .hamburger-inner:before {
transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s
}
.hamburger--stand-r .hamburger-inner:after {
transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s
}
.hamburger--stand-r.is-active .hamburger-inner {
transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s;
transform: rotate(-90deg);
background-color: transparent
}
.hamburger--stand-r.is-active .hamburger-inner:before {
top: 0;
transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
transform: rotate(-45deg)
}
.hamburger--stand-r.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
transform: rotate(45deg)
}
.hamburger--squeeze .hamburger-inner {
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 75ms
}
.hamburger--squeeze .hamburger-inner:before {
transition: top 75ms ease 0.12s, opacity 75ms ease
}
.hamburger--squeeze .hamburger-inner:after {
transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--squeeze.is-active .hamburger-inner {
transition-delay: .12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(45deg)
}
.hamburger--squeeze.is-active .hamburger-inner:before {
top: 0;
transition: top 75ms ease, opacity 75ms ease .12s;
opacity: 0
}
.hamburger--squeeze.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transform: rotate(-90deg)
}
.hamburger--vortex .hamburger-inner {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-duration: 0.2s
}
.hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
transition-delay: .1s;
transition-timing-function: linear;
transition-duration: 0s
}
.hamburger--vortex .hamburger-inner:before {
transition-property: top, opacity
}
.hamburger--vortex .hamburger-inner:after {
transition-property: bottom, transform
}
.hamburger--vortex.is-active .hamburger-inner {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transform: rotate(765deg)
}
.hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
transition-delay: 0s
}
.hamburger--vortex.is-active .hamburger-inner:before {
top: 0;
opacity: 0
}
.hamburger--vortex.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(90deg)
}
.hamburger--vortex-r .hamburger-inner {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-duration: 0.2s
}
.hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
transition-delay: .1s;
transition-timing-function: linear;
transition-duration: 0s
}
.hamburger--vortex-r .hamburger-inner:before {
transition-property: top, opacity
}
.hamburger--vortex-r .hamburger-inner:after {
transition-property: bottom, transform
}
.hamburger--vortex-r.is-active .hamburger-inner {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transform: rotate(-765deg)
}
.hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
transition-delay: 0s
}
.hamburger--vortex-r.is-active .hamburger-inner:before {
top: 0;
opacity: 0
}
.hamburger--vortex-r.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(-90deg)
}
.mh-head {
text-align: center;
padding: 0 10px;
margin: 0;
position: relative;
background: #ccc;
color: #333;
height: 40px
}
.mh-head a {
color: inherit;
text-decoration: none
}
.mh-head.mh-size-2 {
height: 80px
}
.mh-head.mh-size-3 {
height: 120px
}
.mh-head.mh-sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
right: 0;
z-index: 10;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease, -webkit-transform .2s ease;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.mh-head.mh-sticky.mh-scrolledout {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
.mh-head .mh-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
display: block;
padding: 10px
}
.mh-head.mh-align-left .mh-text {
text-align: left
}
.mh-head.mh-align-right .mh-text {
text-align: right
}
.mh-head.mh-btns-left {
padding-left: 50px
}
.mh-head.mh-btns-left-2 {
padding-left: 90px
}
.mh-head.mh-btns-left-3 {
padding-left: 130px
}
.mh-head.mh-btns-right {
padding-right: 50px
}
.mh-head.mh-btns-right-2 {
padding-right: 90px
}
.mh-head.mh-btns-right-3 {
padding-right: 130px
}
.mh-head .mh-btns-left, .mh-head .mh-btns-right {
display: block;
width: 40px;
position: absolute;
top: 0;
bottom: 0
}
.mh-head .mh-btns-left {
left: 10px
}
.mh-head .mh-btns-right {
right: 10px
}
.mh-head.mh-btns-left-2 .mh-btns-left, .mh-head.mh-btns-right-2 .mh-btns-right {
width: 80px
}
.mh-head.mh-btns-left-3 .mh-btns-left, .mh-head.mh-btns-right-3 .mh-btns-right {
width: 120px
}
.mh-head .mh-btns-left > *, .mh-head .mh-btns-right > * {
text-align: center;
font-size: 18px;
line-height: 20px;
width: 40px;
display: block;
padding: 10px 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.mh-head .mh-btns-left > :nth-child(1), .mh-head .mh-btns-right > :nth-child(1) {
left: 0
}
.mh-head .mh-btns-left > :nth-child(2), .mh-head .mh-btns-right > :nth-child(2) {
left: 40px
}
.mh-head .mh-btns-left > :nth-child(3), .mh-head .mh-btns-right > :nth-child(3) {
left: 80px
}
.mh-head .mh-list {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
white-space: nowrap;
list-style: none;
line-height: 20px;
display: block;
padding: 0;
margin: 0
}
.mh-head .mh-list li {
display: inline-block;
padding: 0;
margin: 0
}
.mh-head .mh-list li a, .mh-head .mh-list li span {
display: block;
padding: 10px
}
.mh-head.mh-align-left .mh-list {
text-align: left
}
.mh-head.mh-align-right .mh-list {
text-align: right
}
.mh-head .hamburger {
margin-top: 2px;
-webkit-transform: scale(0.6, 0.7) translateY(-50%);
-ms-transform: scale(0.6, 0.7) translateY(-50%);
transform: scale(0.6, 0.7) translateY(-50%);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center
}
.mh-head .mh-image, .mh-head .mh-logo {
background: none center center transparent no-repeat;
display: block;
height: 100%
}
.mh-head .mh-logo {
background-size: contain;
background-clip: content-box;
padding: 10px
}
.mh-head.mh-align-left .mh-logo {
background-position: left center
}
.mh-head.mh-align-right .mh-logo {
background-position: right center
}
.mh-head .mh-image {
background-size: cover
}
.mh-head .mh-form {
padding: 7px 0;
position: relative
}
.mh-head .mh-form input {
background: #fff;
border: none;
border-radius: 3px;
font-size: 14px;
line-height: 26px;
display: block;
box-sizing: border-box;
height: 26px;
width: 100%;
padding: 0 10px
}
.mh-head .mh-form .fa {
color: #ccc;
text-align: center;
line-height: 40px;
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.mm-listview, .mm-listview > li {
float: none
}
.mm-panels .menu-item {
text-transform: none
}
.mm-listview > li:not(.mm-divider):after, .mm-next {
border-color: transparent !important
}
.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
margin-top: 13px
}
.mm-listview > li > a, .mm-listview > li > span {
font-size: 12px !important;
font-size: 0.8rem !important;
line-height: 18px !important;
line-height: 1.2rem !important;
letter-spacing: 0.03333rem !important;
color: #141414 !important;
text-transform: none !important
}
#menu-main-menu-top li {
width: 100%
}
.mh-head {
background: transparent;
width: 47px;
top: -36px;
left: -40px
}
.hamburger-inner, .hamburger--collapse .hamburger-inner:before, .hamburger--collapse .hamburger-inner:after {
background: #000 !important;
height: 2px
}
@media (max-width: 1600px) {
.slick-slide img {
width: 100%;
height: auto
}
}
@media (min-width: 1025px) {
.mh-head {
display: none !important
}
}
@media (max-width: 1024px) {
#menu-left-menu-top li:first-child {
width: 45%;
padding: 0
}
#menu-left-menu-top li:last-child {
width: 55%;
padding: 0
}
.menuburger {
display: none !important
}
.filteroverlay {
padding: 20px 20px
}
.filteroverlay li {
padding: 3px 0
}
.filteroverlay .col-md-2 {
width: 33%;
margin-left: 0;
flex: 0 0 33%;
max-width: 33%
}
.filteroverlay .col-md-5 {
width: 66%;
margin-left: 0;
flex: 0 0 66%;
max-width: 66%
}
.filteroverlay .infotext {
margin-bottom: 40px
}
.filteroverlay li a {
font-size: 13px;
font-size: .86667rem;
line-height: 18px;
line-height: 1.2rem
}
.zusatzbtn a {
padding: 0px 20px
}
.teilueberschrift {
padding: 30px 90px 30px 90px
}
.blackfooter .h1 {
font-size: 40px;
font-size: 2.66667rem;
line-height: 50px;
line-height: 3.33333rem
}
.blackfooter .desc {
margin-top: 0px
}
}
.hideDesktop {
display: none
}
.hideMobile {
display: block
}
@media (max-width: 768px) {
#menu-left-menu-top li {
width: 100% !important
}
#menu-left-menu-top li a {
font-size: 12px;
font-size: .8rem;
line-height: 24px;
line-height: 1.6rem
}
.slider .textelementwrap {
bottom: 7%;
left: 1%
}
section {
padding: 40px 0 40px 0
}
.leftblackBlock:before {
width: 25px
}
a.btn-secondary, .btn-secondary a, .sbi_follow_btn {
font-size: 12px;
font-size: .8rem;
line-height: 24px;
line-height: 1.6rem
}
footer .h7 {
font-size: 10px;
font-size: .66667rem;
line-height: 24px;
line-height: 1.6rem
}
.firstbig img, .gewinnsliderItem img, .rezeptetemp img {
margin-bottom: 20px
}
.rezeptetemp .txt.p-40 {
padding: 10px
}
.rezeptetemp .txt.mtop-80 {
margin-bottom: 20px
}
.rezeptetemp .txt.mtop-80 {
margin-top: 20px
}
.hideDesktop {
display: block
}
.inlineblock {
display: inline-block
}
.hideMobile {
display: none
}
}
.mobile{
display:none;
}
.desktop{
display:block;
}
@media (max-width: 870px) {
.mobile{
display:block;
}
.desktop{
display:none;
}
.leftMenuTop, .socialMenuTop {
display: none
}
.mh-head {
top: 17px;
left: -33px
}
}
@media (max-width: 750px) {
section {
padding: 30px 0 30px 0
}
.container-fluid img {
margin-bottom: 20px
}
.zweispaltig {
column-count: 1
}
.mbottom-100 {
margin-bottom: 200px
}
.crosselling .mbottom-100 {
margin-bottom: 20px
}
.mbottom-100.imageblock {
margin-bottom: 20px
}
}
@media (max-width: 650px) {
.container-fluid {
max-width: 650px;
padding-left: 10px;
padding-right: 10px;
}
section {
padding: 20px 0 20px 0
}
.socialMenuTop {
display: none
}
.sliderSection {
margin-left: -20px;
margin-right: -20px
}
a.btn-primary, .btn-primary a {
padding: 5px 10px
}
footer form input {
margin-bottom: 20px;
width: 100%
}
.teilueberschrift {
padding: 30px 40px 30px 40px
}
.thumbitem {
margin-top: 40px
}
.col-md-33 {
flex: 0 0 100%;
max-width: 100%
}
.accordionHeadline p.leftblackBlock {
padding: 0 0 0 51px
}
.filteroverlay .infotext {
font-size: 10px;
font-size: .66667rem;
line-height: 16px;
line-height: 1.06667rem
}
.filteroverlay {
height: 100%;
overflow: scroll
}
.filteroverlay .col-md-2 {
width: 100%;
margin-left: 0;
flex: 0 0 100%;
max-width: 100%
}
.filteroverlay .closecol {
width: 33%;
margin-left: 0;
flex: 0 0 33%;
max-width: 33%
}
.langMenuTop {
margin: 0 -21px;
}
.rrrr{
padding-top: 0px;
}
}
@media (max-width: 350px) {
.langMenuTop ul {
left: -14px;
}
}
.nb {
background: none !important
}
.current-lang {
display: none
}
.bg-white {
background: white !important;
}