@charset "UTF-8";

@keyframes item1B {
    25% {
        opacity: 1;
        transform: none;
        visibility: visible
    }

    to {
        opacity: 0;
        transform: scale(3);
        visibility: hidden
    }
}

@keyframes item1A {
    to {
        opacity: 0;
        transform: scale(4);
        visibility: hidden
    }
}

@keyframes imgPos {

    0%,
    to {
        background-position-x: 0
    }

    50% {
        background-position-x: 100%
    }
}

@keyframes bgPos {
    25% {
        transform: translate3d(-150px, -150px, 0) rotate(.001deg)
    }

    75% {
        transform: translate3d(0, 0, 0) rotate(.001deg)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(40px, 0, 0);
        transform: translate3d(40px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes pagInX {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes pagOutX {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes loader {

    0%,
    10%,
    to {
        width: 86px;
        height: 86px
    }

    65% {
        width: 150px;
        height: 150px
    }
}

@keyframes loaderBlock {

    0%,
    30% {
        transform: rotate(0)
    }

    55% {
        background-color: #eb6e6e
    }

    to {
        transform: rotate(90deg)
    }
}

@keyframes loaderBlockInverse {

    0%,
    20% {
        transform: rotate(0)
    }

    55% {
        background-color: #eb6e6e
    }

    to {
        transform: rotate(-90deg)
    }
}

@keyframes rd-navbar-slide-down {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes rd-navbar-slide-up {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes burger-hover {

    0%,
    to {
        width: 100%
    }

    50% {
        width: 50%;
        background: #eb6e6e
    }
}

@keyframes burger-hover-primary {

    0%,
    to {
        width: 100%
    }

    50% {
        width: 50%;
        background: #79af96
    }
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes sprite-animation {
    0% {
        background-position: 0 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes lg-right-end {

    0%,
    to {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-moz-keyframes lg-right-end {

    0%,
    to {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-ms-keyframes lg-right-end {

    0%,
    to {
        left: 0
    }

    50% {
        left: -30px
    }
}

@keyframes lg-right-end {

    0%,
    to {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-webkit-keyframes lg-left-end {

    0%,
    to {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-moz-keyframes lg-left-end {

    0%,
    to {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-ms-keyframes lg-left-end {

    0%,
    to {
        left: 0
    }

    50% {
        left: 30px
    }
}

@keyframes lg-left-end {

    0%,
    to {
        left: 0
    }

    50% {
        left: 30px
    }
}

@-webkit-keyframes AnimationName {

    0%,
    to {
        background-position: 48%0
    }

    50% {
        background-position: 53% 100%
    }
}

@-moz-keyframes AnimationName {

    0%,
    to {
        background-position: 48%0
    }

    50% {
        background-position: 53% 100%
    }
}

@-o-keyframes AnimationName {

    0%,
    to {
        background-position: 48%0
    }

    50% {
        background-position: 53% 100%
    }
}

@keyframes AnimationName {

    0%,
    to {
        background-position: 48%0
    }

    50% {
        background-position: 53% 100%
    }
}

@-webkit-keyframes progress {
    0% {
        --progress-value: 0
    }

    to {
        --progress-value: var(--value)
    }
}

@keyframes progress {
    0% {
        --progress-value: 0
    }

    to {
        --progress-value: var(--value)
    }
}

@keyframes "splash" {
    0% {
        box-shadow: 0 0 0 0#00897b
    }

    50% {
        box-shadow: 0 0 0 10px rgba(0, 137, 123, .5)
    }

    to {
        box-shadow: 0 0 0 20px transparent
    }
}

html {
    max-width: 1400px !important;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

a:focus,
button:focus {
    outline: 0 !important
}

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

:focus {
    outline: 0
}

blockquote {
    margin: 0;
    padding: 0;
    border-left: 0
}

.prozess-ausfuellen-profil {
    display: flex;
    justify-content: center
}

.profil-yellow {
    padding: 27px;
    background-color: #79af96;
    max-width: 100%;
    margin: 0 auto
}

@media (min-width:1200px) {
    .profil-yellow {
        padding: 27px;
        background-color: #79af96;
        max-width: 1250px;
        margin: 0 auto;
    }
}

.profil-yellow1 {
    padding: 27px;
    background-color: #79af96;
    max-width: 100%;
    margin: 0 auto
}

@media (min-width:1600px) {
    .profil-yellow1 {
        padding: 27px;
        background-color: #a8e9197a;
        max-width: 100%;
        margin: 0 auto
    }
}

.tab-content svg {
    max-width: 20px !important;
    margin-right: 10px
}

.margin-top1 {
    margin-top: 50px !important
}

.margin-top {
    margin-top: 50px
}

@media (min-width:600px) {
    .margin-top {
        margin-top: 100px
    }
}

@media (min-width:1200px) {
    .margin-top {
        margin-top: 150px
    }
}

.margin-bottom {
    margin-bottom: 50px
}

@media (min-width:600px) {
    .margin-bottom {
        margin-bottom: 100px
    }
}

@media (min-width:1200px) {
    .margin-bottom {
        margin-bottom: 150px
    }
}

.padding-top {
    padding-top: 150px
}

.einstellungen textarea {
    overflow: auto;
    width: 100% !important;
    color: #000
}

@media (min-width:760px) {
    .einstellungen textarea {
        overflow: auto;
        width: 52% !important;
        color: #000
    }
}

@media (min-width:670px) {
    textarea {
        overflow: auto;
        width: 56% !important
    }
}

textarea {
    color: #000
}

button,
input,
textarea {
    outline: 0
}

@media (min-width:760px) {
    label {
        margin-bottom: 0;
        display: inline-block
    }
}

dl,
ol,
p,
ul {
    margin: 0
}

ol,
ul {
    list-style: none;
    padding: 0
}

.brand .brand-logo-dark,
ol li,
ul li {
    display: block
}

dd,
dt {
    line-height: inherit
}

dt {
    font-weight: inherit
}

cite {
    font-style: normal
}

address,
dd,
figure,
form {
    margin-bottom: 0
}

form {
    text-align: center !important
}

@media (min-width:760px) {
    form {
        margin-bottom: 0;
        text-align: justify
    }
}

address {
    margin-top: 0
}

html p a:hover {
    text-decoration: none
}

body {
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-family: clamp(14px, 1vw, 16px) !important;
    line-height: 1.71429;
    font-weight: 400;
    color: #151515;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
    max-width: 1800px !important;
    margin: 0 auto
}

[class*=heading-],
h2 {
    font-weight: 400;
    letter-spacing: .05em
}

[class*=heading-],
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    color: #151515
}

body,
h3,
h5 {
    letter-spacing: .05em
}

h4 {
    font-weight: 400
}

[class*=heading-] a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

[class*=heading-] a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #79af96
}

.heading-1,
h1 {
    font-weight: 300;
    letter-spacing: .075em;
    font-family: clamp(42px, 1vw, 52px) !important
}

@media (min-width:1200px) {

    .heading-1,
    h1 {
        font-size: 110px;
        line-height: .85455
    }
}

.heading-2,
h2 {
    font-size: 36px;
    line-height: .88
}

@media (min-width:768px) {

    .heading-2,
    h2 {
        font-size: 50px
    }
}

@media (min-width:992px) {

    .heading-2,
    h2 {
        font-size: 60px
    }
}

@media (min-width:1200px) {

    .heading-2,
    h2 {
        font-size: 70px;
        line-height: 1
    }
}

.heading-3,
h3 {
    font-size: 32px;
    line-height: .88;
    font-weight: 300
}

@media (min-width:768px) {

    .heading-3,
    h3 {
        font-size: 40px
    }
}

@media (min-width:992px) {

    .heading-3,
    h3 {
        font-size: 48px;
        line-height: 1.20833
    }
}

.heading-4,
h4 {
    font-size: 28px;
    line-height: 1;
    letter-spacing: .075em
}

@media (min-width:768px) {

    .heading-4,
    h4 {
        font-size: 36px;
        line-height: 1
    }
}

.heading-5,
h5 {
    font-size: 22px;
    line-height: 1;
    font-weight: 500
}

@media (min-width: 768px) {
    .heading-5, h5 {
        font-size: 20px;
        font-family: system-ui;
    }
}
.heading-6,
h6 {
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .1em
}

p {
    font-size: clamp(18, 1vw, 20px) !important
}

.background-1 {
    background-color: #bedce7;
    padding: 20px
}

.starimg {
    height: 100px;
    width: 100px;
    justify-content: center;
    margin: 46px 4px
}

.small,
small {
    display: block;
    font-size: 12px;
    line-height: 1.5
}

.mark,
mark {
    padding: 2px 4px;
    color: #fff;
    background: #151515
}

.big {
    font-size: 18px;
    line-height: 1.55556
}

.lead {
    font-size: 24px;
    line-height: 34px;
    font-weight: 300
}

code {
    padding: 10px 5px;
    border-radius: .2rem;
    font-size: 90%;
    color: #111;
    background: #f2f2f2
}

p [data-toggle=tooltip] {
    color: #b7b7b7
}

.profibilder-height {
    height: 400px;
    width: 400px
}

.brand,
p [style*=max-width] {
    display: inline-block
}

@media (min-width:768px) {
    .brand {
        display: none !important
    }
}

.brand1 {
    display: inline-block
}

@media (min-width:768px) {
    .brand1 {
        display: none !important
    }
}

a {
    transition: all .3s ease-in-out
}

a {
    text-decoration: none
}

a,
a:active,
a:focus {
    color: #414945;
    font-weight: 900
}

a:hover {
    color: #535353
}

a[href*=mailto],
a[href*=tel] {
    white-space: nowrap
}

.link-hover,
.link-press {
    color: #79af96
}

.list-inline>li,
.privacy-link {
    display: inline-block
}

*+.privacy-link {
    margin-top: 40px
}

.gallery-title,
.link-instafeed-3 {
    display: inline-block;
    min-width: 210px;
    padding: 4px 40px 10px;
    font-weight: 400;
    letter-spacing: .05em;
    background: #fff
}

.gallery-title a,
.gallery-title a:active,
.gallery-title a:focus,
.link-instafeed-3 a,
.link-instafeed-3 a:active,
.link-instafeed-3 a:focus {
    color: #eb6e6e
}

.gallery-title a:hover,
.link-instafeed-3 a:hover {
    color: #79af96
}

.block-center,
.block-lg,
.block-sm {
    margin-left: auto;
    margin-right: auto
}

.block-sm {
    max-width: 560px
}

.block-lg {
    max-width: 768px
}

.block-center {
    padding: 10px
}

.block-center:hover .block-center-header {
    background-color: #79af96
}

.block-center-title {
    background-color: #fff
}

@media (max-width:1599px) {
    .block-center {
        padding: 20px
    }

    .block-center:hover .block-center-header {
        background-color: #fff
    }

    .block-center-header {
        background-color: #79af96
    }
}

.box-icon-modern {
    text-align: center;
    max-width: 370px;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 66px 15px 50px;
    background: #fff;
    box-shadow: 0 0 13px -4px rgba(0, 0, 0, .17);
    transition: all .3s ease
}

.box-icon-modern-2 {
    padding-top: 42px;
    padding-bottom: 35px
}

.box-icon-modern-2 .box-icon-modern-decor {
    margin-top: 18px;
    margin-bottom: 15px
}

.box-icon-modern-2 .box-icon-modern-text {
    letter-spacing: .025em
}

.box-icon-modern-2 *+.box-icon-modern-title {
    margin-top: 18px
}

.box-icon-modern-3 {
    padding-top: 46px;
    padding-bottom: 30px
}

.box-icon-modern-3 .box-icon-modern-decor {
    margin-top: 18px;
    margin-bottom: 15px
}

.box-icon-modern-3 .box-icon-modern-text {
    letter-spacing: .025em
}

.box-icon-modern-3 *+.box-icon-modern-title {
    margin-top: 28px
}

.box-icon-modern-custom {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    padding-top: 36px;
    padding-bottom: 38px;
    display: grid !important
}

.box-icon-modern-icon {
    position: relative;
    font-size: 47px;
    line-height: 1;
    color: inherit;
    z-index: 1
}

.box-icon-modern-icon::after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 34.5px 60px;
    border-color: transparent transparent #72d5a5;
    transform: translate3d(-50%, 0, 0) rotate(15deg);
    transform-origin: 50% 80%;
    transition: all .3s ease;
    z-index: -1
}

.box-icon-modern-title a,
.box-icon-modern-title a:active,
.box-icon-modern-title a:focus {
    color: inherit
}

.box-icon-modern-title a:hover {
    color: #79af96
}

.box-icon-modern-big-title {
    line-height: 1.04
}

.box-icon-modern-decor {
    position: relative;
    max-width: 126px;
    width: 100px;
    height: 2px;
    margin: 20px auto 22px
}

.box-icon-modern-decor::after,
.box-icon-modern-decor::before {
    position: absolute;
    content: "";
    height: 100%;
    transition: all .3s ease
}

.box-icon-modern-decor::before {
    left: 15px;
    right: 15px;
    background: #d7d7d7
}

.box-icon-modern-decor::after {
    left: 50%;
    right: 50%;
    background: #72d5a5
}

.box-icon-modern-text {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto
}

*+.box-icon-modern-title {
    margin-top: 16px
}

.box-icon-modern-decor+.button,
.title-decoration-lines-left+p {
    margin-top: 8px
}

.box-icon-modern-decor+.box-icon-modern-text {
    margin-top: 0
}

@media (min-width:992px) {
    .desktop .box-icon-modern:hover {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .17)
    }

    .desktop .box-icon-modern:hover .box-icon-modern-icon:after {
        transform: translate3d(-50%, 0, 0) rotate(0deg)
    }

    .desktop .box-icon-modern:hover .box-icon-modern-title {
        letter-spacing: .1em
    }

    .desktop .box-icon-modern:hover .box-icon-modern-decor::before {
        left: 50%;
        right: 50%;
        transition-duration: .2s
    }

    .desktop .box-icon-modern:hover .box-icon-modern-decor::after {
        left: 0;
        right: 0
    }
}

@media (min-width:1200px) {
    .box-icon-modern-3 {
        padding: 66px 30px 50px
    }
}

.ie-10 .box-icon-modern-custom,
.ie-11 .box-icon-modern-custom,
.ie-edge .box-icon-modern-custom {
    height: 100%
}

.box-contacts {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 310px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .17);
    transition: all .3s ease
}

.box-contacts-body {
    max-width: 250px
}

.box-contacts-icon {
    font-size: 60px;
    line-height: 1;
    color: #79af96
}

.box-contacts-decor {
    margin: 30px auto;
    height: 2px;
    max-width: 100px;
    background: #79af96;
    transition: all .3s ease-in-out
}

.box-contacts-link {
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: .025em
}

.box-contacts-link a,
.box-contacts-link a:active,
.box-contacts-link a:focus {
    color: inherit
}

.box-contacts-link a:hover {
    color: #eb6e6e
}

@media (min-width:992px) {
    .desktop .box-contacts {
        box-shadow: none;
        border: 1px solid #e1e1e1
    }

    .desktop .box-contacts-decor {
        margin-top: 17px;
        margin-bottom: 17px;
        width: 0
    }

    .desktop .box-contacts:hover {
        border-color: transparent;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .17)
    }

    .desktop .box-contacts:hover .box-contacts-decor {
        margin-top: 30px;
        margin-bottom: 30px;
        width: 100%;
        transition: margin .3s ease, width .4s ease-in-out
    }
}

.box-contacts-icon+.box-contacts-link {
    margin-top: 40px
}

*+.box-contacts-link {
    margin-top: 0
}

.ie-10 .box-contacts,
.ie-11 .box-contacts,
.ie-edge .box-contacts {
    height: 310px
}

html .group {
    margin-bottom: -20px;
    margin-left: -15px
}

html .group-md:empty,
html .group-sm:empty,
html .group-xs:empty,
html .group:empty {
    margin-bottom: 0;
    margin-left: 0
}

html .group>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 15px
}

html .group-xs {
    margin-bottom: -11px;
    margin-left: -9px
}

html .group-xs>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 11px;
    margin-left: 9px
}

html .group-sm {
    margin-bottom: -12px;
    margin-left: -12px
}

html .group-sm>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 12px;
    margin-left: 12px
}

html .group-md {
    margin-bottom: -17px;
    margin-left: -17px
}

html .group-md>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 17px;
    margin-left: 17px
}

.progress-bar-circle canvas,
html .group-middle-custom>* {
    vertical-align: middle
}

html .group-middle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media (min-width:768px) {
    html .group-middle {
        justify-content: flex-start
    }
}

*+.group-md,
*+.group-sm,
*+.group-xl,
.list-terms dd+dt {
    margin-top: 40px
}

.row+.group-md {
    margin-top: 35px
}

.unit {
    display: flex;
    flex: 0 1 100%;
    margin-bottom: -30px;
    margin-left: -20px
}

.unit>* {
    margin-bottom: 30px;
    margin-left: 20px
}

.unit:empty {
    margin-bottom: 0;
    margin-left: 0
}

.unit-body {
    flex: 0 1 auto
}

.unit-left,
.unit-right {
    flex: 0 0 auto;
    max-width: 100%
}

.unit-spacing-md {
    margin-bottom: -20px;
    margin-left: -24px
}

.unit-spacing-md>* {
    margin-bottom: 20px;
    margin-left: 24px
}

html .list-inline-sm {
    transform: translate3d(0, -8px, 0);
    margin-bottom: -8px;
    margin-left: -8px;
    margin-right: -8px
}

html .list-inline-sm>* {
    margin-top: 8px;
    padding-left: 8px;
    padding-right: 8px
}

html .list-inline-md {
    transform: translate3d(0, -8px, 0);
    margin-bottom: -8px;
    margin-left: -10px;
    margin-right: -10px
}

html .list-inline-md>* {
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 10px
}

.list-terms dt+dd {
    margin-top: 10px
}

*+.list-terms {
    margin-top: 40px
}

.index-list {
    counter-reset: li
}

.index-list>li .list-index-counter:before {
    content: counter(li, decimal-leading-zero);
    counter-increment: li
}

.list-marked {
    text-align: left
}

.list-marked>li {
    text-indent: -25px;
    padding-left: 25px
}

.list-marked>li::before {
    position: relative;
    display: inline-block;
    left: 0;
    top: 0;
    content: "";
    height: 9px;
    width: 9px;
    margin-right: 16px;
    border-radius: 50%;
    background: #d7d7d7
}

.list-marked>li+li,
p+.list-marked {
    margin-top: 10px
}

.list-marked-sm>li {
    text-indent: -15px;
    padding-left: 15px
}

.list-marked-sm>li::before {
    height: 7px;
    width: 7px;
    margin-right: 8px
}

.list-marked-secondary>li::before {
    background: #eb6e6e
}

*+.list-marked {
    margin-top: 15px
}

.list-ordered {
    counter-reset: li;
    text-align: left
}

.list-ordered>li {
    position: relative;
    text-indent: -18px;
    padding-left: 18px
}

.list-ordered>li:before {
    content: counter(li, decimal)".";
    counter-increment: li;
    display: inline-block;
    top: 0;
    left: 0;
    text-indent: 0;
    min-width: 18px;
    color: inherit
}

.list-ordered>li+li,
.list>li+li {
    margin-top: 10px
}

*+.list-ordered {
    margin-top: 15px
}

.list-0>li+li,
hr {
    margin-top: 0
}

.list-xl>li+li {
    margin-top: 40px
}

.list-custom,
img {
    display: inline-block
}

@media (min-width:576px) {
    .list-custom {
        display: block;
        columns: 2;
        break-inside: avoid;
        -moz-column-gap: 28px;
        -webkit-column-gap: 28px
    }

    .list-custom li {
        display: inline-block;
        width: 100%
    }
}

@media (min-width:768px) {
    .list-custom {
        columns: 3
    }
}

@media (min-width:992px) {
    .list-custom {
        columns: 2
    }
}

@media (min-width:1200px) {
    .list-custom {
        columns: 3
    }
}

.title-decoration-lines-bottom+p,
p+.list-custom {
    margin-top: 30px
}

@media (max-width:991px) {
    .list-custom-2 {
        margin-left: -20px
    }

    .list-custom-2 li {
        display: inline-block;
        margin-left: 20px
    }
}

@media (min-width:992px) {
    .list-custom-2 {
        columns: 2;
        break-inside: avoid;
        -moz-column-gap: 30px;
        -webkit-column-gap: 30px
    }
}

img {
    height: auto
}

.img-responsive {
    width: 50%;
    margin: 0 auto
}

.img-circles {
    border-radius: 50%
}

.figure-classic {
    position: relative;
    display: inline-block;
    margin-top: 16px
}

.figure-classic::before {
    display: inline-block;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #363636;
    transition: all .3s ease;
    z-index: 0
}

.figure-classic img {
    position: relative;
    transition: all .3s ease
}

.figure-classic-left {
    margin-left: 16px
}

.figure-classic-left::before {
    transform: translate3d(-16px, -16px, 0)
}

.figure-classic-right {
    margin-right: 16px
}

.figure-classic-right::before {
    transform: translate3d(16px, -16px, 0)
}

@media (min-width:992px) {
    .desktop .figure-classic:hover::before {
        transform: none
    }

    .desktop .figure-classic-left:hover img {
        transform: translate3d(-16px, -16px, 0)
    }

    .desktop .figure-classic-right:hover img {
        transform: translate3d(16px, -16px, 0)
    }
}

@media (min-width:768px) {
    .figure-classic {
        margin-top: 22px
    }

    .figure-classic-left {
        margin-left: 22px
    }

    .figure-classic-left::before {
        transform: translate3d(-22px, -22px, 0)
    }

    .figure-classic-right {
        margin-right: 22px
    }

    .figure-classic-right::before {
        transform: translate3d(22px, -22px, 0)
    }
}

@media (min-width:768px) and (min-width:992px) {
    .desktop .figure-classic-left:hover img {
        transform: translate3d(-22px, -22px, 0)
    }

    .desktop .figure-classic-right:hover img {
        transform: translate3d(22px, -22px, 0)
    }
}

.icon::before {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-transform: none
}

.icon-circle {
    border-radius: 50%
}

hr {
    margin-bottom: 0;
    border-top: 1px solid #d7d7d7
}

.divider {
    font-size: 0;
    line-height: 0;
    height: 1px;
    width: 100%;
    background: #e1e1e1
}

.divider-30 {
    margin: 30px 0
}

.divider-35 {
    margin: 35px 0
}

.divider-40 {
    margin: 40px 0
}

.divider+* {
    margin-top: 0
}

.title-decoration-lines-left {
    padding-left: 30px
}

.title-decoration-lines-left::before {
    position: absolute;
    content: "";
    top: 8%;
    left: 0;
    height: 78%;
    width: 4px;
    background: #d7d7d7
}

.title-decoration-lines-bottom,
.title-decoration-lines-left {
    position: relative;
    line-height: 1.2
}

.title-decoration-lines-bottom span {
    display: block;
    font-size: 0;
    line-height: 0;
    margin-top: 20px
}

.title-decoration-lines-bottom span::after {
    display: inline-block;
    content: "";
    bottom: 0;
    height: 4px;
    width: 70px;
    background: #79af96
}

@media (min-width:576px) {
    .title-decoration-lines-bottom span {
        margin-top: 30px
    }
}

.text-decoration-lines {
    position: relative;
    overflow: hidden;
    width: 100%
}

.text-decoration-lines-content {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    font-size: 18px;
    letter-spacing: .1em;
    color: #9b9b9b;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase
}

.text-decoration-lines-content::after,
.text-decoration-lines-content::before {
    position: absolute;
    content: "";
    top: calc(50% - 2px);
    height: 1px;
    width: 100vw;
    background: #e1e1e1
}

.text-decoration-lines-content::before {
    left: 0;
    transform: translate3d(-100%, 0, 0)
}

.text-decoration-lines-content::after {
    right: 0;
    transform: translate3d(100%, 0, 0)
}

*+.text-decoration-lines {
    margin-top: 26px
}

.text-decoration-lines+.rd-form {
    margin-top: 22px
}

.title-decoration-lines {
    position: relative;
    overflow: hidden;
    width: 100%
}

.button,
.title-decoration-lines-content {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    letter-spacing: .075em
}

.title-decoration-lines-content::after,
.title-decoration-lines-content::before {
    position: absolute;
    content: "";
    top: calc(50% - 2px);
    height: 1px;
    width: 100vw;
    background: #d7d7d7
}

.title-decoration-lines-content::before {
    left: 0;
    transform: translate3d(-100%, 0, 0)
}

.title-decoration-lines-content::after {
    right: 0;
    transform: translate3d(100%, 0, 0)
}

textarea {
    font-family: sans-serif;
    line-height: 1.15;
    font-size: 17px !important;
    width: 300px;
    height: 150px;
    padding: 10px;
    margin: 0 0 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: none
}

.button {
    overflow: hidden;
    min-width: 200px;
    padding: 17px 33px 15px;
    font-size: 18px;
    line-height: 1.34;
    border: 2px solid;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
    transition: 250ms all ease-in-out
}

.button-block {
    display: block;
    width: 100%
}

.button-default,
.button-default:focus {
    color: #ccc;
    background-color: #2c343b;
    border-color: #2c343b
}

.button-default:active,
.button-default:hover {
    color: #fff;
    background-color: #79af96;
    border-color: #79af96
}

.button-default.button-ujarak::before {
    background: #79af96
}

.button-default.button-pipaluk,
.button-default.button-pipaluk:focus {
    background: 0 0
}

.button-default.button-pipaluk::before,
.button-default.button-pipaluk:focus::before {
    background: #2c343b;
    border-color: #79af96
}

.button-default.button-pipaluk::after,
.button-default.button-pipaluk:focus::after {
    border-color: #79af96
}

.button-default.button-pipaluk:active,
.button-default.button-pipaluk:hover {
    color: #79af96;
    background: 0 0
}

.button-default.button-wapasha,
.button-default.button-wapasha:focus {
    color: #2c343b;
    background: 0 0
}

.button-default.button-wapasha::before,
.button-default.button-wapasha:focus::before {
    border-color: #2c343b
}

.button-default.button-wapasha::after,
.button-default.button-wapasha:focus::after {
    border-color: #79af96
}

.button-default.button-wapasha:active,
.button-default.button-wapasha:hover {
    color: #79af96;
    background: 0 0
}

.button-primary,
.button-primary:focus {
    color: #fff;
    background-color: #79af96;
    border-color: #79af96
}

.button-primary:active,
.button-primary:hover {
    color: #fff;
    background-color: #151515;
    border-color: #151515
}

.button-primary.button-ujarak::before {
    background: #151515
}

.button-primary.button-pipaluk,
.button-primary.button-pipaluk:focus {
    background: 0 0
}

.button-primary.button-pipaluk::before,
.button-primary.button-pipaluk:focus::before {
    background: #79af96;
    border-color: #151515
}

.button-primary.button-pipaluk::after,
.button-primary.button-pipaluk:focus::after {
    border-color: #151515
}

.button-primary.button-pipaluk:active,
.button-primary.button-pipaluk:hover {
    color: #151515;
    background: 0 0
}

.button-primary.button-wapasha,
.button-primary.button-wapasha:focus {
    color: #79af96;
    background: 0 0
}

.button-primary.button-wapasha::before,
.button-primary.button-wapasha:focus::before {
    border-color: #79af96
}

.button-primary.button-wapasha::after,
.button-primary.button-wapasha:focus::after {
    border-color: #151515
}

.button-primary.button-wapasha:active,
.button-primary.button-wapasha:hover {
    color: #151515;
    background: 0 0
}

.button-secondary,
.button-secondary:focus {
    color: #fff;
    background-color: #eb6e6e;
    border-color: #eb6e6e
}

.button-secondary:active,
.button-secondary:hover {
    color: #fff;
    background-color: #151515;
    border-color: #151515
}

.button-secondary.button-ujarak::before {
    background: #151515
}

.button-secondary.button-pipaluk,
.button-secondary.button-pipaluk:focus {
    background: 0 0
}

.button-secondary.button-pipaluk::before,
.button-secondary.button-pipaluk:focus::before {
    background: #eb6e6e;
    border-color: #151515
}

.button-secondary.button-pipaluk::after,
.button-secondary.button-pipaluk:focus::after {
    border-color: #151515
}

.button-secondary.button-pipaluk:active,
.button-secondary.button-pipaluk:hover {
    color: #151515;
    background: 0 0
}

.button-secondary.button-wapasha,
.button-secondary.button-wapasha:focus {
    color: #eb6e6e;
    background: 0 0
}

.button-secondary.button-wapasha::before,
.button-secondary.button-wapasha:focus::before {
    border-color: #eb6e6e
}

.button-secondary.button-wapasha::after,
.button-secondary.button-wapasha:focus::after {
    border-color: #151515
}

.button-secondary.button-wapasha:active,
.button-secondary.button-wapasha:hover {
    color: #151515;
    background: 0 0
}

.button-secondary-4,
.button-secondary-4:focus {
    color: #fff;
    background-color: #f36362;
    border-color: #f36362
}

.button-secondary-4:active,
.button-secondary-4:hover {
    color: #fff;
    background-color: #151515;
    border-color: #151515
}

.button-secondary-4.button-ujarak::before {
    background: #151515
}

.button-secondary-4.button-pipaluk,
.button-secondary-4.button-pipaluk:focus {
    background: 0 0
}

.button-secondary-4.button-pipaluk::before,
.button-secondary-4.button-pipaluk:focus::before {
    background: #f36362;
    border-color: #151515
}

.button-secondary-4.button-pipaluk::after,
.button-secondary-4.button-pipaluk:focus::after {
    border-color: #151515
}

.button-secondary-4.button-pipaluk:active,
.button-secondary-4.button-pipaluk:hover {
    color: #151515;
    background: 0 0
}

.button-secondary-4.button-wapasha,
.button-secondary-4.button-wapasha:focus {
    color: #f36362;
    background: 0 0
}

.button-secondary-4.button-wapasha::before,
.button-secondary-4.button-wapasha:focus::before {
    border-color: #f36362
}

.button-secondary-4.button-wapasha::after,
.button-secondary-4.button-wapasha:focus::after {
    border-color: #151515
}

.button-secondary-4.button-wapasha:active,
.button-secondary-4.button-wapasha:hover {
    color: #151515;
    background: 0 0
}

.button-white,
.button-white:focus {
    color: #151515;
    background-color: #fff;
    border-color: #fff
}

.button-white:active,
.button-white:hover {
    color: #fff;
    background-color: #eb6e6e;
    border-color: #eb6e6e
}

.button-white.button-ujarak::before {
    background: #eb6e6e
}

.button-white.button-pipaluk,
.button-white.button-pipaluk:focus {
    background: 0 0
}

.button-white.button-pipaluk::before,
.button-white.button-pipaluk:focus::before {
    background: #fff;
    border-color: #eb6e6e
}

.button-white.button-pipaluk::after,
.button-white.button-pipaluk:focus::after {
    border-color: #eb6e6e
}

.button-white.button-pipaluk:active,
.button-white.button-pipaluk:hover {
    color: #eb6e6e;
    background: 0 0
}

.button-white.button-wapasha,
.button-white.button-wapasha:focus {
    color: #fff;
    background: 0 0
}

.button-white.button-wapasha::before,
.button-white.button-wapasha:focus::before {
    border-color: #fff
}

.button-white.button-wapasha::after,
.button-white.button-wapasha:focus::after {
    border-color: #eb6e6e
}

.button-white.button-wapasha:active,
.button-white.button-wapasha:hover {
    color: #eb6e6e;
    background: 0 0
}

.button-gray-100,
.button-gray-100:focus {
    color: #151515;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button-gray-100:active,
.button-gray-100:hover {
    color: #151515;
    background-color: #e5e5e5;
    border-color: #e5e5e5
}

.button-gray-100.button-ujarak::before {
    background: #e5e5e5
}

.button-gray-100.button-pipaluk,
.button-gray-100.button-pipaluk:focus {
    background: 0 0
}

.button-gray-100.button-pipaluk::before,
.button-gray-100.button-pipaluk:focus::before {
    background: #f2f2f2;
    border-color: #e5e5e5
}

.button-gray-100.button-pipaluk::after,
.button-gray-100.button-pipaluk:focus::after {
    border-color: #e5e5e5
}

.button-gray-100.button-pipaluk:active,
.button-gray-100.button-pipaluk:hover {
    color: #e5e5e5;
    background: 0 0
}

.button-gray-100.button-wapasha,
.button-gray-100.button-wapasha:focus {
    color: #f2f2f2;
    background: 0 0
}

.button-gray-100.button-wapasha::before,
.button-gray-100.button-wapasha:focus::before {
    border-color: #f2f2f2
}

.button-gray-100.button-wapasha::after,
.button-gray-100.button-wapasha:focus::after {
    border-color: #e5e5e5
}

.button-gray-100.button-wapasha:active,
.button-gray-100.button-wapasha:hover {
    color: #e5e5e5;
    background: 0 0
}

.button-gray-4,
.button-gray-4:focus {
    color: #151515;
    background-color: #f7f7f7;
    border-color: #f7f7f7
}

.button-gray-4:active,
.button-gray-4:hover {
    color: #fff;
    background-color: #151515;
    border-color: #151515
}

.button-gray-4.button-ujarak::before {
    background: #151515
}

.button-gray-4.button-pipaluk,
.button-gray-4.button-pipaluk:focus {
    background: 0 0
}

.button-gray-4.button-pipaluk::before,
.button-gray-4.button-pipaluk:focus::before {
    background: #f7f7f7;
    border-color: #151515
}

.button-gray-4.button-pipaluk::after,
.button-gray-4.button-pipaluk:focus::after {
    border-color: #151515
}

.button-gray-4.button-pipaluk:active,
.button-gray-4.button-pipaluk:hover {
    color: #151515;
    background: 0 0
}

.button-gray-4.button-wapasha,
.button-gray-4.button-wapasha:focus {
    color: #f7f7f7;
    background: 0 0
}

.button-gray-4.button-wapasha::before,
.button-gray-4.button-wapasha:focus::before {
    border-color: #f7f7f7
}

.button-gray-4.button-wapasha::after,
.button-gray-4.button-wapasha:focus::after {
    border-color: #151515
}

.button-gray-4.button-wapasha:active,
.button-gray-4.button-wapasha:hover {
    color: #151515;
    background: 0 0
}

.button-gray-7,
.button-gray-7:focus {
    color: #fff;
    background-color: #414141;
    border-color: #414141
}

.button-gray-7:active,
.button-gray-7:hover {
    color: #151515;
    background-color: #fff;
    border-color: #fff
}

.button-gray-7.button-ujarak::before {
    background: #fff
}

.button-gray-7.button-pipaluk,
.button-gray-7.button-pipaluk:focus {
    background: 0 0
}

.button-gray-7.button-pipaluk::before,
.button-gray-7.button-pipaluk:focus::before {
    background: #414141;
    border-color: #fff
}

.button-gray-7.button-pipaluk::after,
.button-gray-7.button-pipaluk:focus::after {
    border-color: #fff
}

.button-gray-7.button-pipaluk:active,
.button-gray-7.button-pipaluk:hover {
    color: #fff;
    background: 0 0
}

.button-gray-7.button-wapasha,
.button-gray-7.button-wapasha:focus {
    color: #414141;
    background: 0 0
}

.button-gray-7.button-wapasha::before,
.button-gray-7.button-wapasha:focus::before {
    border-color: #414141
}

.button-gray-7.button-wapasha::after,
.button-gray-7.button-wapasha:focus::after {
    border-color: #fff
}

.button-gray-7.button-wapasha:active,
.button-gray-7.button-wapasha:hover {
    color: #fff;
    background: 0 0
}

.button-gray-8,
.button-gray-8:focus {
    color: #fff;
    background-color: #353535;
    border-color: #353535
}

.button-gray-8:active,
.button-gray-8:hover {
    color: #fff;
    background-color: #eb6e6e;
    border-color: #eb6e6e
}

.button-gray-8.button-ujarak::before {
    background: #eb6e6e
}

.button-gray-8.button-pipaluk,
.button-gray-8.button-pipaluk:focus {
    background: 0 0
}

.button-gray-8.button-pipaluk::before,
.button-gray-8.button-pipaluk:focus::before {
    background: #353535;
    border-color: #eb6e6e
}

.button-gray-8.button-pipaluk::after,
.button-gray-8.button-pipaluk:focus::after {
    border-color: #eb6e6e
}

.button-gray-8.button-pipaluk:active,
.button-gray-8.button-pipaluk:hover {
    color: #eb6e6e;
    background: 0 0
}

.button-gray-8.button-wapasha,
.button-gray-8.button-wapasha:focus {
    color: #353535;
    background: 0 0
}

.button-gray-8.button-wapasha::before,
.button-gray-8.button-wapasha:focus::before {
    border-color: #353535
}

.button-gray-8.button-wapasha::after,
.button-gray-8.button-wapasha:focus::after {
    border-color: #eb6e6e
}

.button-gray-8.button-wapasha:active,
.button-gray-8.button-wapasha:hover {
    color: #eb6e6e;
    background: 0 0
}

.button-gray-11,
.button-gray-11:focus {
    color: #fff;
    background-color: #303233;
    border-color: #303233
}

.button-gray-11:active,
.button-gray-11:hover {
    color: #151515;
    background-color: #fff;
    border-color: #fff
}

.button-gray-11.button-ujarak::before {
    background: #fff
}

.button-gray-11.button-pipaluk,
.button-gray-11.button-pipaluk:focus {
    background: 0 0
}

.button-gray-11.button-pipaluk::before,
.button-gray-11.button-pipaluk:focus::before {
    background: #303233;
    border-color: #fff
}

.button-gray-11.button-pipaluk::after,
.button-gray-11.button-pipaluk:focus::after {
    border-color: #fff
}

.button-gray-11.button-pipaluk:active,
.button-gray-11.button-pipaluk:hover {
    color: #fff;
    background: 0 0
}

.button-gray-11.button-wapasha,
.button-gray-11.button-wapasha:focus {
    color: #303233;
    background: 0 0
}

.button-gray-11.button-wapasha::before,
.button-gray-11.button-wapasha:focus::before {
    border-color: #303233
}

.button-gray-11.button-wapasha::after,
.button-gray-11.button-wapasha:focus::after {
    border-color: #fff
}

.button-gray-11.button-wapasha:active,
.button-gray-11.button-wapasha:hover {
    color: #fff;
    background: 0 0
}

.button-gray-14,
.button-gray-14:focus {
    color: #fff;
    background-color: #2f2f2f;
    border-color: #2f2f2f
}

.button-gray-14:active,
.button-gray-14:hover {
    color: #151515;
    background-color: #fff;
    border-color: #fff
}

.button-gray-14.button-ujarak::before {
    background: #fff
}

.button-gray-14.button-pipaluk,
.button-gray-14.button-pipaluk:focus {
    background: 0 0
}

.button-gray-14.button-pipaluk::before,
.button-gray-14.button-pipaluk:focus::before {
    background: #2f2f2f;
    border-color: #fff
}

.button-gray-14.button-pipaluk::after,
.button-gray-14.button-pipaluk:focus::after {
    border-color: #fff
}

.button-gray-14.button-pipaluk:active,
.button-gray-14.button-pipaluk:hover {
    color: #fff;
    background: 0 0
}

.button-gray-14.button-wapasha,
.button-gray-14.button-wapasha:focus {
    color: #2f2f2f;
    background: 0 0
}

.button-gray-14.button-wapasha::before,
.button-gray-14.button-wapasha:focus::before {
    border-color: #2f2f2f
}

.button-gray-14.button-wapasha::after,
.button-gray-14.button-wapasha:focus::after {
    border-color: #fff
}

.button-gray-14.button-wapasha:active,
.button-gray-14.button-wapasha:hover {
    color: #fff;
    background: 0 0
}

.button-gray-31,
.button-gray-31:focus {
    color: #fff;
    background-color: #53575b;
    border-color: #53575b
}

.button-gray-31:active,
.button-gray-31:hover {
    color: #fff;
    background-color: #151515;
    border-color: #151515
}

.button-gray-31.button-ujarak::before {
    background: #151515
}

.button-gray-31.button-pipaluk,
.button-gray-31.button-pipaluk:focus {
    background: 0 0
}

.button-gray-31.button-pipaluk::before,
.button-gray-31.button-pipaluk:focus::before {
    background: #53575b;
    border-color: #151515
}

.button-gray-31.button-pipaluk::after,
.button-gray-31.button-pipaluk:focus::after {
    border-color: #151515
}

.button-gray-31.button-pipaluk:active,
.button-gray-31.button-pipaluk:hover {
    color: #151515;
    background: 0 0
}

.button-gray-31.button-wapasha,
.button-gray-31.button-wapasha:focus {
    color: #53575b;
    background: 0 0
}

.button-gray-31.button-wapasha::before,
.button-gray-31.button-wapasha:focus::before {
    border-color: #53575b
}

.button-gray-31.button-wapasha::after,
.button-gray-31.button-wapasha:focus::after {
    border-color: #151515
}

.button-gray-31.button-wapasha:active,
.button-gray-31.button-wapasha:hover {
    color: #151515;
    background: 0 0
}

.button-gray-32,
.button-gray-32:focus {
    color: #fff;
    background-color: #292929;
    border-color: #292929
}

.button-gray-32:active,
.button-gray-32:hover {
    color: #fff;
    background-color: #151515;
    border-color: #151515
}

.button-gray-32.button-ujarak::before {
    background: #151515
}

.button-gray-32.button-pipaluk,
.button-gray-32.button-pipaluk:focus {
    background: 0 0
}

.button-gray-32.button-pipaluk::before,
.button-gray-32.button-pipaluk:focus::before {
    background: #292929;
    border-color: #151515
}

.button-gray-32.button-pipaluk::after,
.button-gray-32.button-pipaluk:focus::after {
    border-color: #151515
}

.button-gray-32.button-pipaluk:active,
.button-gray-32.button-pipaluk:hover {
    color: #151515;
    background: 0 0
}

.button-gray-32.button-wapasha,
.button-gray-32.button-wapasha:focus {
    color: #292929;
    background: 0 0
}

.button-gray-32.button-wapasha::before,
.button-gray-32.button-wapasha:focus::before {
    border-color: #292929
}

.button-gray-32.button-wapasha::after,
.button-gray-32.button-wapasha:focus::after {
    border-color: #151515
}

.button-gray-32.button-wapasha:active,
.button-gray-32.button-wapasha:hover {
    color: #151515;
    background: 0 0
}

.button-default-outline,
.button-default-outline:focus {
    color: #151515;
    background-color: transparent;
    border-color: #151515
}

.button-default-outline:active,
.button-default-outline:hover {
    color: #fff;
    background-color: #79af96;
    border-color: #79af96
}

.button-default-outline.button-ujarak::before {
    background: #79af96
}

.button-default-outline.button-pipaluk,
.button-default-outline.button-pipaluk:focus {
    background: 0 0
}

.button-default-outline.button-pipaluk::before,
.button-default-outline.button-pipaluk:focus::before {
    background: 0 0;
    border-color: #79af96
}

.button-default-outline.button-pipaluk::after,
.button-default-outline.button-pipaluk:focus::after {
    border-color: #79af96
}

.button-default-outline.button-pipaluk:active,
.button-default-outline.button-pipaluk:hover {
    color: #79af96;
    background: 0 0
}

.button-default-outline.button-wapasha,
.button-default-outline.button-wapasha:focus {
    color: #151515;
    background: 0 0
}

.button-default-outline.button-wapasha::before,
.button-default-outline.button-wapasha:focus::before {
    border-color: #151515
}

.button-default-outline.button-wapasha::after,
.button-default-outline.button-wapasha:focus::after {
    border-color: #79af96
}

.button-default-outline.button-wapasha:active,
.button-default-outline.button-wapasha:hover {
    color: #79af96;
    background: 0 0
}

.button-default-outline-2,
.button-default-outline-2:focus {
    color: #151515;
    background-color: transparent;
    border-color: #151515
}

.button-default-outline-2:active,
.button-default-outline-2:hover {
    color: #fff;
    background-color: #eb6e6e;
    border-color: #eb6e6e
}

.button-default-outline-2.button-ujarak::before {
    background: #eb6e6e
}

.button-default-outline-2.button-pipaluk,
.button-default-outline-2.button-pipaluk:focus {
    background: 0 0
}

.button-default-outline-2.button-pipaluk::before,
.button-default-outline-2.button-pipaluk:focus::before {
    background: 0 0;
    border-color: #eb6e6e
}

.button-default-outline-2.button-pipaluk::after,
.button-default-outline-2.button-pipaluk:focus::after {
    border-color: #eb6e6e
}

.button-default-outline-2.button-pipaluk:active,
.button-default-outline-2.button-pipaluk:hover {
    color: #eb6e6e;
    background: 0 0
}

.button-default-outline-2.button-wapasha,
.button-default-outline-2.button-wapasha:focus {
    color: #151515;
    background: 0 0
}

.button-default-outline-2.button-wapasha::before,
.button-default-outline-2.button-wapasha:focus::before {
    border-color: #151515
}

.button-default-outline-2.button-wapasha::after,
.button-default-outline-2.button-wapasha:focus::after {
    border-color: #eb6e6e
}

.button-default-outline-2.button-wapasha:active,
.button-default-outline-2.button-wapasha:hover {
    color: #eb6e6e;
    background: 0 0
}

.button-white-outline,
.button-white-outline:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.button-white-outline:active,
.button-white-outline:hover {
    color: #fff;
    background-color: #79af96;
    border-color: #79af96
}

.button-white-outline.button-ujarak::before {
    background: #79af96
}

.button-white-outline.button-pipaluk,
.button-white-outline.button-pipaluk:focus {
    background: 0 0
}

.button-white-outline.button-pipaluk::before,
.button-white-outline.button-pipaluk:focus::before {
    background: 0 0;
    border-color: #79af96
}

.button-white-outline.button-pipaluk::after,
.button-white-outline.button-pipaluk:focus::after {
    border-color: #79af96
}

.button-white-outline.button-pipaluk:active,
.button-white-outline.button-pipaluk:hover {
    color: #79af96;
    background: 0 0
}

.button-white-outline.button-wapasha,
.button-white-outline.button-wapasha:focus {
    color: #fff;
    background: 0 0
}

.button-white-outline.button-wapasha::before,
.button-white-outline.button-wapasha:focus::before {
    border-color: #fff
}

.button-white-outline.button-wapasha::after,
.button-white-outline.button-wapasha:focus::after {
    border-color: #79af96
}

.button-white-outline.button-wapasha:active,
.button-white-outline.button-wapasha:hover {
    color: #79af96;
    background: 0 0
}

.button-ghost {
    border: 0;
    background-color: transparent
}

.button-ghost:hover {
    color: #fff;
    background: #79af96
}

.button-facebook,
.button-facebook:focus {
    color: #fff;
    background-color: #6576ad;
    border-color: #6576ad
}

.button-facebook:active,
.button-facebook:hover {
    color: #fff;
    background-color: #5668a2;
    border-color: #5668a2
}

.button-facebook.button-ujarak::before {
    background: #5668a2
}

.button-facebook.button-pipaluk,
.button-facebook.button-pipaluk:focus {
    background: 0 0
}

.button-facebook.button-pipaluk::before,
.button-facebook.button-pipaluk:focus::before {
    background: #6576ad;
    border-color: #5668a2
}

.button-facebook.button-pipaluk::after,
.button-facebook.button-pipaluk:focus::after {
    border-color: #5668a2
}

.button-facebook.button-pipaluk:active,
.button-facebook.button-pipaluk:hover {
    color: #5668a2;
    background: 0 0
}

.button-facebook.button-wapasha,
.button-facebook.button-wapasha:focus {
    color: #6576ad;
    background: 0 0
}

.button-facebook.button-wapasha::before,
.button-facebook.button-wapasha:focus::before {
    border-color: #6576ad
}

.button-facebook.button-wapasha::after,
.button-facebook.button-wapasha:focus::after {
    border-color: #5668a2
}

.button-facebook.button-wapasha:active,
.button-facebook.button-wapasha:hover {
    color: #5668a2;
    background: 0 0
}

.button-twitter,
.button-twitter:focus {
    color: #fff;
    background-color: #63bbe8;
    border-color: #63bbe8
}

.button-twitter:active,
.button-twitter:hover {
    color: #fff;
    background-color: #4db1e5;
    border-color: #4db1e5
}

.button-twitter.button-ujarak::before {
    background: #4db1e5
}

.button-twitter.button-pipaluk,
.button-twitter.button-pipaluk:focus {
    background: 0 0
}

.button-twitter.button-pipaluk::before,
.button-twitter.button-pipaluk:focus::before {
    background: #63bbe8;
    border-color: #4db1e5
}

.button-twitter.button-pipaluk::after,
.button-twitter.button-pipaluk:focus::after {
    border-color: #4db1e5
}

.button-twitter.button-pipaluk:active,
.button-twitter.button-pipaluk:hover {
    color: #4db1e5;
    background: 0 0
}

.button-twitter.button-wapasha,
.button-twitter.button-wapasha:focus {
    color: #63bbe8;
    background: 0 0
}

.button-twitter.button-wapasha::before,
.button-twitter.button-wapasha:focus::before {
    border-color: #63bbe8
}

.button-twitter.button-wapasha::after,
.button-twitter.button-wapasha:focus::after {
    border-color: #4db1e5
}

.button-twitter.button-wapasha:active,
.button-twitter.button-wapasha:hover {
    color: #4db1e5;
    background: 0 0
}

.button-google,
.button-google:focus {
    color: #fff;
    background-color: #eb6e6e;
    border-color: #eb6e6e
}

.button-google:active,
.button-google:hover {
    color: #fff;
    background-color: #e85858;
    border-color: #e85858
}

.button-google.button-ujarak::before {
    background: #e85858
}

.button-google.button-pipaluk,
.button-google.button-pipaluk:focus {
    background: 0 0
}

.button-google.button-pipaluk::before,
.button-google.button-pipaluk:focus::before {
    background: #eb6e6e;
    border-color: #e85858
}

.button-google.button-pipaluk::after,
.button-google.button-pipaluk:focus::after {
    border-color: #e85858
}

.button-google.button-pipaluk:active,
.button-google.button-pipaluk:hover {
    color: #e85858;
    background: 0 0
}

.button-google.button-wapasha,
.button-google.button-wapasha:focus {
    color: #eb6e6e;
    background: 0 0
}

.button-google.button-wapasha::before,
.button-google.button-wapasha:focus::before {
    border-color: #eb6e6e
}

.button-google.button-wapasha::after,
.button-google.button-wapasha:focus::after {
    border-color: #e85858
}

.button-google.button-wapasha:active,
.button-google.button-wapasha:hover {
    color: #e85858;
    background: 0 0
}

.button-shadow {
    box-shadow: 0 9px 21px 0 rgba(204, 204, 204, .15)
}

.button-shadow:hover {
    box-shadow: 0 9px 10px 0 rgba(204, 204, 204, .15)
}

.button-shadow:active,
.button-shadow:focus {
    box-shadow: none
}

.button-ujarak {
    position: relative;
    z-index: 0
}

.button-ujarak:disabled,
.button-ujarak[disabled] {
    border: 1px solid #999;
    background-color: #ccc;
    color: #666
}

.button-ujarak,
.button-ujarak::before {
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.button-ujarak::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 101%;
    background: #79af96;
    z-index: -1;
    opacity: 0;
    transform: scale3d(.7, 1, 1);
    transition: transform .42s, opacity .42s;
    border-radius: inherit
}

.button-ujarak {
    transition: background .4s .4s, border-color .4s 0s, color .2s 0s;
    background-color: #c15656;
    color: #fff;
    border: 0
}

.button-ujarak1,
.button-ujarak2 {
    background-color: #40e1d1
}

.button-ujarak1,
.button-ujarak2,
.button-ujarak:hover {
    transition: background .4s .4s, border-color .4s 0s, color .2s 0s
}

.button-ujarak:hover::before {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
}

.button-xs {
    padding: 8px 17px
}

.button-md,
.button-sm {
    padding: 5px 25px 3px;
    font-size: 12px;
    line-height: 1.5
}

.button-md {
    min-width: 140px;
    padding: 12px 23px 10px;
    font-size: 16px
}

.button-md.button-gradient,
.button-md.button-pipaluk,
.button-md.button-wapasha {
    padding: 14px 25px 12px
}

.button-lg {
    padding: 20px 33px 18px;
    line-height: 1.33
}

.button-lg.button-gradient,
.button-lg.button-pipaluk,
.button-lg.button-wapasha {
    padding: 22px 35px 20px
}

.button-xl {
    padding: 16px 50px 14px;
    font-size: 16px;
    line-height: 28px
}

@media (min-width:992px) {
    .button-xl {
        padding: 20px 80px
    }
}

.button-circle {
    border-radius: 30px
}

.button-round-1 {
    border-radius: 5px
}

.button-round-2 {
    border-radius: 10px
}

.button.button-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle
}

.button.button-icon .icon {
    position: relative;
    display: inline-block;
    top: -1px;
    vertical-align: middle;
    color: inherit;
    font-size: 14px;
    line-height: 1
}

.button.button-icon-left .icon {
    padding-right: 8px
}

.button.button-icon-right {
    flex-direction: row-reverse
}

.button.button-icon-right .icon {
    padding-left: 8px
}

.button.button-icon.button-link .icon {
    top: 5px;
    font-size: 1em
}

.button.button-icon.button-xs .icon {
    top: .05em;
    font-size: 1.2em;
    padding-right: 8px
}

.button.button-icon.button-xs .button-icon-right {
    padding-left: 8px
}

.button.button-icon.button-facebook .icon,
.button.button-icon.button-google .icon,
.button.button-icon.button-twitter .icon {
    font-size: 18px
}

.btn-primary {
    border-radius: 3px;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    transition: .33s
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background: #0c814b;
    border-color: #79af96;
    font-size: 30px;
    padding: 10px;
    margin-top: 30px;
    width: 290px
}

@media (min-width:760px) {

    .btn-primary,
    .btn-primary:active,
    .btn-primary:focus {
        color: #fff;
        background: #0c814b;
        border-color: #79af96;
        font-size: 30px;
        padding: 10px;
        margin-top: 30px;
        width: 290px
    }
}

.btn-primary:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

.button-pipaluk,
.button-wapasha {
    position: relative;
    overflow: visible;
    padding: 19px 35px 17px;
    border: 0;
    z-index: 1
}

.button-pipaluk::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all .3s ease-in-out
}

.button-pipaluk::after {
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease 0s;
    transform: scale(1.05);
    will-change: transform;
    z-index: -1
}

.button-pipaluk.button-circle::after,
.button-pipaluk.button-circle::before {
    border-radius: inherit
}

.button-pipaluk:active::before,
.button-pipaluk:hover::before {
    opacity: 0;
    visibility: hidden;
    transform: scale(.9);
    transition-duration: .2s
}

.button-pipaluk:active::after,
.button-pipaluk:hover::after {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-duration: .3s;
    transition-delay: .1s
}

.button-pipaluk::after,
.button-wapasha::after,
.button-wapasha::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 2px;
    border-style: solid
}

.button-wapasha::before {
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
    z-index: -1
}

.button-wapasha::after {
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease;
    transform: translate3d(8px, -8px, 0);
    will-change: transform;
    z-index: -1
}

.button-wapasha:active::before,
.button-wapasha:hover::before {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-8px, 8px, 0);
    transition-duration: .2s
}

.button-wapasha:active::after,
.button-wapasha:hover::after {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-duration: .3s
}

.button-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -14px;
    margin-left: -14px
}

.button-social:empty {
    margin-bottom: 0;
    margin-left: 0
}

.button-social>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 14px;
    margin-left: 14px;
    min-width: 175px;
    flex-grow: 1
}

.button-social *+.button {
    margin-top: 0
}

.button-width-170 {
    min-width: 170px
}

@media (min-width:1200px) {
    .button-width-xl-230 {
        min-width: 230px
    }

    .button-width-xl-310 {
        min-width: 310px
    }
}

.button-gradient {
    border: 0;
    padding: 19px 35px 17px;
    background-size: auto 200%
}

.button-primary-gradient {
    background-image: linear-gradient(to bottom, #44c093 0, #7fc292 50%, #44c093 100%);
    background-repeat: no-repeat
}

.button-primary-gradient,
.button-primary-gradient:focus {
    color: #fff;
    background-color: #79af96;
    border-color: transparent
}

.button-primary-gradient:active,
.button-primary-gradient:hover {
    color: #fff;
    background-color: #eb6e6e;
    border-color: transparent
}

.button-primary-gradient.button-ujarak::before {
    background: #eb6e6e
}

.button-primary-gradient.button-pipaluk,
.button-primary-gradient.button-pipaluk:focus {
    background: 0 0
}

.button-primary-gradient.button-pipaluk::before,
.button-primary-gradient.button-pipaluk:focus::before {
    background: #79af96;
    border-color: transparent
}

.button-primary-gradient.button-pipaluk::after,
.button-primary-gradient.button-pipaluk:focus::after,
.button-primary-gradient.button-wapasha::after,
.button-primary-gradient.button-wapasha::before,
.button-primary-gradient.button-wapasha:focus::after,
.button-primary-gradient.button-wapasha:focus::before {
    border-color: transparent
}

.button-primary-gradient.button-pipaluk:active,
.button-primary-gradient.button-pipaluk:hover {
    color: transparent;
    background: 0 0
}

.button-primary-gradient.button-wapasha,
.button-primary-gradient.button-wapasha:focus {
    color: transparent;
    background: 0 0
}

.button-primary-gradient.button-wapasha:active,
.button-primary-gradient.button-wapasha:hover {
    color: transparent;
    background: 0 0
}

.button-primary-gradient:active,
.button-primary-gradient:hover {
    background-position: 50% 100%
}

.rd-form {
    position: relative;
    text-align: left
}

.rd-form .button {
    min-width: 222px
}

@media (max-width:575px) {
    .rd-form .button {
        display: block;
        width: 100%
    }
}

.rd-form *+.button {
    margin-top: 33px
}

.rd-form-variant-2 .button {
    min-width: 256px
}

*+.rd-form {
    margin-top: 26px
}

.quote-classic+p,
p+.rd-form {
    margin-top: 30px
}

h3+img,
h5+.rd-form {
    margin-top: 40px
}

h4+.rd-form-variant-2 {
    margin-top: 34px
}

.row+.checkbox-inline {
    margin-top: 20px
}

*+p,
.form-wrap+.checkbox-inline {
    margin-top: 15px
}

input:-webkit-autofill~.form-validation,
input:-webkit-autofill~label {
    color: #000 !important
}

.form-wrap {
    position: relative
}

.form-wrap.has-error .form-input {
    border-color: #f5543f
}

.form-wrap.has-focus .form-input {
    border-color: #79af96
}

.form-wrap+* {
    margin-top: 20px
}

.form-input {
    display: block;
    width: 100%;
    min-height: 60px;
    padding: 17px 22px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .025em;
    color: #151515;
    background-color: #f7f7f7;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 1px solid #f7f7f7
}

.checkbox .checkbox-custom:focus,
.checkbox-inline .checkbox-custom:focus,
.form-input:focus,
.radio .radio-custom:focus,
.radio-inline .radio-custom:focus {
    outline: 0
}

.form-input-inverse {
    background-color: #fff;
    border-color: #e1e1e1
}

.form-input-price {
    border-bottom: 2px solid #79af96
}

.form-input-disabled {
    cursor: default
}

textarea.form-input {
    height: 156px;
    min-height: 60px;
    max-height: 265px;
    resize: vertical
}

textarea.textarea-lg {
    height: 206px;
    max-height: 350px;
    resize: vertical
}

.form-label {
    margin-bottom: 0;
    color: #151515
}

.form-label-outside {
    color: #151515;
    font-weight: 400
}

.form-label {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    padding-left: 22px;
    padding-right: 22px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .025em;
    pointer-events: none;
    text-align: left;
    z-index: 9;
    transition: .25s;
    transform: translate3d(0, -50%, 0);
    will-change: transform
}

.form-label.focus {
    opacity: 0
}

.form-label.auto-fill {
    color: #151515
}

.form-label-outside {
    width: 100%;
    margin-bottom: 4px
}

@media (min-width:768px) {
    .form-label-outside {
        position: static;
        transform: none
    }

    .form-label-outside.auto-fill,
    .form-label-outside.focus {
        transform: none
    }
}

.form-label-disabled {
    color: #9b9b9b
}

[data-x-mode=true] .form-label {
    pointer-events: auto
}

.form-output,
.form-validation {
    position: absolute;
    font-weight: 400;
    margin-top: 2px;
    transition: .3s
}

.form-validation {
    right: 8px;
    top: 0;
    z-index: 11;
    font-size: 9px;
    line-height: 12px;
    letter-spacing: 0;
    color: #f5543f
}

.form-validation-left .form-validation {
    top: 100%;
    right: auto;
    left: 0
}

#form-output-global {
    position: fixed;
    bottom: 30px;
    left: 15px;
    z-index: 2000;
    visibility: hidden;
    transform: translate3d(-500px, 0, 0);
    transition: .3s all ease
}

#form-output-global.active {
    visibility: visible;
    transform: translate3d(0, 0, 0)
}

@media (min-width:576px) {
    #form-output-global {
        left: 30px
    }
}

.form-output {
    top: 100%;
    left: 0;
    font-size: 10px;
    line-height: 1.2;
    opacity: 0;
    visibility: hidden
}

.form-output.active {
    opacity: 1;
    visibility: visible
}

.form-output.error {
    color: #f5543f
}

.form-output.success {
    color: #98bf44
}

.checkbox .checkbox-custom,
.checkbox-inline .checkbox-custom,
.radio .radio-custom,
.radio-inline .radio-custom,
.rd-navbar-project-hamburger.active .project-hamburger>span {
    opacity: 0
}

.radio .radio-custom {
    left: 0;
    width: 14px;
    height: 14px
}

.radio .radio-custom,
.radio .radio-custom-dummy {
    position: absolute;
    outline: 0;
    cursor: pointer
}

.radio-inline .radio-custom {
    left: 0;
    width: 14px;
    height: 14px
}

.radio-inline .radio-custom,
.radio-inline .radio-custom-dummy {
    position: absolute;
    outline: 0;
    cursor: pointer
}

.checkbox .checkbox-custom {
    left: 0;
    width: 14px;
    height: 14px
}

.checkbox .checkbox-custom,
.checkbox .checkbox-custom-dummy {
    position: absolute;
    outline: 0;
    cursor: pointer
}

.checkbox-inline .checkbox-custom {
    left: 0;
    width: 14px;
    height: 14px
}

.checkbox-inline .checkbox-custom,
.checkbox-inline .checkbox-custom-dummy {
    position: absolute;
    outline: 0;
    cursor: pointer
}

.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy,
.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy {
    pointer-events: none;
    background: #fff
}

.checkbox .checkbox-custom-dummy::after,
.checkbox-inline .checkbox-custom-dummy::after,
.radio .radio-custom-dummy::after,
.radio-inline .radio-custom-dummy::after {
    opacity: 0;
    transition: .22s
}

.checkbox input,
.checkbox-inline input,
.radio input,
.radio-inline input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0
}

.checkbox-custom:checked+.checkbox-custom-dummy:after,
.radio-custom:checked+.radio-custom-dummy:after {
    opacity: 1
}

.radio,
.radio-inline {
    position: relative;
    font-size: 18px;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    cursor: pointer
}

.radio-inline {
    padding-left: 32px
}

.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy,
.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy {
    top: -4px;
    left: 0;
    width: 21px;
    height: 21px;
    margin: 0;
    color: #79af96;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    background: #fefefe
}

.checkbox .checkbox-custom-dummy::after,
.checkbox-inline .checkbox-custom-dummy::after,
.radio .radio-custom-dummy::after,
.radio-inline .radio-custom-dummy::after {
    content: "";
    font-family: "Material Design Icons";
    position: absolute;
    top: -3px;
    left: -2px;
    font-size: 24px;
    line-height: 1
}

.checkbox,
.checkbox-inline {
    position: relative;
    letter-spacing: .025em;
    color: #9b9b9b;
    cursor: pointer;
    display: contents
}

.checkbox-inline {
    padding-left: 32px
}

.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
    top: 2px
}

.toggle-custom {
    padding-left: 60px;
    -webkit-appearance: none
}

.toggle-custom:checked~.checkbox-custom-dummy::after {
    background: #79af96;
    transform: translate(20px, -50%)
}

.toggle-custom~.checkbox-custom-dummy {
    position: relative;
    display: inline-block;
    margin-top: -1px;
    width: 44px;
    height: 20px;
    background: #f7f7f7;
    cursor: pointer
}

.toggle-custom~.checkbox-custom-dummy::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    background: #b7b7b7;
    transform: translate(4px, -50%);
    opacity: 1;
    transition: .22s
}

.rd-form-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    text-align: center;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto
}

.rd-form-inline>* {
    margin-top: 0
}

.rd-form-inline .form-wrap {
    width: 100%
}

.rd-form-inline .form-wrap-select {
    text-align: left
}

.rd-form-inline .form-button {
    flex-grow: 1;
    flex-shrink: 0;
    min-height: 60px;
    margin-top: 10px
}

.rd-form-inline .form-button .button {
    display: block;
    min-height: inherit;
    min-width: auto;
    width: 100%
}

.rd-form-inline.rd-search,
img {
    max-width: 100%
}

@media (min-width:576px) {
    .rd-form-inline .form-wrap {
        flex: 1;
        min-width: 185px
    }

    .rd-form-inline .form-button {
        flex-grow: 0;
        margin-top: 0;
        margin-left: 7px
    }

    .rd-form-inline .form-button .button {
        display: inline-block
    }

    .rd-form-inline.rd-form-coupon .form-button {
        margin-left: 18px
    }
}

.form-sm .button,
.form-sm .form-input {
    padding-top: 9px;
    padding-bottom: 9px;
    min-height: 40px
}

.form-sm .form-validation {
    top: -16px
}

.form-sm .form-label {
    top: 20px
}

.form-sm *+.button {
    margin-top: 10px
}

.form-lg .form-label {
    font-size: 16px
}

.form-lg .form-input,
.form-lg .select2-container .select2-choice {
    font-size: 16px;
    padding-top: 17px;
    padding-bottom: 17px;
    min-height: 58px
}

.form-lg .form-button {
    min-height: 60px
}

.form-lg .form-label {
    top: 30px
}

.form-wrap-recaptcha {
    display: inline-block
}

@media (max-width:575px) {
    .recaptcha iframe {
        transform: scale(.95);
        transform-origin: 0 50%;
        will-change: transform
    }

    .form-wrap-recaptcha .form-validation {
        right: 22px
    }
}

.section-big-margin {
    margin: 150px auto;
    background-image: url(../images/headerbild.jpg);
    background-size: 10%;
    height: 830px
}

.form-control {
    display: block;
    width: 100%;
    padding: 17px 33px;
    font-size: 14px;
    line-height: 1.34;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin: 14px 0 !important
}

.rd-form-coupon .form-wrap {
    flex-shrink: 0
}

.rd-form-coupon .form-button {
    min-width: 212px
}

.rd-form-coupon .form-label {
    padding-left: 32px
}

.rd-form-coupon .form-input {
    min-width: 266px;
    padding-left: 32px
}

@media (min-width:576px) {
    .rd-form-coupon {
        max-width: none;
        min-width: 496px
    }
}

.box-form {
    text-align: center;
    padding: 30px 20px;
    background: #f7f7f7
}

.box-form .form-input:not(.select-filter) {
    min-height: 50px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #fff;
    border-color: #e1e1e1
}

.box-form .form-input.form-input-price {
    border-bottom-color: #79af96;
    padding-bottom: 11px
}

.box-form .form-label {
    top: 25px
}

.box-form .form-label span {
    font-size: 12px;
    color: #9b9b9b
}

.box-form textarea.form-input {
    height: 116px;
    max-height: 197px
}

.box-form .button.button-ujarak:not([class*=button-secondary]) {
    color: #fff
}

.box-form .button.button-ujarak:not([class*=button-secondary])::before {
    background: #eb6e6e
}

.box-form .button.button-ujarak:not([class*=button-secondary]):active,
.box-form .button.button-ujarak:not([class*=button-secondary]):hover,
.context-dark .button.button-ujarak:not([class*=button-secondary]):active,
.context-dark .button.button-ujarak:not([class*=button-secondary]):hover {
    border-color: #eb6e6e
}

.box-form .form-wrap+* {
    margin-top: 10px
}

.box-form *+.rd-form,
.box-form .row+.button {
    margin-top: 16px
}

.box-form-title {
    letter-spacing: .05em
}

.box-form-text {
    color: #9b9b9b
}

@media (min-width:576px) {
    .box-form {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:992px) {
    .box-form *+.rd-form {
        margin-top: 16px
    }
}

@media (min-width:1200px) {
    .box-form {
        padding: 50px 60px
    }

    .box-form-text {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }
}

.post {
    text-align: center
}

@media (min-width:600px) {
    .post {
        text-align: left
    }
}

.post-modern-figure {
    position: relative;
    overflow: hidden;
    display: block
}

.post-modern-figure img,
.thumbnail-classic-figure img {
    width: 100%;
    transition: all .3s ease
}

.post-modern-time {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 10px 0 1px;
    color: #79af96;
    font-size: 20px;
    line-height: .5;
    letter-spacing: .025em;
    text-transform: uppercase;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: #fff
}

.post-modern-time::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background: inherit;
    transform: translate3d(0, -100%, 0) skewX(30deg);
    transform-origin: 50% 100%;
    will-change: transform
}

.post-modern-time .post-modern-time-number {
    font-size: 1em
}

.post-modern-time *+.post-modern-time-month {
    margin-left: 8px
}

.post-modern-text {
    letter-spacing: .025em;
    color: #9b9b9b
}

@media (min-width:992px) {
    .desktop .post-modern-figure img {
        transform: scale(1.1);
        will-change: transform
    }

    .desktop .post-modern:hover .post-modern-figure img {
        transform: none
    }
}

@media (min-width:768px) {
    .post-modern-time {
        padding-top: 17px;
        font-size: 24px
    }
}

*+.post-modern-title {
    margin-top: 26px
}

*+.post-modern-text {
    margin-top: 12px
}

.quote-classic {
    position: relative;
    text-align: left;
    padding-top: 35px
}

.quote-classic-text {
    font-size: 20px;
    line-height: 1.625;
    letter-spacing: .025em
}

.quote-classic-text::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "“";
    font-size: 70px;
    line-height: 1;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #53d391
}

.quote-classic-cite {
    color: #eb6e6e
}

.quote-classic-big {
    padding-top: 40px
}

.quote-classic-big .quote-classic-text {
    line-height: 1.5
}

.quote-classic-big .quote-classic-text::before {
    font-size: 90px
}

*+.quote-classic,
.footer-brand+p {
    margin-top: 22px
}

*+.quote-classic-cite {
    margin-top: 16px
}

.post-classic+.quote-classic {
    margin-top: 20px
}

.quote-classic+.quote-classic {
    margin-top: 30px
}

@media (min-width:768px) {
    .quote-classic {
        padding-top: 0;
        padding-left: 40px
    }

    .quote-classic-text {
        font-size: 24px
    }

    .quote-classic-text::before {
        top: 2px;
        left: -4px;
        font-size: 91px
    }

    .quote-classic-big {
        padding-left: 70px
    }

    .quote-classic-big .quote-classic-text::before {
        top: -8px;
        left: 1px;
        font-size: 129px
    }

    .post-classic+.quote-classic {
        margin-top: 40px
    }
}

.quote-modern {
    position: relative;
    text-align: left;
    padding: 30px 15px;
    letter-spacing: .025em;
    background: #fff;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .15))
}

.quote-modern::before {
    position: absolute;
    content: "";
    top: calc(100% - 10px);
    left: 60px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 34px 34px 0 0;
    border-color: #fff transparent transparent
}

.quote-modern-2 .quote-modern-status {
    color: #79af96
}

.quote-modern-figure {
    display: inline-block
}

.quote-modern-cite {
    font-weight: 400;
    letter-spacing: .075em
}

.quote-modern-status {
    color: #eb6e6e
}

*+.quote-modern-status {
    margin-top: 0
}

*+.quote-modern-text {
    margin-top: 12px
}

@media (min-width:576px) {
    .quote-modern {
        padding: 40px 20px
    }
}

@media (min-width:992px) {
    .quote-modern {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1200px) {
    .quote-modern {
        padding: 52px 45px 44px
    }

    .quote-modern-custom {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1600px) {
    .quote-modern-custom {
        padding-left: 45px;
        padding-right: 45px
    }
}

.ie-10 .quote-modern,
.ie-11 .quote-modern,
.ie-edge .quote-modern {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .17)
}

.ie-10 .quote-modern::before,
.ie-11 .quote-modern::before,
.ie-edge .quote-modern::before {
    top: 100%;
    border-width: 24px 24px 0 0;
    z-index: 1
}

.ie-10 .quote-modern::after,
.ie-11 .quote-modern::after,
.ie-edge .quote-modern::after {
    position: absolute;
    content: "";
    top: calc(100% + 2px);
    left: 58px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 28px 28px 0 0;
    border-color: rgba(0, 0, 0, .04) transparent transparent;
    z-index: 0
}

.quote-lisa {
    text-align: center;
    padding: 30px 10px;
    letter-spacing: .025em;
    background: #fff;
    box-shadow: 2px 3px 6px 0 rgba(0, 0, 0, .17)
}

.quote-lisa-2 .quote-lisa-cite a:hover,
.quote-lisa-2 .quote-lisa-text::after,
.quote-lisa-2 .quote-lisa-text::before {
    color: #79af96
}

.quote-lisa-2 .quote-lisa-status {
    color: #f37877
}

*+.quote-lisa-status {
    margin-top: 0
}

*+.quote-lisa-text {
    margin-top: 18px
}

*+.quote-lisa-cite {
    margin-top: 26px
}

@media (min-width:576px) {
    .quote-lisa {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:992px) {
    .quote-lisa {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.quote-jean {
    position: relative;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    background-image: url(../images/quote-jean.png);
    background-repeat: no-repeat;
    background-position: 50%0
}

*+.quote-jean {
    margin-top: 16px
}

.quote-jean+.isotope-filters {
    margin-top: 35px
}

.thumbnail {
    position: relative
}

.thumbnail-xxs {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto
}

.thumbnail-md,
.thumbnail-sm,
.thumbnail-xs {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto
}

.thumbnail-md,
.thumbnail-sm {
    max-width: 370px
}

.thumbnail-md {
    max-width: 450px;
    max-height: 729px;
    height: 190px
}

.thumbnail-lg,
.thumbnail-xl {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto
}

.thumbnail-xl {
    max-width: 870px
}

.thumbnail-classic {
    text-align: left;
    overflow: hidden
}

.thumbnail-classic-figure {
    display: block
}

.thumbnail-classic-caption {
    text-align: center;
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    padding: 10px 15px;
    min-width: 230px;
    transform: translate3d(-50%, 0, 0);
    background: #fff;
    pointer-events: none;
    transition: all .3s ease
}

.thumbnail-classic-caption>[class*=thumbnail-classic-] {
    pointer-events: auto
}

.thumbnail-classic-title-wrap>* {
    display: inline-block;
    vertical-align: middle
}

.thumbnail-classic-title-wrap .icon {
    margin-top: 3px;
    margin-right: 16px;
    font-size: 26px
}

.thumbnail-classic-title-wrap .icon img {
    display: none
}

.thumbnail-classic-title-wrap .icon,
.thumbnail-classic-title-wrap .icon:active,
.thumbnail-classic-title-wrap .icon:focus {
    color: #151515
}

.thumbnail-classic-title-wrap .icon:hover {
    color: #eb6e6e
}

.footer-classic-2 .footer-list-category a:hover,
.thumbnail-classic-title {
    color: #79af96
}

.thumbnail-classic-title a,
.thumbnail-classic-title a:active,
.thumbnail-classic-title a:focus {
    color: inherit
}

.thumbnail-classic-title a:hover {
    color: #eb6e6e
}

.thumbnail-classic-text {
    display: none
}

@media (max-width:575px) {
    .thumbnail-custom-mobile {
        min-height: 300px
    }

    .thumbnail-custom-mobile a {
        min-height: inherit
    }

    .thumbnail-custom-mobile img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-height: 100%;
        min-width: 100%;
        width: auto;
        height: auto;
        max-width: none
    }

    @supports (object-fit:cover) {
        .thumbnail-custom-mobile img {
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transform: none;
            object-fit: cover;
            object-position: center center
        }
    }
}

@media (min-width:992px) {
    .desktop .thumbnail-classic-figure img {
        transform: scale(1.1);
        will-change: transform
    }

    .desktop .thumbnail-classic-caption {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        text-align: inherit;
        padding: 20px;
        top: 20px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        opacity: 0;
        visibility: hidden;
        transform: translate3d(-20px, -20px, 0);
        will-change: transform
    }

    .desktop .thumbnail-classic-title-wrap .icon {
        margin-right: 24px;
        font-size: 36px
    }

    .desktop .thumbnail-classic-text {
        display: block;
        font-size: 13px;
        width: 100%
    }

    .desktop .thumbnail-classic:hover .thumbnail-classic-figure img {
        transform: none
    }

    .desktop .thumbnail-classic:hover .thumbnail-classic-caption {
        opacity: 1;
        visibility: visible;
        transform: none
    }
}

@media (min-width:1200px) {
    .desktop .thumbnail-classic-caption {
        padding: 30px
    }

    .desktop .thumbnail-classic-text {
        font-size: inherit
    }
}

@media (min-width:1800px) {
    .thumbnail-md .thumbnail-classic-caption {
        padding-left: 40px;
        padding-right: 40px
    }
}

*+.thumbnail-classic-text {
    margin-top: 14px
}

.thumbnail-mary {
    text-align: center;
    overflow: hidden;
    transition: all .3s ease
}

.thumbnail-mary::after,
.thumbnail-mary::before {
    position: absolute;
    content: "";
    transition: inherit;
    pointer-events: none
}

.thumbnail-mary::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(25, 24, 24, .45);
    z-index: 1
}

.thumbnail-mary::after {
    display: inline-block;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid rgba(255, 255, 255, .5);
    z-index: 1
}

.thumbnail-mary-2::after,
.thumbnail-mary-caption .icon img {
    display: none
}

.thumbnail-mary-2 .thumbnail-mary-caption .icon:hover {
    color: #6ee2aa
}

.thumbnail-mary-3::before {
    background: rgba(26, 43, 66, .37)
}

.thumbnail-xxs .thumbnail-mary-caption .icon {
    font-size: 30px
}

.thumbnail-mary-figure {
    display: block
}

.thumbnail-mary-figure img {
    width: 100%;
    transition: all .3s ease
}

.thumbnail-mary-caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 1
}

.thumbnail-mary-caption>* {
    pointer-events: auto
}

.thumbnail-mary-caption .icon {
    font-size: 36px
}

.thumbnail-mary-caption .icon,
.thumbnail-mary-caption .icon:active,
.thumbnail-mary-caption .icon:focus {
    color: #fff
}

.thumbnail-mary-caption .icon:hover {
    color: rgba(255, 255, 255, .5)
}

.thumbnail-mary-title {
    color: #fff
}

.thumbnail-mary-title a,
.thumbnail-mary-title a:active,
.thumbnail-mary-title a:focus {
    color: inherit
}

.thumbnail-mary-title a:hover {
    color: #6ee2aa
}

.thumbnail-mary-project {
    font-weight: 400
}

.thumbnail-mary-time {
    font-weight: 400;
    color: #79af96
}

.owl-timeline .thumbnail-mary-decor {
    display: inline-block;
    position: relative;
    margin: 15px 0 14px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #79af96
}

.owl-timeline .thumbnail-mary-decor::after,
.owl-timeline .thumbnail-mary-decor::before {
    display: inline-block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    transform: none;
    visibility: visible
}

.owl-timeline .thumbnail-mary-decor::before {
    background: rgba(80, 186, 135, .5);
    animation: item1B 1s ease infinite
}

.owl-timeline .thumbnail-mary-decor::after {
    background: rgba(80, 186, 135, .3);
    animation: item1A 1s ease infinite
}

@media (min-width:992px) {
    .desktop .thumbnail-mary::before {
        opacity: 0;
        visibility: hidden
    }

    .desktop .thumbnail-mary::after {
        transform: scale(.85);
        opacity: 0;
        visibility: hidden
    }

    .desktop .thumbnail-mary-figure img {
        transform: scale(1.2);
        will-change: transform
    }

    .desktop .thumbnail-mary-caption .icon,
    .desktop .thumbnail-mary-title {
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease
    }

    .desktop .thumbnail-mary-caption .icon {
        transform: translate3d(0, -10px, 0)
    }

    .desktop .thumbnail-mary-title {
        transform: translate3d(0, 10px, 0)
    }

    .desktop .thumbnail-mary:hover::before {
        opacity: 1;
        visibility: visible
    }

    .desktop .thumbnail-mary:hover .icon,
    .desktop .thumbnail-mary:hover .thumbnail-mary-title,
    .desktop .thumbnail-mary:hover::after {
        opacity: 1;
        visibility: visible;
        transform: none
    }

    .desktop .thumbnail-mary:hover .thumbnail-mary-figure img {
        transform: none
    }

    .desktop .owl-timeline:hover .thumbnail-mary-decor::after,
    .desktop .owl-timeline:hover .thumbnail-mary-decor::before {
        animation: none
    }

    .desktop .owl-timeline:hover .owl-stage>.owl-item:hover .thumbnail-mary-decor::before {
        animation: item1B 1s ease infinite
    }

    .desktop .owl-timeline:hover .owl-stage>.owl-item:hover .thumbnail-mary-decor::after {
        animation: item1A 1s ease infinite
    }
}

*+.thumbnail-mary-title {
    margin-top: 16px
}

*+.thumbnail-mary-description {
    margin-top: 30px
}

.breadcrumbs-custom {
    max-width: 1370px;
    margin: 0 auto
}

.breadcrumbs-custom1 {
    text-align: center
}

.breadcrumbs-custom-path {
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.breadcrumbs-custom-path>* {
    padding-left: 15px;
    padding-right: 15px
}

.breadcrumbs-custom-path a {
    display: inline;
    vertical-align: middle
}

.breadcrumbs-custom-path a,
.breadcrumbs-custom-path a:active,
.breadcrumbs-custom-path a:focus {
    color: #6ee2aa
}

.breadcrumbs-custom-path li {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.breadcrumbs-custom-path li::after {
    content: "/";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -8px;
    color: rgba(255, 255, 255, .53);
    transform: translate3d(0, -50%, 0)
}

.breadcrumbs-custom-path li:last-child:after {
    display: none
}

.breadcrumbs-custom-path a:hover {
    color: #fff
}

.breadcrumbs-custom-path li.active {
    color: rgba(255, 255, 255, .53)
}

*+.breadcrumbs-custom-path {
    margin-top: 14px
}

@media (min-width:576px) {
    *+.breadcrumbs-custom-path {
        margin-top: 18px
    }
}

@media (min-width:1200px) {
    .breadcrumbs-custom {
        padding: 150px 0
    }
}

.breadcrumbs-custom-inset-login form,
.breadcrumbs-custom-inset-login1 form {
    max-width: 600px;
    margin: 20px auto;
    background-image: url(/images/headerbild.jpg)
}

.breadcrumbs-custom-inset-login {
    display: initial;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px
}

.breadcrumbs-custom-inset {
    display: none
}

@media (min-width:1100px) {
    .breadcrumbs-custom-inset {
        display: contents;
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 75px;
        padding-right: 75px
    }
}

.breadcrumbs-custom-inset-login1 {
    display: initial;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 75px;
    padding-right: 75px
}

@media (min-width:1100px) {
    .breadcrumbs-custom-inset1 {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 75px;
        padding-right: 75px
    }
}

.snackbars {
    padding: 9px 16px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: left;
    background-color: #151515;
    border-radius: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .15);
    font-size: 14px
}

.snackbars .icon-xxs {
    font-size: 18px
}

.snackbars p span:last-child {
    padding-left: 14px
}

.snackbars-left {
    display: inline-block;
    margin-bottom: 0
}

.snackbars-right {
    display: inline-block;
    float: right;
    text-transform: uppercase
}

.snackbars-right:hover {
    text-decoration: underline
}

@media (min-width:576px) {
    .snackbars {
        max-width: 540px;
        padding: 12px 15px;
        font-size: 15px
    }
}

.footer-classic {
    color: rgba(255, 255, 255, .3);
    overflow: hidden;
    width: 95%
}

@media (min-width:480px) {
    .footer-classic {
        color: rgba(255, 255, 255, .3);
        overflow: hidden;
        width: 100%
    }
}

.footer-classic [class*=heading-],
.footer-classic h1,
.footer-classic h2,
.footer-classic h3,
.footer-classic h4,
.footer-classic h5,
.footer-classic h6 {
    color: rgba(255, 255, 255, .15)
}

.footer-classic .contact-classic-title {
    color: #6fd3a3;
    font-size: 25px
}

.footer-classic .contact-classic-link {
    color: #fff
}

.footer-bottom-panel {
    padding-top: 30px;
    padding-bottom: 30px
}

.footer-classic-2 .box-footer {
    background: #181f2c
}

.footer-classic-2 .footer-list-category a:hover span::before {
    border-right-color: #79af96
}

.footer-classic-2 .footer-list-category a:hover span::after {
    background-color: #79af96
}

.box-footer {
    text-align: left;
    min-height: 100%;
    padding: 40px 15px;
    letter-spacing: .025em;
    background: #2c2e31
}

.box-footer input[type=text] {
    width: 100% !important
}

.box-footer a,
.box-footer a:active,
.box-footer a:focus {
    color: #fff
}

.box-footer a:hover {
    color: #eb6e6e
}

.box-footer .form-wrap+* {
    margin-top: 12px
}

.box-footer *+.rd-form {
    margin-top: 20px
}

.box-footer .form-validation {
    color: #fff
}

.box-footer .form-label {
    top: 32px;
    font-size: 16px;
    color: #fff
}

.box-footer .form-input {
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
    border: 0;
    color: #fff;
    background: rgba(255, 255, 255, .06)
}

.box-footer textarea.form-input {
    height: 160px
}

.box-footer .button.button-ujarak::before {
    background: #fff
}

.box-footer .button.button-ujarak:active,
.box-footer .button.button-ujarak:hover {
    color: #151515;
    border-color: #fff
}

.box-footer-small {
    padding-top: 45px;
    text-align: center
}

@media (min-width:500px) {
    .box-footer-small {
        padding-top: 45px
    }
}

.contact-classic .unit-left {
    min-width: 45px
}

.contact-classic a {
    display: inline-block
}

.contact-classic-item {
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.contact-classic-title {
    margin-top: 2px;
    letter-spacing: .025em;
    color: #6fd3a3
}

.contact-classic-link {
    color: #fff
}

*+.contact-classic {
    margin-top: 3px
}

@media (min-width:480px) {
    .box-footer {
        padding: 40px 30px
    }
}

@media (min-width:992px) {
    .box-footer *+.rd-form {
        margin-top: 8px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .box-footer {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:1800px) {
    .box-footer {
        padding: 60px 60px 50px
    }
}

.box-footer-2 {
    text-align: left;
    padding: 30px 20px;
    min-height: 100%;
    background: #fff;
    border: 1px solid #e1e1e1
}

.box-footer-2 .footer-contacts .icon {
    color: #79af96
}

.box-footer-form {
    padding: 30px 20px;
    background: #79af96
}

.box-footer-form .form-input {
    min-height: 50px;
    padding-top: 12px;
    padding-bottom: 12px
}

.box-footer-form .form-label {
    top: 25px
}

.box-footer-form textarea.form-input {
    height: 116px;
    max-height: 197px
}

.box-footer-form .button {
    min-width: auto;
    padding-left: 20px;
    padding-right: 20px
}

.box-footer-form .form-wrap+* {
    margin-top: 10px
}

.ios .box-footer-form .form-label,
.ipad .box-footer-form .form-label,
.iphone .box-footer-form .form-label,
.mac-os .box-footer-form .form-label {
    top: 13px;
    transform: none
}

.box-footer-2-text,
.box-footer-2-title {
    letter-spacing: .025em
}

.box-footer-2-text {
    color: #9b9b9b
}

*+.box-footer-2-text {
    margin-top: 8px
}

@media (min-width:768px) {
    .box-footer-2 {
        border: 0
    }
}

@media (min-width:992px) {
    .box-footer-2 {
        padding: 35px 30px 25px
    }

    .box-footer-2 .footer-contacts li+li {
        margin-top: 28px
    }

    .box-footer-form {
        padding: 35px 25px
    }

    .box-footer-2-text+.footer-contacts {
        margin-top: 40px
    }
}

@media (min-width:1200px) {
    .box-footer-2-text+.footer-contacts {
        margin-top: 50px
    }
}

.footer-social-list .icon {
    position: relative;
    text-align: center;
    width: 46px;
    height: 46px;
    font-size: 20px;
    line-height: 46px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 4px #3a3e43;
    transition: color .3s;
    z-index: 1
}

.footer-social-list .icon,
.footer-social-list .icon:active,
.footer-social-list .icon:focus {
    color: #fff
}

.footer-social-list .icon:hover {
    color: #6fd3a3
}

.footer-social-list .icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 50%;
    background: #3a3e43;
    pointer-events: none;
    transition: transform .2s, opacity .3s;
    z-index: -1
}

.footer-social-list .icon:hover:after {
    opacity: 0;
    transform: scale(1.3)
}

*+.footer-social-list {
    margin-top: 26px
}

@media (min-width:480px) {
    .footer-social-list .icon {
        width: 56px;
        height: 56px;
        font-size: 25px;
        line-height: 56px
    }
}

.footer-list-category li {
    font-weight: 400;
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.footer-list-category li:first-child {
    border-top: 1px solid rgba(255, 255, 255, .15)
}

.footer-list-category a {
    position: relative;
    display: block;
    padding: 22px 40px 20px 2px;
    transition: color .3s ease-in-out, all .3s ease
}

.footer-list-category a,
.footer-list-category a:active,
.footer-list-category a:focus {
    color: #fff
}

.footer-list-category a:hover {
    color: #6fd3a3;
    letter-spacing: .1em
}

.footer-list-category a span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 38%;
    right: 0;
    font-size: 0;
    line-height: 0;
    padding-left: 6px;
    padding-right: 6px
}

.footer-list-category a span::after,
.footer-list-category a span::before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    transition: all .2s ease-in-out
}

.footer-list-category a span::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 10px 6px 0;
    border-color: transparent rgba(255, 255, 255, .1) transparent transparent
}

.footer-list-category a span::after {
    width: 0;
    height: 2px;
    background-color: rgba(255, 255, 255, .1)
}

.footer-list-category a:hover span::before {
    border-right-color: #6fd3a3
}

.footer-list-category a:hover span::after {
    width: 30px;
    margin-left: 7px;
    background-color: #6fd3a3
}

*+.footer-list-category {
    margin-top: 20px
}

@media (min-width:480px) {
    .footer-list-category a {
        padding-right: 160px
    }

    .footer-list-category a:hover {
        letter-spacing: .2em
    }

    .footer-list-category a:hover span::after {
        width: 123px
    }
}

@media (min-width:992px) {
    *+.footer-list-category {
        margin-top: 8px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .footer-list-category a {
        padding-right: 130px
    }

    .footer-list-category a:hover {
        letter-spacing: .15em
    }

    .footer-list-category a:hover span::after {
        width: 90px
    }

    .footer-list-category .heading-5 {
        font-size: 20px
    }
}

.footer-variant-2 {
    text-align: center;
    letter-spacing: .025em
}

.footer-variant-2 .form-input,
.footer-variant-2 .form-label {
    text-align: center
}

.footer-variant-2 .rights {
    font-size: 12px
}

.footer-variant-2 .rd-form *+.button {
    margin-top: 10px
}

.footer-variant-2 *+.rd-form {
    margin-top: 25px
}

.footer-variant-2 *+.group-lg {
    margin-top: 30px
}

.footer-variant-2 *+.row {
    margin-top: 24px
}

.footer-variant-2 *+.footer-contacts {
    margin-top: 22px;
    padding-top: 32px;
    border-top: 1px solid #d7d7d7
}

@media (min-width:768px) {
    .footer-variant-2 {
        text-align: left
    }
}

.footer-variant-2-content {
    padding: 50px 0
}

@media (min-width:768px) {
    .footer-variant-2-content {
        padding-top: 65px;
        padding-bottom: 65px
    }
}

.footer-variant-2-bottom-panel {
    padding: 30px 0
}

.footer-contacts {
    text-align: left;
    font-size: 0;
    line-height: 0
}

.footer-contacts .icon {
    vertical-align: middle;
    text-align: left;
    min-width: 21px;
    font-size: 24px;
    line-height: 24px;
    color: #eb6e6e
}

.footer-contacts .fa-envelope {
    font-size: 20px
}

.footer-contacts .fa-clock-o {
    font-size: 22px
}

.footer-contacts .link-phone {
    font-size: 18px;
    line-height: 1.34;
    letter-spacing: .025em
}

.footer-contacts .link-location {
    max-width: 192px
}

.footer-contacts a,
.footer-contacts p {
    font-size: 14px;
    line-height: 1.72;
    letter-spacing: .025em
}

.footer-contacts a {
    display: inline-block;
    vertical-align: middle
}

.footer-contacts a,
.footer-contacts a:active,
.footer-contacts a:focus {
    color: #151515
}

.footer-contacts a:hover {
    color: #79af96
}

.footer-contacts li+li {
    margin-top: 18px
}

*+.footer-contacts {
    margin-top: 28px
}

.footer-social-list-2 .icon,
.uploaded-area i.fa-check {
    font-size: 16px
}

.footer-social-list-2 a,
.footer-social-list-2 a:active,
.footer-social-list-2 a:focus {
    color: #151515
}

.footer-social-list-2 a:hover {
    color: #f37877
}

.footer-modern {
    background: #404040
}

.footer-modern .footer-variant-2-bottom-panel {
    background: #363636
}

.footer-creative {
    background: #383b40
}

.footer-creative .footer-variant-2-bottom-panel {
    background: #2f3439
}

.footer-link-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 12px;
    line-height: 2;
    font-weight: 500;
    margin-bottom: -5px;
    margin-left: -20px
}

.footer-link-list:empty {
    margin-bottom: 0;
    margin-left: 0
}

.footer-link-list>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: 20px
}

.footer-link-list a,
.footer-link-list a:active,
.footer-link-list a:focus {
    color: #151515
}

.footer-link-list a:hover {
    color: #eb6e6e
}

@media (min-width:768px) {
    .footer-link-list {
        justify-content: flex-start
    }
}

@media (min-width:992px) {
    .footer-link-list {
        justify-content: space-between
    }
}

.footer-corporate {
    text-align: center;
    background: #404548
}

.footer-corporate .footer-contacts .link-phone {
    font-size: 14px;
    line-height: 1.72
}

.footer-corporate .footer-contacts a {
    letter-spacing: .05em
}

.footer-corporate .footer-contacts .link-location {
    letter-spacing: .025em
}

.footer-corporate .footer-contacts .unit {
    margin-bottom: -10px;
    margin-left: -22px
}

.footer-corporate .footer-contacts .unit>* {
    margin-bottom: 10px;
    margin-left: 22px
}

.footer-corporate .rights {
    font-size: 12px
}

.footer-corporate .list-marked a,
.footer-corporate .list-marked a:active,
.footer-corporate .list-marked a:focus {
    color: inherit
}

.footer-corporate .list-marked a:hover {
    color: #79af96
}

.footer-corporate .button {
    min-width: auto;
    padding-left: 30px;
    padding-right: 30px
}

.footer-corporate *+.list-marked {
    margin-top: 22px
}

.footer-corporate *+.group-md {
    margin-top: 30px
}

@media (max-width:575px) {
    .footer-corporate .post-minimal-2 {
        margin-left: auto;
        margin-right: auto
    }

    .footer-corporate .list-marked {
        text-align: center
    }
}

@media (min-width:576px) {
    .footer-corporate {
        text-align: left
    }
}

@media (min-width:768px) and (max-width:991px) {
    .footer-corporate .footer-contacts {
        margin-bottom: -10px;
        margin-left: -40px
    }

    .footer-corporate .footer-contacts:empty {
        margin-bottom: 0;
        margin-left: 0
    }

    .footer-corporate .footer-contacts>* {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 10px;
        margin-left: 40px
    }

    .footer-corporate .footer-contacts .unit {
        align-items: center
    }
}

@media (min-width:992px) {
    .footer-corporate .list-marked {
        max-width: 90%
    }
}

.footer-corporate-2 {
    background: #474b4e
}

.footer-corporate-2 .footer-corporate-bottom-panel {
    background: #3c4043
}

.footer-corporate-2 .post-minimal-2-title a,
.footer-corporate-2 .post-minimal-2-title a:active,
.footer-corporate-2 .post-minimal-2-title a:focus {
    color: #79af96
}

.footer-corporate-2 .post-minimal-2-title a:hover {
    color: #fff
}

.footer-corporate-2 .list-custom-2 {
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px
}

@media (min-width:992px) {
    .footer-corporate-2 .list-marked {
        max-width: none
    }
}

.footer-corporate-inset {
    padding: 50px 0
}

@media (min-width:992px) {
    .footer-corporate-inset {
        padding: 65px 0
    }
}

@media (min-width:1200px) {
    .footer-corporate-inset {
        padding-top: 75px
    }
}

.footer-corporate-bottom-panel {
    padding: 30px 0;
    background: #2f3437;
    color: rgba(255, 255, 255, .3)
}

.footer-minimal {
    background: #303233
}

.footer-minimal .rights,
.main-section small,
.rd-navbar-sidebar .rd-nav-item>.rd-navbar-dropdown .rd-navbar-dropdown>li>a {
    font-size: 12px
}

.footer-minimal-inset {
    padding: 40px 0
}

.footer-minimal-bottom-panel {
    padding: 35px 0;
    border-top: 1px solid rgba(255, 255, 255, .13)
}

@media (min-width:768px) {
    .footer-minimal-inset {
        padding: 60px 0
    }
}

.footer-list-category-2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    text-align: left;
    font-size: 18px;
    line-height: 1.34;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.footer-list-category-2 a,
.footer-list-category-2 a:active,
.footer-list-category-2 a:focus {
    color: #fff
}

.footer-list-category-2 a:hover {
    color: #79af96
}

@media (max-width:767px) {
    .footer-list-category-2 {
        margin-bottom: -10px;
        margin-left: -30px
    }

    .footer-list-category-2:empty {
        margin-bottom: 0;
        margin-left: 0
    }

    .footer-list-category-2>* {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 10px;
        margin-left: 30px
    }
}

@media (min-width:768px) {
    .footer-list-category-2 {
        justify-content: flex-start;
        transform: translate3d(0, -10px, 0);
        margin-bottom: -10px;
        margin-left: -26px;
        margin-right: -26px
    }

    .footer-list-category-2>* {
        margin-top: 10px;
        padding-left: 26px;
        padding-right: 26px
    }

    .footer-list-category-2>li:not(:first-child) {
        border-left: 1px solid rgba(255, 255, 255, .2)
    }
}

@media (min-width:1200px) {
    .footer-list-category-2 {
        transform: translate3d(0, -10px, 0);
        margin-bottom: -10px;
        margin-left: -48px;
        margin-right: -48px
    }

    .footer-list-category-2>* {
        margin-top: 10px;
        padding-left: 48px;
        padding-right: 48px
    }
}

.product,
.section-prefooter {
    position: relative
}

.section-prefooter .rd-google-map {
    height: 250px
}

@media (min-width:768px) {
    .section-prefooter .rd-google-map-wrap {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section-prefooter .rd-google-map {
        width: inherit;
        height: inherit
    }
}

.product {
    text-align: center;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto
}

.product.box-ordered-item::before {
    position: absolute;
    display: inline-block;
    text-align: center;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    border-radius: 50%;
    color: #fff;
    background: #5bcb95;
    transform: translate3d(-50%, -50%, 0);
    z-index: 1
}

.product-2 {
    text-align: left;
    max-width: 260px
}

.product-2 .unit {
    align-items: center;
    flex-direction: column;
    margin-bottom: -14px;
    margin-left: -20px
}

.product-2 .unit>* {
    margin-bottom: 14px;
    margin-left: 20px
}

.product-2 .button.button-sm {
    min-width: auto
}

.product-2 .product-figure {
    max-width: 100px
}

.product-2 .product-button {
    display: none
}

.product-2 *+.button,
.title-classic-title>h3 {
    margin-top: 6px
}

@media (min-width:576px) {
    .product-2 {
        max-width: none
    }
}

@media (max-width:991px) {
    .product-title {
        font-size: 20px
    }
}

@media (min-width:992px) {
    .product-2 {
        text-align: center
    }

    .product-2 .product-figure {
        max-width: none
    }

    .product-2 .product-button {
        display: block
    }

    .product-2 .button.button-sm {
        display: none
    }
}

.product-figure {
    position: relative;
    overflow: hidden;
    background: #f4f4f4;
    transition: all .3s ease
}

.product-figure img {
    width: 100%;
    transform: none;
    transition: inherit
}

.product-button {
    margin: 0 10px 10px
}

.product-button .button {
    width: 100%
}

.product-title {
    font-weight: 400
}

.product-title a,
.product-title a:active,
.product-title a:focus {
    color: inherit
}

.product-title a:hover {
    color: #eb6e6e
}

.product-price {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1;
    letter-spacing: .075em;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #79af96
}

.product-price-old {
    color: #9b9b9b;
    text-decoration: line-through
}

.product-price-old+.product-price {
    margin-left: 4px
}

@media (min-width:992px) {
    .desktop .product.box-ordered-item::before {
        display: none
    }

    .desktop .product-button,
    .desktop .product-figure::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
        pointer-events: none;
        z-index: 1
    }

    .desktop .product-figure::before {
        text-align: center;
        content: "";
        background: rgba(17, 17, 17, .39)
    }

    .desktop .product-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        transform: translate3d(0, 15px, 0)
    }

    .desktop .product-button .button {
        width: auto;
        pointer-events: auto
    }

    .desktop .product.active .product-figure::before,
    .desktop .product:hover .product-figure::before {
        transform: scale(.93);
        opacity: 1;
        visibility: visible
    }

    .desktop .product.active .product-figure img,
    .desktop .product:hover .product-figure img {
        transform: scale(1.04)
    }

    .desktop .product.active .product-button,
    .desktop .product:hover .product-button {
        transform: none;
        opacity: 1;
        visibility: visible;
        transition-delay: .18s
    }
}

*+.product-title {
    margin-top: 14px
}

*+.product-price-wrap {
    margin-top: 2px
}

.title-classic {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: -15px;
    margin-left: -32px
}

.title-classic:empty {
    margin-bottom: 0;
    margin-left: 0
}

.title-classic>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 32px
}

.title-classic-title {
    flex-shrink: 0
}

.title-classic-text {
    font-size: 16px;
    padding-top: 20px;
    border-top: 1px solid #e1e1e1
}

*+.title-classic-text {
    margin-top: 0
}

@media (min-width:576px) {
    .title-classic {
        text-align: left;
        flex-direction: row
    }

    .title-classic-text {
        padding-top: 0;
        padding-left: 28px;
        border-top: none;
        border-left: 1px solid #e1e1e1
    }
}

@media (min-width:768px) {
    .title-classic-text {
        font-size: 18px
    }
}

.title-opacity-9 {
    color: rgba(21, 21, 21, .09)
}

*+.heading-panel-subtitle {
    margin-top: 10px
}

.heading-panel+.owl-services-2 {
    margin-top: 50px
}

.heading-panel+.owl-quote-2 {
    margin-top: 35px
}

@media (max-width:575px) {
    .heading-panel *+.owl-custom-nav {
        margin-top: 20px
    }
}

@media (min-width:576px) {
    .heading-panel {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }

    .heading-panel-left {
        position: relative;
        text-align: left;
        margin-top: 4px;
        padding-left: 110px
    }

    .heading-panel-decor {
        font-size: 0;
        line-height: 0;
        flex-grow: 1;
        height: 0;
        margin: 0 10px;
        border-top: 1px solid #dfdfdf
    }

    .heading-panel-title {
        position: absolute;
        top: 50%;
        left: 0;
        color: rgba(21, 21, 21, .09);
        transform: translate3d(0, -50%, 0)
    }

    *+.heading-panel-subtitle {
        margin-top: 0
    }
}

@media (min-width:768px) {
    .heading-panel-left {
        padding-left: 160px;
        margin-top: 8px
    }
}

@media (min-width:992px) {
    .heading-panel {
        padding: 10px 0
    }

    .heading-panel-left {
        padding-left: 200px
    }
}

@media (min-width:1200px) {
    .heading-panel {
        padding-bottom: 30px
    }

    .heading-panel-left {
        padding-left: 240px
    }

    .heading-panel-title {
        top: 60%
    }
}

.team-classic {
    position: relative;
    overflow: hidden;
    text-align: left;
    max-width: 549px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 110%
}

@media (min-width:600px) {
    .team-classic {
        position: relative;
        overflow: hidden;
        text-align: left;
        max-width: 549px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        width: 96%;
        height: 356px
    }
}

@media (min-width:601px) {
    .team-classic {
        position: relative;
        overflow: hidden;
        text-align: left;
        max-width: 567px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        width: 91%;
        height: 347px
    }
}

@media (min-width:1050px) {
    .team-classic {
        position: relative;
        overflow: hidden;
        text-align: left;
        max-width: 549px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        width: 109%;
        height: 398px
    }
}

.team-classic-2 .team-classic-status {
    color: #f37877
}

.team-classic-figure {
    display: block
}

.team-classic-figure img {
    width: 100%;
    transition: all .3s ease;
    min-height: 423px;
    object-fit: cover
}

.team-classic-caption {
    position: absolute;
    overflow: hidden;
    left: 4%;
    bottom: 35px;
    width: 67%;
    min-width: 200px;
    margin-left: -39px;
    padding: 10px 20px 2px 50px;
    transition: all .3s ease;
    z-index: 0
}

@media (min-width:1700px) {
    .team-classic-caption {
        position: absolute;
        overflow: hidden;
        left: 0;
        bottom: 60px;
        width: 80%;
        min-width: 300px;
        margin-left: -25px;
        padding: 15px 20px 15px 50px;
        transition: all .3s ease;
        z-index: 1
    }
}

.team-classic-caption10 {
    position: absolute;
    overflow: hidden;
    left: 4%;
    bottom: 4px;
    width: 67%;
    min-width: 200px;
    margin-left: -39px;
    padding: 10px 20px 2px 50px;
    transition: all .3s ease;
    z-index: 0;
    background-color: #00f
}

@media (min-width:1700px) {
    .team-classic-caption10 {
        position: absolute;
        overflow: hidden;
        left: 0;
        bottom: 60px;
        width: 80%;
        min-width: 300px;
        margin-left: -25px;
        padding: 15px 20px 15px 50px;
        transition: all .3s ease;
        z-index: 1
    }
}

.team-classic-caption10 a {
    border: solid 1px red;
    padding: 1px 5px;
    font-size: 12px !important
}

.team-classic-profilbild {
    min-height: 165px;
    object-fit: cover;
    height: 210px;
    width: 376px;
    object-position: top
}

@media (min-width:700px) {
    .team-classic-profilbild {
        min-height: 165px;
        object-fit: cover;
        height: 310px;
        width: 376px;
        object-position: top
    }
}

@media (min-width:1200px) {
    .team-classic-profilbild {
        min-height: 355px;
        max-height: 356px;
        object-fit: cover;
        width: 100%
    }

    .team-classic-lg .team-classic-caption {
        bottom: 15.5%;
        padding: 11px 0 6px 18%;
        z-index: 0
    }
}

.team-classic-caption::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(109 165 139/80%);
    transform: skew(10deg);
    transform-origin: 50% 100%;
    z-index: -1
}

.team-classic-name {
    color: #fff;
    font-size: clamp(18px, 1vw, 25px) !important
}

.team-classic-beschreibung {
    font-size: clamp(12px, 1vw, 22px);
    display: none
}

@media (min-width:700px) {
    .team-classic-beschreibung {
        font-size: clamp(12px, 1vw, 22px);
        display: inline-block
    }
}

.team-classic-name a,
.team-classic-name a:active,
.team-classic-name a:focus {
    color: inherit
}

.team-classic-name a:hover {
    color: #6ee2aa
}

.team-classic-status {
    line-height: 1.5;
    color: #353535;
    letter-spacing: .025em;
    font-weight: 800;
    font-size: 24px;
    font-size: clamp(9px, 2vw, 15px) !important
}

*+.team-classic-status {
    margin-top: 0
}

@media (min-width:1576px) {
    .team-classic-lg {
        max-width: 395px
    }
}

@media (min-width:992px) {
    .desktop .team-classic:hover .team-classic-caption {
        margin-left: 0
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .team-classic-lg .team-classic-caption {
        min-width: 260px
    }
}

.teaser-likes .flex {
    width: 77px !important
}

.clients-classic {
    position: relative;
    display: block;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border: 1px solid #e1e1e1;
    transition: all .3s ease-in-out
}

.clients-classic::before,
.text-strike-1::before {
    position: absolute;
    content: "";
    will-change: transform
}

.clients-classic::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid transparent;
    transition: all .3s ease
}

.clients-classic img {
    width: auto;
    opacity: .5;
    height: 260px;
    object-fit: cover
}

.flex-container {
    display: flex
}

.flex-container>div {
    background-color: #f1f1f1;
    margin: 10px;
    font-size: 30px
}

.teaser-profil-besuchen {
    font-size: clamp(12px, 1vw, 22px) !important;
    display: contents !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 3px
}

@media (min-width:600px) {
    .teaser-profil-besuchen {
        text-decoration: none;
        padding: 2px;
        font-size: 14px;
        width: 100%
    }
}

.teaser-color {
    background: #79af96;
    padding: 3px 0;
    text-align: center;
    font-size: clamp(12px, 1vw, 17px) !important;
    font-weight: 600;
    width: 100%
}

@media (min-width:1200px) {
    .teaser-color {
        background: #79af96;
        padding: 3px 0;
        text-align: center;
        font-size: clamp(12px, 1vw, 17px) !important;
        font-weight: 600;
        width: 100%
    }
}

.teaser-color:hover {
    background: #63bb92
}

.teaser-likes {
    display: flex;
    gap: 10px;
    justify-content: center !important;
    padding: 30px 60px
}

.teaser-likes>div {
    width: 100px;
    margin-top: 20px
}

.teaser-likes .flex {
    flex-direction: column
}

@media (min-width:992px) {
    .desktop .clients-classic img {
        will-change: transform;
        transition: all .3s ease
    }

    .desktop .clients-classic:hover {
        border-color: #151515
    }

    .desktop .clients-classic:hover::before {
        transform: scale(.94, .9);
        border-color: #151515
    }

    .desktop .clients-classic:hover img {
        opacity: 1;
        transform: scale(.9)
    }

    .desktop .context-dark .clients-classic:hover,
    .desktop .context-dark .clients-classic:hover::before {
        border-color: rgba(255, 255, 255, .6)
    }
}

.context-dark .clients-classic {
    background: 0 0;
    border-color: rgba(255, 255, 255, .3)
}

.page {
    position: relative;
    overflow: hidden;
    text-align: center
}

[data-x-mode] .page {
    opacity: 1
}

html.boxed body {
    background: #f2f2f2 url(../images/bg-pattern-boxed.png)fixed
}

@media (min-width:1630px) {
    html.boxed .page {
        box-shadow: 0 0 23px 0 rgba(1, 1, 1, .1)
    }

    html.boxed .page,
    html.boxed .rd-navbar-static {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto
    }

    html.boxed .rd-navbar-static.rd-navbar--is-stuck {
        max-width: 1600px;
        width: 100%;
        left: calc(50% - 1600px);
        right: calc(50% - 1600px)
    }
}

.text-italic {
    font-style: italic
}

.text-normal {
    font-style: normal
}

.text-underline {
    text-decoration: underline
}

.text-strike {
    text-decoration: line-through
}

.font-weight-thin {
    font-weight: 100
}

.font-weight-light {
    font-weight: 300
}

.font-weight-regular {
    font-weight: 400
}

.font-weight-medium {
    font-weight: 500
}

.font-weight-sbold,
.process-model li.active p,
.process-model li.visited p {
    font-weight: 600
}

.font-weight-ubold {
    font-weight: 900
}

.text-spacing-0 {
    letter-spacing: 0
}

.text-spacing-25 {
    letter-spacing: .025em;
    margin: 20px auto;
    text-align: center
}

@media (min-width:600px) {
    .text-spacing-25 {
        letter-spacing: .025em;
        text-align: left
    }
}

.text-spacing-50 {
    letter-spacing: .05em
}

.text-spacing-75 {
    letter-spacing: .075em
}

.text-spacing-100 {
    letter-spacing: .1em
}

.text-primary {
    color: #79af96
}

.text-secondary {
    color: #eb6e6e
}

.text-gray-500,
.text-img:hover {
    color: #9b9b9b
}

.text-img {
    display: inline-block;
    overflow: hidden;
    font-size: 400px;
    line-height: 85%;
    font-weight: 500;
    height: 280px;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #151515
}

@media (min-width:576px) {
    .text-img {
        font-size: 500px;
        height: 355px
    }
}

@media (min-width:992px) {
    .text-img {
        letter-spacing: .05em
    }
}

@supports (-webkit-background-clip:text) {
    .text-img {
        -webkit-text-fill-color: transparent;
        background: -webkit-linear-gradient(transparent, transparent);
        background: -o-linear-gradient(transparent, transparent);
        background: url(../images/text-image.jpg);
        -webkit-background-clip: text;
        background-position-y: 40%;
        animation: imgPos 5s linear normal infinite paused
    }

    .text-img>span {
        pointer-events: none
    }

    .text-img:hover {
        animation-play-state: running;
        color: red
    }

    @media (min-width:576px) {
        .text-img {
            background-position-y: 22%
        }
    }
}

.text-style-1 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: .025em;
    text-indent: -28px;
    padding-left: 28px
}

.text-style-1 .icon {
    vertical-align: middle;
    font-size: 20px;
    line-height: 24px;
    min-width: 18px;
    margin-right: 10px;
    text-indent: 0
}

*+.text-style-1 {
    margin-top: 20px
}

.text-strike-1 {
    position: relative;
    display: inline-block;
    color: rgba(21, 21, 21, .52)
}

.text-strike-1::before {
    bottom: 36%;
    left: -8px;
    height: 2px;
    width: 107%;
    transform: rotate(-3.8deg);
    transform-origin: 0 50%;
    background: #fcef57;
    transition: all .3s ease 1.2s;
    z-index: 1
}

.swiper-container .text-strike-1::before {
    transform: rotate(-3.8deg) scale(0)
}

.swiper-container .swiper-slide-active .text-strike-1::before {
    transform: rotate(-3.8deg) scale(1)
}

h1+h2,
h1+p {
    margin-top: 4px
}

h2+h3 {
    margin-top: 9px
}

h3+h4 {
    margin-top: 13px
}

h4+h5 {
    margin-top: 19px
}

h5+h6 {
    margin-top: 27px
}

h2+p {
    margin-top: 8px
}

h3+p {
    margin-top: 20px
}

.box-typography h1+p,
.box-typography h2+p,
.box-typography h3+p,
.box-typography h4+p,
.box-typography h5+p,
.box-typography h6+p,
h3.font-weight-normal+p,
h4+p {
    margin-top: 16px
}

h5+p,
h6+p {
    margin-top: 17px
}

p+p {
    margin-top: 12px
}

img+p,
p+.heading-2,
p+h2 {
    margin-top: 15px
}

*+.row {
    margin-top: 40px
}

*+.row-xxs {
    margin-top: 10px
}

*+.row-xs {
    margin-top: 20px
}

*+.row-sm {
    margin-top: 30px
}

*+.row-lg {
    margin-top: 50px
}

*+.row-xl {
    margin-top: 60px
}

*+.row-xxl {
    margin-top: 70px
}

*+.offset-top-30,
*+.owl-carousel {
    margin-top: 30px
}

*+.big {
    margin-top: 20px
}

*+.button {
    margin-top: 0
}

@media (min-width:700px) {
    *+.button {
        margin-top: 30px
    }
}

*+.button-wrap,
h3+.section-relative {
    margin-top: 35px
}

.swiper-slider-creative h1+h4,
h4+.instafeed {
    margin-top: 2px
}

.row+.heading-3,
.row+h3 {
    margin-top: 80px
}

.container+.container,
.row+.row {
    margin-top: 35px
}

.row+.button-wrap {
    margin-top: 45px
}

@media (min-width:1200px) {

    .container+.container,
    .row+.row {
        margin-top: 60px
    }
}

.row-14 {
    margin-bottom: -14px
}

.row-14:empty,
.row-16:empty,
.row-30:empty,
.row-40:empty,
.row-50:empty,
.row-60:empty {
    margin-bottom: 0
}

.row-14>* {
    margin-bottom: 14px
}

.row-16 {
    margin-bottom: -16px
}

.row-16>* {
    margin-bottom: 16px
}

.row-30 {
    margin-bottom: -30px
}

.row-30>* {
    margin-bottom: 30px
}

.row-40 {
    margin-bottom: -40px
}

.row-40>* {
    margin-bottom: 40px
}

.row-50 {
    margin-bottom: -50px
}

.row-60 {
    margin-bottom: -60px
}

.row-60>* {
    margin-bottom: 60px
}

@media (min-width:768px) {
    .row-md-80 {
        margin-bottom: -80px
    }

    .row-md-80:empty {
        margin-bottom: 0
    }

    .row-md-80>* {
        margin-bottom: 80px
    }
}

@media (min-width:992px) {
    .row-lg-90 {
        margin-bottom: -90px
    }

    .row-lg-90:empty {
        margin-bottom: 0
    }

    .row-lg-90>* {
        margin-bottom: 90px
    }
}

@media (min-width:1200px) {
    .row-xl-24 {
        margin-bottom: -24px
    }

    .row-xl-24:empty {
        margin-bottom: 0
    }

    .row-xl-24>* {
        margin-bottom: 24px
    }
}

@media (min-width:992px) {
    .box-typography h1+p {
        margin-top: 4px
    }

    .box-typography h2+p,
    .box-typography h3+p {
        margin-top: 8px
    }

    .box-typography h5+p,
    .box-typography h6+p {
        margin-top: 17px
    }
}

.section-xs {
    padding-top: 40px;
    padding-bottom: 40px
}

.section-sm {
    padding: 30px 0
}

.section-sm.section-first {
    padding-top: 60px
}

.section-sm.section-last {
    padding-bottom: 60px
}

.section-60,
.section-lg,
.section-md,
.section-xl {
    padding: 60px 0
}

html [class*=section-].section-bottom-0 {
    padding-bottom: 0
}

html [class*=section-].section-top-0 {
    padding-top: 0
}

@media (min-width:992px) {
    html [class*=section-].section-lg-0 {
        padding: 0
    }
}

@media (min-width:768px) {
    .section-sm {
        padding: 40px 0
    }

    .section-sm.section-first {
        padding-top: 80px
    }

    .section-sm.section-last {
        padding-bottom: 80px
    }

    .section-md {
        padding: 70px 0
    }

    .section-lg {
        padding: 80px 0
    }

    .section-xl {
        padding: 90px 0
    }
}

@media (min-width:992px) {
    .section-sm {
        padding: 50px 0
    }

    .section-sm.section-first {
        padding-top: 100px
    }

    .section-sm.section-last {
        padding-bottom: 100px
    }

    .section-md {
        padding: 80px 0
    }

    .section-lg {
        padding: 90px 0
    }

    .section-inset-custom-6,
    .section-xl {
        padding: 100px 0
    }

    .desktop .section-top-1 {
        padding-top: 0
    }
}

@media (min-width:1600px) {
    .section-fluid {
        padding-left: 75px;
        padding-right: 75px;
        margin: 0
    }

    .section-fluid .container-fluid {
        padding-left: 0;
        padding-right: 0;
        max-width: 1770px;
        margin-left: auto;
        margin-right: auto
    }
}

.section-banner {
    display: block;
    background-position: center right;
    background-size: cover;
    text-align: center
}

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

.section-banner+.section-fluid {
    padding-top: 60px
}

.context-dark,
.context-dark .form-input,
.context-dark .form-label,
.context-dark .form-validation,
.context-dark [class*=heading-],
.context-dark h1,
.context-dark h2,
.context-dark h3,
.context-dark h4,
.context-dark h5,
.context-dark h6 {
    color: #fff
}

.context-dark .form-wrap.has-error .form-input {
    border-color: transparent
}

.context-dark .form-input {
    background: rgba(255, 255, 255, .34);
    border-color: transparent
}

.context-dark .button.button-pipaluk:active,
.context-dark .button.button-pipaluk:hover,
.context-dark .footer-contacts p,
.context-dark .rights {
    color: #fff
}

.context-dark .rights a,
.context-dark .rights a:active,
.context-dark .rights a:focus {
    color: inherit
}

.context-dark .rights a:hover {
    color: #6ee2aa
}

.context-dark .button.button-pipaluk::after {
    border-color: #fff
}

.context-dark .button.button-ujarak:not([class*=button-secondary])::before {
    background: #eb6e6e
}

.context-dark .button-secondary.button-ujarak::before {
    background: #79af96
}

.context-dark .button-secondary.button-ujarak:active,
.context-dark .button-secondary.button-ujarak:hover {
    border-color: #79af96
}

.footer-variant-2.context-dark,
.footer-variant-2.context-dark .rights {
    color: rgba(255, 255, 255, .3)
}

.footer-variant-2.context-dark .button.button-ujarak::before {
    background: #fff
}

.footer-variant-2.context-dark .button.button-ujarak:active,
.footer-variant-2.context-dark .button.button-ujarak:hover {
    color: #f37877;
    border-color: #fff
}

.footer-modern.context-dark .form-input {
    background: #565656
}

.footer-creative.context-dark .form-input {
    background: #54595e
}

.context-dark .footer-contacts {
    border-top-color: rgba(255, 255, 255, .2)
}

.context-dark .footer-contacts .icon {
    color: #f36362
}

.context-dark .footer-contacts a,
.context-dark .footer-contacts a:active,
.context-dark .footer-contacts a:focus {
    color: #fff
}

.context-dark .footer-contacts a:hover {
    color: #6ee2aa
}

.context-dark .footer-link-list a,
.context-dark .footer-link-list a:active,
.context-dark .footer-link-list a:focus {
    color: inherit
}

.context-dark .footer-link-list a:hover {
    color: #6ee2aa
}

.context-dark .footer-social-list-2 a,
.context-dark .footer-social-list-2 a:active,
.context-dark .footer-social-list-2 a:focus {
    color: #fff
}

.context-dark .footer-social-list-2 a:hover {
    color: #72d5a5
}

.footer-corporate.context-dark .footer-corporate-bottom-panel,
.footer-corporate.context-dark .footer-minimal-bottom-panel,
.footer-minimal.context-dark .footer-corporate-bottom-panel,
.footer-minimal.context-dark .footer-minimal-bottom-panel {
    color: rgba(255, 255, 255, .3)
}

.footer-corporate.context-dark .footer-corporate-bottom-panel a,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:active,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:focus,
.footer-corporate.context-dark .footer-minimal-bottom-panel a,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:active,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:focus,
.footer-minimal.context-dark .footer-corporate-bottom-panel a,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:active,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:focus,
.footer-minimal.context-dark .footer-minimal-bottom-panel a,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:active,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:focus {
    color: inherit
}

.footer-corporate-2.context-dark .footer-contacts .icon,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:hover,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:hover,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:hover,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:hover {
    color: #79af96
}

.footer-corporate.context-dark .rights,
.footer-minimal.context-dark .rights,
p.rights a {
    color: inherit
}

.footer-corporate.context-dark .button-gray-31.button-ujarak::before,
.footer-minimal.context-dark .button-gray-31.button-ujarak::before {
    background: #79af96
}

.footer-corporate.context-dark .button-gray-31.button-ujarak:active,
.footer-corporate.context-dark .button-gray-31.button-ujarak:hover,
.footer-minimal.context-dark .button-gray-31.button-ujarak:active,
.footer-minimal.context-dark .button-gray-31.button-ujarak:hover {
    color: #fff;
    border-color: #79af96
}

.footer-corporate-2.context-dark .button-gray-31.button-ujarak::before {
    background: #eb6e6e
}

.footer-corporate-2.context-dark .button-gray-31.button-ujarak:active,
.footer-corporate-2.context-dark .button-gray-31.button-ujarak:hover {
    border-color: #eb6e6e
}

.context-dark .post-minimal-2-time {
    color: rgba(255, 255, 255, .25)
}

.context-dark .text-strike-1 {
    color: rgba(255, 255, 255, .52)
}

.context-dark .text-strike-1::before {
    background: rgba(252, 239, 87, .7)
}

.context-dark .video-modern-subtitle,
p.rights a:hover {
    color: #79af96
}

.context-dark .title-decoration-lines-left::before {
    background: #eb6e6e
}

.context-dark .text-gray-500 {
    color: rgba(255, 255, 255, .3)
}

.context-dark .brand .brand-logo-dark {
    display: none
}

.context-dark .brand .brand-logo-light {
    display: block
}

.bg-default {
    background-color: #fff;
    overflow: hidden
}

@media (min-width:992px) {
    html:not(.tablet):not(.mobile) .bg-fixed {
        background-attachment: fixed
    }
}

[class*=bg-overlay-],
[class*=bg-overlay-] .container,
[class*=bg-overlay-] .section-single-inner {
    position: relative
}

[class*=bg-overlay-]::before,
[class*=bg-second-overlay-]::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

[class*=bg-second-overlay-]::after {
    z-index: -1
}

.bg-overlay-33::before {
    background: rgba(43, 49, 59, .33)
}

.bg-overlay-26::before {
    background: rgba(43, 49, 59, .26)
}

.oh {
    overflow: hidden
}

@media (min-width:992px) {
    .desktop .oh-desktop {
        overflow: hidden
    }
}

.oh,
.section-relative {
    position: relative
}

.text-width-extra-small {
    max-width: 320px
}

.text-width-small {
    max-width: 430px
}

.text-width-medium {
    max-width: 600px
}

.text-width-large {
    max-width: 650px
}

.text-width-extra-large {
    max-width: 715px
}

.text-center [class*=text-width-] {
    margin-left: auto;
    margin-right: auto
}

@media (max-width:767px) {
    [class*=text-width-] {
        margin-left: auto;
        margin-right: auto
    }
}

p.rights {
    font-size: 14px;
    letter-spacing: .025em;
    font-weight: 500;
    color: #9b9b9b
}

[style*="z-index: 1000;"] {
    z-index: 1101 !important
}

.text-block>* {
    margin-left: 4px;
    margin-right: 4px
}

.inset-top-10 {
    padding-top: 10px
}

@media (min-width:992px) {
    .offset-top-lg-24 {
        margin-top: 24px
    }

    .desktop .offset-negative-1 {
        margin-top: -35px
    }
}

@media (min-width:1200px) {
    .offset-right-xl-15 {
        margin-right: 15px
    }

    .offset-top-xl-26 {
        margin-top: 26px
    }

    .offset-left-xl-45 {
        margin-left: 45px
    }

    .offset-left-xl-65 {
        margin-left: 65px
    }

    .offset-left-xl-70 {
        margin-left: 70px
    }
}

@media (min-width:992px) {
    .box-width-lg-470 {
        max-width: 470px;
        margin-left: auto;
        margin-right: auto
    }
}

.gutters-14 {
    margin-left: -7px;
    margin-right: -7px
}

.gutters-14 [class*=col-] {
    padding-left: 7px;
    padding-right: 7px
}

.breadcrumbs-custom {
    position: relative;
    overflow: hidden
}

.box-position {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 150px);
    height: calc(100% + 180px);
    will-change: transform;
    transform: translate3d(-145px, -55px, 0) rotate(.001deg);
    background-position: 30% 40%;
    background-size: cover;
    z-index: -1;
    height: 590px !important
}

.box-position1 {
    height: 311px;
    background-repeat: no-repeat;
    background-size: 455px;
    background-position: center top;
    width: 100% !important
}

@media (min-width:800px) {
    .box-position1 {
        left: 0;
        top: 0;
        background-position: 40%0;
        background-size: cover;
        z-index: -1;
        height: 633px;
        background-repeat: no-repeat
    }
}

.order-negative-2 {
    order: -2
}

.animated {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

html:not(.lt-ie10) .not-animated {
    opacity: 0
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

.cssload-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
    animation: loader 1.2s infinite ease-in-out
}

.cssload-container span {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #79af96;
    animation: loaderBlock 1.2s infinite ease-in-out both
}

.cssload-container span:nth-child(1) {
    top: 0;
    left: 0
}

.cssload-container span:nth-child(2) {
    top: 0;
    right: 0;
    animation: loaderBlockInverse 1.2s infinite ease-in-out both
}

.cssload-container span:nth-child(3) {
    bottom: 0;
    left: 0;
    animation: loaderBlockInverse 1.2s infinite ease-in-out both
}

.cssload-container span:nth-child(4) {
    bottom: 0;
    right: 0
}

.ui-to-top,
.ui-to-top:hover {
    color: #fff;
    text-decoration: none
}

.ui-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 100;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 38px;
    background: #79af96;
    overflow: hidden;
    text-align: center;
    transition: .45s all ease-in-out;
    transform: translate3d(0, 100px, 0)
}

.ui-to-top:hover {
    background: #111
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus,
.ui-to-top:focus {
    color: #fff
}

.ui-to-top.active {
    transform: translate3d(0, 0, 0)
}

html.mobile .ui-to-top,
html.tablet .ui-to-top {
    display: none !important
}

@media (min-width:768px) {
    .ui-to-top {
        width: 50px;
        height: 50px;
        line-height: 46px;
        right: 30px;
        bottom: 30px
    }
}

@media (min-width:1600px) {
    .ui-to-top {
        right: 12px
    }
}

.social_branding {
    width: 50%;
    height: 100%
}

.rd-menu,
.rd-navbar,
.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-fixed .rd-navbar-submenu,
.rd-navbar-nav,
.rd-navbar-panel,
.rd-navbar-project,
.rd-navbar-static .rd-menu,
.rd-navbar-wrap {
    transition: .35s all cubic-bezier(.65, .05, .36, 1)
}

.rd-navbar--no-transition,
.rd-navbar--no-transition * {
    transition: none !important
}

.rd-navbar,
.rd-navbar.rd-navbar--is-clone,
.rd-navbar.rd-navbar-fixed+.rd-navbar.rd-navbar--is-clone,
.rd-navbar.rd-navbar-sidebar+.rd-navbar.rd-navbar--is-clone {
    display: none
}

.rd-navbar {
  
}

.rd-navbar-toggle {
    background-color: transparent;
    border: 0
}

.rd-navbar-toggle span {
    position: relative;
    display: block;
    margin: auto;
    transition: .3s all ease
}

.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before {
    content: "";
    position: absolute;
    left: 0;
    transition: .3s all ease
}

.rd-navbar-toggle span:before {
    top: -10px
}

.rd-navbar-toggle span:after {
    top: 10px
}

.rd-navbar-toggle span,
.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before {
    width: 24px;
    height: 3px;
    background-color: #151515;
    backface-visibility: hidden;
    border-radius: 0
}

.rd-navbar-fixed li.opened>.rd-navbar-submenu-toggle::after,
.rd-navbar-static .rd-nav-item .rd-nav-link:hover+.rd-navbar-submenu-toggle::before,
.rd-navbar-static .rd-nav-item.focus>.rd-navbar-submenu-toggle::before,
.rd-navbar-static .rd-nav-item.opened>.rd-navbar-submenu-toggle::before,
.rd-navbar-toggle span {
    transform: rotate(180deg)
}

.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before {
    transform-origin: 1.71429px center
}

.rd-navbar-toggle.active span {
    transform: rotate(360deg)
}

.rd-navbar-toggle.active span:after,
.rd-navbar-toggle.active span:before {
    top: 0;
    width: 15px
}

.rd-navbar-toggle.active span:before {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
    transform: rotate3d(0, 0, 1, -40deg)
}

.rd-navbar-toggle.active span:after {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
    transform: rotate3d(0, 0, 1, 40deg)
}

.rd-navbar-collapse-toggle,
.rd-navbar-toggle {
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    color: #151515;
    display: none
}

.rd-navbar-collapse-toggle span,
.rd-navbar-collapse-toggle span:after,
.rd-navbar-collapse-toggle span:before {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: #151515;
    left: 50%;
    margin-left: -3px;
    border-radius: 50%;
    transition: .3s all ease
}

.rd-navbar-collapse-toggle span {
    top: 50%;
    margin-top: -3px
}

.rd-navbar-collapse-toggle span:after,
.rd-navbar-collapse-toggle span:before {
    content: ""
}

.rd-navbar-collapse-toggle span:before {
    bottom: 100%;
    margin-bottom: 3px
}

.rd-navbar-collapse-toggle span:after {
    top: 100%;
    margin-top: 3px
}

.rd-navbar-collapse-toggle.active span {
    transform: scale(.7)
}

.rd-navbar-collapse-toggle.active span:before {
    transform: translateY(18px)
}

.rd-navbar-collapse-toggle.active span:after {
    transform: translateY(-18px)
}

.rd-navbar-brand span {
    display: inline-block;
    font-size: 17px;
    font-family: cursive;
    margin-left: 1px
}

.rd-navbar-search {
    position: relative;
    display: inline-flex
}

.rd-navbar-search .form-label {
    top: 25px;
    padding-left: 28px;
    padding-right: 50px;
    font-size: 16px;
    letter-spacing: 0;
    color: #79af96
}

.rd-navbar-search .form-input {
    min-height: 47px;
    padding: 12px 50px 12px 28px;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0;
    border: 0;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
}

.hihi {
    visibility: visible
}

.rd-navbar-search .rd-search-form-submit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    width: 50px;
    padding: 0;
    margin: 0;
    font-size: 24px;
    line-height: 1;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    color: #151515;
    transition: .33s
}

.rd-navbar-search .rd-search-form-submit:hover {
    color: #79af96
}

.rd-navbar-search-toggle {
    background: 0 0;
    border: 0;
    display: inline-block;
    padding: 0;
    outline: 0;
    outline-offset: 0;
    cursor: pointer;
    -webkit-appearance: none
}

.rd-navbar-search-toggle::-moz-focus-inner {
    border: 0;
    padding: 0
}

.rd-navbar-dropdown {
    display: none
}

.rd-navbar-static {
    display: block
}

.rd-navbar-static .rd-nav-item {
    display: inline-block
}

.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
.rd-navbar-static .rd-nav-item.opened .rd-nav-link {
    color: #79af96;
    background: 0 0
}

.rd-navbar-static .rd-nav-item.focus>.rd-navbar-submenu-toggle,
.rd-navbar-static .rd-nav-item.opened>.rd-navbar-submenu-toggle {
    color: #79af96
}

.rd-navbar-static .rd-nav-item.active .rd-nav-link {
    color: #79af96;
    background: 0 0
}

.rd-navbar-static .rd-nav-item.active>.rd-navbar-submenu-toggle,
.rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle:hover {
    color: #79af96
}

.rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle {
    display: none;
    margin-left: 4px;
    font-family: "Material Design Icons";
    font-size: 16px;
    cursor: pointer
}

.rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle::before {
    position: relative;
    display: inline-block;
    transition: .22s;
    content: ""
}

.rd-navbar-static .rd-nav-item>.rd-navbar-submenu {
    margin-top: 20px
}

.rd-navbar-static .rd-nav-item+.rd-nav-item {
    margin-left: 42px
}

.rd-navbar-static .rd-nav-link {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0;
    color: #151515;
    transition: .25s
}

.rd-navbar-static .rd-nav-link:hover {
    color: #79af96
}

.rd-navbar-static .rd-menu {
    z-index: 15;
    position: absolute;
    display: block;
    margin-top: 22px;
    visibility: hidden;
    opacity: 0;
    text-align: left;
    border: 0;
    transform: translate3d(0, 30px, 0)
}

.rd-navbar-static .rd-navbar-dropdown {
    position: absolute;
    left: 0;
    padding: 22px 15px 34px 34px;
    width: 270px;
    background: #fff;
    z-index: 5
}

.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown {
    top: -1px;
    left: 100%;
    z-index: 2;
    margin-top: -15px;
    margin-left: 15px;
    transform: translate3d(30px, 0, 0)
}

.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 15px;
    transform: translate3d(-30px, 0, 0)
}

.rd-navbar-static .rd-dropdown-item+.rd-dropdown-item,
.tabs-line-big h5+p {
    margin-top: 8px
}

.rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link,
.rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link,
.rd-navbar-static .rd-dropdown-link,
.rd-navbar-static .rd-dropdown-link:hover {
    color: #151515
}

.rd-navbar-static .rd-megamenu-list li>a,
.rd-navbar-static .rd-navbar-dropdown li>a {
    position: relative;
    left: -3px;
    display: flex;
    padding: 1px 14px 1px 0;
    text-align: left;
    transition: all .2s ease
}

.rd-navbar-share-list-item a,
.rd-navbar-share-list-item a:active,
.rd-navbar-share-list-item a:focus,
.rd-navbar-static .rd-megamenu-list li>a,
.rd-navbar-static .rd-megamenu-list li>a:active,
.rd-navbar-static .rd-megamenu-list li>a:focus,
.rd-navbar-static .rd-navbar-dropdown li>a,
.rd-navbar-static .rd-navbar-dropdown li>a:active,
.rd-navbar-static .rd-navbar-dropdown li>a:focus {
    color: #151515
}

.rd-navbar-static .rd-megamenu-list li>a:hover,
.rd-navbar-static .rd-navbar-dropdown li>a:hover {
    color: #151515
}

.rd-navbar-sidebar .rd-megamenu-list li>a::before,
.rd-navbar-sidebar .rd-navbar-dropdown li>a::before,
.rd-navbar-static .rd-megamenu-list li>a::before,
.rd-navbar-static .rd-navbar-dropdown li>a::before {
    display: inline-block;
    position: relative;
    content: "";
    top: 0;
    left: 0;
    width: 3px;
    height: 26px;
    font-size: 0;
    line-height: 0;
    background: #eb6e6e;
    transition: all .15s ease;
    visibility: hidden;
    opacity: 0
}

.rd-navbar-static .rd-megamenu-list li.focus>a,
.rd-navbar-static .rd-megamenu-list li.opened>a,
.rd-navbar-static .rd-megamenu-list li>a:hover,
.rd-navbar-static .rd-navbar-dropdown li.focus>a,
.rd-navbar-static .rd-navbar-dropdown li.opened>a,
.rd-navbar-static .rd-navbar-dropdown li>a:hover {
    padding-left: 14px;
    padding-right: 0
}

.rd-navbar-static .rd-megamenu-list li.focus>a::before,
.rd-navbar-static .rd-megamenu-list li.opened>a::before,
.rd-navbar-static .rd-megamenu-list li>a:hover::before,
.rd-navbar-static .rd-navbar-dropdown li.focus>a::before,
.rd-navbar-static .rd-navbar-dropdown li.opened>a::before,
.rd-navbar-static .rd-navbar-dropdown li>a:hover::before {
    transform: translateX(-14px);
    visibility: visible;
    opacity: 1;
    transition-delay: .1s
}

.rd-navbar-static .rd-megamenu-list>li>a,
.rd-navbar-static .rd-navbar-dropdown>li>a {
    font-size: 14px;
    line-height: 1.86;
    letter-spacing: .05em
}

.rd-navbar-static .rd-megamenu-list {
    columns: 2;
    break-inside: avoid;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    margin-bottom: -8px
}

.rd-navbar-static .rd-megamenu-list li {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px
}

.rd-navbar-static .rd-navbar-megamenu {
    display: flex;
    left: 0;
    width: calc(100% + 1px);
    max-width: 1170px;
    padding: 40px 0;
    background: #fff
}

@media (min-width:1200px) {
    .rd-navbar-static .rd-navbar-megamenu {
        padding: 50px 0
    }
}

.rd-navbar-static .rd-megamenu-item {
    flex-grow: 1;
    padding-left: 30px;
    padding-right: 30px
}

.rd-navbar-static .rd-megamenu-item>div {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto
}

.rd-navbar-static .rd-megamenu-item+.rd-megamenu-item {
    position: relative
}

.rd-navbar-static .rd-megamenu-item+.rd-megamenu-item::before {
    position: absolute;
    content: "";
    top: -12px;
    left: 0;
    bottom: -12px;
    width: 1px;
    background: #e1e1e1
}

.rd-navbar-static .rd-megamenu-title {
    font-weight: 400;
    letter-spacing: .1em
}

.rd-navbar-static .rd-megamenu-carousel>div {
    max-width: 180px
}

@media (min-width:1200px) {
    .rd-navbar-static .rd-megamenu-carousel>div {
        max-width: 300px
    }
}

.rd-navbar-static .rd-megamenu-list-link {
    color: #000;
    background: 0 0
}

.rd-navbar-static .rd-megamenu-list-link:hover {
    color: #79af96;
    background: 0 0
}

.rd-navbar-static *+.rd-megamenu-list {
    margin-top: 20px
}

.rd-navbar-static .rd-navbar-submenu.focus>.rd-menu,
.rd-navbar-static .rd-navbar-submenu.opened>.rd-menu {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0)
}

.rd-navbar-static .rd-navbar-search.active .rd-search {
    opacity: 1;
    visibility: visible
}

.rd-navbar-static .rd-search {
    position: absolute;
    top: 50%;
    right: calc(100% + 5px);
    width: 270px;
    margin-top: -23.5px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 2
}

.rd-navbar-static *+.rd-navbar-search {
    margin-left: 8px
}

.rd-navbar-static .rd-navbar-search-toggle {
    display: inline-flex;
    color: #151515
}

.rd-navbar-static .rd-navbar-search-toggle span {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: 0;
    padding: 0
}

.rd-navbar-static .rd-navbar-search-toggle span::after,
.rd-navbar-static .rd-navbar-search-toggle span::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s ease
}

.rd-navbar-static .rd-navbar-search-toggle span::before {
    content: "";
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible;
    font-family: "fl-bigmug-line"
}

.rd-navbar-static .rd-navbar-search-toggle span::after {
    content: "";
    transform: rotate(-90deg) scale(.4);
    opacity: 0;
    visibility: hidden;
    font-family: "fl-bigmug-line"
}

.rd-navbar-static .rd-navbar-search-toggle.active span::before {
    opacity: 0;
    visibility: hidden;
    transform: rotate(90deg) scale(.4)
}

.rd-navbar-static .rd-navbar-search-toggle.active span::after {
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible
}

.rd-navbar-static .rd-navbar-search-toggle:hover {
    color: #79af96
}

.rd-navbar-static.rd-navbar--is-clone {
    display: block;
    transform: translate3d(0, -100%, 0)
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
    transform: translate3d(0, 0, 0)
}

.rd-navbar-static.rd-navbar--is-clone,
.rd-navbar-static.rd-navbar--is-stuck {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1030;
    max-width: 1400px;
    margin: 0 auto
}

.rd-navbar-static .rd-navbar--has-dropdown {
    position: relative
}

.rd-navbar-static .rd-navbar-basket-wrap {
    display: block
}

.rd-navbar-static .rd-navbar-basket-mobile {
    display: none
}

.rd-navbar-static .rd-navbar-share-list {
    justify-content: flex-start;
    position: absolute;
    top: 50%;
    right: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    background: 0 0;
    transform: translateY(-50%);
    pointer-events: none;
    transition: all .2s ease .1s
}

.rd-navbar-static .rd-navbar-share-list-item {
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    will-change: transform;
    transition: all .3s ease
}

.rd-navbar-static .rd-navbar-share-list.active {
    pointer-events: auto;
    background: #fff;
    transition-delay: 0s
}

.rd-navbar-static .rd-navbar-share-list.active .rd-navbar-share-list-item {
    opacity: 1;
    transform: none;
    visibility: visible
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(2) {
    transition-delay: 100ms
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(3) {
    transition-delay: 150ms
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(4) {
    transition-delay: 200ms
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(5) {
    transition-delay: 250ms
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(6) {
    transition-delay: 300ms
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(7) {
    transition-delay: 350ms
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(8) {
    transition-delay: 400ms
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(9) {
    transition-delay: 450ms
}

.rd-navbar-static .rd-navbar-share-list.active li:nth-child(10) {
    transition-delay: 500ms
}

.rd-navbar-static *+.rd-navbar-share {
    margin-left: 12px
}

.rd-navbar-basket {
    position: relative;
    display: inline-block;
    padding-right: 14px;
    font-size: 24px;
    line-height: 1;
    color: #151515;
    outline: 0;
    border: 0;
    box-shadow: none;
    background: 0 0;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.rd-navbar-basket span {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    font-family: "Maven Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    color: #eb6e6e
}

.rd-navbar-basket:hover {
    color: #79af96
}

.rd-navbar-basket-wrap {
    position: relative;
    display: none
}

.cart-inline {
    position: absolute;
    text-align: left;
    top: calc(100% + 30px);
    right: -18px;
    min-width: 400px;
    margin-top: 30px;
    background: #fff;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .17));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease-in-out;
    z-index: 999999
}

.cart-inline::before {
    position: absolute;
    content: "";
    bottom: calc(100% - 10px);
    right: 40px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 34px 34px;
    border-color: transparent transparent #fff
}

.cart-inline.active {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.cart-inline .stepper input[type=number] {
    min-height: 40px;
    padding-top: 0;
    padding-bottom: 0
}

.cart-inline-header {
    padding: 20px
}

.cart-inline-body,
.cart-inline-footer {
    padding: 20px;
    border-top: 1px solid #e1e1e1
}

.cart-inline-title {
    font-weight: 400
}

.cart-inline-figure {
    display: block;
    background: #f4f4f4
}

.cart-inline-figure img,
.project-hamburger:hover>span {
    width: 100%
}

.cart-inline-name+*,
.cart-inline-title+.cart-inline-title {
    margin-top: 10px
}

*+.cart-inline-title {
    margin-top: 0
}

.cart-inline-item+.cart-inline-item,
.rd-navbar-classic-project-content .row>div+div {
    margin-top: 15px
}

.ie-10 .cart-inline,
.ie-11 .cart-inline,
.ie-edge .cart-inline {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .17)
}

.ie-10 .cart-inline::before,
.ie-11 .cart-inline::before,
.ie-edge .cart-inline::before {
    bottom: 100%;
    border-width: 0 0 24px 24px;
    z-index: 1
}

.ie-10 .cart-inline::after,
.ie-11 .cart-inline::after,
.ie-edge .cart-inline::after {
    position: absolute;
    content: "";
    bottom: calc(100% + 2px);
    right: 38px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 28px 28px;
    border-color: transparent transparent rgba(0, 0, 0, .04);
    z-index: 0
}

.rd-navbar-share {
    position: relative;
    font-size: 24px;
    line-height: 1;
    cursor: pointer
}

.rd-navbar-share-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-left: -9px;
    margin-right: -9px
}

.rd-navbar-share-list>* {
    padding-left: 9px;
    padding-right: 9px
}

.rd-navbar-share-list-item a:hover {
    color: #eb6e6e
}

.rd-navbar-share-list-item .icon {
    font-size: 20px
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover,
.rd-navbar-share:hover {
    color: #79af96
}

.rd-navbar-project-hamburger {
    cursor: pointer;
    z-index: 1031
}

.project-hamburger {
    display: flex;
    align-self: center;
    flex-direction: column;
    justify-content: space-between;
    height: 23px
}

.project-hamburger>span {
    display: inline-block;
    align-self: flex-end;
    height: 3px;
    background: #151515
}

.project-hamburger-arrow-top {
    width: 100%;
    transition: opacity .15s ease-in-out .3s
}

.project-hamburger-arrow-center {
    width: 80%;
    transition: all .16s ease-in-out, opacity .15s ease-in-out .4s
}

.project-hamburger-arrow-bottom {
    width: 60%;
    transition: all .32s ease-in-out, opacity .15s ease-in-out .5s
}

.project-hamburger:hover .project-hamburger-arrow-top {
    animation: burger-hover .8s infinite ease-in-out alternate
}

.project-hamburger:hover .project-hamburger-arrow-center {
    animation: burger-hover .8s infinite ease-in-out alternate forwards .16s
}

.project-hamburger:hover .project-hamburger-arrow-bottom {
    animation: burger-hover .8s infinite ease-in-out alternate forwards .32s
}

.project-close {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transform: rotate(45deg);
    z-index: -1
}

.project-close span {
    position: absolute;
    background: #151515;
    transition: all .15s ease-in-out
}

.project-close span:nth-child(1) {
    height: 0;
    width: 2px;
    top: 10%;
    left: 50%;
    margin-left: -1px;
    transition-delay: 0s
}

.project-close span:nth-child(2) {
    width: 0;
    height: 2px;
    left: 10%;
    top: 50%;
    margin-top: -1px;
    transition-delay: .15s
}

.project-hamburger-2 {
    display: flex;
    overflow: hidden;
    align-self: center;
    flex-direction: column;
    justify-content: space-between;
    height: 23px
}

.project-hamburger-2>span {
    position: relative;
    display: inline-block;
    align-self: flex-end;
    height: 2px;
    width: 100%;
    background: #151515;
    transition: width .2s ease
}

.project-hamburger-2>span::after {
    position: absolute;
    display: inline-block;
    content: "";
    top: 0;
    left: 0;
    height: inherit;
    width: inherit;
    background: #eb6e6e;
    transform: translateX(-100%);
    animation: pagOutX .3s
}

.project-hamburger-2:hover>span::after {
    animation: pagInX .3s forwards
}

.project-hamburger-2:hover>span:nth-child(2)::after {
    animation-delay: .1s
}

.project-hamburger-2:hover>span:nth-child(3)::after {
    animation-delay: .2s
}

.project-hamburger-3 {
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    height: 16px
}

.project-hamburger-3>span {
    position: relative;
    display: inline-block;
    height: 2px;
    width: 100%;
    background: #fff;
    transition: width .2s ease .3s
}

.rd-navbar-project-hamburger.active .project-hamburger .project-hamburger-arrow-top {
    transition-delay: 0s
}

.rd-navbar-project-hamburger.active .project-hamburger .project-hamburger-arrow-center {
    transition-delay: .1s
}

.rd-navbar-project-hamburger.active .project-hamburger .project-hamburger-arrow-bottom {
    transition-delay: .2s
}

.rd-navbar-project-hamburger.active .project-hamburger-3 .project-hamburger-arrow {
    width: 0;
    transition-delay: 0s
}

.rd-navbar-project-hamburger.active .project-close>span:nth-child(1) {
    height: 80%;
    transition-delay: .3s
}

.rd-navbar-project-hamburger.active .project-close>span:nth-child(2) {
    width: 80%;
    transition-delay: .45s
}

.rd-navbar-fixed,
.rd-navbar-fixed .rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-submenu.opened>.rd-navbar-megamenu {
    display: block
}

.rd-navbar-fixed .rd-navbar-toggle {
    display: inline-block
}

.rd-navbar-fixed .rd-navbar-brand {
    position: relative;
    margin-left: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    font-size: 25px;
    line-height: 34px;
    display: flex
;
    gap: 24px;
    align-content: space-between;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}


.rd-navbar-fixed .rd-navbar-brand a {
   color: wheat;
}

.rd-navbar-fixed .rd-navbar-brand .brand {
    display: none
}

@media (min-width:1200px) {
    .rd-navbar-fixed .rd-navbar-brand .brand {
        max-width: 140px;
        max-height: 58px;
        width: auto;
        height: auto
    }
}

.rd-navbar-fixed .rd-navbar-panel {
    color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    background: #1f1e1e;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1030;
    align-items: center;
    height: 60px;
    justify-content: center;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center
}

@media (min-width:1200px) {
    .rd-navbar-fixed .rd-navbar-panel {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 1030;
        display: flex;
        align-items: center;
        height: 56px;
        padding: 4px
    }
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
    position: fixed;
    left: 0;
    top: -56px;
    bottom: -56px;
    z-index: 1029;
    width: 270px;
    padding: 140px 0 81px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    line-height: 34px;
    transform: translateX(-110%)
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar,
.rd-navbar-project-content::-webkit-scrollbar {
    width: 4px
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb {
    background: rgba(235, 110, 110, .5);
    border: 0;
    border-radius: 0;
    opacity: .2
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track {
    background: #e1e1e1;
    border: 0;
    border-radius: 0
}

.rd-navbar-fixed .rd-navbar-nav-wrap.active,
.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu .rd-navbar-submenu.opened>.rd-navbar-dropdown {
    transform: translateX(0)
}

.rd-navbar-fixed .rd-navbar-nav {
    display: block;
    padding-top: 20px;
    margin: 30px 0 20px;
    height: auto;
    text-align: left;
    border-top: 1px solid #e1e1e1
}

.rd-navbar-fixed .rd-nav-item {
    text-align: left
}

.rd-navbar-fixed .rd-nav-item+.rd-nav-item {
    margin-top: 4px
}

.rd-navbar-fixed .rd-nav-link {
    display: block;
    padding: 9px 56px 9px 18px
}

.rd-navbar-fixed li.opened>.rd-navbar-dropdown {
    padding: 4px 0 0
}

.rd-navbar-fixed li.opened>.rd-navbar-megamenu {
    padding-top: 15px;
    padding-bottom: 0
}

.rd-navbar-fixed li.opened>.rd-menu {
    opacity: 1;
    height: auto
}

.rd-navbar-fixed .rd-menu {
    display: none;
    transition: opacity .3s, height .4s ease;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.rd-navbar-fixed .rd-navbar-submenu {
    position: relative
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after {
    height: 34px;
    line-height: 34px
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li>a,
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li>a {
    padding-left: 46px
}

.rd-navbar-fixed .rd-megamenu-list>li>a,
.rd-navbar-fixed .rd-navbar-dropdown>li>a {
    display: block;
    padding: 9px 56px 9px 16px
}

.rd-navbar-fixed .rd-megamenu-list>li+li,
.rd-navbar-fixed .rd-navbar-dropdown>li+li {
    margin-top: 3px
}

.rd-navbar-fixed .rd-megamenu-list>li>a,
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown>li>a {
    padding-left: 30px
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
    position: relative;
    display: block;
    padding: 0 18px 7px;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .1em
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    border-bottom: 1px solid #d7d7d7
}

.rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-list {
    margin-top: 11px
}

.rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-title,
.rd-navbar-fixed .rd-navbar-megamenu>li+li {
    margin-top: 20px
}

.rd-navbar-fixed .rd-navbar-submenu-toggle {
    cursor: pointer
}

.rd-navbar-fixed .rd-navbar-submenu-toggle::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 52px;
    font: 400 16px"FontAwesome";
    line-height: 52px;
    text-align: center;
    transition: .4s all ease;
    z-index: 2;
    cursor: pointer
}

.rd-navbar-fixed .rd-navbar-collapse-toggle {
    display: block;
    top: 4px;
    z-index: 1031
}

.rd-navbar-fixed .rd-navbar-collapse {
    position: fixed;
    right: 0;
    top: 56px;
    z-index: 1029;
    transform: translate3d(0, 30px, 0);
    padding: 20px;
    width: auto;
    max-width: 270px;
    border-radius: 0;
    text-align: left;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.rd-navbar-fixed .rd-navbar-collapse.active {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.rd-navbar-fixed .rd-navbar-main-element {
    position: absolute;
    float: left
}

.rd-navbar-fixed .rd-navbar-search {
    display: block;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto
}

.rd-navbar-fixed .rd-navbar-search .rd-search-results-live,
.rd-navbar-fixed .rd-navbar-share::before {
    display: none
}

.rd-navbar-fixed .rd-navbar-search .form-input {
    padding-right: 50px;
    padding-left: 20px;
    border-radius: 0
}

.rd-navbar-fixed .rd-navbar-search .form-label {
    padding-left: 20px
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent
}

.rd-navbar-fixed .rd-navbar-search.active .rd-search {
    opacity: 1;
    visibility: visible;
    transform: none
}

.rd-navbar-fixed .rd-navbar-share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto
}

.rd-navbar-fixed *+.rd-navbar-share {
    margin-top: 20px
}

.rd-navbar-fixed .rd-navbar-search-toggle {
    display: none
}

.rd-navbar-fixed .rd-navbar-search-toggle span {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: 0;
    padding: 0
}

.rd-navbar-fixed .rd-navbar-search-toggle span::after,
.rd-navbar-fixed .rd-navbar-search-toggle span::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s ease
}

.rd-navbar-fixed .rd-navbar-search-toggle span::before {
    content: "";
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible;
    font-family: "fl-bigmug-line"
}

.rd-navbar-fixed .rd-navbar-search-toggle span::after {
    content: "";
    transform: rotate(-90deg) scale(.4);
    opacity: 0;
    visibility: hidden;
    font-family: "fl-bigmug-line"
}

.rd-navbar-fixed .rd-navbar-search-toggle.active span::before {
    opacity: 0;
    visibility: hidden;
    transform: rotate(90deg) scale(.4)
}

.rd-navbar-fixed .rd-navbar-search-toggle.active span::after {
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible
}

.rd-navbar-fixed [class*=rd-navbar-fixed-element] {
    position: fixed;
    top: 4px;
    z-index: 1032
}

.rd-navbar-fixed .rd-navbar-fixed-element-1 {
    right: 0
}

.rd-navbar-fixed .rd-navbar-fixed-element-2 {
    right: 52px
}

.rd-navbar-fixed .rd-navbar-fixed-element-3 {
    right: 100px
}

.rd-navbar-fixed.rd-navbar--is-clone {
    display: none
}

.rd-navbar-fixed .rd-navbar-fixed--visible {
    display: block
}

.rd-navbar-fixed .rd-megamenu-carousel,
.rd-navbar-fixed .rd-navbar-fixed--hidden {
    display: none
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
    color: #fff;
    background: #fff;
    border: 1px solid #d7d7d7;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.rd-navbar-fixed .rd-megamenu-list>li.active>a,
.rd-navbar-fixed .rd-megamenu-list>li.focus>a,
.rd-navbar-fixed .rd-megamenu-list>li.opened>a,
.rd-navbar-fixed .rd-megamenu-list>li:hover>a,
.rd-navbar-fixed .rd-nav-item.active .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.focus .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.opened .rd-nav-link,
.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link,
.rd-navbar-fixed .rd-navbar-dropdown>li.active>a,
.rd-navbar-fixed .rd-navbar-dropdown>li.focus>a,
.rd-navbar-fixed .rd-navbar-dropdown>li.opened>a,
.rd-navbar-fixed .rd-navbar-dropdown>li:hover>a {
    color: #fff;
    background: #79af96
}

.context-dark .time_circles>div>span,
.rd-navbar-fixed .rd-nav-item.active>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.focus>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.opened>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item:hover>.rd-navbar-submenu-toggle {
    color: #fff
}

.rd-navbar-fixed .rd-megamenu-list>li>a,
.rd-navbar-fixed .rd-navbar-dropdown>li>a {
    color: #151515;
    font-size: 14px;
    line-height: 1.86;
    letter-spacing: .05em
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
    color: #eb6e6e
}

.rd-navbar-fixed .rd-nav-link,
.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit,
.rd-navbar-fixed .rd-navbar-search-toggle,
.rd-navbar-fixed .rd-navbar-submenu-toggle {
    color: #151515
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover,
.rd-navbar-fixed .rd-navbar-search-toggle:hover,
.rd-navbar-sidebar .rd-nav-item.active .rd-nav-link {
    color: #79af96
}

.rd-navbar-fixed .rd-navbar-collapse {
    background-color: #fff;
    box-shadow: 0 0 22px -4px rgba(0, 0, 0, .17);
    color: #151515
}

.rd-navbar-fixed .rd-navbar-collapse a {
    color: #151515
}

html.rd-navbar-fixed-linked .page {
    margin-bottom: 60px;
    background: #22c1c3;
    background: linear-gradient(276deg, rgba(34, 193, 195, .6474964985994398)0, #000 150%);
    padding: 11px 0
}

@media (min-width:800px) {
    html.rd-navbar-fixed-linked .page {
        padding: 10px 0 70px
    }
}

@media (min-width:1200px) {
    html.rd-navbar-fixed-linked .page {
        padding-top: 56px
    }
}

.rd-navbar-sidebar {
    display: block;
    background: #fff
}

.rd-navbar-sidebar .rd-navbar-main-outer {
    padding-left: 15px;
    padding-right: 15px
}

.rd-navbar-sidebar .rd-navbar-main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 60px 22px 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    transition: .5s cubic-bezier(.4, 0, .2, 1)
}

.rd-navbar-sidebar .rd-navbar-main-element {
    display: flex;
    align-items: center
}

.rd-navbar-sidebar .rd-navbar-main-element>*+* {
    margin-left: 20px
}

.rd-navbar-sidebar .rd-navbar-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    z-index: 1102
}

.rd-navbar-sidebar .rd-navbar-panel {
    min-width: 200px;
    text-align: center
}

.rd-navbar-sidebar .rd-navbar-brand img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 200px
}

.rd-navbar-sidebar .rd-navbar-nav-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1101;
    width: 450px;
    padding: 94px 0 0;
    background: #fff;
    transition: .5s cubic-bezier(.4, 0, .2, 1);
    transform: translateX(100%);
    box-shadow: 0 0 13px 0 rgba(204, 204, 204, .16)
}

.rd-navbar-sidebar .rd-navbar-nav-wrap.active {
    transition-delay: .1s;
    transform: translateX(0)
}

.rd-navbar-sidebar .rd-navbar-nav {
    height: calc(100vh - 100px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #d7d7d7
}

.rd-navbar-sidebar .rd-nav-item {
    position: relative;
    display: block;
    padding: 19px 30px 19px 40px
}

.rd-navbar-sidebar .rd-nav-item .rd-nav-link,
.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle {
    font-size: 18px
}

.rd-navbar-sidebar .rd-nav-item+.rd-nav-item {
    border-top: 1px solid #d7d7d7
}

.rd-navbar-sidebar .rd-nav-item:last-child {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 30px
}

.rd-navbar-sidebar .rd-nav-link {
    max-width: calc(100% - 30px);
    word-break: break-all;
    font-size: 18px;
    line-height: 1.4;
    text-transform: none;
    color: #ccc
}

.rd-navbar-sidebar .rd-nav-link:hover {
    color: #79af96
}

.rd-navbar-sidebar .rd-navbar-submenu .opened>.rd-navbar-submenu-toggle::after {
    transform: rotate(180deg)
}

.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-megamenu {
    display: none;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity .2s
}

.rd-navbar-sidebar .rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-submenu.opened>.rd-navbar-megamenu {
    display: block;
    opacity: 1;
    visibility: visible
}

.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu>.rd-navbar-megamenu {
    transform: translateY(30px)
}

.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu.opened>.rd-navbar-megamenu {
    transform: translateY(0)
}

.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu .rd-navbar-submenu>.rd-navbar-dropdown {
    transform: translateX(-20px)
}

.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle {
    margin-left: 5px;
    color: #151515
}

.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle,
.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: inherit;
    padding-right: inherit;
    padding-left: 10px;
    margin-bottom: inherit;
    display: inline-block;
    width: 30px;
    text-align: center;
    cursor: pointer
}

.rd-navbar-classic-2 .rd-navbar-basket span,
.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle:hover,
.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle:hover,
.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened>.rd-navbar-submenu-toggle {
    color: #79af96
}

.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle::after {
    content: "";
    position: relative;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    vertical-align: middle;
    transition: .4s all ease;
    z-index: 2;
    will-change: transform
}

.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle {
    font-size: 14px;
    color: #ccc;
    margin-left: 7px
}

.rd-navbar-sidebar .rd-menu {
    margin-top: 31px
}

.rd-navbar-sidebar .rd-megamenu-list,
.rd-navbar-sidebar .rd-navbar-dropdown {
    font-size: 14px
}

.rd-navbar-sidebar .rd-megamenu-list li>a,
.rd-navbar-sidebar .rd-navbar-dropdown li>a {
    position: relative;
    left: -3px;
    display: flex;
    padding: 1px 14px 1px 0;
    text-align: left;
    transition: all .2s ease
}

.rd-navbar-sidebar .rd-megamenu-list li>a,
.rd-navbar-sidebar .rd-megamenu-list li>a:active,
.rd-navbar-sidebar .rd-megamenu-list li>a:focus,
.rd-navbar-sidebar .rd-navbar-dropdown li>a,
.rd-navbar-sidebar .rd-navbar-dropdown li>a:active,
.rd-navbar-sidebar .rd-navbar-dropdown li>a:focus {
    color: #151515
}

.rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link>.rd-navbar-submenu-toggle,
.rd-navbar-classic.rd-navbar-static .rd-nav-item.focus .rd-nav-link>.rd-navbar-submenu-toggle,
.rd-navbar-classic.rd-navbar-static .rd-nav-item.opened .rd-nav-link>.rd-navbar-submenu-toggle,
.rd-navbar-sidebar .rd-megamenu-list li>a:hover,
.rd-navbar-sidebar .rd-navbar-dropdown li>a:hover {
    color: #151515
}

.rd-navbar-sidebar .rd-megamenu-list li.focus>a,
.rd-navbar-sidebar .rd-megamenu-list li.opened>a,
.rd-navbar-sidebar .rd-megamenu-list li>a:hover,
.rd-navbar-sidebar .rd-navbar-dropdown li.focus>a,
.rd-navbar-sidebar .rd-navbar-dropdown li.opened>a,
.rd-navbar-sidebar .rd-navbar-dropdown li>a:hover {
    padding-left: 14px;
    padding-right: 0
}

.rd-navbar-sidebar .rd-megamenu-list li.focus>a::before,
.rd-navbar-sidebar .rd-megamenu-list li.opened>a::before,
.rd-navbar-sidebar .rd-megamenu-list li>a:hover::before,
.rd-navbar-sidebar .rd-navbar-dropdown li.focus>a::before,
.rd-navbar-sidebar .rd-navbar-dropdown li.opened>a::before,
.rd-navbar-sidebar .rd-navbar-dropdown li>a:hover::before {
    transform: translateX(-14px);
    visibility: visible;
    opacity: 1;
    transition-delay: .1s
}

.rd-navbar-sidebar .rd-navbar-megamenu {
    max-width: 450px;
    margin-bottom: -30px
}

.rd-navbar-sidebar .rd-navbar-megamenu>* {
    margin-bottom: 30px
}

.rd-navbar-sidebar .rd-navbar-megamenu>li {
    display: inline-block;
    vertical-align: top;
    width: 45%
}

.rd-navbar-sidebar .rd-megamenu-title,
.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a::before {
    display: none
}

.rd-navbar-sidebar .rd-megamenu-list {
    margin-top: 0
}

.rd-navbar-sidebar .rd-megamenu-list>li+li,
.rd-navbar-sidebar .rd-navbar-dropdown>li+li {
    margin-top: 10px
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a {
    padding-right: 0
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus>a,
.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a:hover {
    padding-left: 0
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened>.rd-navbar-submenu-toggle::after {
    top: 1px
}

.rd-navbar-sidebar .rd-nav-item>.rd-navbar-dropdown {
    margin-top: 25px
}

.rd-navbar-sidebar .rd-nav-item>.rd-navbar-dropdown .rd-navbar-dropdown {
    margin-top: 10px;
    padding-left: 15px
}

@media (min-width:1200px) {
    .rd-navbar-sidebar .rd-navbar-megamenu {
        margin-bottom: -30px
    }

    .rd-navbar-sidebar .rd-navbar-megamenu>* {
        margin-bottom: 30px
    }

    .rd-navbar-sidebar .rd-megamenu-list>li+li,
    .rd-navbar-sidebar .rd-navbar-dropdown>li+li {
        margin-top: 18px
    }

    .rd-navbar-sidebar .rd-navbar-nav-wrap {
        width: auto;
        left: calc(50% + 600px - 80px)
    }
}

.rd-navbar-sidebar.rd-navbar--is-clone {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transform: translateY(-101%)
}

.rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck {
    transform: translateY(0)
}

.rd-navbar-sidebar.rd-navbar--is-stuck {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .1)
}

.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main {
    padding-top: 11px;
    padding-bottom: 11px
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer {
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:1600px) {
    .rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer {
        padding-left: 75px;
        padding-right: 75px;
        max-width: 1801px;
        margin: 0 auto
    }
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-main {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 1285px;
    padding: 16px 55px 14px 0;
    transition: padding .35s ease-in-out;
    margin: 0 auto !important
}

@media (min-width:1200px) {
    .rd-navbar-classic.rd-navbar-static .rd-navbar-main {
        padding-top: 40px;
        padding-right: 68px;
        padding-bottom: 40px
    }

    .rd-navbar-classic.rd-navbar-static .rd-navbar-main.active {
        padding-right: 150px
    }
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-main.active {
    padding-right: 290px
}

@media (min-width:1600px) {
    .rd-navbar-classic.rd-navbar-static .rd-navbar-main.active {
        padding-right: 330px
    }
}

@media (min-width:990px) and (max-width:1937px) {
    .rd-navbar-classic.rd-navbar-static .rd-navbar-main {
        position: initial;
        vertical-align: middle;
        display: block;
        gap: 563px !important;
        margin: 0;
        background-color: #1c745e;
        border-top-left-radius: 11px;
        border-top-right-radius: 11px
    }

    .rd-navbar-classic.rd-navbar-static .rd-navbar-main .rd-navbar-project-hamburger {
        right: 0
    }
}

@media (min-width:992px) {
    .rd-navbar-panel {
        display: none !important
    }
}

@media (min-width:1937px) {

    .rd-navbar-classic.rd-navbar-static .rd-navbar-main,
    .rd-navbar-classic.rd-navbar-static .rd-navbar-main.active {
        padding-right: 0
    }
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-nav-wrap {
    display: flex;
    align-items: center
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-nav {
    order: -1;
    margin-right: 46px
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-brand img {
    width: auto;
    height: auto;
    max-width: 180px;
    max-height: 180px
}

@media (min-width:1400px) {
    .rd-navbar-classic.rd-navbar-static .rd-navbar-brand img {
        max-width: 250px;
        max-height: 250px
    }
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-main-element {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1;
    margin-bottom: 5px
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-submenu.focus .rd-navbar-megamenu,
.rd-navbar-classic.rd-navbar-static .rd-navbar-submenu.opened .rd-navbar-megamenu {
    transform: translate3d(-50%, 0, 0)
}

.rd-navbar-classic.rd-navbar-static .rd-menu {
    margin-top: 22px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

@media (min-width:1200px) {
    .rd-navbar-classic.rd-navbar-static .rd-menu {
        margin-top: 28px
    }
}

@media (min-width:1400px) {
    .rd-navbar-classic.rd-navbar-static .rd-menu {
        margin-top: 34px
    }
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-megamenu {
    left: 50%;
    max-width: 1770px;
    transform: translate3d(-50%, 30px, 0)
}

@media (min-width:1400px) {
    .rd-navbar-classic.rd-navbar-static .rd-megamenu-carousel>div {
        max-width: 350px
    }
}

@media (min-width:1600px) {
    .rd-navbar-classic.rd-navbar-static .rd-megamenu-carousel>div {
        max-width: 440px
    }
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main {
    padding-top: 11px;
    padding-bottom: 11px
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-classic-project,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-classic-project {
    padding-top: 80px
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-menu,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-menu {
    margin-top: 19px
}

.rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link,
.rd-navbar-classic.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
.rd-navbar-classic.rd-navbar-static .rd-nav-item.opened .rd-nav-link {
    color: #151515;
    background: 0 0
}

.rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link::before,
.rd-navbar-classic.rd-navbar-static .rd-nav-item.focus .rd-nav-link::before,
.rd-navbar-classic.rd-navbar-static .rd-nav-item.opened .rd-nav-link::before,
.rd-navbar-classic.rd-navbar-static .rd-nav-link:hover::before {
    opacity: 1;
    transform: none;
    visibility: visible
}

.rd-navbar-classic.rd-navbar-static .rd-nav-link::before {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 0;
    height: 3px;
    width: 100%;
    background: #eb6e6e;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: all .2s ease
}

.rd-navbar-classic.rd-navbar-static .rd-nav-link:hover {
    color: #151515
}

.rd-navbar-classic.rd-navbar-static .rd-nav-item+.rd-nav-item {
    margin-left: 22px
}

@media (min-width:600px) {
    .rd-navbar-classic.rd-navbar-static .rd-nav-item+.rd-nav-item {
        margin-left: 12px
    }
}

@media (min-width:1200px) {
    .rd-navbar-classic.rd-navbar-static .rd-nav-item+.rd-nav-item {
        margin-left: 35px
    }
}

@media (min-width:1400px) {
    .rd-navbar-classic.rd-navbar-static .rd-nav-item+.rd-nav-item {
        margin-left: 29px
    }
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-search.active .rd-search {
    width: 650px
}

@media (min-width:1200px) {
    .rd-navbar-classic.rd-navbar-static .rd-navbar-search.active .rd-search {
        width: 750px
    }
}

@media (min-width:1400px) {
    .rd-navbar-classic.rd-navbar-static .rd-navbar-search.active .rd-search {
        width: 850px
    }
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-project-hamburger {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 35px;
    height: 35px;
    padding: 6px 0;
    transform: translateY(-40%)
}

.rd-navbar-classic.rd-navbar-fixed .rd-navbar-project-hamburger {
    position: fixed;
    right: 4px;
    width: 48px;
    height: 48px;
    top: 4px;
    padding: 13px 6px 12px
}

.rd-navbar-classic-2.rd-navbar-static .rd-megamenu-list li>a::before,
.rd-navbar-classic-2.rd-navbar-static .rd-nav-link::before,
.rd-navbar-classic-2.rd-navbar-static .rd-navbar-dropdown li>a::before {
    background: #79af96
}

.rd-navbar-classic-2 .rd-navbar-share-list-item a:hover {
    color: #79af96
}

.rd-navbar-classic-2 .project-hamburger:hover>* {
    animation-name: burger-hover-primary
}

.rd-navbar-project {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    transform: translateX(102%);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .37);
    z-index: 1030
}

.rd-navbar-project-content {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.rd-navbar-project-content::-webkit-scrollbar-thumb {
    background: rgba(235, 110, 110, .5);
    border: 0;
    border-radius: 0
}

.rd-navbar-project-content::-webkit-scrollbar-track {
    background: #e1e1e1;
    border: 0;
    border-radius: 0
}

.rd-navbar-main.active .rd-navbar-project {
    transform: translateX(0)
}

.rd-navbar-classic-project {
    padding: 75px 15px 15px;
    width: 270px
}

.rd-navbar-classic-project-content {
    direction: rtl;
    padding-left: 6px;
    margin-left: -6px;
    height: calc(100vh - 170px)
}

.link-instafeed {
    display: inline-block;
    font-size: 14px;
    letter-spacing: .025em;
    color: #151515
}

.link-instafeed a,
.link-instafeed a:active,
.link-instafeed a:focus {
    color: inherit
}

.link-instafeed a:hover {
    color: #eb6e6e
}

@media (min-width:576px) {
    .rd-navbar-classic-project {
        width: 285px
    }
}

@media (min-width:992px) {
    .rd-navbar-classic-project-content {
        height: calc(100vh - 205px)
    }
}

@media (min-width:1200px) {
    .rd-navbar-classic-project {
        padding-top: 100px;
        padding-bottom: 20px
    }
}

@media (min-width:1600px) {
    .rd-navbar-classic-project {
        width: 375px;
        padding-left: 20px;
        padding-right: 20px
    }

    .rd-navbar-classic-project-content .row>div+div {
        margin-top: 20px
    }

    .link-instafeed {
        font-size: 16px
    }
}

*+.rd-navbar-classic-project-content {
    margin-top: 20px
}

.swiper-container,
.swiper-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: auto
}

.swiper-container {
    margin: 0 auto;
    overflow: hidden
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    align-self: stretch;
    align-items: stretch;
    min-height: inherit;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container {
    flex-shrink: 0
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    touch-action: pan-y
}

.swiper-wp8-vertical {
    touch-action: pan-x
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide,
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'https%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'https%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.swiper-slide>.parallax_cnt,
.swiper-slide>.vide__body {
    height: 100%
}

.swiper-button-next,
.swiper-button-prev {
    text-align: center;
    position: absolute;
    display: none;
    top: 50%;
    width: 47px;
    height: 47px;
    line-height: 47px;
    background: 0 0;
    transform: translateY(-50%);
    will-change: transform;
    transition: all .3s ease-in-out;
    cursor: pointer;
    z-index: 10
}

.swiper-button-next::before,
.swiper-button-prev::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    transform: none;
    transition: inherit
}

.swiper-button-next::after,
.swiper-button-prev::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    transition: inherit;
    z-index: -1
}

.swiper-button-next:hover::before,
.swiper-button-prev:hover::before {
    transform: scale(1.4)
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
    border-radius: 50%;
    background: #eb6e6e
}

@media (min-width:768px) {

    .swiper-button-next,
    .swiper-button-prev {
        display: block
    }
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev {
    left: 15px
}

.swiper-button-prev:before {
    margin-left: -4px;
    border-width: 5px 8px 5px 0;
    border-right-color: #eb6e6e
}

.swiper-button-prev:hover::before {
    border-right-color: #fff
}

.swiper-button-prev:hover::after {
    transform: rotate(-360deg)
}

@media (min-width:1600px) {
    .swiper-button-prev {
        left: 75px
    }
}

.swiper-button-next {
    right: 15px
}

.swiper-button-next:before {
    margin-right: -4px;
    border-width: 5px 0 5px 8px;
    border-left-color: #eb6e6e
}

.swiper-button-next:hover::before {
    border-left-color: #fff
}

.swiper-button-next:hover::after {
    transform: rotate(360deg)
}

@media (min-width:1600px) {
    .swiper-button-next {
        right: 75px
    }
}

.swiper-slider.swiper-container-rtl .swiper-button-prev::before {
    content: ""
}

.swiper-slider.swiper-container-rtl .swiper-button-next::before {
    content: ""
}

.swiper-pagination {
    position: absolute;
    display: block;
    text-align: center;
    transform: translate3d(0, 0, 0);
    transition: .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet,
input+svg {
    cursor: pointer
}

.swiper-pagination-bullet {
    text-align: center;
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    border: 0;
    border-radius: 0;
    outline: 0;
    transition: .2s;
    background: rgba(235, 110, 110, .6)
}

.swiper-pagination-bullet:focus,
.swiper-pagination-bullet:hover,
.swiper-pagination-style-2 .swiper-pagination-bullet:focus::before,
.swiper-pagination-style-2 .swiper-pagination-bullet:hover::before {
    background: #eb6e6e
}

.swiper-pagination-bullet-active {
    background: #79af96
}

.swiper-pagination-style-2 .swiper-pagination {
    font-size: 0;
    line-height: 0
}

.swiper-pagination-style-2 .swiper-pagination-bullet,
.swiper-pagination-style-2 .swiper-pagination-bullet-active {
    background: 0 0
}

.swiper-pagination-style-2 .swiper-pagination-bullet::after,
.swiper-pagination-style-2 .swiper-pagination-bullet::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.swiper-pagination-style-2 .swiper-pagination-bullet::before {
    background: rgba(235, 110, 110, .6);
    transition: transform .3s ease, opacity .3s ease, background-color .3s ease
}

.swiper-pagination-style-2 .swiper-pagination-bullet::after {
    opacity: 0;
    background: #79af96;
    transform: translateY(-200%);
    transition: transform .3s ease, opacity .3s ease, visibility 0s .3s
}

.swiper-pagination-style-2 .swiper-pagination-bullet:focus,
.swiper-pagination-style-2 .swiper-pagination-bullet:hover {
    background: 0 0
}

.swiper-pagination-style-2 .swiper-pagination-bullet-active::after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: transform .3s ease, opacity .3s ease
}

.swiper-pagination-style-2 .swiper-pagination-bullet-active::before {
    opacity: 0;
    visibility: hidden;
    transform: translateY(200%)
}

.swiper-pagination-black .swiper-pagination-bullet {
    background: rgba(0, 0, 0, .6)
}

.swiper-pagination-black .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination {
    top: 50%;
    right: 10px;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 8px 0;
    display: block
}

.swiper-container-vertical.swiper-pagination-style-2 .swiper-pagination-bullet::after {
    transform: translate3d(-200%, 0, 0)
}

.swiper-container-vertical.swiper-pagination-style-2 .swiper-pagination-bullet-active::before {
    transform: translate3d(200%, 0, 0)
}

.swiper-container-vertical.swiper-pagination-style-2 .swiper-pagination-bullet-active::after {
    transform: translate3d(0, 0, 0)
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 30px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px
}

.swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    background-position: 50% 50%
}

@media (min-width:767px) {
    .swiper-slide {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 1249px;
        height: 100%;
        white-space: nowrap;
        background-position: 50% 50%;
        margin: 0 auto
    }
}

.swiper-slide-caption {
    width: 100%;
    white-space: normal
}

@media (max-width:767px) {
    .swiper-slide-caption {
        padding-bottom: 80px
    }
}

.swiper-slider-classic {
    max-height: 38.54167vw;
    min-height: calc(50vh - 56px)
}

@media (max-height:420px) {
    .swiper-slider-classic {
        max-height: 38.54167vw;
        min-height: calc(100vh - 56px)
    }
}

.swiper-slider-classic.swiper-container-horizontal {
    max-height: none
}

@media (max-height:420px) {
    .swiper-slider-classic {
        min-height: 260px
    }

    .swiper-slider-classic p {
        display: none
    }
}

.swiper-slider-classic .swiper-pagination-bullet {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 29px;
    height: 19px;
    border-radius: 0;
    background: 0 0
}

.swiper-slider-classic .swiper-pagination-bullet::after,
.swiper-slider-classic .swiper-pagination-bullet::before {
    position: absolute;
    display: inline-block;
    content: "";
    top: 8px;
    left: 0;
    height: 3px;
    width: 29px;
    transition: none;
    opacity: 1
}

.swiper-slider-classic .swiper-pagination-bullet::before {
    background: #fff
}

@media (min-width:1600px) {
    .swiper-slider-classic .swiper-pagination-bullet::before {
        background: #252525
    }
}

.swiper-slider-classic .swiper-pagination-bullet::after {
    transform: translateX(-100%);
    animation: pagOutX .3s;
    background: #eb6e6e
}

.swiper-slider-classic .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-slider-classic .swiper-pagination-bullet:hover {
    background: 0 0
}

.swiper-slider-classic .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
.swiper-slider-classic .swiper-pagination-bullet:hover::after {
    animation: pagInX .3s forwards
}

.swiper-slider-classic .swiper-pagination {
    position: static;
    transform: none
}

.swiper-slider-classic .swiper-pagination .swiper-pagination-bullet {
    margin: 0 16px
}

.swiper-slider-classic h1 {
    letter-spacing: .05em
}

.swiper-slider-classic *+p {
    margin-top: 14px;
    font-size: 20px;
    font-weight: 800
}

.swiper-slider-classic *+.button {
    margin-top: 25px
}

.swiper-slider-classic .swiper-slide-1 {
    background-position-x: 40%
}

@media (min-width:768px) {
    .swiper-slider-classic {
        min-height: 460px
    }

    .swiper-slider-classic.swiper-container-vertical .swiper-pagination-bullet {
        display: block
    }

    .swiper-slider-classic.swiper-container-vertical .swiper-pagination .swiper-pagination-bullet {
        margin: 0
    }

    .swiper-slider-classic.swiper-container-vertical .swiper-pagination__module {
        top: 50%;
        right: 20px;
        bottom: auto;
        left: auto;
        max-width: 29px;
        transform: translateY(-50%)
    }

    .swiper-slider-classic .swiper-slide-caption {
        padding-left: 70px;
        padding-right: 70px
    }

    .swiper-slider-classic .swiper-slide-1 {
        background-position-x: 50%
    }

    .swiper-slider-classic .swiper-slide-custom {
        padding-left: 0
    }

    .swiper-slider-classic h1 {
        font-size: 60px
    }
}

@media (min-width:992px) {
    .swiper-slider-classic .swiper-slide-custom {
        padding-left: 70px
    }

    .swiper-slider-classic h1 {
        font-size: 80px
    }
}

@media (min-width:1200px) {
    .swiper-slider-classic.swiper-container-horizontal {
        min-height: 38.54167vw
    }

    .swiper-slider-classic h1 {
        font-size: 100px !important
    }
}

@media (min-width:1600px) {
    .swiper-slider-classic {
        max-width: 1920px;
        padding: 0 75px
    }
}

.isotope-filters-modern .inline-list a:hover,
.swiper-slider-classic-2 .swiper-pagination__fraction-index {
    color: #79af96
}

.swiper-slider-classic-2 .context-dark .button.button-ujarak::before,
.swiper-slider-classic-2 .swiper-pagination-bullet::after {
    background: #79af96
}

.swiper-slider-classic-2 .context-dark .button.button-ujarak:active,
.swiper-slider-classic-2 .context-dark .button.button-ujarak:hover {
    border-color: #79af96
}

.swiper-slider-classic-2 .button {
    min-width: 175px
}

.swiper-slider-classic-2 .swiper-title-2 {
    letter-spacing: .025em;
    font-weight: 400
}

.swiper-slider-classic-2 h2 {
    letter-spacing: .075em
}

.swiper-slider-classic-2 .swiper-slide-custom *+.button {
    margin-top: 20px
}

@media (min-width:768px) {
    .swiper-slider-classic-2 .swiper-slide-custom *+.button {
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .swiper-slider-classic-2 .swiper-title-2 {
        font-size: 110px
    }
}

.swiper-pagination__module {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 25px;
    width: 100%;
    z-index: 1
}

.swiper-pagination__fraction {
    display: none;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0;
    font-family: "Maven Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #9b9b9b;
    transform: rotate(-90deg)
}

.swiper-pagination__fraction-index {
    color: #eb6e6e
}

.swiper-pagination__divider {
    display: none;
    margin: 30px 0 8px;
    width: 1px;
    height: 176px;
    background: #e1e1e1
}

@media (min-width:1600px) {

    .swiper-pagination__divider,
    .swiper-pagination__fraction {
        display: inline-block
    }
}

.swiper-slider-modern {
    min-height: 44.27083vw
}

.swiper-slider-modern .swiper-slide {
    background-position: 0 50%
}

.swiper-slider-modern .swiper-slide-caption {
    padding-top: 60px
}

.swiper-slider-modern .swiper-button-next,
.swiper-slider-modern .swiper-button-prev {
    transform: none;
    top: 51%
}

.swiper-slider-modern .slider-modern-box {
    max-width: 240px
}

.swiper-slider-modern .slider-modern-title {
    line-height: 1.115;
    font-weight: 300;
    letter-spacing: .025em
}

.isotope-filters .inline-list li,
.swiper-slider-modern .slider-modern-title span {
    display: inline-block
}

.swiper-slider-modern .button {
    min-width: auto;
    padding-left: 40px;
    padding-right: 40px
}

.swiper-slider-modern p {
    font-size: 16px;
    line-height: 1.625;
    font-weight: 500;
    letter-spacing: 0
}

.swiper-slider-modern *+p,
.tabs-line-style-3 h5+p {
    margin-top: 10px
}

.swiper-slider-modern *+.button-wrap {
    margin-top: 30px
}

@media (max-width:575px) {
    .swiper-slider-modern .swiper-slide {
        background-position: 30% 50%
    }
}

@media (min-width:768px) {
    .swiper-slider-modern .swiper-slide-caption {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .swiper-slider-modern .slider-modern-box {
        margin-left: 60px
    }

    .swiper-slider-modern .swiper-pagination {
        display: none
    }
}

@media (min-width:992px) {
    .swiper-slider-modern .swiper-slide-caption {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .swiper-slider-modern .slider-modern-box {
        margin-left: 80px;
        max-width: 320px
    }
}

@media (min-width:1200px) {
    .swiper-slider-modern .swiper-slide-caption {
        padding-top: 200px;
        padding-bottom: 96px
    }

    .swiper-slider-modern .slider-modern-box {
        margin-left: 90px
    }

    .swiper-slider-modern *+.button-wrap {
        margin-top: 40px
    }
}

@media (min-width:1600px) {
    .swiper-slider-modern .slider-modern-box {
        margin-left: 24px
    }
}

.swiper-slider-creative {
    min-height: 34.42708vw
}

.swiper-slider-creative .swiper-slider-text {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0
}

.swiper-slider-creative .button {
    min-width: 175px
}

.swiper-slider-creative h1 {
    letter-spacing: .025em
}

.swiper-slider-creative hr {
    max-width: 78%;
    margin-left: 0;
    border-color: rgba(255, 255, 255, .48)
}

.swiper-slider-creative h4 {
    font-weight: 300;
    letter-spacing: .05em
}

.swiper-slider-creative *+.swiper-slider-text,
.swiper-slider-creative *+hr {
    margin-top: 12px
}

.swiper-slider-corporate h6+h2,
.swiper-slider-creative *+.swiper-creative-decor {
    margin-top: 16px
}

.swiper-slider-creative *+.button-wrap,
.swiper-slider-creative .swiper-slider-text+.button,
.swiper-slider-creative .swiper-slider-text+.button-wrap {
    margin-top: 30px
}

.swiper-slider-creative .swiper-pagination {
    font-size: 0;
    line-height: 0;
    counter-reset: span;
    bottom: 20px
}

.swiper-slider-creative .swiper-pagination-bullet {
    width: 35px;
    height: 23px;
    padding: 10px 0;
    background: 0 0
}

.swiper-slider-creative .swiper-pagination-bullet::after {
    display: inline-block;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: 0 0;
    transform: scale(0, 0) translate3d(-50%, -50%, 0) rotate(.1deg);
    will-change: transform;
    transition: inherit;
    transform-origin: 0 0
}

.swiper-slider-creative .swiper-pagination-bullet span {
    display: inline-block;
    height: 3px;
    width: 100%;
    background: #fff;
    transition: all .3s ease
}

.swiper-slider-creative .swiper-pagination-bullet-active::after,
.swiper-slider-creative .swiper-pagination-bullet:hover::after {
    background: #fff;
    transform: scale(1, 1) translate3d(-50%, -50%, 0) rotate(.1deg);
    transition-delay: .1s
}

.swiper-slider-creative .swiper-pagination-bullet-active span,
.swiper-slider-creative .swiper-pagination-bullet:hover span {
    width: 0
}

@media (max-width:575px) {
    .swiper-slider-creative .swiper-slide {
        background-position-x: 35%
    }

    .swiper-slider-creative .swiper-slide::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .15);
        z-index: -1
    }
}

@media (min-width:768px) and (max-width:991px) {
    .swiper-slider-creative h4 {
        font-size: 30px
    }
}

@media (min-width:576px) and (max-width:767px) {
    .swiper-slider-creative .swiper-slide-2 {
        background-position-x: 60%
    }

    .swiper-slider-creative .swiper-slide-3 {
        background-position-x: 55%
    }
}

@media (min-width:768px) {
    .swiper-slider-creative .swiper-pagination {
        bottom: 30px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .swiper-slider-creative .swiper-slide-2 {
        background-position-x: 70%
    }

    .swiper-slider-creative .swiper-slide-3 {
        background-position-x: 60%
    }
}

@media (min-width:992px) {

    .swiper-slider-creative *+.button,
    .swiper-slider-creative *+.button-wrap {
        margin-top: 40px
    }
}

@media (min-width:1200px) {
    .swiper-slider-creative h1 {
        font-size: 110px
    }
}

@media (min-width:1600px) {
    .swiper-slider-creative .swiper-pagination {
        top: 50%;
        right: 134px;
        bottom: auto;
        left: auto;
        width: auto;
        transform: translate3d(0, -50%, 0)
    }

    .swiper-slider-creative .swiper-pagination .swiper-pagination-bullet {
        margin: 4px 0
    }

    .swiper-slider-creative .swiper-pagination-bullet {
        display: block;
        width: 21px;
        height: 21px
    }

    .swiper-slider-creative .swiper-pagination-bullet::before {
        display: inline-block;
        position: absolute;
        content: counter(span, decimal);
        counter-increment: span;
        top: 60%;
        left: -22px;
        font-size: 24px;
        line-height: 1;
        letter-spacing: .05em;
        font-weight: 500;
        font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transform: translate3d(-20px, -50%, 0);
        will-change: transform;
        transition: inherit
    }

    .swiper-slider-creative .swiper-pagination-bullet::after {
        left: 1px;
        width: 5px;
        height: 5px;
        transform: scale(0, 0) translate3d(0, -50%, 0) rotate(.1deg);
        transform-origin: 50%0
    }

    .swiper-slider-creative .swiper-pagination-bullet span {
        height: 1px
    }

    .swiper-slider-creative .swiper-pagination-bullet-active::after,
    .swiper-slider-creative .swiper-pagination-bullet:hover::after {
        transform: scale(1, 1) translate3d(0, -50%, 0) rotate(.1deg);
        transition-delay: 0s
    }

    .swiper-slider-creative .swiper-pagination-bullet:hover span {
        width: 100%;
        transform: translate3d(24px, 0, 0)
    }

    .swiper-slider-creative .swiper-pagination-bullet-active span {
        transform: translate3d(24px, 0, 0);
        width: 340%
    }

    .swiper-slider-creative .swiper-pagination-bullet-active::before {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, -50%, 0)
    }

    .swiper-slider-creative .swiper-pagination-bullet-active:hover span {
        width: 340%
    }
}

.swiper-slider-corporate {
    min-height: calc(100vh - 56px)
}

.swiper-slider-corporate.swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet {
    margin: 0 12px
}

.swiper-slider-corporate.swiper-container-vertical {
    max-height: 35.3125vw
}

.swiper-slider-corporate.swiper-container-vertical .swiper-pagination-bullet {
    width: 12px;
    height: 12px
}

@media (max-height:370px) {
    .swiper-slider-corporate {
        min-height: 310px
    }
}

.swiper-slider-corporate .swiper-pagination-bullet::before {
    background: rgba(255, 255, 255, .33)
}

.swiper-slider-corporate .swiper-pagination-bullet::after {
    background: #eb6e6e
}

.swiper-slider-corporate .swiper-pagination-bullet:hover::before {
    background: rgba(255, 255, 255, .7)
}

.swiper-slider-corporate .button {
    min-width: 180px
}

.swiper-slider-corporate h6 {
    font-weight: 400;
    letter-spacing: .15em;
    color: #79af96
}

.swiper-slider-corporate *+.button-wrap {
    margin-top: 20px
}

@media (min-width:768px) {
    .swiper-slider-corporate {
        min-height: 370px
    }

    .swiper-slider-corporate.swiper-container-vertical {
        min-height: 400px
    }

    .swiper-slider-corporate h6+h2 {
        margin-top: 28px
    }

    .swiper-slider-corporate *+.button-wrap {
        margin-top: 30px
    }
}

@media (min-width:992px) {
    .swiper-slider-corporate.swiper-container-horizontal {
        min-height: 400px
    }

    .swiper-slider-corporate.swiper-container-vertical .swiper-pagination {
        right: 6%
    }
}

@media (min-width:1200px) {
    .swiper-slider-corporate.swiper-container-horizontal {
        min-height: 35.3125vw
    }
}

@media (min-width:1600px) {
    .swiper-slider-corporate.swiper-container-vertical .swiper-pagination {
        top: 43%;
        right: 11.5%;
        transform: none
    }
}

.swiper-slider-tara {
    min-height: 35.36458vw
}

.swiper-slider-tara.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 6px
}

.swiper-slider-tara .swiper-pagination {
    bottom: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    width: auto;
    min-width: 155px;
    font-size: 0;
    line-height: 0;
    padding: 17px 20px 10px;
    background: #fff
}

.swiper-slider-tara .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: 0 0;
    border: 3px solid #d7d7d7;
    transition: all .1s ease-in-out
}

.swiper-slider-tara .swiper-pagination-bullet::after,
.swiper-slider-tara .swiper-pagination-bullet::before {
    position: absolute;
    content: "";
    opacity: 0;
    border-radius: inherit
}

.swiper-slider-tara .swiper-pagination-bullet::before {
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    background: #79af96;
    transform: translate3d(-50%, -400%, 0);
    transition: all .2s ease
}

.swiper-slider-tara .swiper-pagination-bullet::after {
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 3px solid #eb6e6e;
    transform: scale(1.6);
    transition: all .3s ease
}

.swiper-slider-tara .swiper-pagination-bullet-active::before,
.swiper-slider-tara .swiper-pagination-bullet:hover::before {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0)
}

.swiper-slider-tara .swiper-pagination-bullet-active {
    border-color: transparent
}

.swiper-slider-tara .swiper-pagination-bullet-active::after {
    opacity: 1;
    transform: none
}

.swiper-slider-tara .swiper-title {
    font-weight: 300
}

.swiper-slider-tara .swiper-subtitle {
    font-weight: 400;
    color: #4d9b75
}

.swiper-slider-tara .button {
    min-width: 176px
}

.swiper-slider-tara .button.button-ujarak:not([class*=button-primary])::before {
    background: #79af96
}

.swiper-slider-tara .button.button-ujarak:not([class*=button-primary]):active,
.swiper-slider-tara .button.button-ujarak:not([class*=button-primary]):hover {
    border-color: #79af96
}

.swiper-slider-tara *+.swiper-title {
    margin-top: 16px
}

.swiper-slider-tara *+.button,
.swiper-slider-tara *+.button-wrap {
    margin-top: 20px
}

@media (max-width:575px) {
    .swiper-slider-tara .swiper-slide::before {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(255, 255, 255, .2);
        pointer-events: none
    }
}

@media (min-width:768px) {
    .swiper-slider-tara .swiper-pagination {
        right: 0;
        left: auto;
        transform: none;
        padding-bottom: 17px
    }
}

@media (min-width:992px) {
    .swiper-slider-tara .swiper-title {
        line-height: 1.2
    }

    .swiper-slider-tara .swiper-subtitle {
        letter-spacing: .15em
    }

    .swiper-slider-tara *+.swiper-title {
        margin-top: 22px
    }
}

.google-map-markers {
    display: none
}

.google-map-container,
.isotope-filters-modern .inline-list a.active::after {
    width: 100%
}

.google-map {
    height: 200px;
    width: 100%
}

@media (min-width:768px) {
    .google-map {
        height: 400px
    }
}

@media (min-width:1200px) {
    .google-map {
        height: 665px
    }
}

.gm-style-iw>div>div {
    padding-right: 10px;
    font-size: 13px
}

[data-isotope-layout] {
    z-index: 0;
    display: block;
    min-height: 160px;
    margin-left: -15px;
    margin-right: -15px;
    transition: .4s all ease
}

[data-isotope-layout]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-top: 15px;
    background-position: -1152px 0;
    animation: .7s sprite-animation steps(18) infinite;
    transition: .4s all ease;
    transform: translate3d(-50%, -50%, 0)
}

[data-isotope-layout] .row,
[data-isotope-layout] .row-narrow {
    margin-bottom: -30px
}

[data-isotope-layout] .row-narrow>[class*=col-],
[data-isotope-layout] .row>[class*=col-] {
    margin-top: 30px
}

[data-isotope-layout] .row-condensed {
    margin-bottom: 0
}

[data-isotope-layout] .row-condensed>[class*=col-] {
    margin-top: 0
}

[data-isotope-layout] [class*=col-] {
    display: block;
    opacity: 0;
    will-change: transform;
    backface-visibility: hidden;
    transition: .1s opacity ease-in
}

@media (max-width:575px) {
    [data-isotope-layout] [class*=col-] {
        max-width: 100%
    }
}

[data-isotope-layout].isotope--loaded [class*=col-] {
    opacity: 1
}

[data-isotope-layout].isotope--loaded:after {
    opacity: 0;
    visibility: hidden
}

@media (max-width:767px) {
    [data-isotope-layout] .thumbnail {
        max-width: none
    }
}

.isotope-filters {
    position: relative
}

.isotope-filters>* {
    margin-top: 0;
    vertical-align: middle
}

.isotope-filters .inline-list {
    position: relative;
    word-spacing: 0
}

.isotope-filters .inline-list a {
    position: relative;
    transition: .3s;
    color: #ccc
}

.isotope-filters .inline-list .isotope-filters-trigger,
.tabs-custom .nav-tabs:after,
.tabs-custom .nav-tabs:before {
    display: none
}

*+.isotope-filters {
    margin-top: 20px
}

h3+.isotope-filters {
    margin-top: 14px
}

.isotope-filters-modern .inline-list {
    transform: translate3d(0, -10px, 0);
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px
}

.isotope-filters-modern .inline-list>* {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.isotope-filters-modern .inline-list>li {
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px
}

.isotope-filters-modern .inline-list a {
    position: relative;
    padding-bottom: 10px
}

.isotope-filters-modern .inline-list a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    transition: .4s;
    background: #79af96
}

@media (min-width:992px) {
    .isotope-filters-modern .inline-list {
        transform: translate3d(0, -10px, 0);
        margin-bottom: -10px;
        margin-left: -23px;
        margin-right: -23px
    }

    .isotope-filters-modern .inline-list>* {
        margin-top: 10px;
        padding-left: 23px;
        padding-right: 23px
    }
}

.isotope-modern-wrap [class*=col] {
    margin-top: 30px
}

@media (max-width:767px) {
    .isotope-modern-wrap [class*=col] {
        width: 100%;
        max-width: 100%
    }
}

@media (min-width:992px) {
    html:not(.tablet):not(.mobile) .isotope-modern-wrap [class*=col] {
        margin-top: 0
    }
}

.isotope-condensed {
    margin-left: 0;
    margin-right: 0
}

.isotope-condensed .row>* {
    margin-top: -1px;
    margin-bottom: -1px
}

*+.isotope {
    margin-top: 45px
}

*+.isotope-condensed {
    margin-top: 30px
}

@media (max-width:991px) {
    .isotope-condensed {
        padding: 0 0 30px;
        margin-left: 0;
        margin-right: 0
    }

    .isotope-condensed .row.row-condensed>[class*=col] {
        padding-left: 10px;
        padding-right: 10px
    }

    .isotope-condensed .row.row-condensed>[class*=col]+[class*=col] {
        margin-top: 25px
    }
}

@media (min-width:768px) {
    *+.isotope-condensed {
        margin-top: 50px
    }
}

.isotope-filters .isotope-filters-toggle .icon {
    top: -2px;
    transition: transform .2s ease
}

.isotope-filters .isotope-filters-toggle.button-icon-right .icon {
    margin-left: 8px;
    padding-left: 0
}

.isotope-filters .isotope-filters-toggle.active .icon {
    transform: rotate(-180deg)
}

[class*=isotope-filters-list] {
    position: absolute;
    top: calc(100% + 20px);
    left: 50%;
    max-width: 280px;
    width: 100%;
    padding: 20px;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #9b9b9b;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .17);
    transform: translate3d(-50%, 0, 0);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    z-index: 1
}

[class*=isotope-filters-list].active {
    opacity: 1;
    visibility: visible
}

[class*=isotope-filters-list] a {
    display: block;
    padding: 9px 5px 5px
}

[class*=isotope-filters-list] a,
[class*=isotope-filters-list] a:active,
[class*=isotope-filters-list] a:focus {
    color: inherit
}

[class*=isotope-filters-list] a:hover {
    color: #eb6e6e
}

[class*=isotope-filters-list] a.active {
    color: #fff;
    background: #eb6e6e
}

@media (min-width:768px) {
    .isotope-filters {
        overflow: hidden
    }

    [class*=isotope-filters-list] {
        position: static;
        text-align: center;
        max-width: none;
        top: auto;
        left: auto;
        width: auto;
        padding: 0;
        box-shadow: none;
        background: 0 0;
        transform: none;
        visibility: visible;
        opacity: 1
    }

    .isotope-filters-list {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-left: -21px;
        margin-right: -21px;
        margin-bottom: -5px
    }

    .isotope-filters-list>* {
        margin-bottom: 5px
    }

    .isotope-filters-list>li {
        position: relative;
        padding: 0 24px
    }

    .isotope-filters-list>li+li::before {
        position: absolute;
        content: "";
        top: 0;
        left: -2px;
        height: 15px;
        width: 1px;
        background: #d7d7d7
    }

    .isotope-filters-list a {
        display: inline;
        padding: 0
    }

    .isotope-filters-list a,
    .isotope-filters-list a:active,
    .isotope-filters-list a:focus {
        color: inherit
    }

    .isotope-filters-list a:hover {
        color: #eb6e6e
    }

    .isotope-filters-list a.active {
        color: #eb6e6e;
        background: 0 0
    }

    .isotope-filters-list-2 a,
    .isotope-filters-list-2 a:active,
    .isotope-filters-list-2 a:focus {
        color: inherit
    }

    .isotope-filters-list-2 a.active,
    .isotope-filters-list-2 a:hover {
        color: #79af96
    }

    .isotope-filters .isotope-filters-toggle {
        display: none
    }

    .isotope-filters-list-classic {
        text-align: right;
        font-size: 16px;
        letter-spacing: .075em;
        margin-bottom: -10px;
        margin-left: -8px
    }

    .isotope-filters-list-classic:empty {
        margin-bottom: 0;
        margin-left: 0
    }

    .isotope-filters-list-classic>* {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 10px;
        margin-left: 8px
    }

    .isotope-filters-list-classic li a {
        position: relative;
        text-align: center;
        padding: 13px 14px 8px;
        color: #151515;
        border: 2px solid #151515
    }

    .isotope-filters-list-classic li a::after,
    .isotope-filters-list-classic li a::before {
        position: absolute;
        content: "";
        top: -2px;
        right: -2px;
        bottom: -2px;
        left: -2px;
        border: 2px solid transparent;
        transition: color .2s ease-in-out, transform .3s ease;
        will-change: transform
    }

    .isotope-filters-list-classic li a::before {
        transform: scaleX(0)
    }

    .isotope-filters-list-classic li a::after {
        transform: scaleY(0)
    }

    .isotope-filters-list-classic li a.active,
    .isotope-filters-list-classic li a:hover {
        color: #79af96;
        background: 0 0;
        border-color: transparent
    }

    .isotope-filters-list-classic li a.active::after,
    .isotope-filters-list-classic li a.active::before,
    .isotope-filters-list-classic li a:hover::after,
    .isotope-filters-list-classic li a:hover::before {
        transform: none
    }

    .isotope-filters-list-classic li a.active::before,
    .isotope-filters-list-classic li a:hover::before {
        border-color: #79af96 transparent
    }

    .isotope-filters-list-classic li a.active::after,
    .isotope-filters-list-classic li a:hover::after {
        border-color: transparent #79af96
    }
}

@media (min-width:992px) {
    .isotope-filters-list-classic li a {
        min-width: 158px
    }
}

@media (min-width:768px) {
    .row-isotope {
        margin-left: -.85%;
        margin-right: -.85%;
        margin-bottom: -1.7%
    }

    .row-isotope>* {
        margin-bottom: 1.7%;
        padding-left: .85%;
        padding-right: .85%
    }

    .isotope-top-panel {
        display: flex;
        justify-content: space-between;
        margin-bottom: -20px;
        margin-left: -30px
    }

    .isotope-top-panel:empty {
        margin-bottom: 0;
        margin-left: 0
    }

    .isotope-top-panel>* {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 20px;
        margin-left: 30px
    }

    .isotope-top-panel *+.isotope-filters {
        margin-top: 0
    }

    .isotope-top-panel-title {
        flex-shrink: 0
    }
}

.isotope-content {
    position: relative;
    padding-top: 50px
}

.isotope-content::after,
.isotope-content::before {
    position: absolute;
    content: "";
    top: 0;
    height: 1px;
    width: 50%;
    opacity: .21
}

.isotope-content::before {
    left: 0;
    background: linear-gradient(to right, #d1d1d1 0, #3b3b3b 100%)
}

.isotope-content::after {
    right: 0;
    background: linear-gradient(to right, #3b3b3b 0, #d1d1d1 100%)
}

*+.isotope-content {
    margin-top: 30px
}

.tabs-custom {
    text-align: left
}

.tabs-custom .nav-tabs {
    font-size: 0;
    line-height: 0;
    word-spacing: 0;
    border: 0;
    justify-content: center
}

.tabs-custom .nav-item {
    float: none;
    margin: 0;
    border: 0;
    cursor: pointer;
    transition: .33s all ease
}

.tabs-custom .nav-link {
    margin: 0;
    border-radius: 0;
    border: 0;
    color: #9b9b9b;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.tabs-custom .nav-link.active {
    cursor: default
}

.tab-content>.tab-pane {
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.tab-content>.active {
    visibility: visible;
    height: auto;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start
}

*+.tabs-line {
    margin-top: 24px
}

*+.tabs-line-big {
    margin-top: 18px
}

*+.tabs-line-2 {
    margin-top: 26px
}

*+.tabs-horizontal.tabs-corporate {
    margin-top: 25px
}

h1+.tabs-line {
    margin-top: 22px
}

.row+.tabs-corporate {
    margin-top: 66px
}

.tabs-line .nav-link {
    padding: 10px 10px 6px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .075em;
    text-align: center;
    vertical-align: middle
}

.tabs-line .nav-link-big {
    font-size: 24px
}

.tabs-line .nav-link-small {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .025em
}

.tabs-line *+.tab-content {
    margin-top: 20px
}

@media (max-width:767px) {
    .tabs-line .nav-tabs {
        margin-bottom: -10px
    }

    .tabs-line .nav-item {
        margin-bottom: 10px
    }

    .tabs-line .nav-link {
        border-width: 1px 0;
        border-style: solid;
        border-color: #434343;
        color: #fff
    }

    .tabs-line .nav-link.active,
    .tabs-line .nav-link:hover {
        color: #79af96
    }

    .tabs-line .nav-link.active {
        border-color: #79af96
    }
}

@media (min-width:768px) {
    .tabs-line .nav-link {
        font-size: 24px
    }

    .tabs-line .nav-link-big {
        font-size: 36px
    }

    .tabs-line .nav-link-small {
        font-size: 18px
    }
}

.tabs-line-big .button {
    min-width: 180px
}

.tabs-line-big *+.group-md {
    margin-top: 36px
}

.tabs-line-style-2 .nav-link {
    letter-spacing: .1em
}

.tabs-line-style-3 *+.group-md {
    margin-top: 35px
}

.border-classic>div,
.tabs-corporate .nav-tabs {
    position: relative
}

.tabs-corporate .nav-link {
    padding: 12px 0 8px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .1em;
    color: #9b9b9b;
    background: 0 0;
    text-align: center;
    vertical-align: middle
}

.tabs-corporate .nav-link.active,
.tabs-corporate .nav-link:hover {
    color: #151515
}

.tabs-corporate .nav-link:hover {
    border-color: transparent
}

.tabs-corporate .tab-content {
    padding: 20px 0 0
}

@media (max-width:767px) {
    .tabs-corporate .nav-tabs {
        margin-bottom: 0;
        margin-left: -20px
    }

    .tabs-corporate .nav-tabs:empty {
        margin-bottom: 0;
        margin-left: 0
    }

    .tabs-corporate .nav-tabs>* {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 20px
    }

    .tabs-corporate .nav-link {
        border-width: 1px;
        border-style: solid;
        border-color: transparent
    }

    .tabs-corporate .nav-link.active {
        border-color: transparent transparent #eb6e6e
    }
}

@media (min-width:768px) {
    .tabs-horizontal.tabs-corporate .nav-tabs {
        position: relative;
        width: 100%;
        border: 0;
        will-change: transform;
        justify-content: flex-start
    }

    .tabs-horizontal.tabs-corporate .nav-item {
        will-change: transform
    }

    .tabs-horizontal.tabs-corporate .nav-link {
        display: block;
        position: relative;
        z-index: 1;
        min-width: 188px;
        letter-spacing: .1em;
        padding: 26px 20px;
        border-width: 1px 1px 0;
        border-style: solid;
        border-color: transparent
    }

    .tabs-horizontal.tabs-corporate .nav-link.active,
    .tabs-horizontal.tabs-corporate .nav-link:hover {
        color: #151515
    }

    .tabs-horizontal.tabs-corporate .nav-link.active {
        border-color: #e1e1e1
    }

    .tabs-horizontal.tabs-corporate .tab-content {
        border: 1px solid #e1e1e1
    }

    #mein_profil .tabs-horizontal.tabs-line .nav-tabs,
    .tabs-horizontal.tabs-line .nav-tabs {
        justify-content: space-between;
        border-bottom: 3px solid #e1e1e1
    }

    @media (min-width:660px) {

        #mein_profil .tabs-horizontal.tabs-line .nav-tabs,
        .tabs-horizontal.tabs-line .nav-tabs {
            justify-content: space-between;
            border-bottom: 3px solid #e1e1e1;
            max-width: 570px;
            margin: 0 auto
        }
    }

    .tabs-horizontal.tabs-line .nav-item {
        display: inline-block
    }

    @media (min-width:768px) {
        .tabs-horizontal.tabs-line .nav-link {
            position: relative;
            border: 0;
            color: #fff;
            padding: 8px 0
        }
    }

    .tabs-horizontal.tabs-line .nav-link::after {
        content: "";
        position: absolute;
        bottom: -3px;
        left: 0;
        height: 3px;
        width: 0;
        background: #79af96;
        transition: .22s ease
    }

    .tabs-horizontal.tabs-line .nav-link-big {
        padding-bottom: 5px
    }

    .tabs-horizontal.tabs-line .nav-link-small {
        padding-bottom: 18px
    }

    .tabs-horizontal.tabs-line .nav-link.active,
    .tabs-horizontal.tabs-line .nav-link:hover {
        color: #000
    }

    .tabs-horizontal.tabs-line .nav-link.active::after {
        width: 100%
    }

    .tabs-horizontal.tabs-line *+.tab-content {
        margin-top: 30px
    }

    .tabs-horizontal.tabs-line-big *+.tab-content,
    .tabs-horizontal.tabs-line-style-3 *+.tab-content {
        margin-top: 26px
    }

    .tabs-horizontal.tabs-corporate .tab-content {
        padding: 45px 40px
    }

    .tabs-vertical {
        display: flex;
        align-items: flex-start
    }

    .tabs-vertical .nav-tabs {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex-shrink: 0;
        max-width: 50%
    }

    .tabs-vertical .nav-item {
        border: 0;
        width: 100%;
        text-align: left
    }

    .tabs-vertical .tab-content {
        flex-grow: 1
    }

    .tabs-vertical.tabs-line .nav-tabs {
        width: auto;
        min-width: 167px;
        border: 0
    }

    .tabs-vertical.tabs-line .nav-item {
        margin: 0
    }

    .tabs-vertical.tabs-line .nav-link {
        position: relative;
        padding: 21px 0 17px;
        border: 0;
        overflow: hidden;
        text-align: left
    }

    .tabs-vertical.tabs-line .nav-link.active,
    .tabs-vertical.tabs-line .nav-link:hover {
        color: #79af96
    }

    .tabs-vertical.tabs-line .nav-item+.nav-item {
        border-top: 1px solid #e1e1e1
    }

    .tabs-vertical.tabs-line .tab-content {
        padding: 0 0 0 35px
    }

    .tabs-vertical.tabs-line *+.tab-content {
        margin-top: 0
    }
}

.tabs-custom-wrap {
    display: flex;
    align-items: center;
    min-height: 100%;
    padding: 30px 15px;
    background: #fff
}

@media (min-width:768px) {
    .tabs-custom-wrap {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:1200px) {
    .tabs-custom-wrap {
        padding: 16px 35px 24px
    }
}

.ie-10 .tabs-custom-wrap,
.ie-11 .tabs-custom-wrap,
.ie-edge .tabs-custom-wrap {
    height: 100%
}

.tooltip {
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: .05em;
    z-index: 1010
}

.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #151515
}

.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #151515
}

.tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #151515
}

.tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #151515
}

.tooltip-inner {
    padding: 4px 11px;
    background-color: #151515
}

.counter-modern {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: left;
    min-height: 220px;
    padding: 20px;
    z-index: 1
}

.counter-modern::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 6px solid #ebebeb;
    transition: all .3s ease;
    z-index: -1
}

.counter-modern-2 .counter-modern-decor {
    background: #eb6e6e
}

.counter-modern-number {
    font-size: 60px;
    line-height: .6;
    letter-spacing: .025em;
    text-transform: uppercase;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.counter-modern-number>* {
    display: inline-block
}

.counter-modern-decor {
    width: 100%;
    height: 2px;
    margin: 16px 0 16px auto;
    background: #79af96;
    transition: all .3s ease
}

.counter-modern-title {
    display: inline-block;
    font-weight: 300;
    letter-spacing: .05em
}

@media (min-width:992px) {
    .desktop .counter-modern::before {
        border-width: 22px
    }

    .desktop .counter-modern-decor {
        width: 0;
        margin-top: 8px;
        margin-bottom: 8px
    }

    .desktop .counter-modern:hover::before {
        border-width: 10px
    }

    .desktop .counter-modern:hover .counter-modern-decor {
        width: 100%;
        margin-top: 24px;
        margin-bottom: 24px
    }
}

@media (min-width:768px) {
    .counter-modern {
        padding: 35px;
        min-height: 320px
    }

    .counter-modern::before {
        border-width: 10px
    }

    .counter-modern-number {
        font-size: 105px
    }

    .counter-modern-decor {
        margin-top: 24px;
        margin-bottom: 24px
    }
}

@media (min-width:992px) {
    .counter-modern {
        min-height: 363px
    }
}

.ie-10 .counter-modern,
.ie-11 .counter-modern,
.ie-edge .counter-modern {
    height: 320px
}

@media (min-width:992px) {

    .ie-10 .counter-modern,
    .ie-11 .counter-modern,
    .ie-edge .counter-modern {
        height: 363px
    }
}

.counter-classic {
    text-align: center
}

.counter-classic-number {
    font-size: 70px;
    line-height: .8;
    font-weight: 300;
    letter-spacing: .025em;
    text-transform: uppercase;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.counter-classic-number>* {
    display: inline-block
}

.counter-classic-number .symbol {
    font-size: 40px;
    letter-spacing: 0
}

.counter-classic-title {
    font-weight: 400;
    letter-spacing: .05em
}

@media (min-width:992px) {
    .counter-classic-number {
        font-size: 110px
    }

    .counter-classic-number .symbol {
        font-size: 70px
    }
}

.counter-creative {
    text-align: center
}

.counter-creative-2 .counter-creative-number {
    color: #f37877
}

.counter-creative-number {
    font-size: 70px;
    line-height: .8;
    font-weight: 300;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .025em
}

.counter-creative-number>* {
    display: inline-block;
    vertical-align: top
}

.counter-creative-icon {
    margin-left: 10px;
    font-size: 42px;
    line-height: 1;
    color: #4eb986
}

.counter-creative-title {
    font-weight: 400;
    letter-spacing: .075em
}

*+.counter-creative-title {
    margin-top: 8px
}

.counter-abby {
    position: relative;
    padding: 40px 20px;
    min-height: 100%;
    border: 9px solid transparent;
    transition: all .3s ease;
    z-index: 1
}

.counter-abby::after,
.counter-abby::before {
    position: absolute;
    content: "";
    border: 1px solid #151515;
    transition: inherit;
    will-change: transform;
    z-index: -1
}

.counter-abby::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.counter-abby::after {
    top: -9px;
    right: -9px;
    bottom: -9px;
    left: -9px
}

.counter-abby:hover {
    border-color: #151515
}

.counter-abby:hover::before {
    transform: scale(.95)
}

.counter-abby:hover::after {
    transform: scale(1.05)
}

@media (min-width:992px) {
    .counter-abby {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.context-dark .counter-abby::after,
.context-dark .counter-abby::before,
.context-dark .counter-abby:hover {
    border-color: rgba(255, 255, 255, .27)
}

.counter-amy {
    text-align: center;
    padding: 30px 10px
}

.counter-amy-number {
    font-size: 110px;
    line-height: .8;
    font-weight: 300;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.counter-amy-number>* {
    display: inline-block
}

.counter-amy-number .symbol {
    font-size: 70px;
    letter-spacing: 0;
    margin-left: -8px
}

.counter-amy-title {
    font-weight: 400;
    letter-spacing: .1em;
    color: #9b9b9b
}

*+.counter-amy-title {
    margin-top: 4px
}

.border-classic>div::before {
    position: absolute;
    display: none;
    content: "";
    left: 50%;
    top: -25px;
    transform: translateX(-50%);
    width: 80%;
    height: 1px;
    background: #d7d7d7
}

@media (max-width:575px) {
    .border-classic>div+div::before {
        display: inline-block
    }
}

@media (min-width:576px) {
    .border-classic>div {
        position: relative
    }

    .border-classic>div::before {
        top: 50%;
        left: 0;
        width: 1px;
        height: 68px;
        margin-top: -34px;
        transform: none
    }

    .border-classic>div:nth-child(odd)+div::before {
        display: inline-block
    }
}

@media (min-width:992px) {
    .border-classic>div+div::before {
        display: inline-block
    }
}

@media (min-width:576px) {
    .border-classic-big>div::before {
        height: 86px;
        margin-top: -43px
    }
}

.context-dark .border-classic>div::before {
    background: rgba(244, 244, 244, .55)
}

.border-modern,
.border-modern>div {
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #e1e1e1
}

.border-modern>div {
    border-width: 0 1px 1px 0
}

.border-creative {
    overflow: hidden
}

.border-creative>div::after,
.border-creative>div::before {
    position: absolute;
    content: "";
    background: #d1d1d1
}

.border-creative>div::before {
    height: 1px;
    left: 26px;
    right: 26px;
    bottom: -1px
}

.border-creative>div::after {
    width: 1px;
    top: 26px;
    right: -1px;
    bottom: 26px
}

*+.border-creative,
.time_circles>div>h4+* {
    margin-top: 0
}

.border-2-column>div {
    padding: 0;
    border-top: 1px solid #e1e1e1
}

.border-2-column>div:nth-child(1) {
    border-top: none
}

.border-2-column>div:nth-child(1) .counter-amy {
    padding-top: 0
}

.border-2-column>div:nth-last-child(1) .counter-amy {
    padding-bottom: 0
}

@media (min-width:576px) {
    .border-2-column>div:nth-child(2) {
        border-top: none
    }

    .border-2-column>div:nth-child(2) .counter-amy {
        padding-top: 0
    }

    .border-2-column>div:nth-last-child(2) .counter-amy {
        padding-bottom: 0
    }

    .border-2-column>div:nth-child(even) {
        border-left: 1px solid #e1e1e1
    }

    .border-2-column>div:nth-child(even) .counter-amy {
        padding-right: 0
    }

    .border-2-column>div:nth-child(odd) .counter-amy {
        padding-left: 0
    }
}

.context-dark .border-2-column>div {
    border-color: rgba(255, 255, 255, .1)
}

.box-ordered,
.box-ordered-2 {
    counter-reset: div
}

.box-ordered .box-ordered-item::before {
    content: counter(div, decimal-leading-zero);
    counter-increment: div
}

.box-ordered-2 .box-ordered-item::before {
    content: counter(div, decimal);
    counter-increment: div
}

.progress-linear {
    position: relative;
    text-align: left;
    font-size: 18px;
    line-height: 1;
    letter-spacing: .075em;
    text-transform: uppercase;
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #9b9b9b
}

.progress-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.progress-bar-linear-wrap {
    height: 7px;
    border-radius: 3px;
    background: #ddd;
    width: 70%;
    margin: 0 auto
}

.progress-bar-linear {
    position: relative;
    width: 0;
    height: inherit;
    background: #79af96;
    transition: .5s all ease-in-out
}

.progress-value::after {
    content: "%"
}

.progress-value {
    position: absolute;
    bottom: 100%;
    right: -4px;
    margin-bottom: 12px;
    transform: translate3d(50%, 0, 0);
    will-change: transform;
    color: #fff
}

.progress-marker {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 22px;
    height: 22px;
    background: #79af96;
    border: 7px solid #fff;
    border-radius: 50%;
    transform: translate(50%, -50%);
    box-shadow: 0 0 2px 3px rgba(0, 0, 0, .1)
}

.progress-secondary .progress-bar-linear {
    background: #dfec75
}

.progress-secondary .progress-marker {
    background: #ec7575
}

.progress-orange .progress-bar-linear,
.progress-orange .progress-marker {
    background: #e7a855
}

*+.progress-bar-linear-wrap {
    margin-top: 12px
}

*+.progress-linear {
    margin-top: 35px
}

.progress-linear+.progress-linear {
    margin-top: 20px
}

@media (min-width:992px) {
    .progress-linear+.progress-linear {
        margin-top: 30px
    }
}

.progress-bar-circle {
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
    letter-spacing: .05em;
    color: #151515;
    z-index: 1
}

.progress-bar-circle::before {
    position: absolute;
    content: "";
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    border: 8px solid #e1e1e1;
    border-radius: 50%;
    z-index: -1
}

.progress-bar-circle span {
    position: absolute;
    top: 53%;
    left: 50%;
    font-size: 48px;
    line-height: 1;
    transform: translate(-50%, -50%)
}

.progress-bar-circle span::after {
    font-size: 36px;
    line-height: 1;
    content: "%"
}

.progress-bar-circle,
.progress-bar-circle-title,
.time_circles>div {
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.progress-bar-circle-title {
    font-size: 18px;
    letter-spacing: .075em;
    text-transform: uppercase;
    color: #151515
}

*+.progress-bar-circle-title {
    margin-top: 6px
}

.time_circles {
    position: relative;
    width: 100%
}

.time_circles>div {
    position: absolute;
    top: 0 !important;
    bottom: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -10px;
    text-align: center
}

@media (min-width:1200px) {
    #DateCountdown {
        width: 100%
    }
}

.time_circles>div>h4 {
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    right: 0;
    transform: translateY(-100%);
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: inherit;
    font-size: 16px !important;
    line-height: 1.2 !important;
    color: rgba(255, 255, 255, .3);
    text-transform: uppercase
}

@media (min-width:768px) {
    .time_circles>div>h4 {
        font-size: 18px !important
    }
}

@media (min-width:992px) {
    .time_circles>div>h4 {
        top: calc(100% + 6px)
    }
}

.time_circles>div>span {
    display: block;
    text-align: center;
    margin-top: 12px;
    font-size: 24px !important;
    font-weight: 400;
    line-height: 1 !important;
    color: #111
}

@media (min-width:768px) {
    .time_circles>div>span {
        font-size: 34px !important
    }
}

@media (min-width:992px) {
    .time_circles>div>span {
        font-size: 48px !important
    }
}

.countdown-wrap {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px
}

*+.countdown-wrap {
    margin-top: 35px
}

*+.DateCountdown {
    margin-top: 20px
}

.DateCountdown+*,
.countdown-wrap+.button {
    margin-top: 40px
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute;
    right: 4px
}

.jspHorizontalBar,
.jspVerticalBar {
    position: absolute;
    background: #e1e1e1;
    pointer-events: auto
}

.jspVerticalBar {
    top: 0;
    right: 0;
    width: 4px;
    height: 100%
}

.jspHorizontalBar {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #e1e1e1;
    position: relative
}

.jspDrag {
    background: rgba(80, 186, 135, .5);
    width: 8px;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus,
.tinder--buttons button:focus {
    outline: 0
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item .owl-item {
    width: 100%
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    font: 400 40px/80px"FontAwesome";
    cursor: pointer;
    z-index: 1;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:before {
    content: ""
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-nav.disabled {
    display: none !important
}

.owl-next,
.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font: 400 46px/50px"FontAwesome";
    color: #ccc;
    cursor: pointer
}

.owl-next:hover,
.owl-prev:hover {
    color: #79af96
}

.owl-prev {
    left: 0
}

.owl-prev::before {
    content: ""
}

.owl-next {
    right: 0
}

.owl-next::before {
    content: ""
}

.owl-dots {
    position: absolute;
    text-align: center;
    font-size: 0;
    line-height: 0;
    bottom: 30px;
    width: 100%
}

.owl-dots.disabled {
    display: none !important
}

.owl-dot {
    text-align: center;
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 0;
    margin-left: 6px;
    margin-right: 6px;
    outline: 0;
    cursor: pointer;
    transition: .2s
}

@media (min-width:992px) {
    .owl-dot {
        margin-left: 4px;
        margin-right: 4px
    }
}

.owl-dot::after,
.owl-dot::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.owl-dot::before {
    background: #9b9b9b;
    transition: transform .3s ease, opacity .3s ease, background-color .3s ease
}

.owl-dot::after {
    opacity: 0;
    background: #79af96;
    transform: translateY(-200%);
    transition: transform .3s ease, opacity .3s ease, visibility 0s .3s
}

.owl-dot:only-child {
    display: none
}

.owl-dot:focus::before,
.owl-dot:hover::before {
    background: #151515
}

.owl-dot.active::after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: transform .3s ease, opacity .3s ease
}

.owl-dot.active::before {
    opacity: 0;
    visibility: hidden;
    transform: translateY(200%)
}

.owl-dots-secondary .owl-dot::after {
    background: #f37877
}

.owl-dots-white .owl-dot::before {
    background: rgba(255, 255, 255, .8)
}

.owl-dots-white .owl-dot:focus::before,
.owl-dots-white .owl-dot:hover::before {
    background: #fff
}

.post .owl-dots {
    bottom: 40px
}

.owl-carousel.owl-carousel-light-dots .owl-dot {
    border-color: #fff
}

.owl-carousel.owl-carousel-light-dots .owl-dot:focus,
.owl-carousel.owl-carousel-light-dots .owl-dot:hover {
    background-color: #fff
}

.owl-carousel.owl-carousel-light-dots .owl-dot.active {
    background-color: #fff
}

.owl-classic .owl-dots {
    position: relative;
    bottom: 0;
    margin-top: 25px
}

.owl-classic .owl-next,
.owl-classic .owl-prev {
    display: none;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    width: 54px;
    font-size: 0;
    line-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    transition: all .25s ease
}

.owl-classic .owl-next::after,
.owl-classic .owl-next::before,
.owl-classic .owl-prev::after,
.owl-classic .owl-prev::before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    transition: all .3s ease-in-out
}

.owl-classic .owl-next::before,
.owl-classic .owl-prev::before {
    height: 2px;
    width: 32px;
    background-color: rgba(21, 21, 21, .21)
}

.owl-classic .owl-next::after,
.owl-classic .owl-prev::after {
    width: 0;
    height: 0;
    border-style: solid
}

.owl-classic .owl-next:hover,
.owl-classic .owl-prev:hover {
    padding-left: 0;
    padding-right: 0
}

.owl-classic .owl-next:hover::before,
.owl-classic .owl-prev:hover::before {
    background-color: #79af96
}

.owl-classic .owl-next:hover::after,
.owl-classic .owl-prev:hover::after {
    border-left-color: #79af96;
    border-right-color: #79af96
}

.owl-classic .owl-prev {
    flex-direction: row-reverse;
    left: -62px
}

.owl-classic .owl-prev::after {
    border-width: 5px 8px 5px 0;
    border-color: transparent rgba(21, 21, 21, .21) transparent transparent
}

.owl-classic .owl-next {
    right: -62px
}

.owl-classic .owl-next::after {
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent rgba(21, 21, 21, .21)
}

@media (min-width:1600px) {

    .owl-classic .owl-next,
    .owl-classic .owl-prev {
        display: flex
    }

    .owl-classic .owl-dots {
        display: none
    }
}

.owl-modern {
    margin-left: -15px;
    margin-right: -15px;
    width: auto
}

.owl-modern .owl-stage-outer {
    padding-top: 19px;
    padding-bottom: 15px
}

.owl-modern .owl-stage-outer::after,
.owl-modern .owl-stage-outer::before,
.owl-timeline::before {
    position: absolute;
    content: ""
}

.owl-modern .owl-stage-outer::before {
    top: 0;
    right: 55px;
    left: 55px;
    height: 18px;
    background: #e8e8e8;
    z-index: -1
}

.owl-modern .owl-stage-outer::after {
    top: 9px;
    right: 30px;
    left: 30px;
    height: 9px;
    background: #f4f4f4;
    z-index: -1
}

.owl-modern .owl-dots {
    position: relative;
    bottom: 0;
    margin-top: 17px
}

.owl-timeline::before {
    left: 0;
    bottom: 87px;
    height: 1px;
    width: 100%;
    background: #ddd
}

.owl-timeline .owl-next,
.owl-timeline .owl-prev {
    top: 35%;
    transform: none
}

@media (min-width:768px) {
    .owl-timeline::before {
        bottom: 89px
    }
}

@media (min-width:1600px) {
    .owl-timeline::before {
        bottom: 51px
    }
}

.owl-navbar .owl-dots {
    position: static;
    margin-top: 25px
}

.owl-navbar .owl-dot:before {
    background: #e7e7e7
}

.owl-navbar .owl-dot:focus::before,
.owl-navbar .owl-dot:hover::before {
    background: #9b9b9b
}

.owl-clients .owl-dots,
.owl-products .owl-dots {
    position: relative;
    bottom: 0;
    margin-top: 26px
}

*+.owl-products {
    margin-top: 40px
}

.owl-clients .owl-dots {
    margin-top: 30px
}

.owl-posts .owl-stage-outer {
    padding-bottom: 10px
}

.owl-posts .owl-dots {
    position: relative;
    bottom: 0;
    margin-top: 22px
}

.owl-posts .owl-dot::before {
    background: #151515
}

.owl-posts .owl-dot::after {
    background: #eb6e6e
}

.owl-posts .owl-dot:focus::before,
.owl-posts .owl-dot:hover::before {
    background: #79af96
}

.owl-posts-2 .owl-dot::after {
    background: #79af96
}

.owl-posts-2 .owl-dot:focus::before,
.owl-posts-2 .owl-dot:hover::before {
    background: #eb6e6e
}

.owl-services .owl-stage-outer {
    padding: 10px;
    margin: -10px
}

.owl-services .owl-prev {
    left: -10px
}

.owl-services .owl-next {
    right: -10px
}

@media (min-width:576px) {
    .owl-services {
        padding: 0 40px
    }

    .owl-services .owl-next,
    .owl-services .owl-prev {
        display: flex
    }

    .owl-services .owl-dots {
        display: none
    }
}

@media (min-width:768px) {
    .owl-services .owl-prev {
        left: -25px
    }

    .owl-services .owl-next {
        right: -25px
    }
}

@media (min-width:992px) {
    .owl-services {
        padding: 0
    }
}

.owl-services-2 .owl-stage-outer {
    padding-top: 30px;
    margin-top: -30px
}

.owl-team {
    position: static
}

.owl-team .owl-next,
.owl-team .owl-prev {
    position: absolute;
    display: none;
    top: 0;
    bottom: 0;
    font-size: 0;
    line-height: 0;
    background: rgba(247, 247, 247, .7);
    transform: none;
    transition: all .3s ease-in-out
}

.owl-team .owl-next::before,
.owl-team .owl-prev::before {
    display: none
}

.owl-team .owl-next:hover,
.owl-team .owl-prev:hover {
    background: rgba(247, 247, 247, .4)
}

.owl-team .owl-next {
    right: 0;
    left: calc(50% + 615px)
}

.owl-team .owl-prev {
    left: 0;
    right: calc(50% + 615px)
}

.owl-team .owl-dots {
    position: static;
    margin-top: 35px
}

@media (min-width:1200px) {
    .owl-team .owl-stage-outer {
        overflow: visible
    }

    .owl-team .owl-item:not(.active) .team-creative {
        pointer-events: none
    }

    .owl-team .owl-next,
    .owl-team .owl-prev {
        display: block
    }
}

@media (min-width:1280px) {
    .owl-team .owl-dots {
        display: none
    }
}

@media (min-width:1280px) and (max-width:1399px) {
    .container-custom-2 {
        max-width: 1100px
    }

    .owl-team {
        max-width: 1070px
    }

    .owl-team .owl-next {
        left: calc(50% + 564px)
    }

    .owl-team .owl-prev {
        right: calc(50% + 564px)
    }
}

.owl-team-2 .owl-stage-outer {
    padding: 10px;
    margin: -10px
}

.owl-team-2 .owl-dots {
    position: relative;
    bottom: 0;
    margin-top: 30px
}

.owl-quote .owl-next,
.owl-quote .owl-prev {
    width: 74px
}

.owl-quote .owl-next::before,
.owl-quote .owl-prev::before {
    width: 52px
}

.owl-quote .owl-prev {
    left: -100px
}

.owl-quote .owl-next {
    right: -100px
}

.owl-quote .owl-dots {
    margin-top: 30px
}

@media (min-width:1400px) {

    .owl-quote .owl-next,
    .owl-quote .owl-prev {
        display: flex
    }

    .owl-quote .owl-dots {
        display: none
    }
}

@media (min-width:1600px) {

    .owl-quote .owl-next,
    .owl-quote .owl-prev {
        width: 94px
    }

    .owl-quote .owl-next::before,
    .owl-quote .owl-prev::before {
        width: 72px
    }

    .owl-quote .owl-prev {
        left: -185px
    }

    .owl-quote .owl-next {
        right: -185px
    }
}

@media (min-width:992px) {
    .desktop .owl-quote .owl-stage-outer {
        padding: 35px 0
    }

    .desktop *+.owl-quote,
    .desktop .owl-quote .owl-dots {
        margin-top: 0
    }

    .desktop [class*=section-].section-lg-bottom-10 {
        padding-bottom: 10px
    }
}

.owl-quote-2 .owl-stage-outer {
    padding: 10px 10px 25px;
    margin: -10px -10px -25px
}

.owl-custom-nav {
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    margin-bottom: -6px;
    margin-left: -6px
}

.owl-custom-nav:empty {
    margin-bottom: 0;
    margin-left: 0
}

.owl-custom-nav>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 6px;
    margin-left: 6px
}

.owl-custom-nav .owl-next,
.owl-custom-nav .owl-prev {
    position: static;
    display: inline-block;
    top: auto;
    left: auto;
    right: auto;
    width: 33px;
    height: 33px;
    font-size: 22px;
    line-height: 25px;
    color: #79af96;
    border: 4px solid #eb6e6e;
    border-radius: 50%;
    transform: none;
    transition: all .25s ease-in-out
}

.owl-custom-nav .owl-next:hover,
.owl-custom-nav .owl-prev:hover {
    border-color: #79af96
}

.lg-sub-html,
.lg-toolbar {
    background-color: rgba(0, 0, 0, .45)
}

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

.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    border: 0;
    outline: 0
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: ""
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: ""
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: 0;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: ""
}

.lg-toolbar .lg-download:after {
    content: ""
}

.lg-sub-html {
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item,
.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item,
.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px;
    margin-left: auto;
    margin-right: auto
}

.lg-outer .lg-thumb-item {
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid transparent;
    border-radius: 0;
    margin-bottom: 5px
}

@media (min-width:1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item:hover {
    border-color: #fff
}

.lg-outer .lg-thumb-item.active {
    border-color: #79af96
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.left-section ul li.active .desc .time,
.lg-outer .lg-toogle-thumb:hover,
.lg-outer.lg-dropdown-active #lg-share {
    color: #fff
}

.lg-outer .lg-toogle-thumb:after {
    content: ""
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../images/vimeo-play.png)no-repeat
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../images/vimeo-play.png)0-58px no-repeat
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: url(../images/video-play.png)no-repeat;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../images/youtube-play.png)no-repeat
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../images/youtube-play.png)0-60px no-repeat
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -moz-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #79af96;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: ""
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: ""
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: ""
}

#lg-actual-size,
#myBtn i,
#myBtn5 i {
    font-size: 20px
}

#lg-actual-size:after {
    content: ""
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: ""
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: ""
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: ""
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown>li:hover .lg-icon,
.lg-outer .lg-dropdown>li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer,
.lg-outer .lg,
.lg-outer .lg-inner {
    width: 100%;
    height: 100%
}

#radios label,
.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: ""
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: ""
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: ""
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: ""
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: ""
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-outer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1090;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer .lg {
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url(../images/loading.gif)center center no-repeat;
    display: none !important
}

.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 100%
}

.lg-outer .lg-item {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-backdrop,
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download,
.mobile #lg-zoom-in,
.mobile #lg-zoom-out,
.tablet #lg-zoom-in,
.tablet #lg-zoom-out,
footer {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1090;
    background-color: rgba(0, 0, 0, .8)
}

.lg-backdrop.in,
.lg-css3.lg-fade .lg-item.lg-current,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-fade .lg-item,
.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.mobile .lg-icon,
.tablet .lg-icon {
    font-size: 22px;
    width: 45px
}

@media (max-width:767px) {

    #lg-zoom-in,
    #lg-zoom-out,
    .lg-fullscreen {
        display: none
    }

    .lg-icon {
        font-size: 22px;
        width: 45px
    }
}

.parallax-container {
    position: relative;
    overflow: hidden
}

.material-parallax {
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    bottom: 0
}

.ipad .material-parallax,
.iphone .material-parallax {
    background-attachment: scroll !important
}

.material-parallax img {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 101%;
    max-width: none;
    min-height: 101%;
    transform: translate3d(-50%, 0, 0)
}

.parallax-content {
    position: relative;
    z-index: 1
}

.rd-range {
    height: 18px;
    margin-top: 16px;
    display: flex;
    -webkit-align-items: center
}

.rd-range__wrap {
    position: relative;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background-color: #f4f4f4;
    transition: background 100ms cubic-bezier(.23, 1, .32, 1)
}

.rd-range__pointer {
    position: absolute;
    cursor: pointer;
    top: 3px;
    left: 6%;
    z-index: 1;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 0 15%;
    transition: transform .2s cubic-bezier(.35, 0, .25, 1);
    overflow: visible;
    background-color: #eb6e6e;
    border: 6px solid #fff;
    background-clip: padding-box;
    box-shadow: 0 0 2px 3px rgba(0, 0, 0, .1)
}

@media (min-width:768px) {
    .rd-range__pointer.active {
        transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%)
    }
}

.rd-range__line {
    background-color: #79af96;
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    transition: none
}

.rd-range .rd-range__pointer-tooltip {
    display: none !important
}

.rd-range-wrap {
    display: flex;
    align-items: center
}

.rd-range-form-wrap span,
.rd-range-input,
.rd-range-title,
.stepper input[type=number] {
    font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.rd-range-form-wrap span,
.rd-range-input,
.rd-range-title {
    font-size: 18px;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase
}

.rd-range-title {
    margin-right: 4px
}

.rd-range-form-wrap {
    position: relative;
    padding-left: 6px;
    color: #151515
}

.rd-range-form-wrap span {
    position: absolute;
    top: 4px;
    left: 0
}

.rd-range-divider {
    height: 2px;
    width: 10px;
    margin-left: 2px;
    margin-right: 5px;
    margin-bottom: 2px;
    border-top: 2px solid #151515
}

.rd-range-input {
    text-align: center;
    outline: 0;
    border: 0;
    padding: 0;
    max-width: 36px;
    background-color: transparent;
    border-radius: 0
}

.rd-range+* {
    margin-top: 22px
}

.stepper {
    position: relative;
    max-width: 480px;
    display: inline;
    margin-left: -30px;
    font-size: 20px
}

.stepper input[type=number] {
    padding: 9px 42px;
    font-weight: 500;
    text-align: center;
    font-size: 21px;
    color: #000
}

.stepper input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.stepper-arrow {
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -19px;
    width: 38px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    font-weight: 400;
    font-family: "FontAwesome";
    cursor: pointer;
    color: #fff;
    border-radius: 0;
    transition: .3s all ease
}

.stepper-arrow:hover {
    color: #79af96
}

.stepper-arrow.up:before {
    content: ""
}

.stepper-arrow.down:before {
    content: ""
}

.stepper.disabled .stepper-arrow {
    pointer-events: none;
    opacity: .5
}

.product-stepper .stepper {
    padding-right: 32px
}

.product-stepper input[type=number] {
    padding: 10px 5px;
    font-size: 24px;
    max-width: 66px
}

.product-stepper .stepper-arrow {
    margin-top: 0;
    top: auto;
    right: 0;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #f7f7f7
}

.product-stepper .stepper-arrow.up {
    top: 0
}

.product-stepper .stepper-arrow.down {
    left: auto;
    bottom: 0
}

.table-cart-stepper {
    max-width: 114px;
    margin-left: auto;
    margin-right: auto
}

.table-cart-stepper input[type=number] {
    font-size: 18px;
    line-height: 1;
    letter-spacing: .1em;
    padding-bottom: 6px;
    background: #fff;
    border-color: #fff
}

.table-cart-stepper .stepper-arrow {
    line-height: 36px;
    border-radius: 4px;
    border: 1px solid #e1e1e1
}

.box {
    background: #b7d8b4;
    border: 2px solid #000;
    border-radius: 19px;
    background-clip: padding-box;
    text-align: center;
    display: grid;
    justify-items: center
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    transition: opacity 500ms;
    display: none;
    opacity: 0;
    z-index: 200;
    overflow: scroll
}

.overlay:target {
    display: block;
    opacity: 1
}

.popup {
    margin: 5%auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 80%;
    position: relative;
    transition: all 5s ease-in-out
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif
}

.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #333
}

.popup .close:hover {
    color: #06d85f
}

.popup .content {
    max-height: 30%;
    overflow: auto
}

@media screen and (max-width:700px) {
    .box {
        width: 100% !important;
        margin: 0 10px
    }
}

.flex-row {
    display: flex;
    flex-direction: row
}

.flex-row>.navigation1 {
    flex-direction: column-reverse
}

.font-size-dynamisch {
    font-size: clamp(18px, 1vw, 22px) !important
}

@media screen and (min-width:1000px) {
    footer {
        display: block
    }
}

.nav .nav-tabs {
    font-size: 0;
    line-height: 0;
    word-spacing: 0;
    border: 0;
    justify-content: center;
    display: flex;
    flex-direction: column
}

@media screen and (min-width:1000px) {
    .nav .nav-tabs {
        display: initial
    }
}

.page .bg-image-login {
    position: relative;
    overflow: hidden;
    text-align: center;
    background-image: url(images/headerbild.jpg);
    height: 1080px;
    background-size: 914px;
    background-repeat: no-repeat
}

.form-registrieren {
    max-width: 100%;
    background-color: #5d8569;
    padding: 130px 40px;
    margin: 200px auto;
    text-align: center;
    filter: drop-shadow(8px -6px 4px #000)
}

@media screen and (min-width:800px) {
    .form-registrieren {
        max-width: 70%;
        background-color: #5d8569;
        padding: 170px 200px;
        margin: 0 auto;
        opacity: .6
    }
}

.form-registrieren1 {
    max-width: 100%;
    background-color: #5d8569;
    filter: drop-shadow(8px -6px 4px #000);
    padding: 20px;
    width: 70%;
    margin: 0 13px;
    text-align: justify
}

@media screen and (min-width:800px) {
    .form-registrieren1 {
        max-width: 100%;
        background-color: #5d8569;
        margin: 0 auto
    }
}

.form-signin {
    max-width: 90%;
    background-color: #5d8569;
    padding: 130px 50px;
    margin: 280px auto;
    text-align: center;
    filter: drop-shadow(8px -6px 4px #000)
}

@media screen and (min-width:800px) {
    .form-signin {
        max-width: 50%;
        background-color: #5d8569;
        padding: 93px;
        margin: 103px auto
    }
}

@media screen and (min-width:1200px) {
    .form-signin {
        max-width: 50%;
        background-color: #5d8569;
        padding: 93px;
        margin: 103px auto
    }
}

.social_brandin_header {
    margin-top: -31px !important;
    display: none
}

@media screen and (min-width:600px) {
    .social_brandin_header {
        margin-top: 10px !important;
        display: inline
    }
}

.icon .fa .fa-heart-o {
    font-size: 15px
}

.pretty {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    white-space: nowrap;
    line-height: 1;
    font-size: 50px !important
}

.pretty input:checked~.state.p-info label:after,
.pretty.p-toggle .state.p-info label:after {
    background-color: #5bc0de !important
}

.pretty input:checked~.state.p-info .icon,
.pretty input:checked~.state.p-info .svg,
.pretty.p-toggle .state.p-info .icon,
.pretty.p-toggle .state.p-info .svg {
    color: #fff;
    stroke: #fff
}

.pretty input:checked~.state.p-info-o label:before,
.pretty.p-toggle .state.p-info-o label:before {
    border-color: #5bc0de
}

.pretty input:checked~.state.p-info-o label:after,
.pretty.p-toggle .state.p-info-o label:after {
    background-color: transparent
}

.pretty input:checked~.state.p-info-o .icon,
.pretty input:checked~.state.p-info-o .svg,
.pretty input:checked~.state.p-info-o svg,
.pretty.p-toggle .state.p-info-o .icon,
.pretty.p-toggle .state.p-info-o .svg,
.pretty.p-toggle .state.p-info-o svg {
    color: #00f;
    stroke: #00f
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after,
.pretty1.p-default:not(.p-fill) input:checked~.state1.p-info1-o label:after {
    background-color: red !important
}

.pretty.p-switch input:checked~.state.p-info:before,
.pretty1.p-switch input:checked~.state1.p-info1:before {
    border-color: red
}

.pretty.p-switch.p-fill input:checked~.state.p-info:before,
.pretty1.p-switch.p-fill input:checked~.state1.p-info1:before {
    background-color: red !important
}

.icon .fa .fa-times {
    font-size: 15px
}

.pretty.p-icon .state .icon {
    position: absolute;
    font-size: 1em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((120% - (100% - 1em)) - 8%) !important;
    border: 1px solid transparent
}

.pretty1 input:checked~.state1.p-info1 label:after,
.pretty1.p-toggle1 .state1.p-info1 label:after {
    background-color: #5bc0de !important
}

.pretty1 input:checked~.state1.p-info1 .icon,
.pretty1 input:checked~.state1.p-info1 .svg,
.pretty1.p-toggle1 .state1.p-info1 .icon,
.pretty1.p-toggle1 .state1.p-info1 .svg {
    color: #fff;
    stroke: #fff
}

.pretty1 input:checked~.state1.p-info1-o label:before,
.pretty1.p-toggle1 .state1.p-info1-o label:before {
    border-color: #5bc0de
}

.pretty1 input:checked~.state1.p-info1-o label:after,
.pretty1.p-toggle1 .state1.p-info1-o label:after {
    background-color: transparent
}

.pretty1 input:checked~.state1.p-info1-o .icon,
.pretty1 input:checked~.state1.p-info1-o .svg,
.pretty1 input:checked~.state1.p-info1-o svg,
.pretty1.p-toggle1 .state1.p-info1-o .icon,
.pretty1.p-toggle1 .state1.p-info1-o .svg,
.pretty1.p-toggle1 .state1.p-info1-o svg {
    color: red;
    stroke: red
}

.pretty1 {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    white-space: nowrap;
    line-height: 1;
    font-size: 50px !important
}

.main-section h3,
.main-section h5 {
    margin: 0
}

.main-section {
    width: 1200px;
    background-color: #fff;
    margin: auto
}

.head-section {
    border-bottom: 1px solid #e6e6e6;
    clear: both;
    overflow: hidden;
    width: 100%
}

.headLeft-section {
    width: calc(30% - 1px);
    float: left;
    border-right: 1px solid #e6e6e6
}

.headLeft-sub {
    padding: 15px;
    text-align: center
}

.headLeft-sub input {
    width: 60%;
    border-radius: 0;
    border: 1px solid #e6e6e6;
    padding: 7px
}

.headLeft-sub button {
    background: #009ef7;
    color: #fff;
    border: 1px solid #e6e6e6;
    padding: 7px 15px
}

.headRight-section {
    width: 70%;
    float: left
}

.headRight-sub {
    padding: 10px 15px 0
}

.body-section {
    clear: both;
    overflow: hidden;
    width: 100%
}

.left-section {
    width: calc(30% - 1px);
    float: left;
    height: 500px;
    border-right: 1px solid #e6e6e6;
    background-color: #fff;
    z-index: 1;
    position: relative;
    overflow: scroll;
    overflow-x: hidden
}

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

.left-section ul li {
    padding: 25px 0;
    cursor: pointer;
    border-bottom: solid 1px
}

.left-section ul li.active {
    background: #009ef7;
    color: #fff;
    position: relative
}

.mCSB_container,
.mCustomScrollBox {
    overflow: unset !important
}

.left-section ul li.active:before {
    position: absolute;
    content: "";
    right: -10px;
    border: 5px solid #009ef7;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0
}

.left-section ul li.active:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    left: auto;
    width: 100%;
    top: 0;
    -webkit-box-shadow: -8px 4px 10px #a1a1a1;
    -moz-box-shadow: -8px 4px 10px #a1a1a1;
    box-shadow: -8px 4px 10px #a1a1a1
}

.left-section .chatList,
.message ul {
    overflow: hidden
}

.left-section .chatList .img {
    width: 60px;
    float: left;
    text-align: center;
    position: relative
}

.left-section .chatList .img img {
    width: 30px;
    border-radius: 50%
}

.left-section .chatList .img i {
    position: absolute;
    font-size: 10px;
    color: #52e2a7;
    border: 1px solid #fff;
    border-radius: 50%;
    left: 10px
}

.left-section .chatList .desc {
    width: calc(100% - 60px);
    float: left;
    position: relative
}

.left-section .chatList .desc h5 {
    margin-top: 6px;
    line-height: 5px;
    text-align: justify;
    padding: 7px 21px
}

.left-section .chatList .desc .time {
    position: absolute;
    right: 15px;
    color: #c1c1c1
}

.right-section {
    width: 70%;
    float: left;
    height: 500px;
    background-color: #f6f6f6;
    position: relative;
    overflow: scroll;
    overflow-x: hidden
}

.message {
    height: calc(100% - 68px);
    font-family: sans-serif
}

.message ul {
    padding: 0;
    list-style: none;
    margin: 0 auto;
    width: 90%
}

.message ul li {
    position: relative;
    width: 80%;
    padding: 15px 0;
    clear: both
}

.message ul li.msg-left {
    float: left
}

.message ul li.msg-left img {
    position: absolute;
    margin: 0-270px
}

.message ul li.msg-left .msg-desc {
    margin-left: 70px;
    font-size: 12px;
    background: #e8e8e8;
    padding: 10px 25px;
    border-radius: 5px 5px 5px 0;
    position: relative;
    text-align: end
}

.message ul li.msg-left .msg-desc:before {
    position: absolute;
    content: "";
    border: 10px solid transparent;
    border-bottom-color: #e8e8e8;
    bottom: 0;
    left: -10px
}

.message ul li.msg-left small {
    float: right;
    color: #c1c1c1
}

.message ul li.msg-right {
    float: right
}

.message ul li.msg-right img {
    position: absolute;
    width: 50px;
    right: 0;
    bottom: 30px
}

.message ul li.msg-right .msg-desc {
    margin-right: 70px;
    font-size: 12px;
    background: #cce5ff;
    color: #004085;
    padding: 11px 24px;
    border-radius: 5px 5px 5px 0;
    position: relative;
    text-align: justify
}

.message ul li.msg-right .msg-desc:before {
    position: absolute;
    content: "";
    border: 10px solid transparent;
    border-bottom-color: #cce5ff;
    bottom: 0;
    right: -10px
}

.message ul li.msg-right small {
    float: right;
    color: #c1c1c1;
    margin-right: 70px
}

.message ul li.msg-day {
    border-top: 1px solid #ebebeb;
    width: 100%;
    padding: 0;
    margin: 15px 0
}

.message ul li.msg-day small {
    position: absolute;
    top: -10px;
    background: #f6f6f6;
    color: #c1c1c1;
    padding: 3px 10px;
    left: 50%;
    transform: translateX(-50%)
}

.right-section-bottom {
    background: #fff;
    width: 100%;
    padding: 15px;
    position: fixed;
    bottom: 67px;
    border-top: 1px solid #e6e6e6;
    text-align: center
}

.right-section-bottom input {
    border: 0;
    padding: 8px 5px;
    width: calc(100% - 150px)
}

.right-section-bottom .btn-send {
    float: right;
    margin-right: 30px
}

.upload-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    float: left
}

.right-section-bottom .btn-send,
.upload-btn .btn {
    border: 0;
    padding: 8px 10px;
    color: #009ef7;
    font-size: 18px;
    background: #fff;
    cursor: pointer
}

.upload-btn input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

div .form-group #demo2 input[type=radio],
div#demo1 input[type=radio],
div#demo10 input[type=radio],
div#demo11 input[type=radio],
div#demo22 input[type=radio],
div#demo23 input[type=radio],
div#demo28 input[type=radio],
div#demo32 input[type=radio],
div#demo36 input[type=radio],
div#demo6 input[type=radio] {
    display: None
}

div#demo1 input[type=radio]+label,
div#demo10 input[type=radio]+label,
div#demo11 input[type=radio]+label,
div#demo22 input[type=radio]+label,
div#demo23 input[type=radio]+label,
div#demo28 input[type=radio]+label,
div#demo32 input[type=radio]+label,
div#demo36 input[type=radio]+label,
div#demo6 input[type=radio]+label {
    width: 63px;
    height: 70px;
    display: Inline-Block;
    float: Left;
    filter: contrast(.5);
    margin: 10px 40px
}

div#demo1 input[type=radio]:checked+label {
    outline: solid 3px #2dbbff;
    border-radius: 100px
}

div .form-group #demo2 p,
div#demo1 p,
div#demo10 p,
div#demo11 p,
div#demo22 p,
div#demo23 p,
div#demo28 p,
div#demo32 p,
div#demo36 p,
div#demo6 p {
    clear: Left
}

div .form-group #demo2 input[type=radio]+label {
    width: 58px;
    height: 70px;
    display: Inline-Block;
    float: Left;
    filter: contrast(.5);
    margin: 10px 40px
}

div .form-group #demo2 input[type=radio]:checked+label {
    outline: solid 3px #2dbbff;
    border-radius: 100px;
    height: 56px
}

.demo06 {
    display: contents
}

div#demo10 input[type=radio]:checked+label,
div#demo11 input[type=radio]:checked+label,
div#demo22 input[type=radio]:checked+label,
div#demo23 input[type=radio]:checked+label,
div#demo28 input[type=radio]:checked+label,
div#demo32 input[type=radio]:checked+label,
div#demo36 input[type=radio]:checked+label,
div#demo6 input[type=radio]:checked+label {
    outline: solid 3px #2dbbff;
    border-radius: 100px;
    filter: none;
    height: 63px
}

.line1 {
    border-bottom: solid !important;
    padding: 20px 0;
    margin: 10px;
    border-color: gray;
    display: flex
}

select {
    appearance: none;
    outline: 10px red;
    border: 0;
    box-shadow: none;
    flex: 1;
    padding: 9px .5em;
    color: #000;
    background-image: none;
    cursor: pointer;
    background-color: #fff
}

select::-ms-expand {
    display: none
}

.select {
    position: relative;
    display: flex;
    width: 20em;
    height: 3em;
    border-radius: .25em;
    overflow: hidden
}

.select::after {
    content: "▼";
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    background-color: #34495e;
    transition: .25s all ease;
    pointer-events: none
}

.select:hover::after {
    color: #f39c12
}

.down_note {
    display: flex;
    justify-content: center
}

.einstellungen-bg-tab {
    background-color: #f8f8ff
}

.registrierenphp {
    background-image: url(../images/headerbild-register-login-mobil.png);
    height: 100%;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

@media (min-width:992px) {
    .registrierenphp {
        background-image: url(../images/headerbild.jpg);
        height: 100%;
        width: 100%;
        background-size: 100%;
        background-repeat: no-repeat
    }
}

.registrieren-form {
    margin: 0
}

.checkbox-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox-group>* {
    margin: .5rem
}

.checkbox-group-legend {
    display: none
}

@media (min-width:700px) {
    .checkbox-group-legend {
        font-size: 1.5rem;
        font-weight: 700;
        color: #000;
        line-height: 1.125;
        margin-bottom: 1.25rem;
        max-width: 646px;
        text-align: center;
        margin: 0 auto
    }
}

.checkbox-input {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.checkbox-input:checked+.checkbox-tile {
    border-color: #2260ff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #2260ff
}

.checkbox-input:checked+.checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
    background-color: #2260ff;
    border-color: #2260ff
}

.checkbox-input:checked+.checkbox-tile .checkbox-icon,
.checkbox-input:checked+.checkbox-tile .checkbox-label {
    color: #2260ff
}

.checkbox-input:focus+.checkbox-tile {
    border-color: #2260ff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1), 0 0 0 4px #b5c9fc
}

.checkbox-input:focus+.checkbox-tile:before {
    transform: scale(1);
    opacity: 1
}

.checkbox-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 11rem;
    min-height: 7rem;
    border-radius: .5rem;
    border: 2px solid #000;
    background-color: #b7d8b4;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    transition: .15s ease;
    cursor: pointer;
    position: relative;
    margin: 4px 0
}

.checkbox-tile:before {
    content: "";
    position: absolute;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #b5bfd9;
    background-color: #fff;
    border-radius: 50%;
    top: .25rem;
    left: .25rem;
    opacity: 0;
    transform: scale(0);
    transition: .25s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.checkbox-tile:hover {
    border-color: #2260ff
}

.checkbox-tile:hover:before {
    transform: scale(1);
    opacity: 1
}

.checkbox-icon {
    transition: .375s ease;
    color: #494949;
    margin: 15px
}

.checkbox-icon svg,
.rating-form-2 svg {
    width: 3rem;
    height: 3rem
}

.checkbox-label {
    color: #000;
    transition: .375s ease;
    text-align: center
}

.container12 img {
    width: 60%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -1000px;
    bottom: 0;
    cursor: pointer;
    height: 120px !important
}

@media (min-width:992px) {
    .container12 img {
        width: 30%;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: -1110px;
        bottom: 0;
        cursor: pointer;
        height: 194px !important
    }
}

.card,
.rating-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card {
    margin: auto;
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 16, .19), 0 .3rem .3rem rgba(0, 0, 16, .23);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 16, .19), 0 .3rem .3rem rgba(0, 0, 16, .23);
    background-color: #fff;
    padding: .8rem;
    width: 33rem;
    color: #000
}

.rating-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .4rem .8rem;
    width: 100%
}

.rating-text p {
    color: rgba(0, 0, 16, .8);
    font-size: 1.3rem;
    padding: .3rem
}

.rating {
    background-color: rgba(0, 0, 16, .8);
    padding: .4rem .4rem .1rem;
    border-radius: 2.2rem
}

svg {
    margin: -.8rem 0;
    height: 2rem;
    width: 2rem;
    display: inline-block;
    vertical-align: middle
}

.rating-form-2 svg {
    margin: .5rem
}

input[type=radio]+svg {
    -webkit-transition: all .2s;
    transition: all .2s
}

input[class=super-happy]:checked+svg,
input[class=super-happy]:focus+svg,
input[class=super-happy]:hover+svg {
    fill: #006dd9
}

input[class=happy]:checked+svg,
input[class=happy]:focus+svg,
input[class=happy]:hover+svg {
    fill: #00cc4f
}

input[class=neutral]:checked+svg,
input[class=neutral]:focus+svg,
input[class=neutral]:hover+svg {
    fill: #e8d600
}

input[class=sad]:checked+svg,
input[class=sad]:focus+svg,
input[class=sad]:hover+svg {
    fill: #e58400
}

input[class=super-sad]:checked+svg,
input[class=super-sad]:focus+svg,
input[class=super-sad]:hover+svg {
    fill: #ef2a10
}

.stepper-input {
    width: 50% !important;
    margin-left: 37px
}

.stepper-arrow.up {
    right: 3% !important;
    position: absolute;
    color: #000
}

.stepper-arrow.down {
    left: 15%;
    position: absolute;
    color: #000
}

.radio-height {
    min-height: 80px;
    padding: 19px 0;
    min-width: 27px;
    font-size: 11px;
    color: #000;
    font-weight: 800
}

@media (min-width:480px) {
    .radio-height {
        min-height: 100px;
        padding: 19px 0;
        min-width: 97px;
        font-size: 11px;
        color: #000;
        font-weight: 800
    }
}

input:is([type=text]) {
    width: 100%;
    padding: 12px 6px;
    font-size: 16px;
    color: #000
}

@media (min-width:800px) {
    input:is([type=text]) {
        width: 100%;
        padding: 12px 6px;
        font-size: 16px;
        color: #000
    }
}

#footer input:is([type=text]),
.einstellungen input:is([type=text]),
input:is([type=email]) {
    width: 100%;
    padding: 12px 6px;
    font-size: 16px
}

@media (min-width:800px) {
    .einstellungen input:is([type=text]) {
        width: 52%;
        padding: 12px 6px;
        font-size: 16px;
        color: #000
    }
}

@media (min-width:800px) {

    #footer input:is([type=text]),
    input:is([type=email]) {
        width: 100%;
        padding: 12px 6px;
        font-size: 16px
    }

    .box-footer input:is([type=text]),
    input:is([type=checkbox]),
    input:is([type=password]) {
        padding: 12px 6px;
        font-size: 16px
    }
}

input:is([type=checkbox]) {
    background-color: #fff;
    max-width: 100%;
    margin: 7px 0;
    width: 20px;
    padding: 28px;
    font-size: 80px;
    height: 17px
}

input:is([type=password]) {
    background-color: #fff;
    max-width: 100%;
    margin: 10px 0;
    width: 240px;
    padding: 8px
}

.page-content {
    padding: 32px;
    background: #fff;
    min-height: 100vh
}

[data-tab-content] {
    display: none
}

.active[data-tab-content],
.tabs {
    display: block
}

.tabs {
    justify-content: space-around;
    list-style-type: none;
    padding: 0;
    flex-direction: column
}

@media (min-width:800px) {
    .tabs {
        display: inline-block;
        justify-content: space-around;
        list-style-type: none;
        margin: 0;
        padding: 0;
        flex-direction: column
    }
}

.tab,
.tab-li a {
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    color: #cdcdcd
}

.tab {
    flex: 1;
    text-align: center;
    border-bottom: 1px solid #cdcdcd
}

.tab-li a.active,
.tab.active {
    color: #1babf9;
    border-bottom: 2px solid #71a16d
}

.tab-li {
    flex: 1;
    margin-bottom: 0
}

.tab-li a {
    border-bottom: 2px solid #cdcdcd;
    margin-bottom: .4rem;
    width: 100%;
    text-decoration: none;
    white-space: nowrap;
    padding: 10px;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    display: block
}

.tab-li a.active {
    color: #71a16d
}

.middle legend {
    margin-top: 20px;
    color: #000 !important
}

.flex-btn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 30px
}

.einloggen-section {
    max-width: 100%;
    padding: 0 15px;
    transform: translate(0, -220px)
}

@media (min-width:800px) {
    .einloggen-section {
        max-width: 40%;
        margin: 0 auto
    }
}

.einloggen-pic {
    width: 100%;
    height: 50%;
    padding: 30px 0
}

@media (min-width:800px) {
    .einloggen-pic {
        width: 70%;
        height: 50%
    }
}

.einloggen-willkommen-section {
    margin: 0 auto
}

@media (min-width:800px) {
    .einloggen-willkommen-section {
        padding: 150px 20px;
        max-width: 40%;
        margin: 0 auto
    }
}

.einloggen-willkommen-section-2 h2 {
    font-size: clamp(18px, 2vw, 65px) !important;
    font-weight: 800;
    margin: 0 10px 30px
}

.einloggen-willkommen-section-2 {
    max-width: 100%;
    margin: 0 auto;

}

@media (min-width: 800px) {
    .einloggen-willkommen-section-2 {
        /* padding: 0 0 0 100px; */
        max-width: 108%;
        margin: 0 auto;
        justify-content: center;
           
        
    }
}

.einloggen-section-1 {
    padding: 60px 0 50px;
    max-width: 100%;
    margin: 0 auto
}

@media (min-width:800px) {
    .einloggen-section-1 {
        padding: 80px 20px;
        max-width: 91.7%;
        background-color: #668f7c;
        background-image: url(../images/login-bg.png)
    }
}

.register-section-1 {
    padding: 60px 0 50px;
    max-width: 100%;
    margin: 40px auto
}

@media (min-width:800px) {
    .register-section-1 {
        padding: 70px 20px;
        max-width: 100%;
        margin: 10px 73px;
        background-color: #668f7c;
        background-image: url(../images/login-bg.png)
    }
}

.einloggen-green-box h1 {
    font-size: 34px
}

.css-selector {
    background: linear-gradient(270deg, #c6dbc9, #4c4fd7, #9dd74c, #f786b7);
    background-size: 800% 800%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite
}

.einloggen-green-box {
    background-color: #5d8569;
    padding: 4px 0;
    color: #fff;
    max-width: 123%;
    margin: -37px -6px;
    border-radius: 15px
}

@media (min-width:500px) {
    .einloggen-green-box {
        background-color: #000;
        padding: 40px 0;
        color: #fff;
        margin: 0 auto;
        border-radius: 30px;
        opacity: .9
    }
}

.einloggen-willkommen-section {
    padding: 40px 20px;
    max-width: 100%;
    background-color: #ebebeb
}

@media (min-width:500px) {
    .einloggen-willkommen-section {
        padding: 40px 20px;
        max-width: 100%;
        background-color: #ebebeb;
        margin: 90px 10px
    }
}

.align-items {
    align-items: center;
    display: flex
}

@media (min-width:500px) {
    .register-form {
        max-width: 500px;
        margin: 0 auto
    }
}

.register-willkommen-section {
    padding: 0;
    max-width: 100%;
    margin: -108px auto 110px
}

@media (min-width:800px) {
    .register-willkommen-section {
        padding: 70px 20px;
        max-width: 91.6%;
        background-color: #668f7c;
        background-image: url(../images/communication.png);
        margin: 50px auto 0;
        background-repeat: unset
    }
}

.index-text-box-1 {
    width: 95%;
    margin: 0 auto;
    padding: 23px 14px;
    background: #6ba596
}

.index-text-box-1 a,
.tab-li a {
    text-align: center
}

@media (min-width:800px) {
    .index-text-box-1 {
        padding: 61px;
        width: 100%;
        background: #6ba596
    }
}

.messages-page {
    height: 100vh
}

.messages-page__header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.messages-page__title {
    color: var(--colour-text-darker);
    font-weight: 700;
    font-size: 1.5rem
}

@media screen and (max-width:1199px) {
    .messages-page__title {
        font-size: 1.5rem
    }
}

.messages-page__dark-mode-toogler {
    width: 2.6rem;
    height: 2.6rem;
    padding: .35rem;
    border-radius: 50%;
    border: 1px solid var(--border-color);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.messages-page__dark-mode-toogler:hover {
    background-color: var(--colour-primary);
    border-color: var(--colour-primary)
}

.messages-page__dark-mode-toogler:hover path {
    fill: var(--bg-page-darker)
}

.messages-page__list {
    list-style: none;
    flex-grow: 1;
    overflow-y: auto
}

.messages-page__list-scroll {
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.custom-form {
    color: var(--colour-text-darkest);
    padding: 1.5rem;
    border-radius: 13px
}

.custom-form__search-wrapper,
.custom-form__send-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.custom-form__search-wrapper input::-moz-placeholder,
.custom-form__send-wrapper input::-moz-placeholder {
    color: var(--colour-text-lighter);
    font-size: .9rem
}

.custom-form__search-wrapper input:-ms-input-placeholder,
.custom-form__send-wrapper input:-ms-input-placeholder {
    color: var(--colour-text-lighter);
    font-size: .9rem
}

.custom-form__search-wrapper input::placeholder,
.custom-form__send-wrapper input::placeholder {
    color: var(--colour-text-lighter);
    font-size: .9rem
}

.custom-form__search-wrapper input:focus,
.custom-form__send-wrapper input:focus {
    outline: 0;
    box-shadow: none
}

.custom-form__search-wrapper input {
    padding-right: 3rem;
    background-color: var(--search-form-bg-colour);
    border: 1px solid var(--bg-page)
}

.custom-form__search-wrapper input:-moz-placeholder-shown {
    background-color: var(--search-form-bg-colour);
    border: 1px solid var(--bg-page)
}

.custom-form__search-wrapper input:-ms-input-placeholder {
    background-color: var(--search-form-bg-colour);
    border: 1px solid var(--bg-page)
}

.custom-form__search-wrapper input:placeholder-shown {
    background-color: var(--search-form-bg-colour);
    border: 1px solid var(--bg-page)
}

.custom-form__search-wrapper input:focus {
    background-color: var(--bg-page);
    border-color: var(--border-color);
    color: var(--colour-text)
}

.custom-form__send-wrapper input {
    padding-right: 1rem;
    padding-left: 1rem;
    border: 0;
    background-color: #b3b3b3;
    min-width: 580px;
    border-radius: 10px;
    height: 40px
}

.custom-form__send-wrapper input:focus {
    background-color: var(--send-form-bg-colour);
    border-color: transparent;
    color: var(--colour-text)
}

.custom-form__search-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3.5rem;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.custom-form__search-submit:focus,
.custom-form__send-submit:focus {
    outline: 0;
    border: 0
}

.chat__notification span,
.custom-form__send-submit {
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background-color: var(--colour-primary)
}

.custom-form__send-emoji,
.custom-form__send-img,
.custom-form__send-submit {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.3rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.custom-form__send-submit {
    right: .5rem;
    height: 2.3rem;
    box-shadow: 0 3px 3px var(--send-btn-box-shadow-colour);
    border: 0;
    outline: 0;
    font-size: 1.2rem;
    padding-top: .3rem;
    padding-right: .1rem
}

.custom-form__send-submit:hover {
    background-color: var(--colour-primary-darker)
}

.custom-form__send-emoji,
.custom-form__send-img {
    cursor: pointer
}

.custom-form__send-img {
    left: .5rem
}

.custom-form__send-emoji {
    right: 3.2rem
}

.messaging-member {
    border-radius: var(--form-radius)
}

.messaging-member:hover {
    background-color: var(--bg-page-darker)
}

.messaging-member--new .messaging-member__name {
    color: var(--colour-text-darker)
}

.messaging-member--new .messaging-member__message {
    color: var(--colour-text-darker);
    font-weight: 700
}

.messaging-member--online .user-status {
    background-color: var(--colour-third-lighter)
}

.chat__actions li:hover,
.messaging-member--active,
.messaging-member--active:hover {
    background-color: var(--colour-primary-lightest)
}

@media screen and (max-width:767px) {
    .messaging-member--active {
        background-color: var(--bg-page)
    }

    .messaging-member--active:hover {
        background-color: var(--bg-page-darker)
    }
}

.messaging-member__wrapper {
    cursor: pointer;
    padding: .5rem 1rem;
    border-radius: var(--form-radius);
    display: grid;
    grid-template-columns: 4rem 4fr;
    grid-template-rows: 2rem 2rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    grid-template-areas: "avatar     name""avatar     message"
}

@media screen and (max-width:1199px) {
    .messaging-member__wrapper {
        grid-template-columns: 3.5rem 1fr;
        grid-template-rows: 1.75rem 1.75rem
    }
}

@media screen and (max-width:991px) {
    .messaging-member__wrapper {
        grid-template-columns: 3.2rem 1fr;
        grid-template-rows: 1.75rem 1.75rem
    }
}

.messaging-member__avatar {
    grid-area: avatar;
    position: relative
}

.messaging-member__avatar img {
    border-radius: 20%;
    width: 100%;
    height: 70px
}

.messaging-member__name {
    font-weight: 700;
    grid-area: name;
    color: var(--colour-text-darker);
    margin-top: auto;
    font-size: .9rem
}

.messaging-member__message {
    grid-area: message;
    white-space: nowrap;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .9rem
}

.chat {
    background-color: #ebebeb
}

.chat,
.chat__container,
.chat__wrapper {
    height: 100%;
    width: 100%
}

.chat__wrapper {
    background-color: var(--bg-page);
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .chat__wrapper {
        border-left: none;
        border-right: none
    }
}

.chat__messaging {
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.chat__previous {
    width: 8%;
    min-width: 2rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.7rem;
    cursor: pointer;
    color: var(--colour-primary)
}

.chat__notification {
    width: 4%;
    min-width: 1.5rem
}

.chat__notification span {
    display: none;
    width: 1.4rem;
    height: 1.4rem;
    font-weight: 700;
    font-size: .9rem
}

.chat__notification--new span {
    display: block
}

.chat__infos {
    flex-grow: 1
}

.chat__actions,
.chat__actions li {
    display: flex;
    justify-content: center;
    align-items: center
}

.chat__actions {
    font-size: 5px;
    height: 2rem;
    min-width: 2rem;
    color: var(--colour-primary);
    cursor: pointer
}

.chat__actions ul {
    list-style: none;
    display: flex
}

.chat__actions li {
    width: 2.6rem;
    height: 2.6rem;
    padding: .35rem;
    border-radius: 50%;
    background-color: var(--bg-page)
}

.chat__actions li+li {
    margin-left: .3rem
}

.chat__content {
    flex-grow: 1;
    overflow-y: auto
}

.chat__list-messages,
.chat__list-messages li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.chat__list-messages {
    list-style: none
}

.chat__list-messages li {
    margin-bottom: .7rem;
    align-items: flex-start
}

.chat__list-messages li .chat__bubble {
    margin-bottom: .2rem
}

.chat__bubble {
    position: relative;
    color: var(--colour-text-darkest);
    padding: .5rem 1rem;
    border-radius: 22px;
    background-color: var(--bg-page);
    max-width: 30rem;
    font-size: .9rem;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-word
}

.chat__bubble--you {
    margin-left: 2rem;
    align-self: flex-end;
    background-color: gray;
    min-width: auto
}

.chat__bubble--me {
    margin-left: 2rem;
    background-color: red;
    min-width: auto
}

.chat__time {
    font-size: .8rem;
    color: var(--colour-text-lighter);
    align-self: center;
    padding-bottom: .2rem
}

.chat-member__wrapper,
.chat__send-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.chat-member__wrapper {
    width: 100%;
    height: 100%;
    justify-content: flex-start
}

.chat-member__avatar {
    position: relative;
    width: 3.5rem
}

@media screen and (max-width:767px) {
    .chat-member__avatar {
        width: 2.5rem
    }
}

.chat-member__name {
    font-weight: 700;
    color: var(--colour-text-darker);
    margin-top: auto;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1rem
}

@media screen and (max-width:1199px) {
    .chat-member__name {
        font-size: .9rem
    }
}

.chat-member__details {
    margin-left: .8rem;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media screen and (max-width:767px) {
    .chat-member__details {
        margin-left: 1rem
    }
}

.chat-member__age {
    font-size: .9rem;
    color: var(--colour-text-lighter);
    position: relative
}

.chat-member__age::after {
    content: " . ";
    font-size: 0;
    position: absolute;
    top: 50%;
    right: -4px;
    width: 3px;
    height: 3px;
    background-color: var(--colour-text-lighter);
    border-radius: 50%
}

.chat-member__status {
    color: var(--colour-text-lighter);
    font-size: .8rem
}

.chat__profile {
    width: 100%;
    height: 100%;
    max-width: 20rem
}

.chat--mobile {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    transform: translateY(100%);
    display: none;
    transition: transform .3s ease-in-out .1s
}

.chat--mobile .chat__wrapper {
    border-radius: 0
}

.chat--mobile.chat--show {
    display: block;
    transform: translateY(0);
    border-radius: 0
}

.user-profile {
    position: relative;
    overflow: hidden;
    overflow-y: auto
}

.user-profile__wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    padding-top: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.user-profile__close {
    position: absolute;
    top: 1rem;
    left: 1.5rem;
    width: 2rem;
    height: 2rem;
    color: var(--colour-primary);
    font-size: 1.375rem;
    cursor: pointer;
    z-index: 10003
}

.user-profile__avatar {
    display: flex;
    justify-content: center;
    align-items: center
}

.user-profile__avatar img {
    width: 9rem;
    border-radius: 50%
}

.user-profile__name {
    font-weight: 700;
    margin-top: .7rem;
    color: var(--colour-text-darker);
    word-wrap: break-word;
    font-size: 1.15rem
}

@media screen and (max-width:767px) {
    .user-profile__name {
        font-size: 1.1rem
    }
}

.user-profile__phone {
    color: var(--colour-text-darker);
    font-size: .9rem
}

.user-profile__details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.user-profile__location {
    color: var(--colour-text-lighter);
    font-size: .9rem
}

.user-profile__description {
    text-align: center
}

.user-profile__description p {
    margin-top: 1.3rem;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .9rem
}

.user-profile__label {
    font-size: .9rem;
    font-weight: 700
}

.user-profile__tags {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.user-profile__tags li {
    padding: .3rem 1rem;
    border-radius: 1rem;
    margin-right: .3rem;
    margin-bottom: .3rem;
    font-size: .9rem
}

.user-profile__tags a:hover {
    text-decoration: none
}

.user-profile__tags--primary li {
    background-color: var(--colour-primary-lightest)
}

.user-profile__tags--primary a:hover,
.user-profile__tags--primary li {
    color: var(--colour-primary-darker)
}

.user-profile__tags--secondary li {
    background-color: var(--colour-third-lightest);
    color: var(--colour-third)
}

.user-profile__tags--secondary a:hover {
    color: var(--colour-third)
}

.user-profile--large {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10002;
    transform: translateX(100%);
    transition: transform .3s ease-in-out .1s;
    background-color: var(--bg-page);
    box-shadow: -3px 0 3px rgba(0, 0, 0, .06)
}

.user-profile--large.user-profile--show {
    display: block;
    transform: translateX(0);
    border-radius: 0
}

.user-status {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    background-color: var(--colour-text-lighter);
    border: 3px solid #fff;
    border-radius: 50%
}

.user-status--online {
    background-color: var(--colour-third)
}

.svg-icon {
    width: 70%
}

.svg-icon circle,
.svg-icon path {
    fill: var(--colour-primary)
}

.svg-icon--send {
    width: 100%;
    filter: brightness(0)
}

.svg-icon--send:hover {
    width: 100%;
    filter: brightness(.3)
}

.svg-icon--send circle,
.svg-icon--send path {
    fill: #fff
}

.svg-icon--search {
    width: 40%
}

.svg-icon--search circle,
.svg-icon--search path,
.svg-icon--send-emoji circle,
.svg-icon--send-emoji path,
.svg-icon--send-img circle,
.svg-icon--send-img path {
    fill: var(--bg-page-darkest)
}

.svg-icon--send-img {
    width: 55%
}

.msg-profile.group svg,
.svg-icon--send-emoji {
    width: 60%
}

.svg-icon--previous {
    width: 55%
}

.svg-icon--dark-mode {
    width: 80%
}

.svg-icon--dark-mode circle,
.svg-icon--dark-mode path {
    fill: var(--colour-primary)
}

.img-nachrichten-big {
    border-radius: 230px;
    height: 70px
}

.tinder {
    width: 100vw;
    height: 76vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.loaded.tinder {
    opacity: 1
}

.tinder--status {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 2;
    width: 100%;
    text-align: center;
    pointer-events: none
}

.tinder--status i {
    font-size: 100px;
    opacity: 0;
    transform: scale(.3);
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100px;
    margin-left: -50px
}

.tinder_love .fa-arrow-right,
.tinder_nope .fa-arrow-left {
    opacity: .7;
    transform: scale(1)
}

.tinder--cards {
    flex-grow: 1;
    padding-top: 40px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 1;
    max-width: 40%;
    margin: 0 auto
}

.tinder--card {
    display: inline-block;
    width: 90vw;
    max-width: 380px;
    height: 70.3vh;
    padding: 87px 1px;
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    will-change: transform;
    transition: all .3s ease-in-out;
    cursor: -moz-grab;
    cursor: grab
}

@media (min-width:1000px) {
    .tinder--card {
        display: inline-block;
        width: 90vw;
        max-width: 380px;
        height: 53vh;
        padding-bottom: 70px;
        border-radius: 8px;
        overflow: hidden;
        position: absolute;
        will-change: transform;
        transition: all .3s ease-in-out;
        cursor: -moz-grab;
        cursor: grab
    }
}

.moving.tinder--card {
    transition: none;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.tinder--card>.limitImg {
    max-width: 100%;
    height: 100%;
    width: 380px;
    object-fit: cover;
    pointer-events: none
}

.tinder--card.cover {
    background: rgb(144 193 150)
}

.tinder--card.about {
    background-image: linear-gradient(to right, #f5f5f5, #f5f5f5, #f5f5f5, #e9ebea, #e9ebea);
    background-color: #f5f5f5
}

.tinder--card.ingredients {
    background: #add8e6
}

.tinder--card.process {
    background: #ffb6c1
}

.tinder--card img {
    max-width: 100%;
    pointer-events: none
}

.tinder--card h3 {
    margin-top: 5%;
    font-size: 32px;
    padding: 0 16px;
    pointer-events: none
}

.tinder--card p,
.tinder--card ul {
    pointer-events: none;
    padding: 10px
}

.tinder--buttons {
    flex: 0 0 100px;
    text-align: center;
    padding-top: 20px;
    cursor: pointer
}

.tinder--buttons button {
    border-radius: 50%;
    line-height: 60px;
    width: 60px;
    border: 0;
    background: #fff;
    display: inline-block;
    margin: 0 8px;
    cursor: pointer
}

.tinder--buttons button:hover {
    opacity: .7
}

.tinder--buttons i {
    font-size: 32px;
    vertical-align: middle
}

.fa-arrow-left,
.fa-arrow-right {
    color: #cdd6dd
}

.photoBy {
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    color: #d3d3d3;
    padding: 5px;
    font-size: .7em;
    text-align: center
}

.recipe_details {
    background: #f5f5f5
}

.fa-ul.ingredients,
ul.info,
ul.process {
    margin-top: 10px
}

.fa-ul.ingredients>li {
    padding: 8px
}

.variation {
    padding: 15px;
    margin-left: 25px;
    margin-right: 25px;
    border-top: 2px dashed #ffffe0;
    pointer-events: none
}

.fbr {
    color: #b22222
}

i.fbr {
    display: inline-block;
    border-radius: 60px;
    box-shadow: 0 0 0 2px #b22222;
    padding: .2em .3em
}

.fa-ul .cover {
    display: inline-block;
    margin-top: 15px;
    font-size: 1.5em
}

.deets {
    margin-top: 25px;
    font-size: 1.3em;
    text-align: center
}

.ingInfo,
.ingInfoArr {
    position: relative;
    transform: translate(-50%);
    color: #ffffe0
}

.ingInfo {
    left: calc(50% - .5em);
    margin-top: 20px;
    font-size: 2em
}

.ingInfoArr {
    left: 50%;
    margin-top: 7px;
    font-size: 1em
}

ul.info>li,
ul.process>li {
    padding-top: 10px
}

ul.info {
    top: 50%;
    z-index: 5
}

.white {
    color: #fff
}

.whyCook {
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 25px
}

.infoIcon,
.tinder--info,
.tinder--info>.bg {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

.tinder--info {
    top: 200vh;
    z-index: 10;
    width: 90vw;
    max-width: 380px;
    padding: 20px 20px 40px;
    transition: 500ms
}

.infoIcon,
.tinder--info>.bg {
    top: 50%
}

.infoIcon {
    font-size: 20em;
    color: rgba(255, 255, 255, .2);
    z-index: 7
}

.tinder--info>.bg {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    background-color: #90ee90
}

.closeMe {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 2em;
    border-radius: 50%;
    width: 1.15em;
    background-color: #000;
    color: #fff;
    border: 0;
    cursor: pointer
}

.tomatos {
    max-height: 180px;
    position: relative;
    left: 50%;
    transform: translate(-50%)
}

.cookTime,
.servings {
    color: #191970
}

.heading-1,
h1 {
    font-size: 44px !important;
    line-height: .85455
}

::selection {
    color: #fff;
    background: #79af96
}

.wrapper {
    background: #fff;
    border-radius: 5px;
    box-shadow: 7px 7px 12px rgba(0, 0, 0, .05);
    background-color: #436f5b
}

.wrapper header {
    color: #79af96;
    font-size: 27px;
    font-weight: 600;
    text-align: center
}

.wrapper small {
    text-align: center;
    color: #038249
}

.wrapper form {
    display: flex;
    cursor: pointer;
    margin: 10px 0;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    border-radius: 5px;
    gap: 50px
}

@media (min-width:600px) {
    .wrapper form {
        height: 67px;
        display: flex;
        cursor: pointer;
        margin: 20px 0;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        border-radius: 5px;
        gap: 30px
    }
}

form :where(i, p) {
    color: #79af96
}

form i {
    font-size: 50px
}

form p {
    margin-top: 15px;
    font-size: 16px;
    color: #000
}

section .row {
    margin-bottom: 10px;
    list-style: none;
    border-radius: 5px;
    display: flex;
    align-items: center
}

@media screen and (min-width:767px) {
    section .row {
        margin-bottom: 10px;
        list-style: none;
        padding: 15px 20px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        flex-direction: row
    }
}

section .row11 {
    margin-bottom: 10px;
    list-style: none;
    border-radius: 5px;
    display: block;
    align-items: center
}

@media screen and (min-width:767px) {
    section .row11 {
        margin-bottom: 10px;
        list-style: none;
        padding: 15px 20px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        flex-direction: row
    }
}

section .row i {
    color: #79af96;
    font-size: 21px;
    border: 0
}

section .details span {
    font-size: 14px
}

.progress-area .row .content {
    width: 100%;
    margin-left: 15px
}

.progress-area .details {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    justify-content: space-between
}

.progress-area .content .progress-bar {
    height: 6px;
    width: 100%;
    margin-bottom: 4px;
    background: #fff;
    border-radius: 30px
}

.content .progress-bar .progress {
    height: 100%;
    width: 0%;
    background: #79af96;
    border-radius: inherit
}

.uploaded-area {
    max-height: 232px;
    overflow-y: scroll
}

.uploaded-area.onprogress {
    max-height: 150px
}

.uploaded-area::-webkit-scrollbar {
    width: 0
}

.uploaded-area .row .content {
    display: flex;
    align-items: center
}

.uploaded-area .row .details {
    display: flex;
    margin-left: 15px;
    flex-direction: column
}

.uploaded-area .row .details .size {
    color: #404040;
    font-size: 11px
}

.carousel-arrow {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 0;
    bottom: 64px;
    margin-block: auto;
    height: fit-content;
    width: 48px;
    background-color: #fff;
    border: 0;
    font-size: 3rem;
    padding: 0;
    cursor: pointer;
    opacity: .5;
    transition: opacity 100ms
}

.carousel-arrow:focus,
.carousel-arrow:hover {
    opacity: 1
}

.carousel-arrow--prev {
    left: 0
}

.carousel-arrow--next {
    right: 0
}

.carousel-container {
    padding-block: 16px 32px;
    overflow-x: auto;
    display: flex;
    width: 100%;
    gap: 8px;
    align-items: center;
    scroll-snap-type: x mandatory;
    flex-flow: row nowrap;
    scroll-behavior: smooth;
    padding: 20px;
    flex-direction: column
}

@media (min-width:600px) {
    .carousel-container {
        padding-block: 16px 32px;
        margin: 16px auto;
        overflow-x: hidden;
        display: flex;
        width: 100%;
        gap: 8px;
        align-items: center;
        scroll-snap-type: x mandatory;
        flex-flow: row nowrap;
        scroll-behavior: smooth;
        padding: 20px;
        justify-content: center;
        flex-direction: column
    }
}

.carousel-container::-webkit-scrollbar {
    height: 14px;
    width: calc(100% - 48px)
}

.carousel-container::-webkit-scrollbar-track {
    background: #b1b3b399
}

.carousel-container::-webkit-scrollbar-thumb {
    background: #29ab87
}

.carousel-container::-webkit-scrollbar-track-piece:start {
    background: #29ab87
}

.carousel-slide {
    flex: 0 0 21%;
    aspect-ratio: 1;
    flex-flow: column nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    scroll-snap-align: center
}

@media (max-width:600px) {
    .carousel-slide {
        flex: 1 0 66%
    }
}

.img-upload-profilbilder {
    max-width: 200px;
    min-height: 230px;
    object-fit: cover;
    height: auto
}

.beschreibung-einstellungen,
.logo svg {
    width: 100%
}

@media (min-width:500px) {
    .beschreibung-einstellungen {
        width: 43%
    }
}

.mein_profil_verifiziert {
    width: 30px;
    height: 30px
}

.like-dislike-btn-profil-anzeigen {
    margin: 30px auto 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 50px
}

:root {
    --body-bg-color: #e5ecef;
    --theme-bg-color: #fff;
    --settings-icon-hover: #9fa7ac;
    --developer-color: #f9fafb;
    --input-bg: #f8f8fa;
    --input-chat-color: #a2a2a2;
    --border-color: #eef2f4;
    --body-font: "Manrope", sans-serif;
    --body-color: #273346;
    --settings-icon-color: #c1c7cd;
    --msg-message: #969eaa;
    --chat-text-bg: #f1f2f6;
    --theme-color: #0086ff;
    --msg-date: #c0c7d2;
    --button-bg-color: #f0f7ff;
    --button-color: var(--theme-color);
    --detail-font-color: #919ca2;
    --msg-hover-bg: rgba(238, 242, 244, 0.4);
    --active-conversation-bg: linear-gradient(to right,
            rgba(238, 242, 244, 0.4) 0%,
            rgba(238, 242, 244, 0) 100%);
    --overlay-bg: linear-gradient(to bottom,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 65%,
            rgba(255, 255, 255, 1) 100%);
    --chat-header-bg: linear-gradient(to bottom,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 1) 78%,
            rgba(255, 255, 255, 0) 100%)
}

[data-theme=purple] {
    --theme-color: #9f7aea;
    --button-color: #9f7aea;
    --button-bg-color: rgba(159, 122, 234, 0.12)
}

[data-theme=green] {
    --theme-color: #38b2ac;
    --button-color: #38b2ac;
    --button-bg-color: rgba(56, 178, 171, 0.15)
}

[data-theme=orange] {
    --theme-color: #ed8936;
    --button-color: #ed8936;
    --button-bg-color: rgba(237, 137, 54, 0.12)
}

.dark-mode {
    --body-bg-color: #1d1d1d;
    --theme-bg-color: #27292d;
    --border-color: #323336;
    --body-color: #d1d1d2;
    --active-conversation-bg: linear-gradient(to right,
            rgba(47, 50, 56, 0.54),
            rgba(238, 242, 244, 0) 100%);
    --msg-hover-bg: rgba(47, 50, 56, 0.54);
    --chat-text-bg: #383b40;
    --chat-text-color: #b5b7ba;
    --msg-date: #626466;
    --msg-message: var(--msg-date);
    --overlay-bg: linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 0%,
            #27292d 65%,
            #27292d 100%);
    --input-bg: #2f3236;
    --chat-header-bg: linear-gradient(to bottom,
            #27292d 0%,
            #27292d 78%,
            rgba(255, 255, 255, 0) 100%);
    --settings-icon-color: #7c7e80;
    --developer-color: var(--border-color);
    --button-bg-color: #393b40;
    --button-color: var(--body-color);
    --input-chat-color: #6f7073;
    --detail-font-color: var(--input-chat-color)
}

.blue {
    background-color: #0086ff
}

.purple {
    background-color: #9f7aea
}

.green {
    background-color: #38b2ac
}

.orange {
    background-color: #ed8936
}

* {
    outline: 0;
    box-sizing: border-box
}

.app {
    display: flex;
    flex-direction: column;
    background-color: var(--theme-bg-color);
    max-width: 1600px;
    height: 90vh;
    margin: 0 auto;
    overflow: hidden
}

@media (min-width:860px) {
    .app {
        display: flex;
        flex-direction: column;
        background-color: var(--theme-bg-color);
        max-width: 1600px;
        height: 83vh;
        margin: 0 auto;
        overflow: hidden
    }
}

.header,
.wrapper {
    width: 100%;
    display: flex
}

.header {
    height: 80px;
    border-bottom: 1px solid var(--border-color);
    align-items: center;
    padding: 0 20px
}

.wrapper {
    flex-grow: 1;
    overflow: hidden
}

.conversation-area,
.detail-area {
    width: 340px;
    flex-shrink: 0
}

#nachrichten .article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav {
    display: grid
}

#nachrichten-chat textarea {
    overflow: auto;
    height: 60px;
    width: 180px !important
}

@media screen and (min-width:525px) {
    #nachrichten-chat textarea {
        overflow: auto;
        height: 60px;
        width: 440px !important
    }
}

.conversation-area1,
.detail-area1 {
    width: 330px;
    flex-shrink: 0;
    background-color: #204320;
    padding: 0;
    margin-bottom: 100px;
    max-height: 440px;
    overflow: scroll
}

@media (min-width:460px) {

    .conversation-area1,
    .detail-area1 {
        width: 590px;
        flex-shrink: 0;
        background-color: #204320;
        padding: 20px;
        max-height: 690px;
        overflow: scroll;
        margin: 0 auto
    }
}

.detail-area {
    border-left: 1px solid var(--border-color);
    margin-left: auto;
    padding: 30px 30px 0;
    display: flex;
    flex-direction: column;
    overflow: auto
}

.chat-area {
    flex-grow: 1
}

.search-bar {
    height: 80px;
    z-index: 3;
    position: relative;
    margin-left: 280px
}

.search-bar input {
    height: 100%;
    width: 100%;
    display: block;
    background-color: transparent;
    border: 0;
    color: var(--body-color);
    padding: 0 54px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='' viewBox='0 0 56.966 56.966' fill='%23c1c7cd'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 25px 48%;
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 15px
}

.chat-area-footer input::placeholder,
.search-bar input::placeholder {
    color: var(--input-chat-color)
}

.logo {
    color: var(--theme-color);
    width: 38px;
    flex-shrink: 0
}

.user-settings {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: auto;
    flex-shrink: 0
}

.user-settings>*+* {
    margin-left: 14px
}

.dark-light {
    width: 22px;
    height: 22px;
    color: var(--settings-icon-color);
    flex-shrink: 0
}

.dark-light svg {
    width: 100%;
    fill: transparent;
    transition: .5s
}

.user-profile {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.settings {
    color: var(--settings-icon-color);
    width: 22px;
    height: 22px;
    flex-shrink: 0
}

.conversation-area {
    border-right: 1px solid var(--border-color);
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #204320
}

.msg-profile {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px
}

.msg,
.msg-profile.group {
    display: flex;
    align-items: center
}

.msg-profile.group {
    justify-content: center;
    background-color: var(--border-color)
}

.msg {
    padding: 20px;
    cursor: pointer;
    transition: .2s;
    position: relative
}

.msg:hover {
    background-color: var(--msg-hover-bg)
}

.msg.active {
    background: var(--active-conversation-bg);
    border-left: 4px solid var(--theme-color)
}

.msg.online:before {
    content: "";
    position: absolute;
    background-color: #23be7e;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2px solid var(--theme-bg-color);
    left: 50px;
    bottom: 19px
}

.msg-username {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 15px;
    color: #7ed0d1
}

.msg-detail {
    overflow: hidden;
    display: flex;
    align-content: flex-start;
    flex-direction: column;
    align-items: flex-start
}

.msg-content {
    font-weight: 500;
    font-size: 13px;
    display: flex
}

.msg-message {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

.msg-date {
    font-size: 14px;
    color: var(--msg-date);
    margin-left: 3px
}

.msg-date:before {
    content: "•";
    margin-right: 2px
}

.add,
.chat-area-footer svg {
    flex-shrink: 0;
    cursor: pointer
}

.add,
.overlay {
    position: sticky
}

.add {
    bottom: 25px;
    background-color: var(--theme-color);
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='' width='24' height='24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus'%3e%3cpath d='M12 5v14M5 12h14'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 28px;
    box-shadow: 0 0 16px var(--theme-color);
    margin: auto auto -55px;
    z-index: 1
}

.overlay {
    bottom: 0;
    left: 0;
    width: 340px;
    flex-shrink: 0;
    background: var(--overlay-bg);
    height: 80px
}

.chat-area {
    display: flex;
    flex-direction: column;
    overflow: auto
}

.chat-area-header {
    display: flex;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
    background: #569370;
    align-content: flex-start;
    gap: 30px
}

.chat-area-profile {
    width: 32px;
    border-radius: 50%;
    object-fit: cover
}

.chat-area-title {
    font-size: 18px;
    font-weight: 600
}

.chat-area-main {
    flex-grow: 1
}

.chat-msg-img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    object-fit: cover
}

.chat-msg-profile {
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: -20px;
    position: relative
}

.chat-msg-date {
    position: absolute;
    left: calc(100% + 12px);
    bottom: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--msg-date);
    white-space: nowrap
}

.chat-msg {
    display: flex;
    padding: 0 20px 45px
}

.chat-msg-content {
    margin-left: 12px;
    max-width: 70%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.chat-msg-text {
    background-color: var(--chat-text-bg);
    padding: 15px;
    border-radius: 20px 20px 20px 0;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 500;
    color: var(--chat-text-color)
}

.chat-msg-text+.chat-msg-text {
    margin-top: 10px
}

.owner {
    flex-direction: row-reverse
}

.owner .chat-msg-content {
    margin-left: 0;
    margin-right: 12px;
    align-items: flex-end
}

.owner .chat-msg-text {
    background-color: #569370;
    color: #fff;
    border-radius: 20px 20px 0 20px
}

.owner .chat-msg-date {
    left: auto;
    right: calc(100% + 12px)
}

.chat-msg-text img {
    max-width: 300px;
    width: 100%
}

.chat-area-footer {
    display: flex;
    border-top: 1px solid var(--border-color);
    width: 100%;
    padding: 10px 20px;
    align-items: center;
    background-color: #79af96;
    position: sticky;
    bottom: 0;
    left: 0;
    justify-content: center
}

.chat-area-footer svg {
    color: var(--settings-icon-color);
    width: 20px
}

.chat-area-footer svg:hover {
    color: var(--settings-icon-hover)
}

.chat-area-footer svg+svg {
    margin-left: 12px
}

.chat-area-footer input {
    border: 0;
    color: var(--body-color);
    background-color: var(--input-bg);
    padding: 12px;
    border-radius: 6px;
    font-size: 15px;
    margin: 0 12px;
    width: 100%
}

.detail-area-header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.detail-area-header .msg-profile {
    margin-right: 0;
    width: 60px;
    height: 60px;
    margin-bottom: 15px
}

.detail-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px
}

.detail-subtitle {
    font-size: 12px;
    font-weight: 600;
    color: var(--msg-date)
}

.detail-button {
    border: 0;
    background-color: var(--button-bg-color);
    padding: 10px 14px;
    border-radius: 5px;
    color: var(--button-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-grow: 1;
    font-weight: 500
}

.detail-button svg {
    width: 18px;
    margin-right: 10px
}

.detail-button:last-child {
    margin-left: 8px
}

.detail-buttons {
    margin-top: 20px;
    display: flex;
    width: 100%
}

.detail-area input {
    background-color: transparent;
    border: 0;
    width: 100%;
    color: var(--body-color);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='' viewBox='0 0 56.966 56.966' fill='%23c1c7cd'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 100%;
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid var(--border-color);
    padding: 14px 0
}

.detail-area input::placeholder {
    color: var(--detail-font-color)
}

.detail-changes {
    margin-top: 40px
}

.detail-change {
    color: var(--detail-font-color);
    font-family: var(--body-font);
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid var(--border-color);
    padding: 14px 0;
    display: flex
}

.detail-change svg {
    width: 16px;
    margin-left: auto
}

.colors {
    display: flex;
    margin-left: auto
}

.color {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer
}

.color.selected {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat
}

.color:not(:last-child) {
    margin-right: 4px
}

.detail-photo-title {
    display: flex;
    align-items: center
}

.detail-photo-title svg,
.follow-me svg {
    width: 16px;
    margin-right: 8px
}

.detail-photos {
    margin-top: 30px;
    text-align: center
}

.detail-photo-title {
    color: var(--detail-font-color);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px
}

.detail-photo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: repeat(3, 60px)
}

.detail-photo-grid img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    object-position: center
}

.view-more {
    color: var(--theme-color);
    font-weight: 600;
    font-size: 15px;
    margin: 25px 0
}

.follow-me,
.follow-text {
    display: flex;
    align-items: center
}

.follow-me {
    text-decoration: none;
    font-size: 14px;
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-top: auto;
    overflow: hidden;
    color: #9c9cab;
    padding: 0 20px;
    height: 52px;
    flex-shrink: 0;
    position: relative;
    justify-content: center
}

.follow-me svg {
    height: 16px
}

.follow-text {
    transition: .3s
}

.follow-me:hover .follow-text {
    transform: translateY(100%)
}

.follow-me:hover .developer {
    top: 0
}

.chat-area-group span,
.developer {
    display: flex;
    justify-content: center;
    align-items: center
}

.developer {
    position: absolute;
    color: var(--detail-font-color);
    font-weight: 600;
    left: 0;
    top: -100%;
    transition: .3s;
    padding: 0 20px;
    background-color: var(--developer-color);
    width: 100%;
    height: 100%
}

.developer img {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    object-fit: cover;
    margin-right: 10px
}

.dark-mode .detail-area input,
.dark-mode .search-bar input {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='' viewBox='0 0 56.966 56.966' fill='%236f7073'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e")
}

.dark-mode .dark-light svg {
    fill: #ffce45;
    stroke: #ffce45
}

.dark-mode .chat-area-group span {
    color: #d1d1d2
}

.chat-area-group {
    flex-shrink: 0;
    display: flex
}

.chat-area-group * {
    border: 2px solid var(--theme-bg-color)
}

.chat-area-group *+* {
    margin-left: -5px
}

.chat-area-group span {
    width: 32px;
    height: 32px;
    background-color: var(--button-bg-color);
    color: var(--theme-color);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500
}

@media (max-width:1120px) {
    .detail-area {
        display: none
    }
}

@media (max-width:780px) {
    .conversation-area {
        display: none
    }

    .search-bar {
        margin-left: 0;
        flex-grow: 1
    }

    .search-bar input {
        padding-right: 10px
    }
}

.scroller {
    overflow: auto;
    height: 460px;
    display: flex;
    flex-direction: column-reverse
}

.scroller .scroller-content .item {
    height: 20px;
    transform: translateZ(0)
}

.einstellungen-padding {
    margin-bottom: 150px
}

.tinstar-munzen {
    background-color: #79af96;
    padding: 20px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 800
}

@media (min-width:780px) {
    .tinstar-munzen {
        background-color: #79af96;
        padding: 20px;
        width: 94.5%;
        display: block;
        text-align: center;
        font-size: 20px;
        color: #fff;
        font-weight: 800
    }
}

.flex-container12 {
    display: flex
;
    justify-content: center;
    flex-direction: row !important;
    background-color: #79af96;
    width: 93%;
    text-align: center;
    margin: 0 auto;
}


	@media screen and (min-width: 700px){
 .flex-container12 {
    display: flex
;
    justify-content: center;
  
    background-color: #79af96;
    width: 98%;
    text-align: center;
    margin: 0 auto;
       flex-direction: row !important;
}
  }

.flex-container12>div {
    padding: 13px 3px;
    font-size: 30px;
    border-bottom: 1px solid;
}y

@media (min-width:760px) {
    .flex-container12>div {
        padding: 21px -2px;
        font-size: 30px;
        border-bottom: 1px solid
    }
}

.flex-container12>div:first-child {
    font-size: 30px;
    border-left: none
}

@media (min-width:750px) {
    .flex-container12>div:first-child {
        padding: 21px 34px;
        font-size: 30px;
        border-left: none
    }
}

.flex-container12 img {
    margin-bottom: 0px;
}

@media (min-width:750px) {
.flex-container12 img {
    margin-bottom: 20px;
}
    }



    .heading-5, h5 {
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
    padding-top: 20px;
}
.aktivitaeten-liste {
    display: block;
    font-weight: 800;
    font-size: 12px;
    margin: 16px 0;
    text-align: left
}

@media (min-width:600px) {
    .aktivitaeten-liste {
        display: block;
        font-weight: 800;
        font-size: 13px;
        margin: 17px 9px;
        text-align: left
    }
}

.aktivitaeten-liste strong {
    padding: 0
}

@media (min-width:600px) {
    .aktivitaeten-liste strong {
        padding: 20px
    }
}

.aktivitaeten-liste img {
    height: 80px !important;
    width: 80px !important;
    border-radius: 310px;
    object-fit: scale-down
}

.flex-container12>div {
    padding: 21px 2px;
    font-size: 30px;
    border-bottom: 1px solid
}

.flex-container14 {
    display: flex;
    flex-direction: column;
    background-color: #79af96;
    padding: 27px;
    width: 89%;
    align-items: center;
    border-radius: 20px;
    height: 420px;
    overflow: scroll;
    background: #549fa0;
    background: linear-gradient(0deg, #549fa0 0, #548791 100%)
}

@media (min-width:600px) {
    .flex-container14 {
        display: flex;
        flex-direction: column;
        background-color: #79af96;
        padding: 27px;
        width: 580px;
        align-items: center;
        border-radius: 20px;
        height: 420px;
        overflow: scroll;
        background: #549fa0;
        background: linear-gradient(0deg, #549fa0 0, #548791 100%)
    }
}

.flex-container14>div {
    flex-direction: column
}

.einstellungen-foto-upload {
    background-color: #709d88;
    padding: 50px
}

#tabs-4 {
    background-color: #79af96;
    width: 100%;
    padding: 69px 23px
}

progress[value] {
    display: block;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 80%;
    height: 6px;
    border: 0;
    --border-radius: 10px;
    border-radius: var(--border-radius);
    counter-reset: progress var(--progress-value);
    --progress-value-string: counter(progress) "%";
    --progress-max-decimal: calc(var(--value, 0) / var(--max, 0));
    --progress-value-decimal: calc(var(--progress-value, 0) / var(--max, 0));
    --progress-value-percent: calc(var(--progress-value-decimal) * 100%);
    --progress-value-color: hsl(calc((var(--progress-empty-color-h) + (var(--progress-filled-color-h) - var(--progress-empty-color-h)) * var(--progress-value-decimal)) * 1deg) calc((var(--progress-empty-color-s) + (var(--progress-filled-color-s) - var(--progress-empty-color-s)) * var(--progress-value-decimal)) * 1%) calc((var(--progress-empty-color-l) + (var(--progress-filled-color-l) - var(--progress-empty-color-l)) * var(--progress-value-decimal)) * 1%));
    -webkit-animation: calc(3s*var(--progress-max-decimal)) linear .5s 1 normal both progress;
    animation: calc(3s*var(--progress-max-decimal)) linear .5s 1 normal both progress
}

@supports selector(::-moz-progress-bar) {
    progress[value] {
        --progress-value-decimal: calc(var(--value, 0) / var(--max, 0))
    }
}

progress[value]::-webkit-progress-bar {
    background-color: var(--progress-bar-color);
    border-radius: var(--border-radius);
    overflow: hidden
}

progress[value]::-webkit-progress-value {
    width: var(--progress-value-percent) !important;
    background-color: var(--progress-value-color);
    border-radius: var(--border-radius)
}

progress[value]::-moz-progress-bar {
    width: var(--progress-value-percent) !important;
    background-color: var(--progress-value-color);
    border-radius: var(--border-radius)
}

progress[value]::after {
    display: flex;
    align-items: center;
    justify-content: center;
    --size: 32px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    left: var(--progress-value-percent);
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--progress-value-color);
    border-radius: 50%;
    content: attr(value);
    content: var(--progress-value-string, var(--value));
    font-size: 12px;
    font-weight: 700;
    color: #fff
}

@property --progress-value {
    syntax: "<integer>";
    inherits: true;
    initial-value: 0
}

:root {
    --progress-bar-color: #cfd8dc;
    --progress-value-color: #2196f3;
    --progress-empty-color-h: 4.1;
    --progress-empty-color-s: 89.6;
    --progress-empty-color-l: 58.4;
    --progress-filled-color-h: 122.4;
    --progress-filled-color-s: 39.4;
    --progress-filled-color-l: 49.2
}

.form-group23 {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    text-align: left;
    width: 430px;
    margin: 0 auto;
    color: #0f1218;
    gap: 20px
}

@media (min-width:800px) {
    .form-group23 {
        display: flex;
        justify-content: space-evenly;
        align-items: flex-start;
        text-align: left;
        width: 320px;
        margin: 0 auto;
        color: #fff
    }
}

.register_dse {
    font-size: 14px;
    gap: 20px;
    width: 280px;
    color: #fff
}

.register_dse a {
    color: #2b612b
}

.startseite-process-loading-bar {
    font-weight: 900;
    font-size: 20px
}

.rosi-section {
    margin: 150px auto;
    border-radius: 20px;
    background-image: url(../images/startseite.png)
}

#myBtn,
#myBtn5 {
    height: 50px;
    width: 100px;
    background-size: 200px;
    background-color: #a8e9197a;
    border: solid 1px #89bd17;
    font-size: 20px
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 5px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

@media (min-width:600px) {
    .modal {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0, 0, 0, .4)
    }
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    z-index: 1
}

@media (min-width:1000px) {
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 100%;
        z-index: 1
    }
}

.modal5 {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 5px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

@media (min-width:600px) {
    .modal5 {
        display: none;
        position: fixed;
        z-index: 1;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #000;
        background-color: rgba(0, 0, 0, .4)
    }
}

.modal-content5 {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    z-index: 1
}

@media (min-width:1000px) {
    .modal-content5 {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 100%;
        z-index: 1
    }
}

.close {
    color: red;
    float: right;
    font-size: 28px;
    font-weight: 700
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.aktiviaetenpadding {
    background-color: #b1adad;
    width: 100%;
    padding: 22px 30px;
    border-radius: 11px;
    text-align: center
}

#footer textarea {
    width: 100% !important
}

.section4-hochgeladene-bilder {
    background-color: #79af96;
    width: 91.6%;
    margin: 40px auto;
    padding: 30px
}

.tg {
    border-collapse: collapse;
    border-spacing: 0
}

.tg td,
.tg th {
    font-size: 14px;
    border-width: 1px;
    overflow: hidden;
    word-break: normal
}

.tg td {
    padding: 10px 5px;
    border-style: none
}

.tg th {
    font-weight: 400;
    padding: 0 15px
}

.tg-031e img {
    width: 67px;
    border-radius: 20px;
    padding: 2px;
    max-width: fit-content
}

@media (min-width:600px) {
    .tg-031e img {
        width: 100px;
        height: 100px;
        border-radius: 170px;
        padding: 0;
        background-size: cover
    }
}

.tg-031e {
    border-bottom: 1px solid #000
}

.zuletzt_online {
    height: 20px;
    width: 20px;
    background-color: #06d85f;
    border: solid;
    border-radius: 50px;
    position: absolute;
    top: 56px;
    right: 253px
}

.status-offline,
.status-online,
.status-online1 {
    height: 15px;
    width: 15px;
    background-color: green;
    border-radius: 30px;
    border: solid 1px;
    border-color: #fff;
    position: absolute;
    top: 57px;
    right: 260px
}

.status-offline,
.status-online1 {
    background-color: red
}

.status-online1 {
    background-color: green;
    right: 264px
}

@media (min-width:600px) {
    .status-online1 {
        height: 15px;
        width: 15px;
        background-color: green;
        border-radius: 30px;
        border: solid 1px;
        border-color: #fff;
        position: absolute;
        top: 55px;
        right: 460px
    }
}

.status-offline1 {
    height: 15px;
    width: 15px;
    background-color: red;
    border-radius: 30px;
    border: solid 1px;
    border-color: #fff;
    position: absolute;
    top: 57px;
    right: 468px
}

.team-classic-caption svg:not(:root) {
    overflow: hidden;
    fill: red
}

.box {
    padding: 1.5em;
    width: 100%;
    margin: .5em
}

.options input,
.options label {
    width: 4em;
    padding: .5em 1em
}

.box-2 {
    padding: .5em;
    width: calc(100%/2 - 1em)
}

.btn {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    padding: .5em 1em;
    text-decoration: none;
    margin: .8em .3em;
    display: inline-block;
    cursor: pointer
}

.hide {
    display: none
}

.tab-container55 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.tabs55 {
    display: flex;
    cursor: pointer
}

.tab-button55,
.tab-navigation55 button {
    border: 1px solid #ddd;
    background: #f1f1f1
}

.tab-button55 {
    flex: 1;
    padding: 1px 0;
    border-bottom: none;
    outline: 0;
    text-align: center;
    margin: 14px 0;
    font-size: 11px
}

@media (min-width:600px) {
    .tab-button55 {
        flex: 1;
        padding: 11px 0;
        background: #f1f1f1;
        border: 1px solid #ddd;
        border-bottom: none;
        outline: 0;
        text-align: center;
        margin: 14px 0;
        font-size: 17px
    }
}

.tab-button55.active {
    background: #fff;
    border-top: 2px solid #007bff;
    color: #007bff
}

.tab-content55 {
    border: 1px solid #ddd;
    padding: 20px;
    background: #fff
}

.tab55 {
    display: none
}

.rd-nav-item.dropdown:hover .dropdown-content,
.tab55.active {
    display: block
}

.tab-navigation55 {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.tab-navigation55 button {
    padding: 10px 20px;
    cursor: pointer
}

.tab-navigation55 button:disabled {
    background: #ddd;
    cursor: not-allowed
}

.tab-navigation55 button.green-button {
    background: #28a745;
    color: #fff
}

div.bhoechie-tab-container {
    z-index: 10;
    background-color: #8f8f8f;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    margin-top: 20px;
    margin-left: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    opacity: .97;
    filter: alpha(opacity=97)
}

@media (min-width:600px) {
    div.bhoechie-tab-container {
        z-index: 10;
        background-color: #8f8f8f;
        padding: 0 !important;
        border-radius: 4px;
        -moz-border-radius: 4px;
        border: 1px solid #ddd;
        margin-top: 20px;
        margin-left: 50px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        background-clip: padding-box;
        opacity: .97;
        filter: alpha(opacity=97)
    }
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    display: contents
}

@media (min-width:600px) {
    div.bhoechie-tab-menu {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
        display: block
    }
}

div.bhoechie-tab-menu div.list-group,
div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0
}

div.bhoechie-tab-menu div.list-group>a .fa,
div.bhoechie-tab-menu div.list-group>a .glyphicon {
    color: #79af96
}

div.bhoechie-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .fa,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon {
    background-color: #79af96;
    background-image: #79af96;
    color: #fff
}

div.bhoechie-tab-menu div.list-group>a.active:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #79af96
}

.checkbox,
.radio,
label {
    display: inline-block !important
}

.checkbox,
.radio {
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px
}

label {
    margin-bottom: 5px;
    font-weight: 700
}

div.bhoechie-tab-content {
    background-color: #b8d9a3;
    padding-left: 20px;
    padding-top: 10px;
    text-align: center;
    width: 120%
}

@media (min-width:480px) {
    div.bhoechie-tab-content {
        background-color: #b8d9a3;
        padding-left: 20px;
        padding-top: 10px;
        text-align: center
    }
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none
}

.einstellungen input[type=file] {
    display: inline
}

:after {
    clear: both
}

#login {
    margin: 50px auto;
    width: 1810px
}

#login form {
    margin: auto;
    padding: 22px;
    width: 100%;
    border-radius: 5px;
    background: #282e33;
    border-top: 3px solid #434a52;
    border-bottom: 3px solid #434a52
}

#login form span {
    background-color: #363b41;
    border-radius: 3px 0 0 3px;
    border-right: 3px solid #434a52;
    color: #606468;
    display: block;
    float: left;
    line-height: 50px;
    text-align: center;
    width: 50px;
    height: 50px
}

#login form input[type=email],
#login form input[type=password],
#login form input[type=text] {
    background-color: #3b4148;
    border-radius: 0 3px 3px 0;
    color: #a9a9a9;
    margin-bottom: 1em;
    padding: 0 16px;
    width: 235px;
    height: 50px
}

#login form input[type=submit] {
    background: #b5cd60;
    border: 0;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    transition: background .3s ease-in-out
}

#login form input[type=submit]:hover {
    background: #16aa56
}

.form-group24 {
    display: flex;
    justify-content: center;
    text-align: left;
    width: 304px;
    color: #fff;
    align-items: flex-start;
    flex-direction: row;
    gap: 12px;
    margin: 20px auto
}

.startseite-flex {
    display: flex;
    flex-wrap: nowrap;
    background-color: #1e90ff
}

.startseite-flex>.wow {
    background-color: #f1f1f1;
    width: 100%;
    margin: 10px;
    text-align: center;
    line-height: 75px;
    font-size: 30px
}

.angemeldet-bar-mobil {
    border: solid 1px #000;
    color: #fff;
    margin: -12px
}

@media (min-width:1200px) {
    .angemeldet-bar-mobil {
        display: none
    }
}

.startseite-bg-mitglieder {
    background-color: #a8e9197a;
    padding: 40px 12px
}

.kapsayici {
    position: relative;
    display: flex;
    padding: 5px;
    text-align: center;
    max-width: 500px;
    min-width: 0;
    height: auto;
    margin: 200px auto
}

.kapsayici input {
    width: 100%;
    height: 40px;
    border-radius: 30px;
    outline: 0;
    padding: 0 40px 0 20px;
    border: 2px solid #333;
    font-size: 16px
}

.kapsayici input:focus {
    border: 2px solid #7b68ee
}

.kapsayici img {
    width: 30px;
    border-radius: 50%;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer
}

.kapsayici .bar {
    width: 170px;
    height: 170px;
    border-radius: 10px;
    background: #fff;
    position: absolute;
    right: 10px;
    top: 40px;
    box-shadow: 0 0 20px 0#272727;
    visibility: hidden;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    transition: all .3s
}

.kapsayici .bar:focus,
.kapsayici img:focus+.bar {
    top: 60px;
    visibility: visible;
    opacity: 1
}

.kapsayici p {
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s
}

.kapsayici p:hover {
    background: #7b68ee;
    color: #fff
}

.social_brandin_header2 {
    width: 150px;
    height: 100px
}

.swiper-slide-caption span {
    font-size: 75px
}

.index-Absenden {
    margin-top: 20px 0
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 132px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 35;
    padding: 16px;
    background-color: #6ba596
}

.dropdown-content a {
    color: #333;
    padding: 25px 14px;
    text-decoration: none;
    border-bottom: solid;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start
}

.dropdown-content a:hover {
    background-color: #ddd
}

.index-teser-besuchen {
    padding: 20px;
    border: solid 1px #000;
    width: 100%;
    background-color: #06d85f;
    display: block
}

.marginoo {
    margin: 0 !important
}

@media (min-width:700px) {
    .marginoo {
        margin: 58px 6%0 250px !important
    }
}

.rose {
    padding: 0;
    width: 100%;
    margin: 0 auto
}

@media (min-width:700px) {
    .rose {
        padding: 50px 0;
        width: 100%
    }
}

.gradient-index {
    background-color: transparent;
    margin: 20px
}

@media (min-width:700px) {
    .gradient-index {
        background-color: #92bf87;
        max-width: 1523px;
        margin: 0 auto
    }
}

.push-insta-post-box {
    max-width: 60%;
    margin: 0 auto;
    background-color: #a8e9197a;
    border-radius: 90px
}

.melden-btn {
    position: static;
    bottom: -100px;
    right: 0;
    display: flex;
    flex-direction: column
}

@media (min-width:700px) {
    .melden-btn {
        bottom: -100px;
        right: 0;
        display: flex;
        flex-direction: row;
        position: absolute
    }
}

.melden-btn a {
    border: solid 1px #000;
    padding: 6px
}

#popup2 {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: top .5s;
    z-index: 9999
}

#popup-content2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: column;
    width: 500px;
    height: 50%;
    max-height: 470px
}

.popup-content2 {
    max-width: 20px
}

#close-popup2 {
    margin: 0 auto
}

#push-insta input:is([type=text]) {
    width: 100% !important
}

#push-insta h4 {
    margin-top: 20px;
    font-size: 23px
}

#push-insta h1 {
    font-size: 29px !important;
    line-height: .85455;
    font-weight: 700;
    margin: 40px
}

#push-insta a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
    word-wrap: break-word
}

#push-insta .push-insta-post-box a {
    margin: 20px 0;
    text-decoration: underline
}

#push-insta form {
    margin: 60px
}

.einstellungen select {
    font-family: inherit;
    line-height: inherit;
    height: 48px;
    font-size: 19px;
    appearance: revert !important;
    outline: 10px red;
    border: 0;
    box-shadow: none;
    flex: 1;
    padding: 0 1em;
    color: #000;
    background-image: none;
    cursor: pointer;
    background-color: #fff;
    width: 100%
}

@media (min-width:480px) {
    .einstellungen select {
        appearance: revert !important;
        outline: 10px red;
        border: 0;
        box-shadow: none;
        flex: 1;
        padding: 0 1em;
        color: #000;
        background-image: none;
        cursor: pointer;
        background-color: #fff;
        width: 384px
    }
}

#push-insta form p {
    font-size: 12px !important;
    word-wrap: break-word
}

#startseite h3 {
    text-align: center;
    margin: 53px 0 50px
}

.social_brandin_header2 {
    margin: 20px 0
}

#startseite_mitglieder {
    margin: 20px 0;
    font-weight: 500;
    text-align: center
}

.list-group {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0
}

@media (min-width:700px) {
    .list-group {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0
    }
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 4px !important;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

@media (min-width:700px) {
    .list-group-item {
        position: relative;
        display: block;
        padding: 10px 5px !important;
        margin-bottom: -1px;
        border: 1px solid #ddd
    }
}

#einloggen input:is([type=password]) {
    background-color: rgb(255 255 255);
    max-width: 241px;
    padding: 12px;
    width: 234px
}

@media (min-width:700px) {
    #einloggen input:is([type=password]) {
        background-color: rgb(255 255 255);
        max-width: 241px;
        margin: 10px 0;
        padding: 12px;
        width: 201px
    }
}

#einloggen button {
    color: #fff;
    background: #0c814b;
    border-color: #79af96;
    font-size: 30px;
    padding: 10px;
    margin-top: 30px;
    width: 239px
}

#einloggen input:is([type=email]) {
    width: 100% !important;
    margin: 10px 0;
    padding: 12px
}

@media (min-width:700px) {
    #einloggen input:is([type=email]) {
        margin: 10px 0;
        padding: 12px;
        width: 281px
    }

    #einloggen input:is([type=password]) {
        background-color: rgb(255 255 255);
        max-width: 241px;
        margin: 10px 0;
        padding: 12px;
        width: 279px
    }

    #einloggen button {
        color: #fff;
        background: #0c814b;
        border-color: #79af96;
        font-size: 30px;
        padding: 10px;
        width: 275px;
        margin: 20px auto
    }
}

#registrieren .stepper input[type=number],
#registrieren input[type=text] {
    padding: 9px 12px;
    font-weight: 500;
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-align: center;
    font-size: 19px;
    width: 214px !important
}

@media (min-width:700px) {
    #registrieren .stepper input[type=number] {
        padding: 9px 52px;
        font-weight: 500;
        font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        text-align: center;
        font-size: 19px;
        width: 313px !important
    }
}

#registrieren input[type=text] {
    width: 218px !important
}

@media (min-width:700px) {
    #registrieren input[type=text] {
        padding: 9px 42px;
        font-weight: 500;
        text-align: center;
        font-size: 19px;
        width: 350px !important;
        max-width: 319px;
        font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
    }
}

#registrieren input:is([type=email]) {
    padding: 9px 12px;
    font-weight: 500;
    text-align: center;
    font-size: 19px;
    width: 215px
}

@media (min-width:700px) {
    #registrieren input:is([type=email]) {
        padding: 9px 42px;
        font-weight: 500;
        font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        text-align: center;
        font-size: 19px;
        width: 800px;
        max-width: 310px
    }
}

#registrieren input:is([type=password]) {
    padding: 9px 12px;
    font-weight: 500;
    text-align: center;
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 19px;
    width: 221px
}

@media (min-width:700px) {
    #registrieren input:is([type=password]) {
        padding: 9px 42px;
        font-weight: 500;
        text-align: center;
        font-size: 19px;
        width: 800px;
        max-width: 310px
    }
}

.form-v8-content,
.page-content {
    display: flex;
    display: -webkit-flex
}

.page-content {
    width: 100%;
    margin: 0 auto;
    background-image: -moz-linear-gradient(136deg, #009efd 0, #2af598 100%);
    background-image: -webkit-linear-gradient(136deg, #009efd 0, #2af598 100%);
    background-image: -ms-linear-gradient(136deg, #009efd 0%, #2af598 100%);
    justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center
}

.form-v8-content {
    background: #fff;
    width: 937px;
    border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    margin: 177px 0;
    font-family: "Source Sans Pro", sans-serif;
    color: #fff;
    position: relative
}

.form-v8-content .form-left {
    margin-bottom: -4px
}

.form-v8-content .form-left img {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    object-fit: cover;
    background-size: 1030px;
    height: 671px
}

.form-v8-content .form-right {
    padding: 30px 0;
    position: relative;
    width: 100%;
    background: #3d5983;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.form-v8-content .tab {
    margin: 5px 0 48px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between
}

.form-v8-content .tab .tab-inner {
    width: 100%
}

.form-v8-content .form-detail input,
.form-v8-content .tab .tablinks {
    width: 100%;
    border-bottom-color: rgba(255, 255, 255, .2);
    background: 0 0;
    outline: 0;
    -moz-outline: 0;
    -webkit-outline: 0;
    -o-outline: 0;
    -ms-outline: 0
}

.form-v8-content .tab .tablinks {
    border: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #ccc;
    padding-bottom: 22px;
    border-bottom: 3px solid
}

.form-v8-content .tab .tablinks.active {
    font-weight: 700;
    color: #fff;
    border-bottom-color: #30e1df
}

.form-v8-content .form-detail {
    padding: 0 40px
}

.form-v8-content .form-row,
.form-v8-content .form-row .form-row-inner {
    position: relative;
    width: 100%
}

.form-v8-content .form-row .form-row-inner .label {
    position: absolute;
    top: -2px;
    left: 10px;
    font-size: 18px;
    color: #f2f2f2;
    font-weight: 400;
    transform-origin: 0 0;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease
}

.form-v8-content .form-row .form-row-inner .border {
    position: absolute;
    bottom: 31px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #53c83c;
    transform: scaleX(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform-origin: 0 0;
    transition: all .15s ease;
    -moz-transition: all .15s ease;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    -ms-transition: all .15s ease
}

.form-v8-content .form-detail .input-text {
    margin-bottom: 31px
}

.form-v8-content .form-detail input {
    padding: 0 10px 15px;
    border: 1px solid transparent;
    border-bottom: 1px solid;
    appearance: unset;
    -moz-appearance: unset;
    -webkit-appearance: unset;
    -o-appearance: unset;
    -ms-appearance: unset;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.form-v8-content .form-detail .form-row .input-text:focus {
    border-bottom: 1px solid #53c83c;
    background: 0 0
}

.form-v8-content .form-detail .form-row .input-text:focus+.label,
.form-v8-content .form-detail .form-row .input-text:valid+.label {
    transform: translateY(-26px) scale(1);
    -moz-transform: translateY(-26px) scale(1);
    -webkit-transform: translateY(-26px) scale(1);
    -o-transform: translateY(-26px) scale(1);
    -ms-transform: translateY(-26px) scale(1)
}

.form-v8-content .form-detail .form-row .input-text:focus+.border,
.form-v8-content .form-detail .form-row .input-text:valid+.border {
    transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1)
}

.form-v8-content .form-detail .register {
    background: #fff;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 160px;
    border: 0;
    margin: 5px 0 50px;
    cursor: pointer;
    font-family: "Source Sans Pro", sans-serif;
    color: #333;
    font-weight: 700;
    font-size: 18px
}

.form-v8-content .form-detail .register:hover {
    background: #ccc
}

.form-v8-content .form-detail .form-row-last input {
    padding: 11px
}

@media screen and (max-width:991px) {
    .form-v8-content {
        margin: 180px 20px;
        flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column
    }

    .form-v8-content .form-left {
        width: 100%
    }

    .form-v8-content .form-left img {
        width: 100%;
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px
    }

    .form-v8-content .form-right {
        width: auto;
        border-top-right-radius: 0;
        border-bottom-left-radius: 8px
    }

    .form-v8-content .tab {
        margin-top: 45px
    }

    .form-v8-content .form-detail .register {
        margin-bottom: 80px
    }
}

@media screen and (max-width:325px) {
    .form-v8-content .tab {
        flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column
    }
}

.chat-margin {
    width: 100%
}

@media screen and (min-width:525px) {
    .chat-margin {
        margin: 0
    }
}

.smiley-container {
    display: flex;
    gap: 10px;
    max-width: 380px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0
}

.smiley-btn {
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 20px;
    transition: background-color .3s
}

.smiley-btn:hover {
    background-color: #e0e0e0
}

.container-info-registriert,
.container-info-registriert1 {
    width: 100%;
    padding: 0 50px;
    color: #fff;
    max-width: 1650px;
    margin: 0 auto 30px
}

.container-info-registriert1 {
    background-color: #bb2727;
    display: block;
    height: 150px
}

.container-info-registriert {
    background-color: #0e753b;
    display: flex;
    height: 225px
}

@media (min-width:700px) {
    .container-info-registriert {
        background-color: #0e753b;
        width: 100%;
        display: block;
        padding: 0 50px;
        color: #fff;
        height: 150px;
        max-width: 1650px;
        margin: 0 auto 30px
    }
}

.register_btn {
    color: #fff;
    background: #0c814b;
    border-color: #79af96;
    font-size: 30px;
    padding: 10px;
    width: 290px;
    margin: 20px auto
}

.registrieren-ueberschrift3 {
    font-size: 29px;
    line-height: .88;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    margin: 0
}

.registrieren-ueberschrift3 span {
    display: flex;
    margin: 20px;
    justify-content: center;
    font-size: 30px;
    color: #056b58
}

.form-signin-heading,
.form-signin-heading a,
.form-signin-heading p {
    color: #fff;
    margin: 20px 0;
    text-align: center
}

.einloggen-form a,
p {
    display: block
}

.sucess-register {
    background-color: #386144;
    width: 100%;
    display: block;
    padding: 10px 0;
    color: #fff;
    font-size: 140px;
    font-style: normal
}

.crop-container {
    width: 300px;
    height: 200px;
    overflow: hidden
}

.crop-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.einstellungen-personliche-einstellungen .stepper input[type=number] {
    max-width: 320px
}

.einstellungen-personliche-einstellungen .beschreibung-einstellungen {
    max-width: 520px
}

.tabs {
    height: 100%;
    max-width: 980px;
    margin: 140px auto
}

@media screen and (min-width:525px) {
    .tabs {
        height: 100%;
        max-width: 1180px;
        margin: 90px auto;
        width: 100%
    }
}

input[name=tabs] {
    float: left;
    opacity: 0;
    position: absolute
}

input[name=tabs]~label {
    padding: 1em;
    width: 20%;
    float: left;
    text-align: center;
    cursor: pointer;
    transition: background .3s;
    height: 101px
}

input[name=tabs]~label:hover {
    background: #d9d9d9
}

input[name=tabs]~label:focus {
    outline: 0;
    text-shadow: 1px 1px 3px #888
}

.tab {
    height: 100%;
    display: none;
    padding: 6em 2em 2em
}

label[for=toggle-apples] {
    border-top: 8px solid #c0970a;
    background: #fbf9e8;
    border-left: 1px solid #cecc8e;
    text-transform: uppercase
}

#toggle-apples:checked~.tab-apples,
#toggle-bananas:checked~.tab-bananas,
#toggle-cherries:checked~.tab-cherries,
#toggle-oranges:checked~.tab-oranges,
#toggle-pears:checked~.tab-pears {
    display: block;
    background: #edecd5
}

#toggle-apples:checked~label[for=toggle-apples] {
    cursor: default;
    background: #edecd5;
    color: #c0970a
}

label[for=toggle-bananas] {
    border-top: 8px solid #aac706;
    background: #fbf9e8;
    border-left: 1px solid #cecc8e;
    text-transform: uppercase
}

#toggle-bananas:checked~label[for=toggle-bananas] {
    cursor: default;
    background: #edecd5;
    color: #aac706
}

label[for=toggle-cherries] {
    border-top: 8px solid #15c68e;
    background: #fbf9e8;
    border-left: 1px solid #cecc8e;
    text-transform: uppercase
}

#toggle-cherries:checked~label[for=toggle-cherries] {
    cursor: default;
    background: #edecd5;
    color: #15c68e
}

label[for=toggle-oranges] {
    border-top: 8px solid #14a3bb;
    background: #fbf9e8;
    border-left: 1px solid #cecc8e;
    text-transform: uppercase
}

#toggle-oranges:checked~label[for=toggle-oranges] {
    cursor: default;
    background: #edecd5;
    color: #14a3bb
}

label[for=toggle-pears] {
    border-top: 8px solid #776eef;
    background: #fbf9e8;
    border-left: 1px solid #cecc8e;
    text-transform: uppercase
}

#toggle-pears:checked~label[for=toggle-pears] {
    cursor: default;
    background: #edecd5;
    color: #776eef
}

.text-title {
    display: none
}

@media screen and (min-width:900px) {
    .text-title {
        display: inline-block;
        vertical-align: middle
    }
}

.kaomoji {
    white-space: nowrap
}

#timer {
    font-size: 16px
}

#nachrichten-chat .wrapper form {
    display: flex;
    cursor: pointer;
    margin: 7px 0;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    border-radius: 5px;
    gap: 19px
}

.einstellungen .slider-component {
    margin-block: 1rem
}

.einstellungen .slider--header {
    font-size: 1.75em;
    font-weight: 300;
    margin-block: 1rem;
    margin-inline: 2.75em
}

.einstellungen .swiper {
    margin-block: 1rem
}

.einstellungen .swiper-slide {
    border-radius: .5em;
    overflow: hidden
}

.einstellungen img,
.process-model li::after {
    display: block;
    width: auto;
    margin: 0 auto;
    height: 210px
}

.design-process-section .text-align-center {
    line-height: 25px;
    margin-bottom: 12px
}

.design-process-content,
.process-model {
    border: 1px solid #e9e9e9;
    position: relative;
    padding: 16px 34% 30px 30px
}

.design-process-content img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    max-height: 100%
}

.design-process-content h3 {
    margin-bottom: 16px
}

.design-process-content p {
    line-height: 26px;
    margin-bottom: 12px
}

.process-model {
    list-style: none;
    padding: 0;
    max-width: 600px;
    margin: 20px auto 26px;
    border: 0;
    z-index: 0
}

.process-model li::after {
    background: #e5e5e5 0 0;
    bottom: 0;
    content: "";
    height: 4px;
    position: absolute;
    right: -30px;
    top: 33px;
    width: 85%;
    z-index: -1
}

.process-model li.visited::after {
    background: #57b87b
}

.process-model li:last-child::after {
    width: 0
}

.process-model li {
    display: inline-block;
    width: 18%;
    text-align: center;
    float: none
}

.nav-tabs.process-model>li.active>a,
.nav-tabs.process-model>li.active>a:focus,
.nav-tabs.process-model>li.active>a:hover,
.process-model li a:focus,
.process-model li a:hover {
    border: 0;
    background: 0 0
}

.process-model li a {
    padding: 0;
    border: 0;
    color: #606060
}

.process-model li.active,
.process-model li.visited {
    color: #57b87b
}

.process-model li.active a,
.process-model li.active a:focus,
.process-model li.active a:hover,
.process-model li.visited a,
.process-model li.visited a:focus,
.process-model li.visited a:hover {
    color: #57b87b
}

.process-model li i {
    display: block;
    height: 68px;
    width: 68px;
    text-align: center;
    margin: 0 auto;
    background: #f5f6f7;
    border: 2px solid #e5e5e5;
    line-height: 65px;
    font-size: 30px;
    border-radius: 50%
}

.process-model li.active i,
.process-model li.visited i {
    background: #fff;
    border-color: #57b87b
}

.process-model li p {
    font-size: 14px;
    margin-top: 11px
}

.process-model.contact-us-tab li.visited a,
.process-model.contact-us-tab li.visited p {
    color: #606060 !important;
    font-weight: 400
}

.process-model.contact-us-tab li::after {
    display: none
}

.process-model.contact-us-tab li.visited i {
    border-color: #e5e5e5
}

@media screen and (max-width:560px) {
    .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px
    }

    .more-icon-preocess.process-model li::after {
        top: 24px
    }
}

@media screen and (max-width:380px) {
    .process-model.more-icon-preocess li {
        width: 16%
    }

    .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px
    }

    .more-icon-preocess.process-model li p {
        font-size: 8px
    }

    .more-icon-preocess.process-model li::after {
        top: 18px
    }

    .process-model.more-icon-preocess {
        text-align: center
    }
}

@media (min-width:560px) {
    .nav {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        flex-direction: row !important
    }
}

.social_brandin_header_einstellungen {
    display: block;
    width: auto;
    margin: 0 auto;
    height: 100px !important;
    transform: translateY(30px)
}

@media (min-width:560px) {
    .social_brandin_header_einstellungen {
        display: block;
        width: auto;
        margin: 0 auto;
        height: 210px !important
    }
}

#submitLink,
#submitLink.enabled {
    text-decoration: none;
    border-radius: 20px
}

#submitLink {
    pointer-events: none;
    border: solid 1px #000;
    max-width: 230px;
    padding: 10px;
    margin: 0 auto;
    background-color: #fff;
    color: gray
}

#submitLink.enabled {
    pointer-events: auto;
    color: #000;
    background-color: orange
}

label.cabinet {
    display: block;
    cursor: pointer
}

label.cabinet input.file {
    position: relative;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    margin-top: -30px
}

#upload-demo {
    width: 350px;
    height: 350px;
    padding-bottom: 25px
}

figure figcaption {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding-left: 9px;
    padding-bottom: 5px;
    text-shadow: 0 0 10px #000
}

#model-1 .toggle {
    position: relative
}

#model-1 .toggle input[type=checkbox],
#model-10 .toggle input[type=checkbox],
#model-11 .toggle input[type=checkbox],
#model-12 .toggle input[type=checkbox],
#model-2 .toggle input[type=checkbox],
#model-3 .toggle input[type=checkbox],
#model-4 .toggle input[type=checkbox],
#model-5 .toggle input[type=checkbox],
#model-6 .toggle input[type=checkbox],
#model-7 .toggle input[type=checkbox],
#model-8 .toggle input[type=checkbox],
#model-9 .toggle input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

#model-1 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-1 .toggle input[type=checkbox]:checked+label:before {
    background: #376fcb
}

#model-1 .toggle input[type=checkbox]:checked+label:after {
    background: #4285f4;
    left: 40px
}

#model-1 .toggle label {
    position: relative;
    display: flex;
    align-items: center
}

#model-1 .toggle label:before {
    content: "";
    width: 90px;
    height: 42px;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    transition: .2s ease-in
}

#model-1 .toggle label:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left: 0;
    top: -5px;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-2 .toggle,
#model-3 .toggle,
#model-4 .toggle,
#model-5 .toggle {
    position: relative;
    box-sizing: border-box
}

#model-2 .toggle input[type=checkbox]:checked+label:before {
    background: #4bd865
}

#model-2 .toggle input[type=checkbox]:checked+label:after {
    left: 35px
}

#model-2 .toggle label,
#model-3 .toggle label,
#model-4 .toggle label,
#model-5 .toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-2 .toggle label:before {
    content: "";
    width: 75px;
    height: 42px;
    background: red;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-2 .toggle label:after {
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    z-index: 2;
    background: #fff;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-3 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 40px 0 0#13bf11
}

#model-3 .toggle input[type=checkbox]:checked+label:after {
    left: 38px
}

#model-3 .toggle label:after,
#model-3 .toggle label:before {
    content: "";
    height: 40px;
    border: 2px solid #ddd;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-3 .toggle label:before {
    width: 78px;
    background: #f8f8f8;
    box-shadow: inset 0 0 0 0#13bf11;
    position: relative;
    display: inline-block;
    border-radius: 20px
}

#model-3 .toggle label:after {
    position: absolute;
    width: 40px;
    border-radius: 50%;
    left: 0;
    top: 0;
    z-index: 2;
    background: #fff;
    box-shadow: 0 1px 10px #0002
}

#model-4 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 30px 0 0#13bf11
}

#model-4 .toggle label:before {
    content: "";
    width: 70px;
    height: 40px;
    background: #fff;
    border: 2px solid #ddd;
    box-shadow: inset -30px 0 0#ccc;
    position: relative;
    display: inline-block;
    border-radius: 20px;
    box-sizing: border-box;
    transition: .25s ease-in-out
}

#model-5 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 0 0 0 18px #13bf11
}

#model-5 .toggle input[type=checkbox]:checked+label:after {
    left: 30px
}

#model-5 .toggle label:after,
#model-5 .toggle label:before {
    content: "";
    height: 40px;
    border: 2px solid #ddd;
    box-sizing: border-box;
    transition: .25s ease-in-out
}

#model-5 .toggle label:before {
    width: 70px;
    background: #eee;
    box-shadow: inset 0 0 0 0#13bf11;
    position: relative;
    display: inline-block;
    border-radius: 20px
}

#model-5 .toggle label:after {
    position: absolute;
    width: 40px;
    border-radius: 50%;
    left: 0;
    top: 0;
    z-index: 2;
    background: #fff;
    box-shadow: 0 1px 10px #0002
}

#model-6 .toggle {
    position: relative
}

#model-6 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px #0005, 0 3px 8px #0002
}

#model-6 .toggle input[type=checkbox]:checked+label:before {
    background: #4bd865
}

#model-6 .toggle input[type=checkbox]:checked+label:after {
    left: 35px
}

#model-6 .toggle label {
    position: relative;
    display: flex;
    align-items: center
}

#model-6 .toggle label:before {
    content: "";
    width: 75px;
    height: 42px;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    transition: .2s ease-in
}

#model-6 .toggle label:after {
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    left: 0;
    top: 0;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 10px #0003, -4px 1px 12px #0002;
    transition: .2s ease-in
}

#model-10 .toggle,
#model-11 .toggle,
#model-7 .toggle,
#model-8 .toggle,
#model-9 .toggle {
    position: relative;
    box-sizing: border-box
}

#model-7 .toggle input[type=checkbox]:checked+label:before {
    background: #4bd865
}

#model-7 .toggle input[type=checkbox]:checked+label:after {
    left: 60px
}

#model-10 .toggle label,
#model-11 .toggle label,
#model-7 .toggle label,
#model-8 .toggle label,
#model-9 .toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-7 .toggle label:before {
    content: "";
    width: 100px;
    height: 42px;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-7 .toggle label:after {
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    z-index: 2;
    background: #fff;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-8 .toggle input[type=checkbox]:checked+label:after {
    left: 44px;
    background: #000
}

#model-8 .toggle label:after,
#model-8 .toggle label:before {
    content: "";
    border: 2px solid #000;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-8 .toggle label:before {
    width: 84px;
    height: 42px;
    position: relative;
    display: inline-block;
    border-radius: 46px
}

#model-8 .toggle label:after {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    left: 3px;
    top: 3px;
    z-index: 2
}

#model-9 .toggle input[type=checkbox]:checked+label:before {
    background: #000
}

#model-9 .toggle input[type=checkbox]:checked+label:after {
    left: 44px;
    background: #fff
}

#model-9 .toggle label:before {
    content: "";
    width: 84px;
    height: 42px;
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: 46px;
    border: 2px solid #000;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-9 .toggle label:after {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    left: 3px;
    top: 3px;
    z-index: 2;
    background: #000;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-10 .toggle input[type=checkbox]:checked+label:before {
    background: #000
}

#model-10 .toggle input[type=checkbox]:checked+label:after {
    left: 58px;
    background: #fff
}

#model-10 .toggle label:before {
    content: "";
    width: 84px;
    height: 42px;
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: 46px;
    border: 4px solid #000;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-10 .toggle label:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    left: 10px;
    top: 12px;
    z-index: 2;
    background: #000;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-11 .toggle input[type=checkbox]:checked+label:before {
    background: #000
}

#model-11 .toggle input[type=checkbox]:checked+label:after {
    left: 50px;
    border-color: #fff;
    box-shadow: 0 0 0 2px #000 inset;
    background: #fff
}

#model-11 .toggle label:after,
#model-11 .toggle label:before {
    content: "";
    border: 2px solid #000;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-11 .toggle label:before {
    width: 84px;
    height: 42px;
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: 46px
}

#model-11 .toggle label:after {
    position: absolute;
    width: 28px;
    height: 28px;
    box-shadow: 0 0 0 2px #fff inset;
    border-radius: 50%;
    left: 6px;
    top: 8px;
    z-index: 2;
    background: #000
}

#model-12 .toggle {
    position: relative
}

#model-12 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-12 .toggle input[type=checkbox]:checked+label:before {
    border-color: #77c2bb
}

#model-12 .toggle input[type=checkbox]:checked+label:after {
    background: #009688;
    left: 40px
}

#model-12 .toggle label {
    position: relative;
    display: flex;
    align-items: center
}

#model-12 .toggle label:before {
    content: "";
    border: 5px solid #bbb;
    height: 35px;
    width: 70px;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    transition: .2s ease-in
}

#model-12 .toggle label:after {
    content: "";
    position: absolute;
    background: #555;
    width: 28px;
    height: 28px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-13 .toggle,
#model-14 .toggle,
#model-15 .toggle,
#model-16 .toggle,
#model-17 .toggle {
    position: relative;
    height: 30px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-13 .toggle input[type=checkbox],
#model-14 .toggle input[type=checkbox],
#model-15 .toggle input[type=checkbox],
#model-16 .toggle input[type=checkbox],
#model-17 .toggle input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#model-13 .toggle input[type=checkbox]:checked+label:after,
#model-14 .toggle input[type=checkbox]:checked+label:after,
#model-15 .toggle input[type=checkbox]:checked+label:after {
    transform: translate3d(30px, 0, 0)
}

#model-13 .toggle label,
#model-14 .toggle label,
#model-15 .toggle label,
#model-16 .toggle label,
#model-17 .toggle label {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box
}

#model-13 .toggle label:before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in;
    isolation: isolate;
    position: relative;
    height: 30px;
    width: 60px;
    border-radius: 15px;
    box-shadow: -8px -4px 8px 0#fff, 8px 4px 12px 0#d1d9e6, 4px 4px 4px 0#d1d9e6 inset, -4px -4px 4px 0#fff inset
}

#model-13 .toggle label:after {
    content: "";
    height: 30px;
    width: 30px;
    background: #ecf0f3;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 15px;
    transition: transform .4s cubic-bezier(.85, .05, .18, 1.35);
    box-shadow: -8px -4px 8px 0#fff, 8px 4px 12px 0#d1d9e6
}

#model-14 .toggle label:before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in;
    isolation: isolate;
    position: relative;
    height: 30px;
    width: 60px;
    box-shadow: -8px -4px 8px 0#fff, 8px 4px 12px 0#d1d9e6, 4px 4px 4px 0#d1d9e6 inset, -4px -4px 4px 0#fff inset
}

#model-14 .toggle label:after {
    content: "";
    height: 30px;
    width: 30px;
    background: #ecf0f3;
    position: absolute;
    left: 0;
    top: 0;
    transition: transform .4s cubic-bezier(.85, .05, .18, 1.35);
    box-shadow: -8px -4px 8px 0#fff, 8px 4px 12px 0#d1d9e6
}

#model-15 .toggle label:before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in;
    isolation: isolate;
    position: relative;
    height: 30px;
    width: 75px;
    border-radius: 15px;
    box-shadow: -8px -4px 8px 0#fff, 8px 4px 12px 0#d1d9e6, 4px 4px 4px 0#d1d9e6 inset, -4px -4px 4px 0#fff inset
}

#model-15 .toggle label:after {
    content: "";
    height: 30px;
    width: 45px;
    border-radius: 15px;
    background: #ecf0f3;
    position: absolute;
    left: 0;
    top: 0;
    transition: transform .4s cubic-bezier(.85, .05, .18, 1.35);
    box-shadow: -8px -4px 8px 0#fff, 8px 4px 12px 0#d1d9e6
}

#model-16 .toggle input[type=checkbox]:checked+label:after {
    content: "I";
    font-size: 18px;
    line-height: 32px;
    transform: translate3d(32px, 0, 0)
}

#model-16 .toggle label:after,
#model-16 .toggle label:before {
    height: 32px;
    box-sizing: border-box;
    border-radius: 15px;
    background: #ecf0f3
}

#model-16 .toggle label:before {
    content: "";
    display: inline-block;
    transition: .2s ease-in;
    isolation: isolate;
    position: relative;
    width: 64px;
    box-shadow: -8px -4px 8px 0#fff, 8px 4px 12px 0#d1d9e6
}

#model-16 .toggle label:after {
    content: "o";
    width: 32px;
    font-family: arial;
    color: #0001;
    font-size: 22px;
    line-height: 30px;
    font-weight: 800;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: transform .4s cubic-bezier(.85, .05, .18, 1.35);
    box-shadow: 4px 4px 4px 0#d1d9e6 inset, -4px -4px 4px 0#f4f8ff inset
}

#model-17 .toggle input[type=checkbox]:checked+label:after {
    content: "ON";
    color: #9ec189;
    transform: translate3d(48px, 0, 0)
}

#model-17 .toggle label:after,
#model-17 .toggle label:before {
    height: 32px;
    box-sizing: border-box;
    border-radius: 15px;
    background: #ecf0f3
}

#model-17 .toggle label:before {
    content: "";
    display: inline-block;
    transition: .2s ease-in;
    isolation: isolate;
    position: relative;
    width: 96px;
    box-shadow: -8px -4px 8px 0#fff, 8px 4px 12px 0#d1d9e6
}

#model-17 .toggle label:after {
    content: "OFF";
    width: 48px;
    font-family: arial;
    color: #0001;
    font-size: 14px;
    line-height: 32px;
    font-weight: 800;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: .4s cubic-bezier(.85, .05, .18, 1.35);
    box-shadow: 4px 4px 4px 0#d1d9e6 inset, -4px -4px 4px 0#f4f8ff inset
}

#model-18 .toggle {
    position: relative
}

#model-18 .toggle input[type=checkbox],
#model-19 .toggle input[type=checkbox],
#model-20 .toggle input[type=checkbox],
#model-21 .toggle input[type=checkbox],
#model-22 .toggle input[type=checkbox],
#model-23 .toggle input[type=checkbox],
#model-24 .toggle input[type=checkbox],
#model-25 .toggle input[type=checkbox],
#model-26 .toggle input[type=checkbox],
#model-27 .toggle input[type=checkbox],
#model-28 .toggle input[type=checkbox],
#model-29 .toggle input[type=checkbox],
#model-30 .toggle input[type=checkbox],
#model-31 .toggle input[type=checkbox],
#model-32 .toggle input[type=checkbox],
#model-33 .toggle input[type=checkbox],
#model-34 .toggle input[type=checkbox],
#model-35 .toggle input[type=checkbox],
#model-36 .toggle input[type=checkbox],
#model-37 .toggle input[type=checkbox],
#model-38 .toggle input[type=checkbox],
#model-39 .toggle input[type=checkbox],
#model-40 .toggle input[type=checkbox],
#model-41 .toggle input[type=checkbox],
#model-42 .toggle input[type=checkbox],
#model-43 .toggle input[type=checkbox],
#model-44 .toggle input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

#model-18 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-18 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-18 .toggle input[type=checkbox]:checked+label:after {
    background: #009688;
    left: 40px
}

#model-18 .toggle label {
    position: relative;
    display: flex;
    align-items: center
}

#model-18 .toggle label:before {
    content: "";
    background: #bbb;
    height: 25px;
    width: 75px;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    transition: .2s ease-in
}

#model-18 .toggle label:after {
    content: "";
    position: absolute;
    background: #fff;
    top: -8px;
    width: 38px;
    height: 38px;
    left: 0;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-19 .toggle {
    position: relative;
    box-sizing: border-box
}

#model-19 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 40px 0 0#13bf11
}

#model-19 .toggle input[type=checkbox]:checked+label:after {
    left: 26px
}

#model-19 .toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-19 .toggle label:before {
    content: "";
    width: 56px;
    height: 22px;
    background: #ccc;
    box-shadow: inset 0 0 0 0#13bf11;
    position: relative;
    display: inline-block;
    border-radius: 20px;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-19 .toggle label:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: 0;
    top: -4px;
    z-index: 2;
    background: #fff;
    box-shadow: 0 1px 10px #0005;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-20 .toggle {
    position: relative
}

#model-20 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-20 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-20 .toggle input[type=checkbox]:checked+label:after {
    background: #009688;
    left: 50px
}

#model-20 .toggle label,
#model-21 .toggle,
#model-21 .toggle label {
    position: relative;
    display: flex;
    align-items: center
}

#model-20 .toggle label:before {
    content: "";
    background: #bbb;
    height: 15px;
    width: 85px;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    transition: .2s ease-in
}

#model-20 .toggle label:after {
    content: "";
    position: absolute;
    background: #fff;
    top: -12px;
    width: 36px;
    height: 36px;
    left: 0;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-21 .toggle {
    height: 32px
}

#model-21 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-21 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-21 .toggle input[type=checkbox]:checked+label:after {
    background: #009688;
    left: 28px
}

#model-21 .toggle label:before {
    content: "";
    background: #bbb;
    height: 2px;
    width: 60px;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    transition: .2s ease-in
}

#model-21 .toggle label:after {
    content: "";
    position: absolute;
    background: #bbb;
    top: -16px;
    width: 32px;
    height: 32px;
    left: 0;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-22 .toggle,
#model-23 .toggle,
#model-24 .toggle,
#model-25 .toggle,
#model-26 .toggle,
#model-27 .toggle,
#model-28 .toggle,
#model-29 .toggle,
#model-30 .toggle,
#model-31 .toggle {
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-22 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-22 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-22 .toggle input[type=checkbox]:checked+label:after {
    border-color: #009688;
    left: 36px
}

#model-22 .toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-22 .toggle label:before {
    content: "";
    background: #bbb;
    height: 2px;
    width: 64px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-22 .toggle label:after {
    content: "";
    position: absolute;
    background: #fff;
    border: 8px solid #bbb;
    top: -14px;
    width: 28px;
    height: 28px;
    left: 0;
    border-radius: 50%;
    z-index: 2;
    box-sizing: border-box;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-23 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-23 .toggle input[type=checkbox]:checked+label:after {
    box-shadow: inset 0 0 0 20px #009688, 0 0 0 5px #fff;
    border-color: #009688;
    left: 36px
}

#model-23 .toggle label,
#model-24 .toggle label,
#model-25 .toggle label,
#model-26 .toggle label,
#model-27 .toggle label,
#model-28 .toggle label,
#model-29 .toggle label,
#model-30 .toggle label,
#model-31 .toggle label,
#model-32 .toggle label {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box
}

#model-23 .toggle label:before {
    content: "";
    background: #bbb;
    border-radius: 4px;
    height: 5px;
    width: 64px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-23 .toggle label:after {
    content: "";
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    z-index: 2;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 4px #bbb, 0 0 0 5px #fff;
    transition: .2s ease-in
}

#model-24 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-24 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-24 .toggle input[type=checkbox]:checked+label:after {
    border-color: #009688;
    left: 42px
}

#model-24 .toggle label:before {
    content: "";
    background: #bbb;
    height: 2px;
    width: 64px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-24 .toggle label:after {
    content: "";
    position: absolute;
    background: #fff;
    border: 6px solid #bbb;
    top: 5px;
    width: 22px;
    height: 22px;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-25 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-25 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-25 .toggle input[type=checkbox]:checked+label:after {
    border-color: #009688;
    left: 42px
}

#model-25 .toggle label:before {
    content: "";
    background: #bbb;
    height: 2px;
    width: 64px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-25 .toggle label:after {
    content: "";
    position: absolute;
    background: #fff;
    border: 6px solid #bbb;
    top: 5px;
    width: 22px;
    height: 22px;
    left: 0;
    z-index: 2;
    transform: rotate(45deg);
    box-sizing: border-box;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-26 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-26 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-26 .toggle input[type=checkbox]:checked+label:after {
    background-color: #009688;
    left: 38px
}

#model-26 .toggle label:before {
    content: "";
    background: #bbb;
    height: 30px;
    width: 64px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-26 .toggle label:after {
    content: "";
    position: absolute;
    background: #fff;
    top: 5px;
    width: 22px;
    height: 22px;
    left: 4px;
    z-index: 2;
    box-sizing: border-box;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-27 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-27 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-27 .toggle input[type=checkbox]:checked+label:after {
    border-color: #188e75;
    background-color: #009688;
    left: 38px
}

#model-27 .toggle label:before {
    content: "";
    background: #bbb;
    height: 20px;
    width: 64px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-27 .toggle label:after {
    content: "";
    position: absolute;
    border: 2px solid #ddd;
    background: #fff;
    top: 0;
    width: 32px;
    height: 32px;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-28 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-28 .toggle input[type=checkbox]:checked+label:after {
    background: #21bf73;
    border-bottom: .07em solid #37dc8d;
    box-shadow: 0 .16em .01em #167e4c, 0 .12em .3em rgba(22, 126, 76, .6), 0 .12em 2em rgba(0, 0, 0, .3), -.12em .15em .2em rgba(0, 0, 0, .2);
    left: 42px
}

#model-28 .toggle label:before {
    content: "";
    background: #bbb;
    height: 20px;
    width: 74px;
    position: relative;
    display: inline-block;
    box-shadow: inset 0 .1em .03em rgba(0, 0, 0, .2), inset 0 .1em .3em rgba(0, 0, 0, .3), 0 0 2em rgba(255, 255, 255, .6);
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-28 .toggle label:after {
    content: "";
    position: absolute;
    top: -2px;
    width: 32px;
    height: 32px;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    background: #5b5656;
    border-bottom: .07em solid #756f6f;
    box-shadow: 0 .16em .01em #343131, 0 .12em .3em rgba(52, 49, 49, .6), 0 .12em 2em rgba(0, 0, 0, .3), .12em .15em .2em rgba(0, 0, 0, .2);
    transition: .2s ease-in
}

#model-29 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3
}

#model-29 .toggle input[type=checkbox]:checked+label:after {
    background: #21bf73;
    border-left: none;
    border-right: .07em solid #37dc8d;
    border-bottom: .07em solid #37dc8d;
    box-shadow: 0 .16em .01em #167e4c, 0 .12em .3em rgba(22, 126, 76, .6), 0 .12em 2em rgba(0, 0, 0, .3), -.12em .15em .2em rgba(0, 0, 0, .2);
    left: 48px
}

#model-29 .toggle label:after,
#model-29 .toggle label:before {
    content: "";
    border-radius: 16px;
    box-sizing: border-box;
    transition: .5s cubic-bezier(.52, -.41, .55, 1.46)
}

#model-29 .toggle label:before {
    background: #bbb;
    height: 32px;
    width: 74px;
    position: relative;
    display: inline-block;
    box-shadow: inset 0 .1em .03em rgba(0, 0, 0, .2), inset 0 .1em .3em rgba(0, 0, 0, .3), 0 0 2em rgba(255, 255, 255, .6)
}

#model-29 .toggle label:after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    z-index: 2;
    background: #5b5656;
    border-left: .07em solid #756f6f;
    border-bottom: .07em solid #756f6f;
    box-shadow: 0 .16em .01em #343131, 0 .12em .3em rgba(52, 49, 49, .6), 0 .12em 2em rgba(0, 0, 0, .3), .12em .15em .2em rgba(0, 0, 0, .2)
}

#model-30 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3
}

#model-30 .toggle input[type=checkbox]:checked+label:after {
    background: #21bf73;
    border-left: none;
    border-right: .07em solid #37dc8d;
    border-bottom: .07em solid #37dc8d;
    box-shadow: 0 .16em .01em #167e4c, 0 .12em .3em rgba(22, 126, 76, .6), 0 .12em 2em rgba(0, 0, 0, .3), -.12em .15em .2em rgba(0, 0, 0, .2);
    transform: translatex(44px)
}

#model-30 .toggle label:before {
    content: "";
    background: #bbb;
    height: 32px;
    width: 74px;
    position: relative;
    display: inline-block;
    box-shadow: inset 0 .1em .03em rgba(0, 0, 0, .2), inset 0 .1em .3em rgba(0, 0, 0, .3), 0 0 2em rgba(255, 255, 255, .6);
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-30 .toggle label:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    z-index: 2;
    box-sizing: border-box;
    background: #5b5656;
    border-left: .07em solid #756f6f;
    border-bottom: .07em solid #756f6f;
    box-shadow: 0 .16em .01em #343131, 0 .12em .3em rgba(52, 49, 49, .6), 0 .12em 2em rgba(0, 0, 0, .3), .12em .15em .2em rgba(0, 0, 0, .2);
    transition: .5s cubic-bezier(.52, -.41, .55, 1.46)
}

#model-31 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-31 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-31 .toggle input[type=checkbox]:checked+label:after {
    background-color: #009688;
    left: 38px
}

#model-31 .toggle label:before {
    content: "";
    background: #bbb;
    height: 32px;
    width: 68px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    -webkit-clip-path: polygon(25%0, 75%0, 100% 50%, 76% 100%, 25% 100%, 0 50%);
    clip-path: polygon(25%0, 75%0, 100% 50%, 76% 100%, 25% 100%, 0 50%);
    box-shadow: 0 0 10px #0001 inset, 8px 0 10px #0001 inset, -8px 0 10px #0001 inset;
    transition: .2s ease-in
}

#model-31 .toggle label:after {
    content: "";
    position: absolute;
    background: #fff;
    top: 5px;
    width: 22px;
    height: 22px;
    left: 8px;
    z-index: 2;
    transform: rotate(45deg);
    box-sizing: border-box;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-32 .toggle {
    position: relative;
    height: 38px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-32 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3
}

#model-32 .toggle input[type=checkbox]:checked+label:after {
    background: #21bf73;
    border-left: none;
    border-right: .07em solid #37dc8d;
    border-bottom: .07em solid #37dc8d;
    box-shadow: 0 .16em .01em #167e4c, 0 .12em .3em rgba(22, 126, 76, .6), 0 .12em 2em rgba(0, 0, 0, .3), -.12em .15em .2em rgba(0, 0, 0, .2);
    transform: translatex(44px) rotate(45deg)
}

#model-32 .toggle label:before {
    content: "";
    background: #bbb;
    height: 40px;
    width: 84px;
    border-radius: 30px;
    position: relative;
    display: inline-block;
    box-shadow: inset 0 .1em .03em rgba(0, 0, 0, .2), inset 0 .1em .3em rgba(0, 0, 0, .3), 0 0 2em rgba(255, 255, 255, .6);
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-32 .toggle label:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 10px;
    width: 22px;
    height: 22px;
    transform: rotate(45deg);
    z-index: 2;
    box-sizing: border-box;
    background: #5b5656;
    border-left: .07em solid #756f6f;
    border-bottom: .07em solid #756f6f;
    box-shadow: 0 .16em .01em #343131, 0 .12em .3em rgba(52, 49, 49, .6), 0 .12em 2em rgba(0, 0, 0, .3), .12em .15em .2em rgba(0, 0, 0, .2);
    transition: .5s cubic-bezier(.52, -.41, .55, 1.46)
}

#model-33 .toggle,
#model-34 .toggle,
#model-35 .toggle {
    position: relative
}

#model-33 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-33 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 42px 0#77c2bb
}

#model-33 .toggle input[type=checkbox]:checked+label:after {
    transform: translatex(42px)
}

#model-33 .toggle label,
#model-34 .toggle label,
#model-35 .toggle label {
    position: relative;
    display: flex;
    align-items: center
}

#model-33 .toggle label:after,
#model-33 .toggle label:before {
    content: "";
    border-radius: 10px;
    height: 42px;
    transition: .2s ease-in
}

#model-33 .toggle label:before {
    width: 84px;
    background: #ccc;
    position: relative;
    display: inline-block
}

#model-33 .toggle label:after {
    position: absolute;
    width: 42px;
    left: 0;
    top: 0;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 5px #0002
}

#model-34 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-34 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 0 .1em .03em rgba(0, 0, 0, .2), inset 0 .1em .3em rgba(0, 0, 0, .3), 0 0 2em rgba(255, 255, 255, .6), inset 42px 0#66bb6a
}

#model-34 .toggle input[type=checkbox]:checked+label:after {
    transform: translatex(42px)
}

#model-34 .toggle label:before {
    content: "";
    width: 84px;
    height: 42px;
    background: #888;
    position: relative;
    display: inline-block;
    box-shadow: inset 0 .1em .03em rgba(0, 0, 0, .2), inset 0 .1em .3em rgba(0, 0, 0, .3), 0 0 2em rgba(255, 255, 255, .6), inset 0 0#66bb6a;
    transition: .2s ease-in
}

#model-34 .toggle label:after {
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    left: 0;
    top: 0;
    z-index: 2;
    background: #fefefe;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-35 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-35 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 0 .1em .03em rgba(0, 0, 0, .2), inset 0 .1em .3em rgba(0, 0, 0, .3), 0 0 2em rgba(255, 255, 255, .6), inset 84px 0#66bb6a
}

#model-35 .toggle input[type=checkbox]:checked+label:after {
    transform: translatex(42px)
}

#model-35 .toggle label:before {
    content: "";
    width: 84px;
    height: 42px;
    background: #ef5350;
    position: relative;
    display: inline-block;
    box-shadow: inset 0 .1em .03em rgba(0, 0, 0, .2), inset 0 .1em .3em rgba(0, 0, 0, .3), 0 0 2em rgba(255, 255, 255, .6), inset 0 0#66bb6a;
    transition: .2s ease-in
}

#model-35 .toggle label:after {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    left: 3px;
    top: 3px;
    z-index: 2;
    background: #fefefe;
    box-shadow: 0 2px 5px #0002;
    transition: .2s ease-in
}

#model-36 .toggle {
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-36 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-36 .toggle input[type=checkbox]:checked+label:before {
    background: #00c853
}

#model-36 .toggle input[type=checkbox]:checked+label:after {
    border-color: #00c853;
    left: 40px
}

#model-36 .toggle label {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box
}

#model-36 .toggle label:before {
    content: "";
    background: #bbb;
    height: 2px;
    width: 64px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-36 .toggle label:after {
    content: "";
    position: absolute;
    background: #fff;
    border: 2px solid #bbb;
    top: 3px;
    width: 24px;
    height: 24px;
    left: 0;
    z-index: 2;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-37 .toggle,
#model-38 .toggle {
    position: relative
}

#model-37 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 84px 0#215aff
}

#model-37 .toggle input[type=checkbox]:checked+label:after {
    transform: translatex(36px)
}

#model-37 .toggle label,
#model-38 .toggle label {
    position: relative;
    display: flex;
    align-items: center
}

#model-37 .toggle label:before {
    content: "";
    width: 72px;
    height: 36px;
    background: #b3c5ff;
    position: relative;
    border-radius: 4px;
    display: inline-block;
    box-shadow: inset 0 0#66bb6a;
    transition: .2s ease-in
}

#model-37 .toggle label:after {
    content: "";
    position: absolute;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    left: 2px;
    top: 2px;
    z-index: 2;
    background: #fefefe;
    transition: .2s ease-in
}

#model-38 .toggle input[type=checkbox]:checked+label:before {
    background: #333
}

#model-38 .toggle input[type=checkbox]:checked+label:after {
    background: #fff;
    transform: translatex(32px)
}

#model-38 .toggle label:before {
    content: "";
    width: 64px;
    height: 32px;
    position: relative;
    border-radius: 4px;
    border: 2px solid #333;
    background: #fff;
    display: inline-block;
    transition: .25s ease-in
}

#model-38 .toggle label:after {
    content: "";
    position: absolute;
    border-radius: 4px;
    background: #333;
    width: 24px;
    height: 24px;
    left: 4px;
    top: 4px;
    z-index: 2;
    transition: .2s ease-in
}

#model-39 .toggle {
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-39 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 0 0 7px #333, 0-4px 4px #b9b9b5, 0 4px 4px #f4f4f4, inset 120px 0#49dccf
}

#model-39 .toggle input[type=checkbox]:checked+label:after {
    transform: translatex(55px)
}

#model-39 .toggle label {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box
}

#model-39 .toggle label:after,
#model-39 .toggle label:before {
    content: "";
    height: 40px;
    border-radius: 50px;
    transition: .2s ease-in
}

#model-39 .toggle label:before {
    display: inline-block;
    width: 120px;
    border: 1px solid gray;
    background: #f08270;
    box-shadow: inset 0 0 7px #333, 0-4px 4px #b9b9b5, 0 4px 4px #f4f4f4, inset 0 0#49dccf
}

#model-39 .toggle label:after {
    position: absolute;
    top: 0;
    left: 1px;
    width: 65px;
    border: 5px solid #ededec;
    box-shadow: 0 2px 5px #333;
    background: #d5d4cd;
    background: linear-gradient(#d5d4cd 0, #f8f8f7 100%)
}

#model-40 .toggle,
#model-41 .toggle,
#model-42 .toggle {
    position: relative
}

#model-40 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-40 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-40 .toggle input[type=checkbox]:checked+label:after {
    left: 35px
}

#model-40 .toggle label,
#model-41 .toggle label {
    position: relative;
    display: flex;
    align-items: center
}

#model-40 .toggle label:after,
#model-40 .toggle label:before {
    content: "";
    border-radius: 10px;
    height: 42px;
    transition: .2s ease-in
}

#model-40 .toggle label:before {
    width: 95px;
    background: #ccc;
    position: relative;
    display: inline-block
}

#model-40 .toggle label:after {
    position: absolute;
    width: 60px;
    left: 0;
    top: 0;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 5px #0002
}

#model-41 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-41 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-41 .toggle input[type=checkbox]:checked+label:after {
    left: 40px
}

#model-41 .toggle label:after,
#model-41 .toggle label:before {
    content: "";
    border-radius: 20px;
    height: 32px;
    transition: .2s ease-in
}

#model-41 .toggle label:before {
    width: 90px;
    background: #ccc;
    position: relative;
    display: inline-block
}

#model-41 .toggle label:after {
    position: absolute;
    top: 0;
    width: 50px;
    left: 0;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 10px #0002
}

#model-42 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-42 .toggle input[type=checkbox]:checked+label:before {
    background: #77c2bb
}

#model-42 .toggle input[type=checkbox]:checked+label:after {
    left: 42px
}

#model-42 .toggle label,
#model-43 .toggle {
    position: relative;
    display: flex;
    height: 42px;
    align-items: center
}

#model-42 .toggle label:before {
    content: "";
    border-radius: 20px;
    width: 84px;
    height: 32px;
    background: #ccc;
    position: relative;
    display: inline-block;
    transition: .2s ease-in
}

#model-42 .toggle label:after {
    content: "";
    position: absolute;
    border-radius: 10px;
    width: 42px;
    height: 42px;
    left: 0;
    top: 0;
    z-index: 2;
    transform: rotate(45deg);
    background: #fff;
    box-shadow: 0 0 0 2px #0002;
    transition: .2s ease-in
}

#model-43 .toggle {
    height: 40px;
    box-sizing: border-box
}

#model-43 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 0 0 8px #0002, inset 120px 0#49dccf
}

#model-43 .toggle input[type=checkbox]:checked+label:after {
    transform: translatex(36px)
}

#model-43 .toggle label {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box
}

#model-43 .toggle label:after,
#model-43 .toggle label:before {
    content: "";
    box-sizing: border-box;
    height: 36px;
    border-radius: 50px;
    transition: .2s ease-in
}

#model-43 .toggle label:before {
    display: inline-block;
    width: 72px;
    border: 1px solid #ccc;
    background: #f08270;
    box-shadow: inset 0 0 8px #0002
}

#model-43 .toggle label:after {
    position: absolute;
    top: 2px;
    left: 0;
    width: 36px;
    border: 6px solid #ededec;
    background: #fff;
    box-shadow: 0 2px 5px #333;
    background: #d5d4cd;
    background: linear-gradient(#d5d4cd 0, #fff 100%)
}

#model-44 .toggle {
    position: relative
}

#model-44 .toggle:before {
    content: "";
    position: absolute;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    width: 6px;
    height: 14px;
    z-index: 2;
    transform: rotate(45deg);
    top: 11px;
    left: 15px
}

#model-44 .toggle:after {
    content: "×";
    position: absolute;
    top: 0;
    left: 55px;
    z-index: 2;
    line-height: 42px;
    font-size: 26px;
    color: #aaa
}

#model-44 .toggle input[type=checkbox]:hover+label:after {
    box-shadow: 0 2px 15px 0#0002, 0 3px 8px 0#0001
}

#model-44 .toggle input[type=checkbox]:checked+label:before {
    transition: .1s .2s ease-in;
    background: #4bd865
}

#model-44 .toggle input[type=checkbox]:checked+label:after {
    left: 38px
}

#model-44 .toggle label {
    position: relative;
    display: flex;
    align-items: center
}

#model-44 .toggle label:before {
    content: "";
    width: 80px;
    height: 42px;
    box-shadow: 0 0 1px 2px #0001;
    background: #eee;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    transition: .2s ease-in
}

#model-44 .toggle label:after {
    content: "";
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    left: 0;
    top: 0;
    z-index: 5;
    background: #fff;
    box-shadow: 0 0 5px #0002;
    transition: .2s ease-in
}

#model-45 .toggle,
#model-46 .toggle,
#model-47 .toggle,
#model-48 .toggle,
#model-49 .toggle,
#model-50 .toggle,
#model-51 .toggle,
#model-52 .toggle {
    position: relative;
    box-sizing: border-box
}

#model-45 .toggle input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#model-45 .toggle input[type=checkbox]:after,
#model-45 .toggle input[type=checkbox]:before {
    content: "";
    width: 5px;
    height: 14px;
    background: #fff;
    z-index: 1;
    left: 10px;
    top: 6px;
    border-radius: 14px;
    box-sizing: border-box;
    position: absolute
}

#model-45 .toggle input[type=checkbox]:after {
    background: 0 0;
    border: 3px solid #fff;
    width: 14px;
    left: 45px
}

#model-45 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 40px 0 0#13bf11
}

#model-45 .toggle input[type=checkbox]:checked+label:after {
    left: 32px
}

#model-45 .toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-45 .toggle label:before {
    content: "";
    width: 72px;
    height: 32px;
    background: #888;
    box-shadow: inset 0 0 0 0#13bf11;
    position: relative;
    display: inline-block;
    border-radius: 20px;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-45 .toggle label:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    left: 0;
    top: -4px;
    z-index: 2;
    background: #fff;
    box-shadow: 0 1px 10px #0005;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-46 .toggle input[type=checkbox],
#model-47 .toggle input[type=checkbox],
#model-48 .toggle input[type=checkbox],
#model-49 .toggle input[type=checkbox],
#model-50 .toggle input[type=checkbox],
#model-51 .toggle input[type=checkbox],
#model-52 .toggle input[type=checkbox],
#model-53 .toggle input[type=checkbox],
#model-54 .toggle input[type=checkbox],
#model-55 .toggle input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

#model-46 .toggle input[type=checkbox]:checked+label:after {
    width: 0;
    transform: translate(50px, 8px)
}

#model-46 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: 0 0 10px #0002, inset 36px 0#333
}

#model-46 .toggle label,
#model-47 .toggle label,
#model-48 .toggle label,
#model-49 .toggle label,
#model-50 .toggle label,
#model-51 .toggle label,
#model-52 .toggle label {
    position: relative;
    display: flex;
    align-items: center;
    height: 36px;
    box-sizing: border-box
}

#model-46 .toggle label:after,
#model-46 .toggle label:before {
    content: "";
    border-radius: 20px;
    box-sizing: border-box;
    transition: .3s cubic-bezier(.55, .06, .78, .21)
}

#model-46 .toggle label:before {
    width: 72px;
    height: 36px;
    position: relative;
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 0 10px #0002, inset -36px 0#333
}

#model-46 .toggle label:after {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 4px solid #333;
    left: 0;
    top: 0;
    transform: translate(8px, 8px)
}

#model-47 .toggle input[type=checkbox]:checked+label:after {
    width: 4px;
    height: 16px;
    transform: translate(53px, 10px)
}

#model-47 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: 0 0 10px #0002, inset 36px 0#fff
}

#model-47 .toggle label:after,
#model-47 .toggle label:before {
    content: "";
    border-radius: 20px;
    box-sizing: border-box;
    transition: .3s cubic-bezier(.43, -.26, .69, 1.39)
}

#model-47 .toggle label:before {
    width: 72px;
    height: 36px;
    position: relative;
    display: inline-block;
    background-color: #333;
    box-shadow: 0 0 10px #0002, inset -36px 0#fff
}

#model-47 .toggle label:after {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    left: 0;
    top: 0;
    transform: translate(8px, 8px)
}

#model-48 .toggle input[type=checkbox]:checked+label:after {
    width: 4px;
    height: 16px;
    background: #333;
    transform: translate(53px, 10px)
}

#model-48 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: 0 0 12px #0003, inset 36px 0#333;
    background: #fff
}

#model-48 .toggle label:after,
#model-48 .toggle label:before {
    content: "";
    border-radius: 20px;
    box-sizing: border-box;
    transition: .3s cubic-bezier(.68, -.55, .27, 1.55)
}

#model-48 .toggle label:before {
    width: 72px;
    height: 36px;
    position: relative;
    display: inline-block;
    background-color: #333;
    box-shadow: 0 0 12px #0003, inset -36px 0#fff
}

#model-48 .toggle label:after {
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    left: 0;
    top: 0;
    transform: translate(10px, 10px)
}

#model-49 .toggle input[type=checkbox]:checked+label:after {
    background: #333;
    transform: translate(47px, 10px)
}

#model-49 .toggle input[type=checkbox]:checked+label:before {
    background: #fff;
    box-shadow: 0 0 12px #0003, inset 0 0#333
}

#model-49 .toggle label:before {
    content: "";
    width: 72px;
    height: 36px;
    border-radius: 20px;
    position: relative;
    display: inline-block;
    transition: .3s ease-in;
    box-sizing: border-box;
    background-color: #333;
    box-shadow: 0 0 12px #0003, inset -72px 0#333
}

#model-49 .toggle label:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 20px;
    box-sizing: border-box;
    left: 0;
    top: 0;
    transform: translate(10px, 10px);
    transition: .3s cubic-bezier(.68, -.55, .27, 1.55)
}

#model-50 .toggle input[type=checkbox]:checked+label:after {
    width: 4px;
    height: 16px;
    transform: translate(53px, 10px)
}

#model-50 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: 0 0 10px #0002, inset 36px 0#fff
}

#model-50 .toggle label:before {
    content: "";
    width: 72px;
    height: 36px;
    border-radius: 20px;
    position: relative;
    display: inline-block;
    transition: .4s cubic-bezier(1, 1, 1, 1);
    box-sizing: border-box;
    background-color: #333;
    box-shadow: 0 0 10px #0002, inset -36px 0#fff
}

#model-50 .toggle label:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 20px;
    box-sizing: border-box;
    left: 0;
    top: 0;
    transform: translate(8px, 8px);
    transition: .3s cubic-bezier(1, 1, 1, 1)
}

#model-51 .toggle input[type=checkbox]:checked+label:after {
    background: #fff;
    transform: translate(47px, 8px)
}

#model-51 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: 0 0 12px #0003, inset 0 0#fff
}

#model-51 .toggle label:after,
#model-51 .toggle label:before {
    content: "";
    border-radius: 20px;
    box-sizing: border-box;
    transition: .2s ease
}

#model-51 .toggle label:before {
    width: 72px;
    height: 36px;
    position: relative;
    display: inline-block;
    background-color: #333;
    box-shadow: 0 0 12px #0003, inset -72px 0#fff
}

#model-51 .toggle label:after {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #444;
    left: 0;
    top: 0;
    transform: translate(8px, 8px)
}

#model-52 .toggle input[type=checkbox]:checked+label:after {
    transform: translate(3px, 3px) rotate(90deg)
}

#model-52 .toggle input[type=checkbox]:checked+label:before {
    transform: rotate(-180deg)
}

#model-52 .toggle label:after,
#model-52 .toggle label:before {
    content: "";
    border-radius: 20px;
    box-sizing: border-box;
    transition: .3s ease-in
}

#model-52 .toggle label:before {
    width: 72px;
    height: 36px;
    position: relative;
    display: inline-block;
    background-color: #333
}

#model-52 .toggle label:after {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    left: 0;
    top: 0;
    transform: translate(3px, 3px) rotate(0deg);
    transform-origin: 33px 33px
}

#model-53 .toggle,
#model-54 .toggle,
#model-55 .toggle,
#model-56 .toggle {
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-53 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3
}

#model-53 .toggle input[type=checkbox]:checked+label:after {
    content: "ON";
    background: #21bf73;
    transform: translatex(44px)
}

#model-53 .toggle label,
#model-54 .toggle label,
#model-55 .toggle label,
#model-56 .toggle label,
#model-57 .toggle label,
#model-58 .toggle label,
#model-59 .toggle label,
#model-60 .toggle label,
#model-61 .toggle label {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box
}

#model-53 .toggle label:before {
    content: "";
    background: #ffa3a3;
    height: 32px;
    width: 94px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-53 .toggle label:after {
    content: "OFF";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 42px;
    height: 24px;
    z-index: 2;
    display: grid;
    place-content: center;
    font-family: arial;
    font-weight: 700;
    box-sizing: border-box;
    color: #fff;
    background: #ef3434;
    transition: .25s ease-in-out
}

#model-54 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3
}

#model-54 .toggle input[type=checkbox]:checked+label:after {
    content: "ON";
    background: #21bf73;
    transform: translatex(44px)
}

#model-54 .toggle label:before {
    content: "";
    background: #ffa3a3;
    height: 18px;
    width: 84px;
    border-radius: 10px;
    box-shadow: inset 0 .1em .03em #0002, inset 0 .1em .3em #0003, 0 0 2em #0006;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-54 .toggle label:after {
    content: "OFF";
    position: absolute;
    top: -6px;
    left: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    z-index: 2;
    display: grid;
    place-content: center;
    font-size: 12px;
    font-family: arial;
    font-weight: 700;
    box-sizing: border-box;
    color: #fff;
    background: #ef3434;
    box-shadow: -2px 2px 4px #0004;
    transition: .25s ease-in-out
}

#model-55 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3
}

#model-55 .toggle input[type=checkbox]:checked+label:after {
    content: "I";
    background: #21bf73;
    transform: translatex(57px)
}

#model-55 .toggle label:before {
    content: "";
    background: #ffa3a3;
    height: 34px;
    width: 90px;
    border-radius: 20px;
    box-shadow: inset 0 .1em .03em #0002, inset 0 .1em .3em #0003;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-55 .toggle label:after {
    content: "O";
    position: absolute;
    top: 2px;
    left: 3px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    z-index: 2;
    display: grid;
    place-content: center;
    font-size: 20px;
    font-family: arial;
    font-weight: 700;
    box-sizing: border-box;
    color: #fff;
    background: #ef3434;
    box-shadow: -2px 2px 4px #0004;
    transition: .25s ease-in-out
}

#model-56 .toggle input[type=checkbox],
#model-57 .toggle input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#model-56 .toggle input[type=checkbox]:after,
#model-56 .toggle input[type=checkbox]:before {
    content: "";
    background: #fff;
    width: 2px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    transition: .25s ease-in-out;
    transform: translate(13px, 5px) rotate(45deg)
}

#model-56 .toggle input[type=checkbox]:after {
    transform: translate(13px, 5px) rotate(-45deg)
}

#model-56 .toggle input[type=checkbox]:checked:before {
    left: 51px;
    transform: translate(15px, 5px) rotate(45deg)
}

#model-56 .toggle input[type=checkbox]:checked:after {
    transform: translate(8px, 12px) rotate(-45deg);
    height: 8px;
    left: 51px
}

#model-56 .toggle input[type=checkbox]:checked+label:before {
    background: #eee
}

#model-56 .toggle input[type=checkbox]:checked+label:after {
    background: #21bf73;
    transform: translatex(51px)
}

#model-56 .toggle label:before {
    content: "";
    background: #ccc;
    height: 36px;
    width: 85px;
    border-radius: 20px;
    border: 1px solid #ddd;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-56 .toggle label:after {
    content: "";
    position: absolute;
    top: 0;
    left: 2px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    z-index: 2;
    display: grid;
    place-content: center;
    font-size: 20px;
    font-family: arial;
    font-weight: 700;
    box-sizing: border-box;
    color: #fff;
    background: #ef3434;
    transition: .25s ease-in-out
}

#model-57 .toggle {
    position: relative;
    height: 42px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-57 .toggle input[type=checkbox]:after,
#model-57 .toggle input[type=checkbox]:before {
    content: "";
    background: #ef3434;
    width: 3px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    transition: .25s ease-in-out;
    transform: translate(16px, 7px) rotate(45deg)
}

#model-57 .toggle input[type=checkbox]:after {
    transform: translate(16px, 7px) rotate(-45deg)
}

#model-57 .toggle input[type=checkbox]:checked:before {
    left: 51px;
    background: #21bf73;
    transform: translate(20px, 8px) rotate(45deg)
}

#model-57 .toggle input[type=checkbox]:checked:after {
    background: #21bf73;
    transform: translate(10px, 18px) rotate(-45deg);
    height: 8px;
    left: 51px
}

#model-57 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3;
    border-color: #21bf73
}

#model-57 .toggle input[type=checkbox]:checked+label:after {
    transform: translatex(51px);
    border-color: #21bf73
}

#model-57 .toggle label:after,
#model-57 .toggle label:before {
    content: "";
    height: 42px;
    border: 1px solid #ddd;
    box-sizing: border-box
}

#model-57 .toggle label:before {
    background: #eee;
    width: 84px;
    border-radius: 20px;
    position: relative;
    display: inline-block;
    transition: .2s ease-in
}

#model-57 .toggle label:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    border-radius: 50%;
    z-index: 2;
    display: grid;
    place-content: center;
    font-size: 20px;
    font-family: arial;
    font-weight: 700;
    color: #fff;
    background: #fff;
    transition: .25s ease-in-out
}

#model-58 .toggle,
#model-59 .toggle {
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-58 .toggle input[type=checkbox],
#model-59 .toggle input[type=checkbox],
#model-60 .toggle input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

#model-58 .toggle input[type=checkbox]:checked+label:before {
    background: #21bf73;
    color: #fff
}

#model-58 .toggle input[type=checkbox]:checked+label:after {
    color: #0002
}

#model-58 .toggle label:after,
#model-58 .toggle label:before {
    font-size: 18px;
    font-weight: 700;
    font-family: arial;
    line-height: 36px;
    transition: .2s ease-in;
    box-sizing: border-box
}

#model-58 .toggle label:before {
    content: "Yes";
    background: #ef3434;
    color: #0002;
    height: 36px;
    width: 90px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px
}

#model-58 .toggle label:after {
    content: "No";
    position: absolute;
    left: 58px;
    top: -2px;
    color: #fff
}

#model-59 .toggle input[type=checkbox]:checked+label:before {
    color: #21bf73;
    font-size: 22px;
    text-decoration: none
}

#model-59 .toggle input[type=checkbox]:checked+label:after {
    color: #0003;
    font-size: 16px;
    left: 60px;
    text-decoration: line-through
}

#model-59 .toggle label:after,
#model-59 .toggle label:before {
    font-weight: 700;
    font-family: arial;
    line-height: 36px;
    transition: .2s ease-in;
    box-sizing: border-box
}

#model-59 .toggle label:before {
    content: "Yes";
    background: #eee;
    color: #0003;
    font-size: 16px;
    height: 36px;
    width: 90px;
    display: inline-flex;
    text-decoration: line-through;
    align-items: center;
    padding: 0 10px;
    border-radius: 10px
}

#model-59 .toggle label:after {
    content: "No";
    position: absolute;
    left: 55px;
    top: -2px;
    font-size: 22px;
    color: #ef3434
}

#model-60 .toggle,
#model-61 .toggle {
    position: relative;
    height: 36px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-60 .toggle input[type=checkbox]:checked+label:before {
    color: #21bf73
}

#model-60 .toggle input[type=checkbox]:checked+label:after {
    left: 43px;
    border-radius: 0 20px 20px 0
}

#model-60 .toggle label:before {
    content: "Yes No";
    background: #fff;
    color: #ef3434;
    height: 36px;
    word-spacing: 16px;
    font-weight: 700;
    font-size: 16px;
    font-family: arial;
    line-height: 36px;
    width: 90px;
    display: inline-flex;
    align-items: center;
    padding-left: 8px;
    border-radius: 20px;
    border: 2px solid #ddd;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-60 .toggle label:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 45px;
    height: 32px;
    background: #eee;
    color: #ef3434;
    border-radius: 20px 0 0 20px;
    transition: .2s ease-in
}

#model-61 .toggle input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#model-61 .toggle input[type=checkbox]:checked+label:before {
    background: #21bf73;
    color: #fff
}

#model-61 .toggle input[type=checkbox]:checked+label:after {
    color: #0002
}

#model-61 .toggle input[type=checkbox]:after,
#model-61 .toggle input[type=checkbox]:before {
    content: "";
    background: #fff;
    width: 3px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    transition: .25s ease-in-out;
    transform: translate(57px, 4px) rotate(45deg)
}

#model-61 .toggle input[type=checkbox]:after {
    transform: translate(57px, 4px) rotate(-45deg)
}

#model-61 .toggle input[type=checkbox]:checked:before {
    transform: translate(60px, 4px) rotate(45deg)
}

#model-61 .toggle input[type=checkbox]:checked:after {
    transform: translate(50px, 14px) rotate(-45deg);
    height: 8px
}

#model-61 .toggle label:after,
#model-61 .toggle label:before {
    font-size: 18px;
    font-weight: 700;
    font-family: arial;
    line-height: 36px;
    transition: .2s ease-in;
    box-sizing: border-box
}

#model-61 .toggle label:before {
    content: "Yes";
    background: #ef3434;
    color: #0002;
    height: 36px;
    width: 120px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 20px
}

#model-61 .toggle label:after {
    content: "No";
    position: absolute;
    left: 87px;
    top: 0;
    color: #fff
}

#model-62 .toggle,
#model-63 .toggle,
#model-64 .toggle,
#model-65 .toggle,
#model-66 .toggle {
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-100 .toggle input[type=checkbox],
#model-101 .toggle input[type=checkbox],
#model-102 .toggle input[type=checkbox],
#model-103 .toggle input[type=checkbox],
#model-104 .toggle input[type=checkbox],
#model-105 .toggle input[type=checkbox],
#model-106 .toggle input[type=checkbox],
#model-107 .toggle input[type=checkbox],
#model-108 .toggle input[type=checkbox],
#model-109 .toggle input[type=checkbox],
#model-110 .toggle input[type=checkbox],
#model-111 .toggle input[type=checkbox],
#model-62 .toggle input[type=checkbox],
#model-63 .toggle input[type=checkbox],
#model-64 .toggle input[type=checkbox],
#model-65 .toggle input[type=checkbox],
#model-66 .toggle input[type=checkbox],
#model-67 .toggle input[type=checkbox],
#model-68 .toggle input[type=checkbox],
#model-69 .toggle input[type=checkbox],
#model-70 .toggle input[type=checkbox],
#model-71 .toggle input[type=checkbox],
#model-72 .toggle input[type=checkbox],
#model-73 .toggle input[type=checkbox],
#model-74 .toggle input[type=checkbox],
#model-75 .toggle input[type=checkbox],
#model-76 .toggle input[type=checkbox],
#model-77 .toggle input[type=checkbox],
#model-78 .toggle input[type=checkbox],
#model-79 .toggle input[type=checkbox],
#model-80 .toggle input[type=checkbox],
#model-81 .toggle input[type=checkbox],
#model-82 .toggle input[type=checkbox],
#model-83 .toggle input[type=checkbox],
#model-85 .toggle input[type=checkbox],
#model-86 .toggle input[type=checkbox],
#model-87 .toggle input[type=checkbox],
#model-88 .toggle input[type=checkbox],
#model-89 .toggle input[type=checkbox],
#model-90 .toggle input[type=checkbox],
#model-91 .toggle input[type=checkbox],
#model-92 .toggle input[type=checkbox],
#model-93 .toggle input[type=checkbox],
#model-94 .toggle input[type=checkbox],
#model-95 .toggle input[type=checkbox],
#model-96 .toggle input[type=checkbox],
#model-97 .toggle input[type=checkbox],
#model-98 .toggle input[type=checkbox],
#model-99 .toggle input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

#model-62 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3;
    color: #21bf73
}

#model-62 .toggle input[type=checkbox]:checked+label:after {
    transform: rotateY(180deg);
    background: #21bf73
}

#model-62 .toggle label {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box;
    perspective: 64px
}

#model-62 .toggle label:before {
    content: "Yes No";
    background: #ffa3a3;
    color: #ef3434;
    height: 32px;
    width: 64px;
    word-spacing: 12px;
    font-weight: 700;
    font-size: 12px;
    font-family: arial;
    line-height: 36px;
    display: inline-flex;
    align-items: center;
    padding-left: 4px;
    box-sizing: border-box;
    transition: .3s ease-in
}

#model-62 .toggle label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 29px;
    height: 26px;
    background: #ef3434;
    transform-origin: 100% 50%0;
    transition: .3s ease-in
}

#model-63 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3;
    color: #21bf73
}

#model-63 .toggle input[type=checkbox]:checked+label:after {
    transform: translatex(28px);
    background: #21bf73
}

#model-63 .toggle label,
#model-64 .toggle label,
#model-65 .toggle label,
#model-66 .toggle label,
#model-67 .toggle label,
#model-68 .toggle label {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box
}

#model-63 .toggle label:before {
    content: "Yes No";
    background: #ffa3a3;
    color: #ef3434;
    height: 32px;
    width: 64px;
    word-spacing: 12px;
    font-weight: 700;
    font-size: 12px;
    font-family: arial;
    line-height: 36px;
    display: inline-flex;
    align-items: center;
    padding-left: 4px;
    box-sizing: border-box;
    transition: .3s ease-in
}

#model-63 .toggle label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 29px;
    height: 26px;
    background: #ef3434;
    transform-origin: 100% 50%0;
    transition: .3s ease-in
}

#model-64 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3;
    color: #21bf73
}

#model-64 .toggle input[type=checkbox]:checked+label:after {
    transform: rotate(180deg);
    background: #21bf73
}

#model-64 .toggle label:before {
    content: "Yes No";
    background: #ffa3a3;
    color: #ef3434;
    height: 32px;
    width: 64px;
    word-spacing: 12px;
    font-weight: 700;
    font-size: 12px;
    font-family: arial;
    line-height: 36px;
    display: inline-flex;
    align-items: center;
    padding-left: 4px;
    box-sizing: border-box;
    transition: .3s ease-in
}

#model-64 .toggle label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 29px;
    height: 26px;
    background: #ef3434;
    transform-origin: 100% 50%0;
    transition: .3s ease-in
}

#model-65 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3;
    color: #21bf73
}

#model-65 .toggle input[type=checkbox]:checked+label:after {
    transform: translatex(28px);
    background: #21bf73
}

#model-65 .toggle label:before {
    content: "Yes No";
    background: #ffa3a3;
    color: #ef3434;
    height: 32px;
    width: 64px;
    word-spacing: 12px;
    font-weight: 700;
    font-size: 12px;
    font-family: arial;
    line-height: 36px;
    display: inline-flex;
    align-items: center;
    padding-left: 4px;
    box-sizing: border-box;
    transition: .3s ease-in
}

#model-65 .toggle label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 14px;
    width: 29px;
    height: 4px;
    background: #ef3434;
    transform-origin: 100% 50%0;
    transition: .3s ease-in
}

#model-66 .toggle input[type=checkbox]:checked+label:before {
    background: #c0e7e3
}

#model-66 .toggle input[type=checkbox]:checked+label:after {
    text-indent: 4px;
    transform: translatex(29px);
    background: #21bf73
}

#model-66 .toggle label:before {
    content: "";
    background: #ffa3a3;
    height: 32px;
    width: 64px;
    display: inline-flex;
    box-sizing: border-box;
    transition: .3s ease-in
}

#model-66 .toggle label:after {
    content: "Yes No";
    word-spacing: 12px;
    font-weight: 700;
    font-size: 12px;
    font-family: arial;
    line-height: 26px;
    text-indent: -30px;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 29px;
    height: 26px;
    background: #ef3434;
    transform-origin: 100% 50%0;
    transition: .3s cubic-bezier(.6, -.28, .74, .05)
}

#model-67 .toggle,
#model-68 .toggle {
    position: relative;
    height: 42px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-67 .toggle input[type=checkbox]:checked+label:before {
    color: #fff;
    box-shadow: inset -50px 0 0 0#ddd;
    border-color: #ddd;
    background: #000
}

#model-67 .toggle input[type=checkbox]:checked+label:after {
    color: #ccc
}

#model-67 .toggle label:after,
#model-67 .toggle label:before {
    font-size: 18px;
    font-weight: 700;
    font-family: arial;
    transition: .2s ease-in;
    box-sizing: border-box
}

#model-67 .toggle label:before {
    content: "Yes";
    background: #fff;
    color: #999;
    height: 42px;
    width: 140px;
    display: inline-flex;
    align-items: center;
    padding-left: 8px;
    border-radius: 30px;
    border: 8px solid #000;
    box-shadow: inset 50px 0 0 0#000
}

#model-67 .toggle label:after {
    content: "No";
    position: absolute;
    left: 100px;
    line-height: 42px;
    top: 0;
    color: #000
}

#model-68 .toggle input[type=checkbox]:checked+label:before {
    color: #000;
    box-shadow: inset 0 0 0 0#000
}

#model-68 .toggle input[type=checkbox]:checked+label:after {
    color: #fff
}

#model-68 .toggle label:after,
#model-68 .toggle label:before {
    font-size: 18px;
    font-weight: 700;
    font-family: arial;
    transition: .2s ease-in;
    box-sizing: border-box
}

#model-68 .toggle label:before {
    content: "Yes";
    background: #fff;
    color: #000;
    height: 42px;
    width: 140px;
    display: inline-flex;
    align-items: center;
    padding-left: 15px;
    border-radius: 30px;
    border: 1px solid #eee;
    box-shadow: inset 140px 0 0 0#000
}

#model-68 .toggle label:after {
    content: "No";
    position: absolute;
    left: 100px;
    line-height: 42px;
    top: 0;
    color: #fff
}

#model-69 .toggle {
    position: relative;
    height: 36px;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-69 .toggle input[type=checkbox]:checked+label:after {
    transform: rotateY(180deg)
}

#model-69 .toggle label,
#model-70 .toggle {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-69 .toggle label {
    height: 100%;
    perspective: 150px
}

#model-69 .toggle label:before {
    content: "Yes No";
    background: #444;
    color: #fff;
    height: 36px;
    width: 140px;
    word-spacing: 67px;
    font-weight: 700;
    font-size: 16px;
    font-family: arial;
    line-height: 36px;
    display: inline-flex;
    align-items: center;
    padding-left: 8px;
    border-radius: 4px;
    border: 2px solid #666;
    box-sizing: border-box;
    transition: .3s ease-in
}

#model-69 .toggle label:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 68px;
    height: 32px;
    background: #333;
    border-radius: 4px;
    transform-origin: 100% 50%0;
    transition: .3s ease-in
}

#model-70 .toggle {
    height: 42px
}

#model-70 .toggle input[type=checkbox]:checked+label:before {
    color: #fff;
    box-shadow: inset -70px 0 0 0#ddd;
    border-color: #ddd;
    background: #000
}

#model-70 .toggle input[type=checkbox]:checked+label:after {
    color: #aaa
}

#model-70 .toggle label {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box
}

#model-70 .toggle label:after,
#model-70 .toggle label:before {
    font-size: 18px;
    font-weight: 700;
    font-family: arial;
    transition: .2s ease-in;
    box-sizing: border-box
}

#model-70 .toggle label:before {
    content: "Yes";
    background: #565656;
    color: #aaa;
    height: 42px;
    width: 140px;
    display: inline-flex;
    align-items: center;
    padding-left: 15px;
    border-radius: 4px;
    transition: .5s cubic-bezier(.52, -.41, .55, 1.46);
    box-shadow: inset 70px 0 0 0#ddd
}

#model-70 .toggle label:after {
    content: "No";
    position: absolute;
    left: 100px;
    line-height: 42px;
    top: 0;
    color: #fff
}

#model-71 .toggle {
    position: relative
}

#model-71 .toggle:after,
#model-71 .toggle:before {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 32px;
    line-height: 32px;
    font-weight: 600;
    font-size: 12px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

#model-71 .toggle:before {
    content: "ON";
    left: 10px;
    color: #266c33
}

#model-71 .toggle:after {
    content: "OFF";
    right: 10px;
    color: #90201f
}

#model-71 .toggle input[type=checkbox]:checked+label:before {
    background: #4bd865
}

#model-71 .toggle input[type=checkbox]:checked+label:after {
    left: 40px
}

#model-71 .toggle label {
    position: relative;
    display: flex;
    align-items: center
}

#model-71 .toggle label:before {
    content: "";
    background: #e3666c;
    height: 32px;
    box-shadow: 0 0 1px 2px #0002;
    width: 90px;
    display: inline-block;
    transition: .1s linear
}

#model-71 .toggle label:after {
    content: "";
    position: absolute;
    background-color: #fff;
    background-size: 100%;
    background-image: linear-gradient(to right, #fff 30%, #ddd 45%, #fff 50%, #ddd 55%, #fff 70%);
    border-radius: 0;
    width: 50px;
    height: 32px;
    left: 0;
    top: 0;
    z-index: 5;
    transition: .1s linear
}

#model-72 .toggle {
    position: relative;
    background: #2b2b2d;
    color: #787878;
    height: 40px;
    padding: 0 10px;
    border-radius: 50px;
    font-weight: 800
}

#model-72 .toggle:after,
#model-72 .toggle:before {
    content: "ON";
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 40px;
    font-size: 12px
}

#model-72 .toggle:before {
    content: "OFF";
    z-index: 1
}

#model-72 .toggle input[type=checkbox]:checked+label:before {
    background: #94da00;
    box-shadow: 0 0 5px #94da00;
    left: 52px
}

#model-72 .toggle input[type=checkbox]:checked+label:after {
    left: 45px
}

#model-72 .toggle label {
    background: #1e1e1e;
    height: 10px;
    width: 70px;
    margin: 0 5px;
    box-shadow: 0 0 2px 2px #0003 inset;
    border-radius: 20px
}

#model-72 .toggle label:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    transition: .3s ease-in;
    background: #151515;
    z-index: 3;
    left: 7px;
    top: -2px
}

#model-72 .toggle label:after {
    content: "";
    background-color: #3f4545;
    background-size: 100%;
    background-image: linear-gradient(to bottom, #666 0, #3f4545 100%);
    top: -9px;
    left: 0;
    width: 27px;
    height: 27px;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    transition: .3s ease-in
}

#model-72 .toggle label,
#model-73 .toggle {
    position: relative;
    display: inline-block
}

#model-73 .toggle:after {
    content: "OFF";
    font-family: Arial;
    position: absolute;
    color: #666;
    top: 10px;
    right: 15px
}

#model-73 .toggle input[type=checkbox]:checked+label:before {
    border-color: #329043
}

#model-73 .toggle input[type=checkbox]:checked+label:after {
    background: #3fb454;
    transform: translateX(0);
    transition: all .4s, width .2s linear .4s, text-indent .3s linear .4s;
    width: 78px;
    text-indent: 0
}

#model-73 .toggle label,
#model-74 .toggle label {
    position: relative;
    display: flex;
    align-items: center
}

#model-73 .toggle label:before {
    content: "";
    border: 3px solid #777;
    height: 32px;
    width: 84px;
    border-radius: 20px;
    position: relative;
    display: inline-block;
    transition: .2s ease-in
}

#model-73 .toggle label:after {
    content: "ON";
    font-family: Arial;
    color: #fff;
    line-height: 28px;
    text-indent: 100px;
    background: #777;
    overflow: hidden;
    box-shadow: none;
    border-radius: 14px;
    transform: translateX(-50px);
    transition: all .4s .2s, width .2s linear, text-indent .4s linear;
    text-align: center;
    top: 5px;
    right: 6px;
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 2
}

#model-74 .toggle {
    position: relative
}

#model-74 .toggle:after,
#model-74 .toggle:before {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 32px;
    line-height: 32px;
    font-weight: 600;
    font-size: 12px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

#model-74 .toggle:before {
    content: "ON";
    left: 10px;
    color: #266c33
}

#model-74 .toggle:after {
    content: "OFF";
    right: 10px;
    color: #90201f
}

#model-74 .toggle input[type=checkbox]:checked+label:after {
    background: #4bd865;
    left: 45px
}

#model-74 .toggle label:before {
    content: "";
    background: #fff;
    height: 32px;
    box-shadow: 0 0 1px 2px #0002;
    width: 90px;
    display: inline-block;
    transition: .1s linear
}

#model-74 .toggle label:after {
    content: "";
    position: absolute;
    background-color: #e3666c;
    background-size: 100%;
    border-radius: 0;
    width: 45px;
    height: 32px;
    left: 0;
    top: 0;
    z-index: 5;
    transition: .1s linear
}

#model-75 .toggle,
#model-76 .toggle,
#model-77 .toggle {
    position: relative;
    box-sizing: border-box
}

#model-75 .toggle input[type=checkbox]:checked+label:before {
    background: #4bd865
}

#model-75 .toggle input[type=checkbox]:checked+label:after {
    top: 32px
}

#model-75 .toggle label,
#model-76 .toggle label,
#model-77 .toggle label {
    position: relative;
    display: flex;
    box-sizing: border-box
}

#model-75 .toggle label:before {
    content: "";
    width: 32px;
    height: 64px;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 20px;
    box-sizing: border-box;
    box-shadow: 0 0 4px #0004;
    transition: .2s ease-in
}

#model-75 .toggle label:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: 1px;
    top: 2px;
    z-index: 2;
    background: #fff;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-76 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 0 0 4px #0004, inset 0 32px #4bd865
}

#model-76 .toggle input[type=checkbox]:checked+label:after {
    top: 32px;
    box-shadow: 0-1px 10px #0005
}

#model-76 .toggle label:before {
    content: "";
    width: 18px;
    height: 64px;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 20px;
    box-sizing: border-box;
    box-shadow: inset 0 0 4px #0004, inset 0 0#4bd865;
    transition: .2s ease-in
}

#model-76 .toggle label:after {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    left: -6px;
    top: 0;
    z-index: 2;
    box-shadow: 0 1px 10px #0005;
    background: #fff;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-77 .toggle input[type=checkbox]:checked+label:before {
    background-image: linear-gradient(#77c2bb, #77c2bb)
}

#model-77 .toggle input[type=checkbox]:checked+label:after {
    top: 28px;
    background: #009688
}

#model-77 .toggle label:before {
    content: "";
    width: 32px;
    height: 60px;
    background: linear-gradient(#ddd, #ddd) no-repeat center;
    background-size: 2px 64px;
    display: inline-block;
    transition: .2s ease-in
}

#model-77 .toggle label:after {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    left: 0;
    top: 0;
    z-index: 2;
    background: #bbb;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-78 .toggle {
    position: relative
}

#model-78 .toggle input[type=checkbox]:checked+label:before {
    background: #333
}

#model-78 .toggle input[type=checkbox]:checked+label:after {
    background: #fff;
    transform: translateY(32px)
}

#model-78 .toggle label,
#model-79 .toggle,
#model-80 .toggle {
    position: relative;
    display: flex;
    align-items: center
}

#model-78 .toggle label:before {
    content: "";
    width: 32px;
    height: 64px;
    position: relative;
    border-radius: 4px;
    border: 2px solid #333;
    background: #fff;
    display: inline-block;
    transition: .25s ease-in
}

#model-78 .toggle label:after {
    content: "";
    position: absolute;
    border-radius: 4px;
    background: #333;
    width: 28px;
    height: 28px;
    left: 4px;
    top: 4px;
    z-index: 2;
    transition: .2s ease-in
}

#model-79 .toggle,
#model-80 .toggle {
    height: 72px;
    box-sizing: border-box
}

#model-79 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 0 0 8px #0002, inset 0 36px #49dccf
}

#model-79 .toggle input[type=checkbox]:checked+label:after {
    transform: translateY(36px)
}

#model-79 .toggle label,
#model-80 .toggle label {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box
}

#model-79 .toggle label:after,
#model-79 .toggle label:before {
    content: "";
    box-sizing: border-box;
    width: 36px;
    border-radius: 50px;
    transition: .2s ease-in
}

#model-79 .toggle label:before {
    display: inline-block;
    height: 72px;
    border: 1px solid #ccc;
    background: #f08270;
    box-shadow: inset 0 0 8px #0002
}

#model-79 .toggle label:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    border: 6px solid #ededec;
    background: #fff;
    box-shadow: 0 2px 5px #333;
    background: #d5d4cd;
    background: linear-gradient(#d5d4cd 0, #fff 100%)
}

#model-80 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 0 0 8px #0005, 0 0 0 4px #eee, inset 0 36px #49dccf
}

#model-80 .toggle input[type=checkbox]:checked+label:after {
    transform: translateY(36px)
}

#model-80 .toggle label:after,
#model-80 .toggle label:before {
    content: "";
    box-sizing: border-box;
    width: 24px;
    border-radius: 50px;
    transition: .2s ease-in
}

#model-80 .toggle label:before {
    display: inline-block;
    height: 72px;
    border: 1px solid #bbb;
    background: #f08270;
    box-shadow: inset 0 0 8px #0005, 0 0 0 4px #eee, inset 0 0#49dccf
}

#model-80 .toggle label:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    border: 6px solid #ededec;
    background: #fff;
    box-shadow: 0 2px 5px #333;
    background: #d5d4cd;
    background: linear-gradient(#d5d4cd 0, #fff 100%)
}

#model-81 .toggle,
#model-82 .toggle,
#model-83 .toggle {
    position: relative;
    box-sizing: border-box
}

#model-81 .toggle input[type=checkbox]:checked+label:after {
    transform: translate(3px, 3px) rotate(-90deg);
    background: #333
}

#model-81 .toggle input[type=checkbox]:checked+label:before {
    transform: rotate(180deg);
    background: #fff
}

#model-81 .toggle label {
    position: relative;
    display: flex;
    align-items: center;
    height: 72px;
    box-sizing: border-box
}

#model-81 .toggle label:after,
#model-81 .toggle label:before {
    content: "";
    border-radius: 20px;
    box-sizing: border-box;
    transition: .3s ease-in
}

#model-81 .toggle label:before {
    width: 36px;
    height: 72px;
    position: relative;
    display: inline-block;
    background-color: #333;
    box-shadow: 0 0 0 2px #eee, 0 0 10px #0003
}

#model-81 .toggle label:after {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    left: 0;
    top: 0;
    transform: translate(3px, 3px) rotate(0deg);
    transform-origin: 33px 33px
}

#model-82 .toggle input[type=checkbox]:checked+label:before {
    background-image: linear-gradient(#77c2bb, #77c2bb)
}

#model-82 .toggle input[type=checkbox]:checked+label:after {
    top: 32px;
    border-color: #009688
}

#model-82 .toggle label {
    position: relative;
    display: flex;
    box-sizing: border-box
}

#model-82 .toggle label:before {
    content: "";
    width: 28px;
    height: 60px;
    background: linear-gradient(#bbb, #bbb) no-repeat center;
    background-size: 2px 64px;
    display: inline-block;
    transition: .2s ease-in
}

#model-82 .toggle label:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    border: 6px solid #bbb;
    border-radius: 50%;
    left: 0;
    top: 0;
    z-index: 2;
    background: #fff;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-83 .toggle input[type=checkbox]:checked+label:after {
    top: 33px;
    border-color: #009688
}

#model-83 .toggle label {
    position: relative;
    display: block;
    color: #009688;
    box-sizing: border-box
}

#model-83 .toggle label:first-line {
    color: #ccc
}

#model-83 .toggle label:before {
    content: "FF N";
    font-family: arial;
    font-size: 24px;
    font-weight: 800;
    width: 50px;
    height: 60px;
    display: block;
    box-sizing: border-box;
    padding-left: 28px;
    padding-top: 3px;
    margin-right: 10px;
    line-height: 28px;
    background-image: radial-gradient(circle 13px, #eee 100%, transparent 0), radial-gradient(circle 13px, #eee 100%, transparent 0), linear-gradient(#eee, #eee);
    background-repeat: no-repeat;
    background-size: auto auto, auto auto, 26px 28px;
    background-position: -12px -15px, -12px 15px, 0 15px;
    transition: .2s ease-in
}

#model-83 .toggle label:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border: 4px solid #bbb;
    border-radius: 50%;
    left: 2px;
    top: 5px;
    z-index: 2;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-84 .toggle {
    display: inline-block;
    position: relative;
    border-radius: 40px;
    height: 50px;
    width: 125px;
    background: #fff;
    transition: .2s ease-in;
    border: 1px solid #ddd;
    box-sizing: border-box
}

#model-84 .toggle:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}

#model-84 .toggle input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 0;
    cursor: pointer
}

#model-84 .toggle input:checked+label {
    border-color: #fc2695;
    right: 75px;
    transform: rotate(0deg)
}

#model-84 .toggle input:checked+label:after {
    background: #fc2695;
    height: 35px
}

#model-84 .toggle input:checked+label:before {
    border-right: none;
    border-color: #fc2695;
    transform: rotate(0deg);
    top: 32px
}

#model-84 .toggle label {
    height: 50px;
    width: 50px;
    position: absolute;
    border-radius: 50%;
    border: 10px solid #2752dd;
    right: 0;
    box-sizing: border-box;
    transition: transform .25s .2s ease-out, border .2s ease-out, right .2s ease-out;
    transform: rotate(-135deg)
}

#model-84 .toggle label:after,
#model-84 .toggle label:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    height: 25px;
    transition: .2s ease-out
}

#model-84 .toggle label:after {
    left: 50%;
    top: 100%;
    width: 10px;
    background: #2752dd;
    transform: translateX(-50%)
}

#model-84 .toggle label:before {
    border-bottom: 10px solid #2752dd;
    border-right: 10px solid #2752dd;
    top: 37px;
    left: 3px;
    width: 25px;
    transform: rotate(45deg)
}

#model-85 .toggle,
#model-86 .toggle,
#model-87 .toggle,
#model-88 .toggle,
#model-89 .toggle {
    position: relative;
    box-sizing: border-box
}

#model-85 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 30px 0 0#ffeb00
}

#model-85 .toggle input[type=checkbox]:checked+label:after {
    box-shadow: inset 0 0 0 2px #fff;
    background: #ffbc00;
    left: 39px;
    top: 8px;
    border: 2px dashed #fff
}

#model-85 .toggle label,
#model-86 .toggle label,
#model-87 .toggle label,
#model-88 .toggle label,
#model-89 .toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-85 .toggle label:before {
    content: "";
    width: 70px;
    height: 40px;
    background: #fff;
    border: 2px solid #ddd;
    box-shadow: inset -30px 0 0#666;
    position: relative;
    display: inline-block;
    border-radius: 20px;
    box-sizing: border-box;
    transition: .25s ease-in
}

#model-85 .toggle label:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset -8px -5px #333;
    transition: .2s ease-in-out
}

#model-86 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 30px 0 0#215aff;
    border-color: #215aff
}

#model-86 .toggle input[type=checkbox]:checked+label:after {
    left: 45px;
    border-color: #215aff;
    box-shadow: 0-8px 0-4px #fff, 0-8px 0-2px #215aff
}

#model-86 .toggle label:before {
    content: "";
    width: 70px;
    height: 40px;
    background: #fff;
    border: 2px solid #b3c5fe;
    box-shadow: inset -30px 0 0#b3c5fe;
    position: relative;
    display: inline-block;
    border-radius: 20px;
    box-sizing: border-box;
    transition: .25s ease-in
}

#model-86 .toggle label:after {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: 12px;
    top: 15px;
    background: #fff;
    border-radius: 7px;
    border: 5px solid #b3c5fe;
    transition: .2s ease-in-out;
    box-shadow: -2px -4px 0-2px #fff, 0-8px 0-4px #fff, 0-8px 0-2px #b3c5fe
}

#model-87 .toggle input[type=checkbox]:checked+label:before {
    background: #ccc;
    border-color: #bbb
}

#model-87 .toggle input[type=checkbox]:checked+label:after {
    content: "🔕";
    transform: translatex(34px)
}

#model-87 .toggle label:before {
    content: "";
    width: 84px;
    height: 42px;
    position: relative;
    display: inline-block;
    background: #ffed00;
    border-radius: 46px;
    border: 2px solid #ffd000;
    transition: .2s ease-in;
    box-sizing: border-box
}

#model-87 .toggle label:after {
    content: "🔔";
    position: absolute;
    width: 32px;
    height: 32px;
    left: 8px;
    top: 6px;
    z-index: 2;
    display: grid;
    place-content: center;
    font-size: 30px;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-88 .toggle input[type=checkbox]:checked+label:after {
    content: "😊";
    transform: rotate(360deg);
    left: 48px
}

#model-88 .toggle label:before {
    content: "";
    width: 84px;
    height: 42px;
    position: relative;
    display: inline-block;
    background: #ffed00;
    border-radius: 46px;
    border: 2px solid #ffd000;
    box-sizing: border-box
}

#model-88 .toggle label:after {
    content: "😞";
    position: absolute;
    width: 32px;
    height: 32px;
    left: 4px;
    top: 6px;
    z-index: 2;
    display: grid;
    place-content: center;
    font-size: 32px;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-89 .toggle input[type=checkbox]:checked+label:after {
    transform: rotateX(180deg) translate(-3px, 3px);
    left: 48px
}

#model-89 .toggle label:before {
    content: "";
    width: 84px;
    height: 42px;
    position: relative;
    display: inline-block;
    background: #ffed00;
    border-radius: 46px;
    border: 2px solid #ffd000;
    box-sizing: border-box
}

#model-89 .toggle label:after {
    content: "👎";
    position: absolute;
    width: 32px;
    height: 32px;
    left: 4px;
    top: 6px;
    z-index: 2;
    display: grid;
    place-content: center;
    font-size: 32px;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-90 .toggle {
    position: relative;
    box-sizing: border-box;
    height: 36px
}

#model-90 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 80px 0#00afff
}

#model-90 .toggle input[type=checkbox]:checked+label:after {
    content: "🔊";
    transform: translatex(60px)
}

#model-90 .toggle label {
    display: flex;
    height: 100%;
    align-items: center
}

#model-90 .toggle label:before {
    content: "";
    width: 80px;
    height: 8px;
    position: relative;
    display: inline-block;
    box-shadow: inset 0 0#00afff;
    border-radius: 46px;
    border: 1px solid #b6c4d0;
    transition: .2s cubic-bezier(.4, 0, 1, 1);
    box-sizing: border-box
}

#model-90 .toggle label:after {
    content: "🔇";
    line-height: 1;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 2;
    display: grid;
    place-content: center;
    font-size: 32px;
    box-sizing: border-box;
    transition: .2s cubic-bezier(.4, 0, 1, 1)
}

#model-100 .toggle,
#model-101 .toggle,
#model-102 .toggle,
#model-103 .toggle,
#model-104 .toggle,
#model-105 .toggle,
#model-106 .toggle,
#model-107 .toggle,
#model-108 .toggle,
#model-109 .toggle,
#model-110 .toggle,
#model-111 .toggle,
#model-90 .toggle label,
#model-91 .toggle,
#model-92 .toggle,
#model-93 .toggle,
#model-94 .toggle,
#model-95 .toggle,
#model-96 .toggle,
#model-97 .toggle,
#model-98 .toggle,
#model-99 .toggle {
    position: relative;
    box-sizing: border-box
}

#model-91 .toggle input[type=checkbox]:checked+label:after {
    content: "🔒";
    left: 48px
}

#model-91 .toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-91 .toggle label:before {
    content: "";
    width: 84px;
    height: 42px;
    position: relative;
    display: inline-block;
    border: 2px solid #999;
    border-radius: 20px;
    box-sizing: border-box
}

#model-91 .toggle label:after {
    content: "🔓";
    position: absolute;
    width: 32px;
    height: 32px;
    left: 6px;
    top: 6px;
    z-index: 2;
    display: grid;
    place-content: center;
    font-size: 32px;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-92 .toggle input[type=checkbox]:checked+label:before {
    background-color: #009688
}

#model-92 .toggle input[type=checkbox]:checked+label:after {
    opacity: 1
}

#model-100 .toggle label,
#model-101 .toggle label,
#model-102 .toggle label,
#model-92 .toggle label,
#model-93 .toggle label,
#model-94 .toggle label,
#model-95 .toggle label,
#model-96 .toggle label,
#model-97 .toggle label,
#model-98 .toggle label,
#model-99 .toggle label {
    position: relative;
    display: flex;
    align-items: center;
    height: 30px;
    box-sizing: border-box
}

#model-92 .toggle label:before {
    content: "";
    width: 28px;
    height: 28px;
    background: #ccc;
    margin-right: 5px;
    display: inline-block;
    transition: .2s ease-in
}

#model-92 .toggle label:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 2;
    width: 8px;
    height: 16px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
    opacity: 0;
    transition: .2s ease-in
}

#model-93 .toggle input[type=checkbox]:checked+label:before {
    background-color: #1565c0
}

#model-93 .toggle input[type=checkbox]:checked+label:after {
    opacity: 1
}

#model-93 .toggle label:before {
    content: "";
    width: 26px;
    height: 26px;
    margin-right: 5px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 2px solid #1565c0;
    display: inline-block;
    transition: .2s ease-in
}

#model-93 .toggle label:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 2;
    width: 8px;
    height: 16px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
    opacity: 0;
    transition: .2s .2s ease-in
}

#model-94 .toggle input[type=checkbox]:checked+label:after {
    border-color: #333;
    box-shadow: 6px 0#fff;
    background: #fff;
    transition: border .3s ease-in
}

#model-94 .toggle label:before {
    content: "";
    width: 26px;
    height: 26px;
    margin-right: 5px;
    background: #fff;
    box-sizing: border-box;
    border: 2px solid #333;
    display: inline-block;
    transition: .2s ease-in
}

#model-94 .toggle label:after {
    content: "";
    position: absolute;
    left: 13px;
    top: -2px;
    z-index: 2;
    width: 10px;
    height: 22px;
    border-bottom: 3px solid #3330;
    border-right: 3px solid #3330;
    box-shadow: 0 0#fff0;
    background: #fff0;
    transform: rotate(45deg);
    box-sizing: border-box;
    transition: background .2s ease-in, box-shadow .2s ease-in
}

#model-95 .toggle input[type=checkbox]:checked+label:after {
    height: 8px;
    transform: translateY(-5px) rotate(-45deg)
}

#model-95 .toggle label:before {
    content: "";
    width: 26px;
    height: 26px;
    margin-right: 5px;
    background: #38b2ac;
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-block;
    transition: .2s ease-in
}

#model-95 .toggle label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 14px;
    z-index: 2;
    width: 16px;
    height: 0;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: translateY(0) rotate(0deg);
    box-sizing: border-box;
    transition: .2s cubic-bezier(.55, .06, .68, .19)
}

#model-96 .toggle input[type=checkbox]:checked+label:before {
    background: #ecf0f3;
    box-shadow: 4px 4px 4px 0#d1d9e6 inset, -4px -4px 4px 0#f4f8ff inset
}

#model-96 .toggle input[type=checkbox]:checked+label:after {
    border-color: #6d5dfc
}

#model-96 .toggle label:before {
    content: "";
    background: #ecf0f3;
    box-shadow: -8px -4px 8px 0#fff, 8px 4px 12px 0#d1d9e6;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    width: 32px;
    height: 32px;
    transition: .2s ease-in
}

#model-96 .toggle label:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 14px;
    z-index: 2;
    width: 16px;
    height: 8px;
    transform: translateY(-5px) rotate(-45deg);
    border-bottom: 2px solid #0003;
    border-left: 2px solid #0003;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-97 .toggle input[type=checkbox]:checked+label:before {
    background: #ecf0f3;
    box-shadow: 4px 4px 4px 0#d1d9e6 inset, -4px -4px 4px 0#f4f8ff inset
}

#model-97 .toggle input[type=checkbox]:checked+label:after {
    background: #6d5dfc
}

#model-97 .toggle label:before {
    content: "";
    background: #ecf0f3;
    box-shadow: -8px -4px 8px 0#fff, 8px 4px 12px 0#d1d9e6;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    transition: .2s ease-in
}

#model-97 .toggle label:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 2;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background: #0001;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-98 .toggle input[type=checkbox]:checked+label:before {
    background: #ecf0f3;
    box-shadow: 4px 4px 4px 0#d1d9e6 inset, -4px -4px 4px 0#f4f8ff inset
}

#model-98 .toggle input[type=checkbox]:checked+label:after {
    background: #6d5dfc
}

#model-98 .toggle label:before {
    content: "";
    background: #ecf0f3;
    box-shadow: -8px -4px 8px 0#fff, 8px 4px 12px 0#d1d9e6;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    transition: .2s ease-in
}

#model-98 .toggle label:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 2;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0001;
    box-sizing: border-box;
    transition: .2s ease-in
}

#model-99 .toggle input[type=checkbox]:checked+label:before {
    background: #673ab7;
    border-color: #673ab7;
    box-shadow: 0 0 0 6px #fff inset
}

#model-99 .toggle label:before {
    content: "";
    background: #ecf0f3;
    box-shadow: 0 0 0 0#fff inset;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #d1d9e6;
    width: 32px;
    height: 32px;
    transition: .3s cubic-bezier(1, .19, 0, 1.84)
}

#model-100 .toggle input[type=checkbox]:checked+label:before {
    background: #3d5afe
}

#model-100 .toggle input[type=checkbox]:checked+label:after {
    height: 8px;
    transform: translateY(-5px) rotate(-45deg)
}

#model-100 .toggle label:before {
    content: "";
    width: 26px;
    height: 26px;
    margin-right: 5px;
    background: #7986cb;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    transition: .2s ease-in
}

#model-100 .toggle label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 14px;
    z-index: 2;
    width: 16px;
    height: 0;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: translateY(0) rotate(0deg);
    box-sizing: border-box;
    transition: .2s cubic-bezier(.55, .06, .68, .19)
}

#model-101 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: 0 0 0 2px #00897b, inset 0 0 0 15px #00897b
}

#model-101 .toggle input[type=checkbox]:checked+label:after {
    height: 8px;
    transform: translateY(-5px) rotate(-45deg)
}

#model-101 .toggle label:before {
    content: "";
    width: 26px;
    height: 26px;
    margin-right: 5px;
    box-shadow: 0 0 0 2px #00897b, inset 0 0 0 2px #00897b;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    transition: .2s ease-in
}

#model-101 .toggle label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 14px;
    z-index: 2;
    width: 16px;
    height: 0;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: translateY(0) rotate(0deg);
    box-sizing: border-box;
    transition: .2s .1s cubic-bezier(.55, .06, .68, .19)
}

#model-102 .toggle input[type=checkbox]:checked+label:before {
    background: #00897b;
    -webkit-animation: .3s splash ease-in;
    animation: .3s splash ease-in
}

#model-102 .toggle input[type=checkbox]:checked+label:after {
    height: 8px;
    border-color: #fff;
    transform: translateY(-5px) rotate(-45deg)
}

#model-102 .toggle label:before {
    content: "";
    width: 26px;
    height: 26px;
    margin-right: 5px;
    border: 2px solid #00897b;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    transition: .2s ease-in
}

#model-102 .toggle label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 14px;
    z-index: 2;
    width: 16px;
    height: 0;
    border-bottom: 2px solid #0000;
    border-left: 2px solid #0000;
    transform: translateY(0) rotate(0deg);
    box-sizing: border-box;
    transition: .2s cubic-bezier(.55, .06, .68, .19)
}

#model-103 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 80px 0#ffca28
}

#model-103 .toggle label,
#model-104 .toggle label,
#model-105 .toggle label,
#model-106 .toggle label,
#model-107 .toggle label,
#model-108 .toggle label,
#model-109 .toggle label,
#model-110 .toggle label,
#model-111 .toggle label {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

#model-103 .toggle label:before {
    content: "";
    width: 64px;
    height: 64px;
    position: relative;
    display: inline-block;
    border: 1px solid #b6c4d0;
    transition: .2s ease-in;
    box-sizing: border-box;
    -webkit-clip-path: polygon(50%0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    clip-path: polygon(50%0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    background-color: #ccc
}

#model-104 .toggle input[type=checkbox]:checked+label:before {
    box-shadow: inset 0-80px #f44336
}

#model-104 .toggle label:before {
    content: "";
    width: 64px;
    height: 64px;
    position: relative;
    display: inline-block;
    border: 1px solid #b6c4d0;
    transition: .2s ease-in;
    box-sizing: border-box;
    -webkit-clip-path: polygon(48.595% 85.365%, 15.785% 52.815%, 15.58945% 52.6185%, 12.68962% 48.99466%, 12.305% 48.375%, 10.57963% 44.86051%, 9.35896% 40.38282%, 9.08571% 35.74977%, 9.76901% 31.15918%, 11.37828% 26.80595%, 13.84412% 22.87395%, 15.775% 20.7%, 17.05533% 19.52258%, 20.87248% 16.88208%, 25.14556% 15.07038%, 29.69731% 14.16234%, 31.94% 14.055%, 34.33933% 14.174%, 38.88594% 15.10612%, 43.14179% 16.95734%, 46.93771% 19.62896%, 50% 22.815%, 50.13928% 22.64012%, 53.40377% 19.34025%, 57.24963% 16.74118%, 61.54157% 14.97537%, 66.10584% 14.13355%, 68.06% 14.055%, 70.74723% 14.20914%, 75.28062% 15.20472%, 79.51742% 17.09965%, 83.2818% 19.81486%, 84.225% 20.7%, 86.42617% 23.22899%, 88.81355% 27.2091%, 90.33651% 31.59327%, 90.92925% 36.19641%, 90.56441% 40.82313%, 89.25522% 45.27574%, 87.69% 48.385%, 87.0678% 49.36971%, 84.215% 52.82%, 51.405% 85.37%, 51.05969% 85.64527%, 48.595% 85.365%, 31.94% 18.05%);
    clip-path: polygon(48.595% 85.365%, 15.785% 52.815%, 15.58945% 52.6185%, 12.68962% 48.99466%, 12.305% 48.375%, 10.57963% 44.86051%, 9.35896% 40.38282%, 9.08571% 35.74977%, 9.76901% 31.15918%, 11.37828% 26.80595%, 13.84412% 22.87395%, 15.775% 20.7%, 17.05533% 19.52258%, 20.87248% 16.88208%, 25.14556% 15.07038%, 29.69731% 14.16234%, 31.94% 14.055%, 34.33933% 14.174%, 38.88594% 15.10612%, 43.14179% 16.95734%, 46.93771% 19.62896%, 50% 22.815%, 50.13928% 22.64012%, 53.40377% 19.34025%, 57.24963% 16.74118%, 61.54157% 14.97537%, 66.10584% 14.13355%, 68.06% 14.055%, 70.74723% 14.20914%, 75.28062% 15.20472%, 79.51742% 17.09965%, 83.2818% 19.81486%, 84.225% 20.7%, 86.42617% 23.22899%, 88.81355% 27.2091%, 90.33651% 31.59327%, 90.92925% 36.19641%, 90.56441% 40.82313%, 89.25522% 45.27574%, 87.69% 48.385%, 87.0678% 49.36971%, 84.215% 52.82%, 51.405% 85.37%, 51.05969% 85.64527%, 48.595% 85.365%, 31.94% 18.05%);
    background-color: #ccc
}

#model-105 .toggle input[type=checkbox]:checked+label:before {
    content: "🔒"
}

#model-105 .toggle label:before {
    content: "🔓";
    font-size: 36px;
    position: relative;
    display: inline-block
}

#model-106 .toggle input[type=checkbox]:checked+label:before {
    content: "👍"
}

#model-106 .toggle label:before {
    content: "👎";
    font-size: 36px;
    position: relative;
    display: inline-block
}

#model-107 .toggle input[type=checkbox]:checked+label:before {
    content: "🔕"
}

#model-107 .toggle label:before {
    content: "🔔";
    font-size: 36px;
    position: relative;
    display: inline-block
}

#model-108 .toggle input[type=checkbox]:checked+label:before {
    content: "🔇"
}

#model-108 .toggle label:before {
    content: "🔈";
    font-size: 36px;
    position: relative;
    display: inline-block
}

#model-109 .toggle input[type=checkbox]:checked+label:after {
    content: "";
    position: absolute;
    left: 17px;
    top: 5px;
    width: 4px;
    height: 45px;
    transform: rotate(-45deg);
    background: red;
    box-sizing: border-box
}

#model-109 .toggle label:before {
    content: "📷";
    font-size: 36px;
    position: relative;
    display: inline-block
}

#model-110 .toggle input[type=checkbox]:checked+label:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 4px;
    width: 4px;
    height: 45px;
    transform: rotate(-45deg);
    background: red;
    box-sizing: border-box
}

#model-110 .toggle label:before {
    content: "📱";
    font-size: 36px;
    position: relative;
    display: inline-block
}

#model-111 .toggle input[type=checkbox]:checked+label:after {
    content: "❌";
    position: absolute;
    font-size: 20px;
    left: 9px;
    top: 24px;
    box-sizing: border-box
}

#model-111 .toggle label:before {
    content: "🚬";
    font-size: 36px;
    position: relative;
    box-sizing: border-box;
    display: inline-block
}

.hashtags_startseite_neu {
    background-color: #000;
    padding: 3px;
    color: #fff;
    display: block;
    border-radius: 20px;
    margin: 5px 10px;
    text-align: center
}

.page-header {
    padding-bottom: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #eee
}

.angemeldet-bar-mobil {
    background-color: #2e2e2e;
    padding: 15px;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 14px
}

.angemeldet-bar-mobil p {
    margin: 0;
    color: #fff
}

.angemeldet-bar-mobil a {
    color: #007bff;
    text-decoration: none;
    font-weight: 700;
    transition: color .3s ease
}

.angemeldet-bar-mobil a:hover {
    color: #0056b3
}

.angemeldet-bar-mobil strong {
    color: #999
}

.angemeldet-bar-mobil .fa {
    margin-right: 5px;
    font-size: 16px;
    color: #fff
}

@media (max-width:768px) {
    .angemeldet-bar-mobil {
        padding: 8px 12px;
        font-size: 12px
    }

    .angemeldet-bar-mobil a {
        font-size: 14px
    }
}