html {
box-sizing: border-box;-ms-overflow-style: scrollbar
}*, *::before, *::after {
box-sizing: inherit
}.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media(min-width: 576px) {
.container {
max-width: 540px
}
}
@media(min-width: 768px) {
.container {
max-width: 720px
}
}
@media(min-width: 992px) {
.container {
max-width: 960px
}
}
@media(min-width: 1200px) {
.container {
max-width: 1140px
}
}.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}.row {
display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px
}.no-gutters {
margin-right: 0;
margin-left: 0
}.no-gutters > .col, .no-gutters > [class *= "col-"] {
padding-right: 0;
padding-left: 0
}.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
position: relative;width: 100%;padding-right: 15px;padding-left: 15px
}.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}.col-auto {
flex: 0 0 auto;width: auto;max-width: 100%
}.col-1 {
flex: 0 0 8.3333333333%;max-width: 8.3333333333%
}.col-2 {
flex: 0 0 16.6666666667%;max-width: 16.6666666667%
}.col-3 {
flex: 0 0 25%;max-width: 25%
}.col-4 {
flex: 0 0 33.3333333333%;max-width: 33.3333333333%
}.col-5 {
flex: 0 0 41.6666666667%;max-width: 41.6666666667%
}.col-6 {
flex: 0 0 50%;max-width: 50%
}.col-7 {
flex: 0 0 58.3333333333%;max-width: 58.3333333333%
}.col-8 {
flex: 0 0 66.6666666667%;max-width: 66.6666666667%
}.col-9 {
flex: 0 0 75%;max-width: 75%
}.col-10 {
flex: 0 0 83.3333333333%;max-width: 83.3333333333%
}.col-11 {
flex: 0 0 91.6666666667%;max-width: 91.6666666667%
}.col-12 {
flex: 0 0 100%;max-width: 100%
}.order-first {
order: -1
}.order-last {
order: 13
}.order-0 {
order: 0
}.order-1 {
order: 1
}.order-2 {
order: 2
}.order-3 {
order: 3
}.order-4 {
order: 4
}.order-5 {
order: 5
}.order-6 {
order: 6
}.order-7 {
order: 7
}.order-8 {
order: 8
}.order-9 {
order: 9
}.order-10 {
order: 10
}.order-11 {
order: 11
}.order-12 {
order: 12
}.offset-1 {
margin-left: 8.3333333333%
}.offset-2 {
margin-left: 16.6666666667%
}.offset-3 {
margin-left: 25%
}.offset-4 {
margin-left: 33.3333333333%
}.offset-5 {
margin-left: 41.6666666667%
}.offset-6 {
margin-left: 50%
}.offset-7 {
margin-left: 58.3333333333%
}.offset-8 {
margin-left: 66.6666666667%
}.offset-9 {
margin-left: 75%
}.offset-10 {
margin-left: 83.3333333333%
}.offset-11 {
margin-left: 91.6666666667%
}
@media(min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}.col-sm-auto {
flex: 0 0 auto;width: auto;max-width: 100%
}.col-sm-1 {
flex: 0 0 8.3333333333%;max-width: 8.3333333333%
}.col-sm-2 {
flex: 0 0 16.6666666667%;max-width: 16.6666666667%
}.col-sm-3 {
flex: 0 0 25%;max-width: 25%
}.col-sm-4 {
flex: 0 0 33.3333333333%;max-width: 33.3333333333%
}.col-sm-5 {
flex: 0 0 41.6666666667%;max-width: 41.6666666667%
}.col-sm-6 {
flex: 0 0 50%;max-width: 50%
}.col-sm-7 {
flex: 0 0 58.3333333333%;max-width: 58.3333333333%
}.col-sm-8 {
flex: 0 0 66.6666666667%;max-width: 66.6666666667%
}.col-sm-9 {
flex: 0 0 75%;max-width: 75%
}.col-sm-10 {
flex: 0 0 83.3333333333%;max-width: 83.3333333333%
}.col-sm-11 {
flex: 0 0 91.6666666667%;max-width: 91.6666666667%
}.col-sm-12 {
flex: 0 0 100%;max-width: 100%
}.order-sm-first {
order: -1
}.order-sm-last {
order: 13
}.order-sm-0 {
order: 0
}.order-sm-1 {
order: 1
}.order-sm-2 {
order: 2
}.order-sm-3 {
order: 3
}.order-sm-4 {
order: 4
}.order-sm-5 {
order: 5
}.order-sm-6 {
order: 6
}.order-sm-7 {
order: 7
}.order-sm-8 {
order: 8
}.order-sm-9 {
order: 9
}.order-sm-10 {
order: 10
}.order-sm-11 {
order: 11
}.order-sm-12 {
order: 12
}.offset-sm-0 {
margin-left: 0
}.offset-sm-1 {
margin-left: 8.3333333333%
}.offset-sm-2 {
margin-left: 16.6666666667%
}.offset-sm-3 {
margin-left: 25%
}.offset-sm-4 {
margin-left: 33.3333333333%
}.offset-sm-5 {
margin-left: 41.6666666667%
}.offset-sm-6 {
margin-left: 50%
}.offset-sm-7 {
margin-left: 58.3333333333%
}.offset-sm-8 {
margin-left: 66.6666666667%
}.offset-sm-9 {
margin-left: 75%
}.offset-sm-10 {
margin-left: 83.3333333333%
}.offset-sm-11 {
margin-left: 91.6666666667%
}
}
@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: 100%
}.col-md-1 {
flex: 0 0 8.3333333333%;max-width: 8.3333333333%
}.col-md-2 {
flex: 0 0 16.6666666667%;max-width: 16.6666666667%
}.col-md-3 {
flex: 0 0 25%;max-width: 25%
}.col-md-4 {
flex: 0 0 33.3333333333%;max-width: 33.3333333333%
}.col-md-5 {
flex: 0 0 41.6666666667%;max-width: 41.6666666667%
}.col-md-6 {
flex: 0 0 50%;max-width: 50%
}.col-md-7 {
flex: 0 0 58.3333333333%;max-width: 58.3333333333%
}.col-md-8 {
flex: 0 0 66.6666666667%;max-width: 66.6666666667%
}.col-md-9 {
flex: 0 0 75%;max-width: 75%
}.col-md-10 {
flex: 0 0 83.3333333333%;max-width: 83.3333333333%
}.col-md-11 {
flex: 0 0 91.6666666667%;max-width: 91.6666666667%
}.col-md-12 {
flex: 0 0 100%;max-width: 100%
}.order-md-first {
order: -1
}.order-md-last {
order: 13
}.order-md-0 {
order: 0
}.order-md-1 {
order: 1
}.order-md-2 {
order: 2
}.order-md-3 {
order: 3
}.order-md-4 {
order: 4
}.order-md-5 {
order: 5
}.order-md-6 {
order: 6
}.order-md-7 {
order: 7
}.order-md-8 {
order: 8
}.order-md-9 {
order: 9
}.order-md-10 {
order: 10
}.order-md-11 {
order: 11
}.order-md-12 {
order: 12
}.offset-md-0 {
margin-left: 0
}.offset-md-1 {
margin-left: 8.3333333333%
}.offset-md-2 {
margin-left: 16.6666666667%
}.offset-md-3 {
margin-left: 25%
}.offset-md-4 {
margin-left: 33.3333333333%
}.offset-md-5 {
margin-left: 41.6666666667%
}.offset-md-6 {
margin-left: 50%
}.offset-md-7 {
margin-left: 58.3333333333%
}.offset-md-8 {
margin-left: 66.6666666667%
}.offset-md-9 {
margin-left: 75%
}.offset-md-10 {
margin-left: 83.3333333333%
}.offset-md-11 {
margin-left: 91.6666666667%
}
}
@media(min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}.col-lg-auto {
flex: 0 0 auto;width: auto;max-width: 100%
}.col-lg-1 {
flex: 0 0 8.3333333333%;max-width: 8.3333333333%
}.col-lg-2 {
flex: 0 0 16.6666666667%;max-width: 16.6666666667%
}.col-lg-3 {
flex: 0 0 25%;max-width: 25%
}.col-lg-4 {
flex: 0 0 33.3333333333%;max-width: 33.3333333333%
}.col-lg-5 {
flex: 0 0 41.6666666667%;max-width: 41.6666666667%
}.col-lg-6 {
flex: 0 0 50%;max-width: 50%
}.col-lg-7 {
flex: 0 0 58.3333333333%;max-width: 58.3333333333%
}.col-lg-8 {
flex: 0 0 66.6666666667%;max-width: 66.6666666667%
}.col-lg-9 {
flex: 0 0 75%;max-width: 75%
}.col-lg-10 {
flex: 0 0 83.3333333333%;max-width: 83.3333333333%
}.col-lg-11 {
flex: 0 0 91.6666666667%;max-width: 91.6666666667%
}.col-lg-12 {
flex: 0 0 100%;max-width: 100%
}.order-lg-first {
order: -1
}.order-lg-last {
order: 13
}.order-lg-0 {
order: 0
}.order-lg-1 {
order: 1
}.order-lg-2 {
order: 2
}.order-lg-3 {
order: 3
}.order-lg-4 {
order: 4
}.order-lg-5 {
order: 5
}.order-lg-6 {
order: 6
}.order-lg-7 {
order: 7
}.order-lg-8 {
order: 8
}.order-lg-9 {
order: 9
}.order-lg-10 {
order: 10
}.order-lg-11 {
order: 11
}.order-lg-12 {
order: 12
}.offset-lg-0 {
margin-left: 0
}.offset-lg-1 {
margin-left: 8.3333333333%
}.offset-lg-2 {
margin-left: 16.6666666667%
}.offset-lg-3 {
margin-left: 25%
}.offset-lg-4 {
margin-left: 33.3333333333%
}.offset-lg-5 {
margin-left: 41.6666666667%
}.offset-lg-6 {
margin-left: 50%
}.offset-lg-7 {
margin-left: 58.3333333333%
}.offset-lg-8 {
margin-left: 66.6666666667%
}.offset-lg-9 {
margin-left: 75%
}.offset-lg-10 {
margin-left: 83.3333333333%
}.offset-lg-11 {
margin-left: 91.6666666667%
}
}
@media(min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}.col-xl-auto {
flex: 0 0 auto;width: auto;max-width: 100%
}.col-xl-1 {
flex: 0 0 8.3333333333%;max-width: 8.3333333333%
}.col-xl-2 {
flex: 0 0 16.6666666667%;max-width: 16.6666666667%
}.col-xl-3 {
flex: 0 0 25%;max-width: 25%
}.col-xl-4 {
flex: 0 0 33.3333333333%;max-width: 33.3333333333%
}.col-xl-5 {
flex: 0 0 41.6666666667%;max-width: 41.6666666667%
}.col-xl-6 {
flex: 0 0 50%;max-width: 50%
}.col-xl-7 {
flex: 0 0 58.3333333333%;max-width: 58.3333333333%
}.col-xl-8 {
flex: 0 0 66.6666666667%;max-width: 66.6666666667%
}.col-xl-9 {
flex: 0 0 75%;max-width: 75%
}.col-xl-10 {
flex: 0 0 83.3333333333%;max-width: 83.3333333333%
}.col-xl-11 {
flex: 0 0 91.6666666667%;max-width: 91.6666666667%
}.col-xl-12 {
flex: 0 0 100%;max-width: 100%
}.order-xl-first {
order: -1
}.order-xl-last {
order: 13
}.order-xl-0 {
order: 0
}.order-xl-1 {
order: 1
}.order-xl-2 {
order: 2
}.order-xl-3 {
order: 3
}.order-xl-4 {
order: 4
}.order-xl-5 {
order: 5
}.order-xl-6 {
order: 6
}.order-xl-7 {
order: 7
}.order-xl-8 {
order: 8
}.order-xl-9 {
order: 9
}.order-xl-10 {
order: 10
}.order-xl-11 {
order: 11
}.order-xl-12 {
order: 12
}.offset-xl-0 {
margin-left: 0
}.offset-xl-1 {
margin-left: 8.3333333333%
}.offset-xl-2 {
margin-left: 16.6666666667%
}.offset-xl-3 {
margin-left: 25%
}.offset-xl-4 {
margin-left: 33.3333333333%
}.offset-xl-5 {
margin-left: 41.6666666667%
}.offset-xl-6 {
margin-left: 50%
}.offset-xl-7 {
margin-left: 58.3333333333%
}.offset-xl-8 {
margin-left: 66.6666666667%
}.offset-xl-9 {
margin-left: 75%
}.offset-xl-10 {
margin-left: 83.3333333333%
}.offset-xl-11 {
margin-left: 91.6666666667%
}
}.d-none {
display: none!important
}.d-inline {
display: inline!important
}.d-inline-block {
display: inline-block!important
}.d-block {
display: block!important
}.d-table {
display: table!important
}.d-table-row {
display: table-row!important
}.d-table-cell {
display: table-cell!important
}.d-flex {
display: flex!important
}.d-inline-flex {
display: inline-flex!important
}
@media(min-width: 576px) {
.d-sm-none {
display: none!important
}.d-sm-inline {
display: inline!important
}.d-sm-inline-block {
display: inline-block!important
}.d-sm-block {
display: block!important
}.d-sm-table {
display: table!important
}.d-sm-table-row {
display: table-row!important
}.d-sm-table-cell {
display: table-cell!important
}.d-sm-flex {
display: flex!important
}.d-sm-inline-flex {
display: inline-flex!important
}
}
@media(min-width: 768px) {
.d-md-none {
display: none!important
}.d-md-inline {
display: inline!important
}.d-md-inline-block {
display: inline-block!important
}.d-md-block {
display: block!important
}.d-md-table {
display: table!important
}.d-md-table-row {
display: table-row!important
}.d-md-table-cell {
display: table-cell!important
}.d-md-flex {
display: flex!important
}.d-md-inline-flex {
display: inline-flex!important
}
}
@media(min-width: 992px) {
.d-lg-none {
display: none!important
}.d-lg-inline {
display: inline!important
}.d-lg-inline-block {
display: inline-block!important
}.d-lg-block {
display: block!important
}.d-lg-table {
display: table!important
}.d-lg-table-row {
display: table-row!important
}.d-lg-table-cell {
display: table-cell!important
}.d-lg-flex {
display: flex!important
}.d-lg-inline-flex {
display: inline-flex!important
}
}
@media(min-width: 1200px) {
.d-xl-none {
display: none!important
}.d-xl-inline {
display: inline!important
}.d-xl-inline-block {
display: inline-block!important
}.d-xl-block {
display: block!important
}.d-xl-table {
display: table!important
}.d-xl-table-row {
display: table-row!important
}.d-xl-table-cell {
display: table-cell!important
}.d-xl-flex {
display: flex!important
}.d-xl-inline-flex {
display: inline-flex!important
}
}
@media print {
.d-print-none {
display: none!important
}.d-print-inline {
display: inline!important
}.d-print-inline-block {
display: inline-block!important
}.d-print-block {
display: block!important
}.d-print-table {
display: table!important
}.d-print-table-row {
display: table-row!important
}.d-print-table-cell {
display: table-cell!important
}.d-print-flex {
display: flex!important
}.d-print-inline-flex {
display: inline-flex!important
}
}.flex-row {
flex-direction: row!important
}.flex-column {
flex-direction: column!important
}.flex-row-reverse {
flex-direction: row-reverse!important
}.flex-column-reverse {
flex-direction: column-reverse!important
}.flex-wrap {
flex-wrap: wrap!important
}.flex-nowrap {
flex-wrap: nowrap!important
}.flex-wrap-reverse {
flex-wrap: wrap-reverse!important
}.flex-fill {
flex: 1 1 auto!important
}.flex-grow-0 {
flex-grow: 0!important
}.flex-grow-1 {
flex-grow: 1!important
}.flex-shrink-0 {
flex-shrink: 0!important
}.flex-shrink-1 {
flex-shrink: 1!important
}.justify-content-start {
justify-content: flex-start!important
}.justify-content-end {
justify-content: flex-end!important
}.justify-content-center {
justify-content: center!important
}.justify-content-between {
justify-content: space-between!important
}.justify-content-around {
justify-content: space-around!important
}.align-items-start {
align-items: flex-start!important
}.align-items-end {
align-items: flex-end!important
}.align-items-center {
align-items: center!important
}.align-items-baseline {
align-items: baseline!important
}.align-items-stretch {
align-items: stretch!important
}.align-content-start {
align-content: flex-start!important
}.align-content-end {
align-content: flex-end!important
}.align-content-center {
align-content: center!important
}.align-content-between {
align-content: space-between!important
}.align-content-around {
align-content: space-around!important
}.align-content-stretch {
align-content: stretch!important
}.align-self-auto {
align-self: auto!important
}.align-self-start {
align-self: flex-start!important
}.align-self-end {
align-self: flex-end!important
}.align-self-center {
align-self: center!important
}.align-self-baseline {
align-self: baseline!important
}.align-self-stretch {
align-self: stretch!important
}
@media(min-width: 576px) {
.flex-sm-row {
flex-direction: row!important
}.flex-sm-column {
flex-direction: column!important
}.flex-sm-row-reverse {
flex-direction: row-reverse!important
}.flex-sm-column-reverse {
flex-direction: column-reverse!important
}.flex-sm-wrap {
flex-wrap: wrap!important
}.flex-sm-nowrap {
flex-wrap: nowrap!important
}.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse!important
}.flex-sm-fill {
flex: 1 1 auto!important
}.flex-sm-grow-0 {
flex-grow: 0!important
}.flex-sm-grow-1 {
flex-grow: 1!important
}.flex-sm-shrink-0 {
flex-shrink: 0!important
}.flex-sm-shrink-1 {
flex-shrink: 1!important
}.justify-content-sm-start {
justify-content: flex-start!important
}.justify-content-sm-end {
justify-content: flex-end!important
}.justify-content-sm-center {
justify-content: center!important
}.justify-content-sm-between {
justify-content: space-between!important
}.justify-content-sm-around {
justify-content: space-around!important
}.align-items-sm-start {
align-items: flex-start!important
}.align-items-sm-end {
align-items: flex-end!important
}.align-items-sm-center {
align-items: center!important
}.align-items-sm-baseline {
align-items: baseline!important
}.align-items-sm-stretch {
align-items: stretch!important
}.align-content-sm-start {
align-content: flex-start!important
}.align-content-sm-end {
align-content: flex-end!important
}.align-content-sm-center {
align-content: center!important
}.align-content-sm-between {
align-content: space-between!important
}.align-content-sm-around {
align-content: space-around!important
}.align-content-sm-stretch {
align-content: stretch!important
}.align-self-sm-auto {
align-self: auto!important
}.align-self-sm-start {
align-self: flex-start!important
}.align-self-sm-end {
align-self: flex-end!important
}.align-self-sm-center {
align-self: center!important
}.align-self-sm-baseline {
align-self: baseline!important
}.align-self-sm-stretch {
align-self: stretch!important
}
}
@media(min-width: 768px) {
.flex-md-row {
flex-direction: row!important
}.flex-md-column {
flex-direction: column!important
}.flex-md-row-reverse {
flex-direction: row-reverse!important
}.flex-md-column-reverse {
flex-direction: column-reverse!important
}.flex-md-wrap {
flex-wrap: wrap!important
}.flex-md-nowrap {
flex-wrap: nowrap!important
}.flex-md-wrap-reverse {
flex-wrap: wrap-reverse!important
}.flex-md-fill {
flex: 1 1 auto!important
}.flex-md-grow-0 {
flex-grow: 0!important
}.flex-md-grow-1 {
flex-grow: 1!important
}.flex-md-shrink-0 {
flex-shrink: 0!important
}.flex-md-shrink-1 {
flex-shrink: 1!important
}.justify-content-md-start {
justify-content: flex-start!important
}.justify-content-md-end {
justify-content: flex-end!important
}.justify-content-md-center {
justify-content: center!important
}.justify-content-md-between {
justify-content: space-between!important
}.justify-content-md-around {
justify-content: space-around!important
}.align-items-md-start {
align-items: flex-start!important
}.align-items-md-end {
align-items: flex-end!important
}.align-items-md-center {
align-items: center!important
}.align-items-md-baseline {
align-items: baseline!important
}.align-items-md-stretch {
align-items: stretch!important
}.align-content-md-start {
align-content: flex-start!important
}.align-content-md-end {
align-content: flex-end!important
}.align-content-md-center {
align-content: center!important
}.align-content-md-between {
align-content: space-between!important
}.align-content-md-around {
align-content: space-around!important
}.align-content-md-stretch {
align-content: stretch!important
}.align-self-md-auto {
align-self: auto!important
}.align-self-md-start {
align-self: flex-start!important
}.align-self-md-end {
align-self: flex-end!important
}.align-self-md-center {
align-self: center!important
}.align-self-md-baseline {
align-self: baseline!important
}.align-self-md-stretch {
align-self: stretch!important
}
}
@media(min-width: 992px) {
.flex-lg-row {
flex-direction: row!important
}.flex-lg-column {
flex-direction: column!important
}.flex-lg-row-reverse {
flex-direction: row-reverse!important
}.flex-lg-column-reverse {
flex-direction: column-reverse!important
}.flex-lg-wrap {
flex-wrap: wrap!important
}.flex-lg-nowrap {
flex-wrap: nowrap!important
}.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse!important
}.flex-lg-fill {
flex: 1 1 auto!important
}.flex-lg-grow-0 {
flex-grow: 0!important
}.flex-lg-grow-1 {
flex-grow: 1!important
}.flex-lg-shrink-0 {
flex-shrink: 0!important
}.flex-lg-shrink-1 {
flex-shrink: 1!important
}.justify-content-lg-start {
justify-content: flex-start!important
}.justify-content-lg-end {
justify-content: flex-end!important
}.justify-content-lg-center {
justify-content: center!important
}.justify-content-lg-between {
justify-content: space-between!important
}.justify-content-lg-around {
justify-content: space-around!important
}.align-items-lg-start {
align-items: flex-start!important
}.align-items-lg-end {
align-items: flex-end!important
}.align-items-lg-center {
align-items: center!important
}.align-items-lg-baseline {
align-items: baseline!important
}.align-items-lg-stretch {
align-items: stretch!important
}.align-content-lg-start {
align-content: flex-start!important
}.align-content-lg-end {
align-content: flex-end!important
}.align-content-lg-center {
align-content: center!important
}.align-content-lg-between {
align-content: space-between!important
}.align-content-lg-around {
align-content: space-around!important
}.align-content-lg-stretch {
align-content: stretch!important
}.align-self-lg-auto {
align-self: auto!important
}.align-self-lg-start {
align-self: flex-start!important
}.align-self-lg-end {
align-self: flex-end!important
}.align-self-lg-center {
align-self: center!important
}.align-self-lg-baseline {
align-self: baseline!important
}.align-self-lg-stretch {
align-self: stretch!important
}
}
@media(min-width: 1200px) {
.flex-xl-row {
flex-direction: row!important
}.flex-xl-column {
flex-direction: column!important
}.flex-xl-row-reverse {
flex-direction: row-reverse!important
}.flex-xl-column-reverse {
flex-direction: column-reverse!important
}.flex-xl-wrap {
flex-wrap: wrap!important
}.flex-xl-nowrap {
flex-wrap: nowrap!important
}.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse!important
}.flex-xl-fill {
flex: 1 1 auto!important
}.flex-xl-grow-0 {
flex-grow: 0!important
}.flex-xl-grow-1 {
flex-grow: 1!important
}.flex-xl-shrink-0 {
flex-shrink: 0!important
}.flex-xl-shrink-1 {
flex-shrink: 1!important
}.justify-content-xl-start {
justify-content: flex-start!important
}.justify-content-xl-end {
justify-content: flex-end!important
}.justify-content-xl-center {
justify-content: center!important
}.justify-content-xl-between {
justify-content: space-between!important
}.justify-content-xl-around {
justify-content: space-around!important
}.align-items-xl-start {
align-items: flex-start!important
}.align-items-xl-end {
align-items: flex-end!important
}.align-items-xl-center {
align-items: center!important
}.align-items-xl-baseline {
align-items: baseline!important
}.align-items-xl-stretch {
align-items: stretch!important
}.align-content-xl-start {
align-content: flex-start!important
}.align-content-xl-end {
align-content: flex-end!important
}.align-content-xl-center {
align-content: center!important
}.align-content-xl-between {
align-content: space-between!important
}.align-content-xl-around {
align-content: space-around!important
}.align-content-xl-stretch {
align-content: stretch!important
}.align-self-xl-auto {
align-self: auto!important
}.align-self-xl-start {
align-self: flex-start!important
}.align-self-xl-end {
align-self: flex-end!important
}.align-self-xl-center {
align-self: center!important
}.align-self-xl-baseline {
align-self: baseline!important
}.align-self-xl-stretch {
align-self: stretch!important
}
}.m-0 {
margin: 0!important
}.mt-0, .my-0 {
margin-top: 0!important
}.mr-0, .mx-0 {
margin-right: 0!important
}.mb-0, .my-0 {
margin-bottom: 0!important
}.ml-0, .mx-0 {
margin-left: 0!important
}.m-1 {
margin: 0.25 rem!important
}.mt-1, .my-1 {
margin-top: 0.25 rem!important
}.mr-1, .mx-1 {
margin-right: 0.25 rem!important
}.mb-1, .my-1 {
margin-bottom: 0.25 rem!important
}.ml-1, .mx-1 {
margin-left: 0.25 rem!important
}.m-2 {
margin: 0.5 rem!important
}.mt-2, .my-2 {
margin-top: 0.5 rem!important
}.mr-2, .mx-2 {
margin-right: 0.5 rem!important
}.mb-2, .my-2 {
margin-bottom: 0.5 rem!important
}.ml-2, .mx-2 {
margin-left: 0.5 rem!important
}.m-3 {
margin: 1 rem!important
}.mt-3, .my-3 {
margin-top: 1 rem!important
}.mr-3, .mx-3 {
margin-right: 1 rem!important
}.mb-3, .my-3 {
margin-bottom: 1 rem!important
}.ml-3, .mx-3 {
margin-left: 1 rem!important
}.m-4 {
margin: 1.5 rem!important
}.mt-4, .my-4 {
margin-top: 1.5 rem!important
}.mr-4, .mx-4 {
margin-right: 1.5 rem!important
}.mb-4, .my-4 {
margin-bottom: 1.5 rem!important
}.ml-4, .mx-4 {
margin-left: 1.5 rem!important
}.m-5 {
margin: 3 rem!important
}.mt-5, .my-5 {
margin-top: 3 rem!important
}.mr-5, .mx-5 {
margin-right: 3 rem!important
}.mb-5, .my-5 {
margin-bottom: 3 rem!important
}.ml-5, .mx-5 {
margin-left: 3 rem!important
}.p-0 {
padding: 0!important
}.pt-0, .py-0 {
padding-top: 0!important
}.pr-0, .px-0 {
padding-right: 0!important
}.pb-0, .py-0 {
padding-bottom: 0!important
}.pl-0, .px-0 {
padding-left: 0!important
}.p-1 {
padding: 0.25 rem!important
}.pt-1, .py-1 {
padding-top: 0.25 rem!important
}.pr-1, .px-1 {
padding-right: 0.25 rem!important
}.pb-1, .py-1 {
padding-bottom: 0.25 rem!important
}.pl-1, .px-1 {
padding-left: 0.25 rem!important
}.p-2 {
padding: 0.5 rem!important
}.pt-2, .py-2 {
padding-top: 0.5 rem!important
}.pr-2, .px-2 {
padding-right: 0.5 rem!important
}.pb-2, .py-2 {
padding-bottom: 0.5 rem!important
}.pl-2, .px-2 {
padding-left: 0.5 rem!important
}.p-3 {
padding: 1 rem!important
}.pt-3, .py-3 {
padding-top: 1 rem!important
}.pr-3, .px-3 {
padding-right: 1 rem!important
}.pb-3, .py-3 {
padding-bottom: 1 rem!important
}.pl-3, .px-3 {
padding-left: 1 rem!important
}.p-4 {
padding: 1.5 rem!important
}.pt-4, .py-4 {
padding-top: 1.5 rem!important
}.pr-4, .px-4 {
padding-right: 1.5 rem!important
}.pb-4, .py-4 {
padding-bottom: 1.5 rem!important
}.pl-4, .px-4 {
padding-left: 1.5 rem!important
}.p-5 {
padding: 3 rem!important
}.pt-5, .py-5 {
padding-top: 3 rem!important
}.pr-5, .px-5 {
padding-right: 3 rem!important
}.pb-5, .py-5 {
padding-bottom: 3 rem!important
}.pl-5, .px-5 {
padding-left: 3 rem!important
}.m-n1 {
margin: -0.25 rem!important
}.mt-n1, .my-n1 {
margin-top: -0.25 rem!important
}.mr-n1, .mx-n1 {
margin-right: -0.25 rem!important
}.mb-n1, .my-n1 {
margin-bottom: -0.25 rem!important
}.ml-n1, .mx-n1 {
margin-left: -0.25 rem!important
}.m-n2 {
margin: -0.5 rem!important
}.mt-n2, .my-n2 {
margin-top: -0.5 rem!important
}.mr-n2, .mx-n2 {
margin-right: -0.5 rem!important
}.mb-n2, .my-n2 {
margin-bottom: -0.5 rem!important
}.ml-n2, .mx-n2 {
margin-left: -0.5 rem!important
}.m-n3 {
margin: -1 rem!important
}.mt-n3, .my-n3 {
margin-top: -1 rem!important
}.mr-n3, .mx-n3 {
margin-right: -1 rem!important
}.mb-n3, .my-n3 {
margin-bottom: -1 rem!important
}.ml-n3, .mx-n3 {
margin-left: -1 rem!important
}.m-n4 {
margin: -1.5 rem!important
}.mt-n4, .my-n4 {
margin-top: -1.5 rem!important
}.mr-n4, .mx-n4 {
margin-right: -1.5 rem!important
}.mb-n4, .my-n4 {
margin-bottom: -1.5 rem!important
}.ml-n4, .mx-n4 {
margin-left: -1.5 rem!important
}.m-n5 {
margin: -3 rem!important
}.mt-n5, .my-n5 {
margin-top: -3 rem!important
}.mr-n5, .mx-n5 {
margin-right: -3 rem!important
}.mb-n5, .my-n5 {
margin-bottom: -3 rem!important
}.ml-n5, .mx-n5 {
margin-left: -3 rem!important
}.m-auto {
margin: auto!important
}.mt-auto, .my-auto {
margin-top: auto!important
}.mr-auto, .mx-auto {
margin-right: auto!important
}.mb-auto, .my-auto {
margin-bottom: auto!important
}.ml-auto, .mx-auto {
margin-left: auto!important
}
@media(min-width: 576px) {
.m-sm-0 {
margin: 0!important
}.mt-sm-0, .my-sm-0 {
margin-top: 0!important
}.mr-sm-0, .mx-sm-0 {
margin-right: 0!important
}.mb-sm-0, .my-sm-0 {
margin-bottom: 0!important
}.ml-sm-0, .mx-sm-0 {
margin-left: 0!important
}.m-sm-1 {
margin: 0.25 rem!important
}.mt-sm-1, .my-sm-1 {
margin-top: 0.25 rem!important
}.mr-sm-1, .mx-sm-1 {
margin-right: 0.25 rem!important
}.mb-sm-1, .my-sm-1 {
margin-bottom: 0.25 rem!important
}.ml-sm-1, .mx-sm-1 {
margin-left: 0.25 rem!important
}.m-sm-2 {
margin: 0.5 rem!important
}.mt-sm-2, .my-sm-2 {
margin-top: 0.5 rem!important
}.mr-sm-2, .mx-sm-2 {
margin-right: 0.5 rem!important
}.mb-sm-2, .my-sm-2 {
margin-bottom: 0.5 rem!important
}.ml-sm-2, .mx-sm-2 {
margin-left: 0.5 rem!important
}.m-sm-3 {
margin: 1 rem!important
}.mt-sm-3, .my-sm-3 {
margin-top: 1 rem!important
}.mr-sm-3, .mx-sm-3 {
margin-right: 1 rem!important
}.mb-sm-3, .my-sm-3 {
margin-bottom: 1 rem!important
}.ml-sm-3, .mx-sm-3 {
margin-left: 1 rem!important
}.m-sm-4 {
margin: 1.5 rem!important
}.mt-sm-4, .my-sm-4 {
margin-top: 1.5 rem!important
}.mr-sm-4, .mx-sm-4 {
margin-right: 1.5 rem!important
}.mb-sm-4, .my-sm-4 {
margin-bottom: 1.5 rem!important
}.ml-sm-4, .mx-sm-4 {
margin-left: 1.5 rem!important
}.m-sm-5 {
margin: 3 rem!important
}.mt-sm-5, .my-sm-5 {
margin-top: 3 rem!important
}.mr-sm-5, .mx-sm-5 {
margin-right: 3 rem!important
}.mb-sm-5, .my-sm-5 {
margin-bottom: 3 rem!important
}.ml-sm-5, .mx-sm-5 {
margin-left: 3 rem!important
}.p-sm-0 {
padding: 0!important
}.pt-sm-0, .py-sm-0 {
padding-top: 0!important
}.pr-sm-0, .px-sm-0 {
padding-right: 0!important
}.pb-sm-0, .py-sm-0 {
padding-bottom: 0!important
}.pl-sm-0, .px-sm-0 {
padding-left: 0!important
}.p-sm-1 {
padding: 0.25 rem!important
}.pt-sm-1, .py-sm-1 {
padding-top: 0.25 rem!important
}.pr-sm-1, .px-sm-1 {
padding-right: 0.25 rem!important
}.pb-sm-1, .py-sm-1 {
padding-bottom: 0.25 rem!important
}.pl-sm-1, .px-sm-1 {
padding-left: 0.25 rem!important
}.p-sm-2 {
padding: 0.5 rem!important
}.pt-sm-2, .py-sm-2 {
padding-top: 0.5 rem!important
}.pr-sm-2, .px-sm-2 {
padding-right: 0.5 rem!important
}.pb-sm-2, .py-sm-2 {
padding-bottom: 0.5 rem!important
}.pl-sm-2, .px-sm-2 {
padding-left: 0.5 rem!important
}.p-sm-3 {
padding: 1 rem!important
}.pt-sm-3, .py-sm-3 {
padding-top: 1 rem!important
}.pr-sm-3, .px-sm-3 {
padding-right: 1 rem!important
}.pb-sm-3, .py-sm-3 {
padding-bottom: 1 rem!important
}.pl-sm-3, .px-sm-3 {
padding-left: 1 rem!important
}.p-sm-4 {
padding: 1.5 rem!important
}.pt-sm-4, .py-sm-4 {
padding-top: 1.5 rem!important
}.pr-sm-4, .px-sm-4 {
padding-right: 1.5 rem!important
}.pb-sm-4, .py-sm-4 {
padding-bottom: 1.5 rem!important
}.pl-sm-4, .px-sm-4 {
padding-left: 1.5 rem!important
}.p-sm-5 {
padding: 3 rem!important
}.pt-sm-5, .py-sm-5 {
padding-top: 3 rem!important
}.pr-sm-5, .px-sm-5 {
padding-right: 3 rem!important
}.pb-sm-5, .py-sm-5 {
padding-bottom: 3 rem!important
}.pl-sm-5, .px-sm-5 {
padding-left: 3 rem!important
}.m-sm-n1 {
margin: -0.25 rem!important
}.mt-sm-n1, .my-sm-n1 {
margin-top: -0.25 rem!important
}.mr-sm-n1, .mx-sm-n1 {
margin-right: -0.25 rem!important
}.mb-sm-n1, .my-sm-n1 {
margin-bottom: -0.25 rem!important
}.ml-sm-n1, .mx-sm-n1 {
margin-left: -0.25 rem!important
}.m-sm-n2 {
margin: -0.5 rem!important
}.mt-sm-n2, .my-sm-n2 {
margin-top: -0.5 rem!important
}.mr-sm-n2, .mx-sm-n2 {
margin-right: -0.5 rem!important
}.mb-sm-n2, .my-sm-n2 {
margin-bottom: -0.5 rem!important
}.ml-sm-n2, .mx-sm-n2 {
margin-left: -0.5 rem!important
}.m-sm-n3 {
margin: -1 rem!important
}.mt-sm-n3, .my-sm-n3 {
margin-top: -1 rem!important
}.mr-sm-n3, .mx-sm-n3 {
margin-right: -1 rem!important
}.mb-sm-n3, .my-sm-n3 {
margin-bottom: -1 rem!important
}.ml-sm-n3, .mx-sm-n3 {
margin-left: -1 rem!important
}.m-sm-n4 {
margin: -1.5 rem!important
}.mt-sm-n4, .my-sm-n4 {
margin-top: -1.5 rem!important
}.mr-sm-n4, .mx-sm-n4 {
margin-right: -1.5 rem!important
}.mb-sm-n4, .my-sm-n4 {
margin-bottom: -1.5 rem!important
}.ml-sm-n4, .mx-sm-n4 {
margin-left: -1.5 rem!important
}.m-sm-n5 {
margin: -3 rem!important
}.mt-sm-n5, .my-sm-n5 {
margin-top: -3 rem!important
}.mr-sm-n5, .mx-sm-n5 {
margin-right: -3 rem!important
}.mb-sm-n5, .my-sm-n5 {
margin-bottom: -3 rem!important
}.ml-sm-n5, .mx-sm-n5 {
margin-left: -3 rem!important
}.m-sm-auto {
margin: auto!important
}.mt-sm-auto, .my-sm-auto {
margin-top: auto!important
}.mr-sm-auto, .mx-sm-auto {
margin-right: auto!important
}.mb-sm-auto, .my-sm-auto {
margin-bottom: auto!important
}.ml-sm-auto, .mx-sm-auto {
margin-left: auto!important
}
}
@media(min-width: 768px) {
.m-md-0 {
margin: 0!important
}.mt-md-0, .my-md-0 {
margin-top: 0!important
}.mr-md-0, .mx-md-0 {
margin-right: 0!important
}.mb-md-0, .my-md-0 {
margin-bottom: 0!important
}.ml-md-0, .mx-md-0 {
margin-left: 0!important
}.m-md-1 {
margin: 0.25 rem!important
}.mt-md-1, .my-md-1 {
margin-top: 0.25 rem!important
}.mr-md-1, .mx-md-1 {
margin-right: 0.25 rem!important
}.mb-md-1, .my-md-1 {
margin-bottom: 0.25 rem!important
}.ml-md-1, .mx-md-1 {
margin-left: 0.25 rem!important
}.m-md-2 {
margin: 0.5 rem!important
}.mt-md-2, .my-md-2 {
margin-top: 0.5 rem!important
}.mr-md-2, .mx-md-2 {
margin-right: 0.5 rem!important
}.mb-md-2, .my-md-2 {
margin-bottom: 0.5 rem!important
}.ml-md-2, .mx-md-2 {
margin-left: 0.5 rem!important
}.m-md-3 {
margin: 1 rem!important
}.mt-md-3, .my-md-3 {
margin-top: 1 rem!important
}.mr-md-3, .mx-md-3 {
margin-right: 1 rem!important
}.mb-md-3, .my-md-3 {
margin-bottom: 1 rem!important
}.ml-md-3, .mx-md-3 {
margin-left: 1 rem!important
}.m-md-4 {
margin: 1.5 rem!important
}.mt-md-4, .my-md-4 {
margin-top: 1.5 rem!important
}.mr-md-4, .mx-md-4 {
margin-right: 1.5 rem!important
}.mb-md-4, .my-md-4 {
margin-bottom: 1.5 rem!important
}.ml-md-4, .mx-md-4 {
margin-left: 1.5 rem!important
}.m-md-5 {
margin: 3 rem!important
}.mt-md-5, .my-md-5 {
margin-top: 3 rem!important
}.mr-md-5, .mx-md-5 {
margin-right: 3 rem!important
}.mb-md-5, .my-md-5 {
margin-bottom: 3 rem!important
}.ml-md-5, .mx-md-5 {
margin-left: 3 rem!important
}.p-md-0 {
padding: 0!important
}.pt-md-0, .py-md-0 {
padding-top: 0!important
}.pr-md-0, .px-md-0 {
padding-right: 0!important
}.pb-md-0, .py-md-0 {
padding-bottom: 0!important
}.pl-md-0, .px-md-0 {
padding-left: 0!important
}.p-md-1 {
padding: 0.25 rem!important
}.pt-md-1, .py-md-1 {
padding-top: 0.25 rem!important
}.pr-md-1, .px-md-1 {
padding-right: 0.25 rem!important
}.pb-md-1, .py-md-1 {
padding-bottom: 0.25 rem!important
}.pl-md-1, .px-md-1 {
padding-left: 0.25 rem!important
}.p-md-2 {
padding: 0.5 rem!important
}.pt-md-2, .py-md-2 {
padding-top: 0.5 rem!important
}.pr-md-2, .px-md-2 {
padding-right: 0.5 rem!important
}.pb-md-2, .py-md-2 {
padding-bottom: 0.5 rem!important
}.pl-md-2, .px-md-2 {
padding-left: 0.5 rem!important
}.p-md-3 {
padding: 1 rem!important
}.pt-md-3, .py-md-3 {
padding-top: 1 rem!important
}.pr-md-3, .px-md-3 {
padding-right: 1 rem!important
}.pb-md-3, .py-md-3 {
padding-bottom: 1 rem!important
}.pl-md-3, .px-md-3 {
padding-left: 1 rem!important
}.p-md-4 {
padding: 1.5 rem!important
}.pt-md-4, .py-md-4 {
padding-top: 1.5 rem!important
}.pr-md-4, .px-md-4 {
padding-right: 1.5 rem!important
}.pb-md-4, .py-md-4 {
padding-bottom: 1.5 rem!important
}.pl-md-4, .px-md-4 {
padding-left: 1.5 rem!important
}.p-md-5 {
padding: 3 rem!important
}.pt-md-5, .py-md-5 {
padding-top: 3 rem!important
}.pr-md-5, .px-md-5 {
padding-right: 3 rem!important
}.pb-md-5, .py-md-5 {
padding-bottom: 3 rem!important
}.pl-md-5, .px-md-5 {
padding-left: 3 rem!important
}.m-md-n1 {
margin: -0.25 rem!important
}.mt-md-n1, .my-md-n1 {
margin-top: -0.25 rem!important
}.mr-md-n1, .mx-md-n1 {
margin-right: -0.25 rem!important
}.mb-md-n1, .my-md-n1 {
margin-bottom: -0.25 rem!important
}.ml-md-n1, .mx-md-n1 {
margin-left: -0.25 rem!important
}.m-md-n2 {
margin: -0.5 rem!important
}.mt-md-n2, .my-md-n2 {
margin-top: -0.5 rem!important
}.mr-md-n2, .mx-md-n2 {
margin-right: -0.5 rem!important
}.mb-md-n2, .my-md-n2 {
margin-bottom: -0.5 rem!important
}.ml-md-n2, .mx-md-n2 {
margin-left: -0.5 rem!important
}.m-md-n3 {
margin: -1 rem!important
}.mt-md-n3, .my-md-n3 {
margin-top: -1 rem!important
}.mr-md-n3, .mx-md-n3 {
margin-right: -1 rem!important
}.mb-md-n3, .my-md-n3 {
margin-bottom: -1 rem!important
}.ml-md-n3, .mx-md-n3 {
margin-left: -1 rem!important
}.m-md-n4 {
margin: -1.5 rem!important
}.mt-md-n4, .my-md-n4 {
margin-top: -1.5 rem!important
}.mr-md-n4, .mx-md-n4 {
margin-right: -1.5 rem!important
}.mb-md-n4, .my-md-n4 {
margin-bottom: -1.5 rem!important
}.ml-md-n4, .mx-md-n4 {
margin-left: -1.5 rem!important
}.m-md-n5 {
margin: -3 rem!important
}.mt-md-n5, .my-md-n5 {
margin-top: -3 rem!important
}.mr-md-n5, .mx-md-n5 {
margin-right: -3 rem!important
}.mb-md-n5, .my-md-n5 {
margin-bottom: -3 rem!important
}.ml-md-n5, .mx-md-n5 {
margin-left: -3 rem!important
}.m-md-auto {
margin: auto!important
}.mt-md-auto, .my-md-auto {
margin-top: auto!important
}.mr-md-auto, .mx-md-auto {
margin-right: auto!important
}.mb-md-auto, .my-md-auto {
margin-bottom: auto!important
}.ml-md-auto, .mx-md-auto {
margin-left: auto!important
}
}
@media(min-width: 992px) {
.m-lg-0 {
margin: 0!important
}.mt-lg-0, .my-lg-0 {
margin-top: 0!important
}.mr-lg-0, .mx-lg-0 {
margin-right: 0!important
}.mb-lg-0, .my-lg-0 {
margin-bottom: 0!important
}.ml-lg-0, .mx-lg-0 {
margin-left: 0!important
}.m-lg-1 {
margin: 0.25 rem!important
}.mt-lg-1, .my-lg-1 {
margin-top: 0.25 rem!important
}.mr-lg-1, .mx-lg-1 {
margin-right: 0.25 rem!important
}.mb-lg-1, .my-lg-1 {
margin-bottom: 0.25 rem!important
}.ml-lg-1, .mx-lg-1 {
margin-left: 0.25 rem!important
}.m-lg-2 {
margin: 0.5 rem!important
}.mt-lg-2, .my-lg-2 {
margin-top: 0.5 rem!important
}.mr-lg-2, .mx-lg-2 {
margin-right: 0.5 rem!important
}.mb-lg-2, .my-lg-2 {
margin-bottom: 0.5 rem!important
}.ml-lg-2, .mx-lg-2 {
margin-left: 0.5 rem!important
}.m-lg-3 {
margin: 1 rem!important
}.mt-lg-3, .my-lg-3 {
margin-top: 1 rem!important
}.mr-lg-3, .mx-lg-3 {
margin-right: 1 rem!important
}.mb-lg-3, .my-lg-3 {
margin-bottom: 1 rem!important
}.ml-lg-3, .mx-lg-3 {
margin-left: 1 rem!important
}.m-lg-4 {
margin: 1.5 rem!important
}.mt-lg-4, .my-lg-4 {
margin-top: 1.5 rem!important
}.mr-lg-4, .mx-lg-4 {
margin-right: 1.5 rem!important
}.mb-lg-4, .my-lg-4 {
margin-bottom: 1.5 rem!important
}.ml-lg-4, .mx-lg-4 {
margin-left: 1.5 rem!important
}.m-lg-5 {
margin: 3 rem!important
}.mt-lg-5, .my-lg-5 {
margin-top: 3 rem!important
}.mr-lg-5, .mx-lg-5 {
margin-right: 3 rem!important
}.mb-lg-5, .my-lg-5 {
margin-bottom: 3 rem!important
}.ml-lg-5, .mx-lg-5 {
margin-left: 3 rem!important
}.p-lg-0 {
padding: 0!important
}.pt-lg-0, .py-lg-0 {
padding-top: 0!important
}.pr-lg-0, .px-lg-0 {
padding-right: 0!important
}.pb-lg-0, .py-lg-0 {
padding-bottom: 0!important
}.pl-lg-0, .px-lg-0 {
padding-left: 0!important
}.p-lg-1 {
padding: 0.25 rem!important
}.pt-lg-1, .py-lg-1 {
padding-top: 0.25 rem!important
}.pr-lg-1, .px-lg-1 {
padding-right: 0.25 rem!important
}.pb-lg-1, .py-lg-1 {
padding-bottom: 0.25 rem!important
}.pl-lg-1, .px-lg-1 {
padding-left: 0.25 rem!important
}.p-lg-2 {
padding: 0.5 rem!important
}.pt-lg-2, .py-lg-2 {
padding-top: 0.5 rem!important
}.pr-lg-2, .px-lg-2 {
padding-right: 0.5 rem!important
}.pb-lg-2, .py-lg-2 {
padding-bottom: 0.5 rem!important
}.pl-lg-2, .px-lg-2 {
padding-left: 0.5 rem!important
}.p-lg-3 {
padding: 1 rem!important
}.pt-lg-3, .py-lg-3 {
padding-top: 1 rem!important
}.pr-lg-3, .px-lg-3 {
padding-right: 1 rem!important
}.pb-lg-3, .py-lg-3 {
padding-bottom: 1 rem!important
}.pl-lg-3, .px-lg-3 {
padding-left: 1 rem!important
}.p-lg-4 {
padding: 1.5 rem!important
}.pt-lg-4, .py-lg-4 {
padding-top: 1.5 rem!important
}.pr-lg-4, .px-lg-4 {
padding-right: 1.5 rem!important
}.pb-lg-4, .py-lg-4 {
padding-bottom: 1.5 rem!important
}.pl-lg-4, .px-lg-4 {
padding-left: 1.5 rem!important
}.p-lg-5 {
padding: 3 rem!important
}.pt-lg-5, .py-lg-5 {
padding-top: 3 rem!important
}.pr-lg-5, .px-lg-5 {
padding-right: 3 rem!important
}.pb-lg-5, .py-lg-5 {
padding-bottom: 3 rem!important
}.pl-lg-5, .px-lg-5 {
padding-left: 3 rem!important
}.m-lg-n1 {
margin: -0.25 rem!important
}.mt-lg-n1, .my-lg-n1 {
margin-top: -0.25 rem!important
}.mr-lg-n1, .mx-lg-n1 {
margin-right: -0.25 rem!important
}.mb-lg-n1, .my-lg-n1 {
margin-bottom: -0.25 rem!important
}.ml-lg-n1, .mx-lg-n1 {
margin-left: -0.25 rem!important
}.m-lg-n2 {
margin: -0.5 rem!important
}.mt-lg-n2, .my-lg-n2 {
margin-top: -0.5 rem!important
}.mr-lg-n2, .mx-lg-n2 {
margin-right: -0.5 rem!important
}.mb-lg-n2, .my-lg-n2 {
margin-bottom: -0.5 rem!important
}.ml-lg-n2, .mx-lg-n2 {
margin-left: -0.5 rem!important
}.m-lg-n3 {
margin: -1 rem!important
}.mt-lg-n3, .my-lg-n3 {
margin-top: -1 rem!important
}.mr-lg-n3, .mx-lg-n3 {
margin-right: -1 rem!important
}.mb-lg-n3, .my-lg-n3 {
margin-bottom: -1 rem!important
}.ml-lg-n3, .mx-lg-n3 {
margin-left: -1 rem!important
}.m-lg-n4 {
margin: -1.5 rem!important
}.mt-lg-n4, .my-lg-n4 {
margin-top: -1.5 rem!important
}.mr-lg-n4, .mx-lg-n4 {
margin-right: -1.5 rem!important
}.mb-lg-n4, .my-lg-n4 {
margin-bottom: -1.5 rem!important
}.ml-lg-n4, .mx-lg-n4 {
margin-left: -1.5 rem!important
}.m-lg-n5 {
margin: -3 rem!important
}.mt-lg-n5, .my-lg-n5 {
margin-top: -3 rem!important
}.mr-lg-n5, .mx-lg-n5 {
margin-right: -3 rem!important
}.mb-lg-n5, .my-lg-n5 {
margin-bottom: -3 rem!important
}.ml-lg-n5, .mx-lg-n5 {
margin-left: -3 rem!important
}.m-lg-auto {
margin: auto!important
}.mt-lg-auto, .my-lg-auto {
margin-top: auto!important
}.mr-lg-auto, .mx-lg-auto {
margin-right: auto!important
}.mb-lg-auto, .my-lg-auto {
margin-bottom: auto!important
}.ml-lg-auto, .mx-lg-auto {
margin-left: auto!important
}
}
@media(min-width: 1200px) {
.m-xl-0 {
margin: 0!important
}.mt-xl-0, .my-xl-0 {
margin-top: 0!important
}.mr-xl-0, .mx-xl-0 {
margin-right: 0!important
}.mb-xl-0, .my-xl-0 {
margin-bottom: 0!important
}.ml-xl-0, .mx-xl-0 {
margin-left: 0!important
}.m-xl-1 {
margin: 0.25 rem!important
}.mt-xl-1, .my-xl-1 {
margin-top: 0.25 rem!important
}.mr-xl-1, .mx-xl-1 {
margin-right: 0.25 rem!important
}.mb-xl-1, .my-xl-1 {
margin-bottom: 0.25 rem!important
}.ml-xl-1, .mx-xl-1 {
margin-left: 0.25 rem!important
}.m-xl-2 {
margin: 0.5 rem!important
}.mt-xl-2, .my-xl-2 {
margin-top: 0.5 rem!important
}.mr-xl-2, .mx-xl-2 {
margin-right: 0.5 rem!important
}.mb-xl-2, .my-xl-2 {
margin-bottom: 0.5 rem!important
}.ml-xl-2, .mx-xl-2 {
margin-left: 0.5 rem!important
}.m-xl-3 {
margin: 1 rem!important
}.mt-xl-3, .my-xl-3 {
margin-top: 1 rem!important
}.mr-xl-3, .mx-xl-3 {
margin-right: 1 rem!important
}.mb-xl-3, .my-xl-3 {
margin-bottom: 1 rem!important
}.ml-xl-3, .mx-xl-3 {
margin-left: 1 rem!important
}.m-xl-4 {
margin: 1.5 rem!important
}.mt-xl-4, .my-xl-4 {
margin-top: 1.5 rem!important
}.mr-xl-4, .mx-xl-4 {
margin-right: 1.5 rem!important
}.mb-xl-4, .my-xl-4 {
margin-bottom: 1.5 rem!important
}.ml-xl-4, .mx-xl-4 {
margin-left: 1.5 rem!important
}.m-xl-5 {
margin: 3 rem!important
}.mt-xl-5, .my-xl-5 {
margin-top: 3 rem!important
}.mr-xl-5, .mx-xl-5 {
margin-right: 3 rem!important
}.mb-xl-5, .my-xl-5 {
margin-bottom: 3 rem!important
}.ml-xl-5, .mx-xl-5 {
margin-left: 3 rem!important
}.p-xl-0 {
padding: 0!important
}.pt-xl-0, .py-xl-0 {
padding-top: 0!important
}.pr-xl-0, .px-xl-0 {
padding-right: 0!important
}.pb-xl-0, .py-xl-0 {
padding-bottom: 0!important
}.pl-xl-0, .px-xl-0 {
padding-left: 0!important
}.p-xl-1 {
padding: 0.25 rem!important
}.pt-xl-1, .py-xl-1 {
padding-top: 0.25 rem!important
}.pr-xl-1, .px-xl-1 {
padding-right: 0.25 rem!important
}.pb-xl-1, .py-xl-1 {
padding-bottom: 0.25 rem!important
}.pl-xl-1, .px-xl-1 {
padding-left: 0.25 rem!important
}.p-xl-2 {
padding: 0.5 rem!important
}.pt-xl-2, .py-xl-2 {
padding-top: 0.5 rem!important
}.pr-xl-2, .px-xl-2 {
padding-right: 0.5 rem!important
}.pb-xl-2, .py-xl-2 {
padding-bottom: 0.5 rem!important
}.pl-xl-2, .px-xl-2 {
padding-left: 0.5 rem!important
}.p-xl-3 {
padding: 1 rem!important
}.pt-xl-3, .py-xl-3 {
padding-top: 1 rem!important
}.pr-xl-3, .px-xl-3 {
padding-right: 1 rem!important
}.pb-xl-3, .py-xl-3 {
padding-bottom: 1 rem!important
}.pl-xl-3, .px-xl-3 {
padding-left: 1 rem!important
}.p-xl-4 {
padding: 1.5 rem!important
}.pt-xl-4, .py-xl-4 {
padding-top: 1.5 rem!important
}.pr-xl-4, .px-xl-4 {
padding-right: 1.5 rem!important
}.pb-xl-4, .py-xl-4 {
padding-bottom: 1.5 rem!important
}.pl-xl-4, .px-xl-4 {
padding-left: 1.5 rem!important
}.p-xl-5 {
padding: 3 rem!important
}.pt-xl-5, .py-xl-5 {
padding-top: 3 rem!important
}.pr-xl-5, .px-xl-5 {
padding-right: 3 rem!important
}.pb-xl-5, .py-xl-5 {
padding-bottom: 3 rem!important
}.pl-xl-5, .px-xl-5 {
padding-left: 3 rem!important
}.m-xl-n1 {
margin: -0.25 rem!important
}.mt-xl-n1, .my-xl-n1 {
margin-top: -0.25 rem!important
}.mr-xl-n1, .mx-xl-n1 {
margin-right: -0.25 rem!important
}.mb-xl-n1, .my-xl-n1 {
margin-bottom: -0.25 rem!important
}.ml-xl-n1, .mx-xl-n1 {
margin-left: -0.25 rem!important
}.m-xl-n2 {
margin: -0.5 rem!important
}.mt-xl-n2, .my-xl-n2 {
margin-top: -0.5 rem!important
}.mr-xl-n2, .mx-xl-n2 {
margin-right: -0.5 rem!important
}.mb-xl-n2, .my-xl-n2 {
margin-bottom: -0.5 rem!important
}.ml-xl-n2, .mx-xl-n2 {
margin-left: -0.5 rem!important
}.m-xl-n3 {
margin: -1 rem!important
}.mt-xl-n3, .my-xl-n3 {
margin-top: -1 rem!important
}.mr-xl-n3, .mx-xl-n3 {
margin-right: -1 rem!important
}.mb-xl-n3, .my-xl-n3 {
margin-bottom: -1 rem!important
}.ml-xl-n3, .mx-xl-n3 {
margin-left: -1 rem!important
}.m-xl-n4 {
margin: -1.5 rem!important
}.mt-xl-n4, .my-xl-n4 {
margin-top: -1.5 rem!important
}.mr-xl-n4, .mx-xl-n4 {
margin-right: -1.5 rem!important
}.mb-xl-n4, .my-xl-n4 {
margin-bottom: -1.5 rem!important
}.ml-xl-n4, .mx-xl-n4 {
margin-left: -1.5 rem!important
}.m-xl-n5 {
margin: -3 rem!important
}.mt-xl-n5, .my-xl-n5 {
margin-top: -3 rem!important
}.mr-xl-n5, .mx-xl-n5 {
margin-right: -3 rem!important
}.mb-xl-n5, .my-xl-n5 {
margin-bottom: -3 rem!important
}.ml-xl-n5, .mx-xl-n5 {
margin-left: -3 rem!important
}.m-xl-auto {
margin: auto!important
}.mt-xl-auto, .my-xl-auto {
margin-top: auto!important
}.mr-xl-auto, .mx-xl-auto {
margin-right: auto!important
}.mb-xl-auto, .my-xl-auto {
margin-bottom: auto!important
}.ml-xl-auto, .mx-xl-auto {
margin-left: auto!important
}
}
body {
font-family: 'Prompt';
font-size: 16px;
color: #60503f;
-webkit-text-size-adjust:none
}
.std .mod_article{
min-height:auto
}
.std .ce_wrapper{
padding:45px 0
}
.std .rechtliches{
margin-top:500px
}@media only screen and (max-width:1120px){
.std .rechtliches{
padding-left:25px;
padding-right:25px
}}
@media only screen and (max-width:540px){
.std .rechtliches{
padding-left:15px;
padding-right:15px
}}
a {
color: #009dc5;
text-decoration: none
}
b, strong {
font-weight: 700
}
#fixed {
position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 0;background: none
}
#overlay {
position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);z-index: 0
}
#parallax {
background: url("media/hintergrund01.jpg") no-repeat;background-size: cover;height: 100%;position: relative;z-index: 0
}
#fixed .less {
height: 500px
}
#fixed .less #parallax {
background: url("media/hintergrund01.jpg") no-repeat
}
.mod_article {
min-height: 100vh;
background: #FFF;
position: relative;
z-index: 1
}.ce_wrapper {
max-width: 1100px;
margin: 0 auto;
padding: 90px 0
}
@media only screen and (max-width: 1130px) {
.ce_wrapper {
padding: 20px 15px
}
}.grew-before {
position: relative;overflow: visible
}
@media only screen and (max-width: 767px) {
.grew-before {
overflow: hidden
}
}.grew-before .image_container {
margin-left: 100px
}
@media only screen and (max-width: 1150px) {
.grew-before .image_container {
margin-left: 0;
text-align: right
}
}
@media only screen and (max-width: 767px) {
.grew-before .image_container {
text-align: left
}
}.grew-before .image_container a {
position: relative;display: inline-block
}.grew-before .image_container a img {
top: 45px;position: relative;z-index: 2
}
@media only screen and (max-width: 767px) {
.grew-before .image_container a img {
position: static
}
}.grew-before .image_container a:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: -30%;background: #FFF;
display: block;
z-index: 1;
border: 1px solid #f0f0f0
}
@media only screen and (max-width: 767px) {
.grew-before .image_container a:before {
display: none
}
}.grew-before .caption {
text-align: left;
max-width: 35%;
position: absolute;
right: -25px;
z-index: 3;
top: 80px
}
@media only screen and (max-width: 1150px) {
.grew-before .caption {
max-width: 100%;
position: relative;
z-index: 1;
right: 0;
top: 50px;
text-align: right
}
}
@media only screen and (max-width: 767px) {
.grew-before .caption {
position: static;font-size: 14px;text-align: left
}
}.grew-before .caption:before {
content: '';
width: 30%;height: 3px;
background: #009dc5;margin-bottom:15px;display:block
}
@media only screen and (max-width:1150px){
.grew-before .caption:before{display:none}
}.grew-border-after{position:relative;overflow:visible}
@media only screen and (max-width:767px){
.grew-border-after{overflow:hidden}
}.grew-border-after .image_container{margin-left:25%}
@media only screen and (max-width:1150px){
.grew-border-after .image_container{margin-right: auto;}}
.grew-border-after .image_container a{position:relative;display:inline-block}
.grew-border-after .image_container a img{position:relative;z-index:2}
.grew-border-after .image_container a:after{
width:100%;height:100%;position:absolute;
left:20%;top:10%;background: #FFF;display: block;
z-index: 1;border: 1px solid #f0f0f0
}
@media only screen and (max-width: 767px) {
.grew-border-after .image_container a:after {
display: none
}
}.grew-border-after .caption {
max-width: 25%;
position: absolute;
left: 0;
top: 15px
}
@media only screen and (max-width: 1150px) {
.grew-border-after .caption {
max-width: 100%;
position: relative;
z-index: 1
}
}
@media only screen and (max-width: 767px) {
.grew-border-after .caption {
position: static;font-size: 14px
}
}.grew-border-after .caption:before {
content: '';width: 30%;height: 3px;background: #009dc5;margin-bottom:15px;display:block}@media only screen and (max-width:1150px){
.grew-border-after .caption:before{display:none}}.middle{align-self:center}@media only screen and (max-width:767px){
.middle{align-self:auto}}.mbottom{margin-bottom:30px}.section-tile{width:100%;position:relative;padding:75px 0}
.section-tile .line{position:absolute;width:100%;height:5px;background: #f0f0f0;transition: all 0.6s ease-in-out
}.section-tile .square {
position: absolute;top: 0;bottom: 0;left: 0;right: 0;transform: rotate(45 deg);width: 35px;height: 35px;
background: #009dc5;margin:auto;border:10px solid #FFF
}.align-center {
text-align: center
}.max-width600 {
max-width: 600px;
margin: 0 auto
}
h1, h2, h3 {
color: #000} #galerie {
min-height: 100%
}
#popup {
max-width: 600px;
margin: 0 auto;
padding: 15px;
text-align: center
}
#cboxLoadedContent #popup {
display: block!important
}.datepicker--day-name,
.datepicker--cell .-current-{
color: #009dc5} .datepicker--cell .-selected-,.datepicker--cell .-selected- .-current-{background: #009dc5
}
ol {
font-weight: bold;
padding-left: 0
}
ol li {
margin-bottom: 15px
}
ol span {
display: block;font-weight: normal
}
#footer.grid {
display: grid;grid-template-columns: 100px 1fr
}.corona-info #fixed {
height: 300px
}.corona-info .rechtliches {
margin-top: 300px
}.corona-info h3 {
font-weight: normal;
max-width: 800px
}.corona-info ul {
padding-left: 25px
}.corona-info li {
max-width: 800px;
margin-bottom: 10px
}.corona-info ol {
font-weight: normal;
padding-left: 25px
}.corona-info ol li {
margin-bottom: 0
}.corona-info .icon {
margin-right: 10px
}.corona-info .icon img {
width: 16px
}
h3 .blue {
color: #009dc5} #header {
position: fixed;left: 0;top: 0;width: 100%;background: transparent;
z-index: 99;height: 0;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);transition: all 0.5s ease-in-out
}
#header .inside {
max-width: 1100px;
margin: 0 auto;
height: 120px
}
@media only screen and (max-width: 1130px) {
#header .inside {
margin: 0 15px
}
}
#header .logo {
position: absolute;left: 0;right: 0;top: 5px;opacity: 1;margin: auto;width: 150px;transition: all 0.5s ease-in-out
}
#header #logo-color {
opacity: 0
}
#header #mobilenav {
display: none;position: absolute;right: 0;top: 25px
}
#header #mobilenav #trigger {
width: 32px;height: auto;display: block
}
#header #mobilenav #trigger span {
display: block;background: #FFF;height: 4px;margin-bottom: 5px;transition:background 0.3s ease-in-out
}
#header #mobilenav #trigger span:last-child {
margin-bottom: 0
}
#header.docked {
height: 85px;background: #FFF
}
#header.docked #logo-white {
opacity: 0
}
#header.docked #logo-color {
opacity: 1;
width: 100px;
}
#header.docked #mobilenav #trigger span {
background: #009dc5
}
.ie #header.winseven .logo {
top: -30px
}
.menu {
position: absolute;
top: 30px
}
@media only screen and (max-width:820px) {#header #mobilenav {display: block}}
@media only screen and (max-width:820px){.menu{display:none}}
.menu a {
color: #FFF;
text-transform: uppercase;
font-size: 14px;
transition: color 0.3s ease-in-out
}
.menu a:hover, .menu a .active {
text-decoration: none;
color: #009dc5 !important
}
.menu ul{margin:0;padding:0
}
.menu li{
list-style-type:none;
display:inline-block;
padding-right:30px
}
.menu li.last{
padding-right:0
}
#menulinks {
left: 0
}
#menurechts {
right: 0
}
.docked .menu a {
color: #60503f
}
.ce_form{
margin-top:45px
}
.ce_form input,.ce_form select,.ce_form textarea{
box-shadow:none;
width:100%;
padding:15px;
border:1px solid #f0f0f0;
font-family: 'Prompt';
outline: none;
color: #60503f;
transition:all 0.3s ease-in-out}
.ce_form input:hover,.ce_form input:focus,.ce_form select:hover,.ce_form select:focus,.ce_form textarea:hover,
.ce_form textarea:focus{
border:1px solid #009dc5;
color: #009dc5}
.ce_form input:hover::placeholder,.ce_form input:focus::placeholder,.ce_form select:hover::placeholder,.ce_form select:focus::placeholder,
.ce_form textarea:hover::placeholder,.ce_form textarea:focus::placeholder{
color: #009dc5
}
.ce_form input::placeholder, .ce_form select::placeholder, .ce_form textarea::placeholder {
color: #60503f;opacity:1;transition:color 0.3s ease-in-out
}
.ce_form button{
background:transparent;
padding:15px 30px;
border:1px solid #009dc5;
color: #000;
display:inline-block;
font-family:'Prompt';
cursor:pointer;
font-weight:700;
text-transform:uppercase;
transition:color 0.3s ease-in-out
}
.ce_form button:hover{color: #009dc5
}.ce_form .widget {
margin-bottom: 15px
}.ce_form .widget-submit {
margin-top: 15px;
text-align: center
}.ce_form label {
margin-bottom: 5px;
display: block;
margin-left: 15px
}.ce_form label .mandatory {
color: #009dc5} #aktuelles {
min-height: unset;
background-color: #fff;
}
#aktuelles #rahmen-news {
padding: 15px;background: rgba(255, 255, 255, 0.8)
}
#aktuelles h2 .ce_headline {
text-align: center
} .layout_latest h2 {
margin-bottom: 0;
font-size: 22px
} .layout_latest .more a:hover {
text-decoration: underline
}
body .newsdetail #fixed .less {
height: 300px
}
body.newsdetail .rechtliches {
margin-top: 300px
}
body.newsdetail .layout_full h1 {
margin-bottom: 0;
margin-top: 10px
}
body.newsdetail .layout_full .teaser {
font-weight: bold
}
body.newsdetail .layout_full .teaser p {
margin-bottom: 0
}
body .newsdetail p .info {
margin: 0
}
body .newsdetail #kontakt .no-map #gmap {
display: none
} .ce_slick-slider {
width: 100%;position: relative
}
@media only screen and (min-width: 925px) {
.ce_slick-slider {
height: 600px
}
}
@media only screen and (min-width: 925px) {
.ce_slick-slider .slick-container, .ce_slick-slider .slick-list, .ce_slick-slider .slick-track, .ce_slick-slider .image_container {
height: 100%;
position: relative
}.ce_slick-slider .image_container img {
position: absolute;
top: 0;
bottom: 0;
margin: auto
}
}.ce_slick-slider .slick-dots {
position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center
}
@media only screen and (max-width: 480px) {
.ce_slick-slider .slick-dots {
display: none!important
}
}.ce_slick-slider .slick-dots button {
display: none
}.ce_slick-slider .slick-dots li {
display: inline-block;
width: 15px;
height: 15px;
border-radius: 100%;
margin-right: 8px;
background: #60503f;
cursor:pointer;
border:1px solid #FFF;
transition:background 0.3s ease-in-out
}.ce_slick-slider .slick-dots li:hover,
.ce_slick-slider .slick-dots li .slick-active {
background: #009dc5}
.ce_slick-slider .slick-dots li:last-child{margin-right:0}
#fixed #stoerer,#popup-container #stoerer {
background: #009dc5;
color: #fff;
position: absolute;
top: 130px;
right: 90px;
padding: 5px 15px;
max-width: 450px;
z-index: 3
}
#fixed #stoerer h3,#popup-container #stoerer h3 {
font-size: 16px;
color: #fff
}
#fixed #stoerer h4,#popup-container #stoerer h4 {
margin-top: 0;
font-size: 20px
}
#fixed #stoerer:after,#popup-container #stoerer:after {
content: '';
background: #009dc5
}
#fixed #stoerer .grid,#popup-container #stoerer .grid {
font-size: 14px;
display: grid;
grid-template-columns: 100px 1fr
}
@media only screen and (max-width: 1550px) {
#fixed #stoerer, #popup-container #stoerer {
right: 50px;
max-width: 380px
}
}
@media only screen and (max-width: 1330px) {
#fixed #stoerer, #popup-container #stoerer {
max-width: 320px
}
}
@media only screen and (max-width: 1250px) {
#fixed #stoerer, #popup-container #stoerer {
max-width: 250px
}
}
@media only screen and (max-width: 1060px) {
#fixed #stoerer, #popup-container #stoerer {
right: 10px
}
}
@media only screen and (max-width: 980px) {
#fixed #stoerer, #popup-container #stoerer {
display: none
}
}
#fixed #stoerer.reopen,#popup-container #stoerer.reopen {
padding: 15px;
max-width: 440px
}
#fixed #stoerer.reopen h3,#popup-container #stoerer.reopen h3 {
font-size: 26px;
margin-top: 0;
margin-bottom: 15px
}
#fixed #stoerer.reopen a,#popup-container #stoerer.reopen a {
color: #fff;
text-decoration: none
}
#fixed #stoerer.reopen a:hover,#popup-container #stoerer.reopen a:hover {
text-decoration: none
}
#fixed #stoerer.reopen span,#popup-container #stoerer.reopen span {
margin-right: 10px
}
#fixed #stoerer.reopen span img,#popup-container #stoerer.reopen span img {
width: 16px
}
@media only screen and (max-width: 1600px) {
#fixed #stoerer.reopen, #popup-container #stoerer.reopen {
right: 0
}
}
@media only screen and (max-width: 1340px) {
#fixed #stoerer.reopen, #popup-container #stoerer.reopen {
max-width: 370px;
padding: 10px
}
}
@media only screen and (max-width: 1200px) {
#fixed #stoerer.reopen, #popup-container #stoerer.reopen {
max-width: 300px
}
}
@media only screen and (max-width: 1024px) {
#fixed #stoerer.reopen, #popup-container #stoerer.reopen {
top: 125px
}
#fixed #stoerer.reopen .no-mobile, #popup-container #stoerer.reopen .no-mobile {
display: none
}
}
@media only screen and (max-width: 980px) {
#fixed #stoerer.reopen, #popup-container #stoerer.reopen {
display: block!important;
}
}
#popup-container {
position: fixed;
top: 0;right: 0;
height: 100%;
width: 25%;
min-width: 380px;
z-index: 0;
background: none;
z-index: 3;
transition: all 0.5s ease-in-out;
overflow: visible
}
#popup-container.scrolled {
right: -100vw
}
@media only screen and (max-width: 1024px) {
#popup-container {
min-width: 300px;
min-height: 200px;
height: 200px
}
}
@media only screen and (max-width: 768px) {
#popup-container #stoerer.reopen h3 {
margin-bottom: 0;
font-size: 22px
}
#popup-container #stoerer.reopen h4 {
margin-bottom: 5px;
font-size: 16px
}
}
#popup-text {
display: none;
max-width: 500px
}
#colorbox #cboxLoadedContent {
background: #009dc5} #colorbox #cboxLoadedContent #popup-text {
display: block;
color: #fff;
padding: 10px
}
#colorbox #cboxLoadedContent #popup-text h3 {
color: #fff;
font-size: 16px
}
#intro {
background: none;
max-width: 1100px;
margin: 0 auto;
min-height: 100vh;
z-index: 1;
}
#center {
position: absolute;
width: 450px;
height: 410px;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
color: #FFF;
text-align: center;
overflow: visible
}
#center em {
font-size: 12px;
font-style: normal
}
#center strong {
font-size: 14px;
font-weight: 400;
color: #009dc5}
#center h1 {
font-size: 30px;
text-transform: uppercase;
color: #FFF;
line-height: 0
}
#center a {
margin-top: 30px;
font-size: 14px;
text-transform: uppercase;
width: 210px;
background: transparent;
padding: 15px 30px;
border: 1px solid #009dc5;color: #FFF;
display: inline-block;
font-family: 'Prompt';
cursor: pointer;
font-weight: 700;
text-transform: uppercase;
transition: color 0.3s ease-in-out
}
#center a:hover {
color: #009dc5} #center a:hover {
text-decoration: none
}
@media only screen and (max-width: 500px) {
#center {
width: 100%;height: auto;top: 30%;padding: 0 15px
}
}
@media only screen and (max-width: 320px) {
#center {
top: 20%
}
} .acion {
color: #fff;font-size: 22px;padding: 10px;border: 1px solid;text-transform: uppercase
}
#reservieren {
background: #f0f0f0;min-height: auto
}
#kontakt {
min-height: auto
}
#kontakt #gmap {
height: 500px
}
#footer {
background: #333;color: #FFF;padding: 90px 0;font-size: 14px
}
#footer .inside {
max-width: 1100px;
margin: 0 auto
}
@media only screen and (max-width: 1130px) {
#footer .inside {
padding: 0 15px
}
}
#footer strong {
color: #009dc5} #footer a {
color: #FFF
}
#footer a:hover {
text-decoration: underline
}
#footer span {
display: inline-block;min-width: 25px
}
#footer span img {
height: 13px;width: auto
}
#footer .mail img {
height: 10px
}
#footer div {
margin-bottom: 8px
}
#footer div .ort {
margin-top: 15px
}
#footer .social {
display: inline-block
}
#footer .social a {
display: inline-block;
width: 18px;
height: 18px;
margin: 0 2px
}
#footer .social a img {
margin-bottom: -3px
}