@charset "UTF-8";



body{
	margin: 0 auto !important;
}

a:focus,
button:focus {
	outline: none !important;
}

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

*:focus {
	outline: none;
}

blockquote {
	padding: 0;
	margin: 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: 91.7%;
		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: 91.7%;
		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: black;
}
@media (min-width: 760px) {

.einstellungen textarea {
	overflow: auto;
	width: 52% !important;
	color: black;
}
}

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


textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: black;
}



input,
button,
select,
textarea {
	outline: none;
}



label {
	margin-bottom: 0;
	display: initial;
}

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

}


p {
	margin: 0;
}

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

ul li,
ol li {
	display: block;
}

dl {
	margin: 0;
}

dt,
dd {
	line-height: inherit;
}

dt {
	font-weight: inherit;
}

dd {
	margin-bottom: 0;
}

cite {
	font-style: normal;
}

form {
	margin-bottom: 0;
	text-align: center;
}


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

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

address {
	margin-top: 0;
	margin-bottom: 0;
}

figure {
	margin-bottom: 0;
}

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

/*
*
* Typography
*/
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;
	letter-spacing: .05em;
	color: #151515;
	background-color: #ffffff;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: subpixel-antialiased;
	max-width: 1800px !important;
	margin: 0 auto;
}

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

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

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

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


@media (min-width: 1200px) {

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

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

@media (min-width: 768px) {

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

@media (min-width: 992px) {

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

@media (min-width: 1200px) {

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

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

@media (min-width: 768px) {

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

@media (min-width: 992px) {

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

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

@media (min-width: 768px) {

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

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

@media (min-width: 768px) {

	h5,
	.heading-5 {
		font-size: 24px;
	}
}

h6,
.heading-6 {
	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: #ffffff;
	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: 0.2rem;
	font-size: 90%;
	color: #111111;
	background: #f2f2f2;
}

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

p [style*='max-width'] {
	display: inline-block;
}


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

/*
*
* Brand
*/
.brand {
	display: inline-block;
}


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



.brand1 {
	display: inline-block;
}


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


.brand .brand-logo-dark {
	display: block;
}

/*
*
* Links
*/
a {
	transition: all 0.3s ease-in-out;
}

a,
a:focus,
a:active,
a:hover {
	text-decoration: none;
}

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

a:hover {
	color: #535353;
}

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

.link-hover {
	color: #79af96;
}

.link-press {
	color: #79af96;
}

.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: #ffffff;
}

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

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

/*
*
* Blocks
*/
.block-center,
.block-sm,
.block-lg {
	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: #ffffff;
}

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

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

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

/*
*
* Boxes
*/
.box-icon-modern {
	text-align: center;
	max-width: 370px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 66px 15px 50px;
	background: #ffffff;
	box-shadow: 0 0 13px -4px rgba(0, 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 34.5px;
	border-color: transparent transparent #72d5a5 transparent;
	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:focus,
.box-icon-modern-title a:active {
	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::before {
	position: absolute;
	content: '';
	height: 100%;
	left: 15px;
	right: 15px;
	background: #d7d7d7;
	transition: all .3s ease;
}

.box-icon-modern-decor::after {
	position: absolute;
	content: '';
	height: 100%;
	left: 50%;
	right: 50%;
	background: #72d5a5;
	transition: all .3s ease;
}

.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 {
	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, 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-edge .box-icon-modern-custom,
.ie-10 .box-icon-modern-custom,
.ie-11 .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, 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:focus,
.box-contacts-link a:active {
	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, 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-edge .box-contacts,
.ie-10 .box-contacts,
.ie-11 .box-contacts {
	height: 310px;
}

/*
* Element groups
*/
html .group {
	margin-bottom: -20px;
	margin-left: -15px;
}

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:empty {
	margin-bottom: 0;
	margin-left: 0;
}

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:empty {
	margin-bottom: 0;
	margin-left: 0;
}

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:empty {
	margin-bottom: 0;
	margin-left: 0;
}

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

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-sm {
	margin-top: 40px;
}

*+.group-md {
	margin-top: 40px;
}

*+.group-xl {
	margin-top: 40px;
}

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

/*
*
* Responsive units
*/
.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;
}

/*
*
* Lists
*/
.list-inline>li {
	display: inline-block;
}

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 dd+dt {
	margin-top: 40px;
}

*+.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 {
	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;
}

p+.list-marked {
	margin-top: 10px;
}

.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 {
	margin-top: 10px;
}

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

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

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

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

.list-custom {
	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;
	}
}

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

/*
*
* Images
*/
img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.img-responsive {
	width: 100%;
}

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

/*
*
* Icons
*/

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

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

/*
*
* Dividers
*/
hr {
	margin-top: 0;
	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 {
	position: relative;
	padding-left: 30px;
	line-height: 1.2;
}

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

.title-decoration-lines-bottom {
	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;
	}
}

.title-decoration-lines-left+p {
	margin-top: 8px;
}

.title-decoration-lines-bottom+p {
	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::before,
.text-decoration-lines-content::after {
	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%;
}

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

.title-decoration-lines-content::before,
.title-decoration-lines-content::after {
	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;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	font-size: 17px !important;
	padding: 10px 20px;
}

/*
*
* Buttons
*/
.button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	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;
	letter-spacing: 0.075em;
	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: #cccccc;
	background-color: #2c343b;
	border-color: #2c343b;
}

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

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

.button-default.button-pipaluk,
.button-default.button-pipaluk:focus {
	background: transparent;
}

.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:hover,
.button-default.button-pipaluk:active {
	color: #79af96;
	background: transparent;
}

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

.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:hover,
.button-default.button-wapasha:active {
	color: #79af96;
	background: transparent;
}

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

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

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

.button-primary.button-pipaluk,
.button-primary.button-pipaluk:focus {
	background: transparent;
}

.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:hover,
.button-primary.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

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

.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:hover,
.button-primary.button-wapasha:active {
	color: #151515;
	background: transparent;
}

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

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

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

.button-secondary.button-pipaluk,
.button-secondary.button-pipaluk:focus {
	background: transparent;
}

.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:hover,
.button-secondary.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

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

.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:hover,
.button-secondary.button-wapasha:active {
	color: #151515;
	background: transparent;
}

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

.button-secondary-4:hover,
.button-secondary-4:active {
	color: #ffffff;
	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: transparent;
}

.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:hover,
.button-secondary-4.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

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

.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:hover,
.button-secondary-4.button-wapasha:active {
	color: #151515;
	background: transparent;
}

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

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

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

.button-white.button-pipaluk,
.button-white.button-pipaluk:focus {
	background: transparent;
}

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

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

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

.button-white.button-wapasha,
.button-white.button-wapasha:focus {
	color: #ffffff;
	background: transparent;
}

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

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

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

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

.button-gray-100:hover,
.button-gray-100:active {
	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: transparent;
}

.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:hover,
.button-gray-100.button-pipaluk:active {
	color: #e5e5e5;
	background: transparent;
}

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

.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:hover,
.button-gray-100.button-wapasha:active {
	color: #e5e5e5;
	background: transparent;
}

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

.button-gray-4:hover,
.button-gray-4:active {
	color: #ffffff;
	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: transparent;
}

.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:hover,
.button-gray-4.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

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

.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:hover,
.button-gray-4.button-wapasha:active {
	color: #151515;
	background: transparent;
}

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

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

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

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

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

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

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

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

.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: #ffffff;
}

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

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

.button-gray-8:hover,
.button-gray-8:active {
	color: #ffffff;
	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: transparent;
}

.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:hover,
.button-gray-8.button-pipaluk:active {
	color: #eb6e6e;
	background: transparent;
}

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

.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:hover,
.button-gray-8.button-wapasha:active {
	color: #eb6e6e;
	background: transparent;
}

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

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

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

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

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

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

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

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

.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: #ffffff;
}

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

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

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

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

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

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

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

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

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

.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: #ffffff;
}

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

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

.button-gray-31:hover,
.button-gray-31:active {
	color: #ffffff;
	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: transparent;
}

.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:hover,
.button-gray-31.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

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

.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:hover,
.button-gray-31.button-wapasha:active {
	color: #151515;
	background: transparent;
}

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

.button-gray-32:hover,
.button-gray-32:active {
	color: #ffffff;
	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: transparent;
}

.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:hover,
.button-gray-32.button-pipaluk:active {
	color: #151515;
	background: transparent;
}

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

.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:hover,
.button-gray-32.button-wapasha:active {
	color: #151515;
	background: transparent;
}

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

.button-default-outline:hover,
.button-default-outline:active {
	color: #ffffff;
	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: transparent;
}

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

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

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

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

.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:hover,
.button-default-outline.button-wapasha:active {
	color: #79af96;
	background: transparent;
}

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

.button-default-outline-2:hover,
.button-default-outline-2:active {
	color: #ffffff;
	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: transparent;
}

.button-default-outline-2.button-pipaluk::before,
.button-default-outline-2.button-pipaluk:focus::before {
	background: transparent;
	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:hover,
.button-default-outline-2.button-pipaluk:active {
	color: #eb6e6e;
	background: transparent;
}

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

.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:hover,
.button-default-outline-2.button-wapasha:active {
	color: #eb6e6e;
	background: transparent;
}

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

.button-white-outline:hover,
.button-white-outline:active {
	color: #ffffff;
	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: transparent;
}

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

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

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

.button-white-outline.button-wapasha,
.button-white-outline.button-wapasha:focus {
	color: #ffffff;
	background: transparent;
}

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

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

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

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

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

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

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

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

.button-facebook.button-pipaluk,
.button-facebook.button-pipaluk:focus {
	background: transparent;
}

.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:hover,
.button-facebook.button-pipaluk:active {
	color: #5668a2;
	background: transparent;
}

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

.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:hover,
.button-facebook.button-wapasha:active {
	color: #5668a2;
	background: transparent;
}

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

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

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

.button-twitter.button-pipaluk,
.button-twitter.button-pipaluk:focus {
	background: transparent;
}

.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:hover,
.button-twitter.button-pipaluk:active {
	color: #4db1e5;
	background: transparent;
}

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

.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:hover,
.button-twitter.button-wapasha:active {
	color: #4db1e5;
	background: transparent;
}

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

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

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

.button-google.button-pipaluk,
.button-google.button-pipaluk:focus {
	background: transparent;
}

.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:hover,
.button-google.button-pipaluk:active {
	color: #e85858;
	background: transparent;
}

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

.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:hover,
.button-google.button-wapasha:active {
	color: #e85858;
	background: transparent;
}

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

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

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

.button-ujarak {
	position: relative;
	z-index: 0;
	transition: background .4s, border-color .4s, color .4s;
}

.button-ujarak:disabled,
.button-ujarak[disabled] {
	border: 1px solid #999999;
	background-color: #cccccc;
	color: #666666;
}

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

.button-ujarak,
.button-ujarak::before {
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button-ujarak {
	transition: background .4s .4s, border-color .4s 0s, color .2s 0s;
	background-color: rgb(193, 86, 86);
	color: white;
	border: none;
}

.button-ujarak1 {
	transition: background .4s .4s, border-color .4s 0s, color .2s 0s;
	background-color: rgb(64, 225, 209);
}

.button-ujarak2 {
	transition: background .4s .4s, border-color .4s 0s, color .2s 0s;
	background-color: rgb(64, 225, 209);
}

.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-sm {
	padding: 5px 25px 3px;
	font-size: 12px;
	line-height: 1.5;
}

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

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

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

.button-lg.button-gradient,
.button-lg.button-wapasha,
.button-lg.button-pipaluk {
	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-twitter .icon,
.button.button-icon.button-google .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: #ffffff;
	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: #ffffff;
		background: #0c814b;
		border-color: #79af96;
		font-size: 30px;
		padding: 10px;
		margin-top: 30px;
		width: 290px;
	}

}

.btn-primary:hover {
	color: #ffffff;
	background: #000000;
	border-color: #000000;
}

.button-pipaluk {
	position: relative;
	overflow: visible;
	padding: 19px 35px 17px;
	border: none;
	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 {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-width: 2px;
	border-style: solid;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease 0s;
	transform: scale(1.05);
	will-change: transform;
	z-index: -1;
}

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

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

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

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

.button-wapasha::before,
.button-wapasha::after {
	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:hover::before,
.button-wapasha:active::before {
	opacity: 0;
	visibility: hidden;
	transform: translate3d(-8px, 8px, 0);
	transition-duration: .2s;
}

.button-wapasha:hover::after,
.button-wapasha:active::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;
}

.button-social>* {
	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: none;
	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: #ffffff;
	background-color: #79af96;
	border-color: transparent;
}

.button-primary-gradient:hover,
.button-primary-gradient:active {
	color: #ffffff;
	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: transparent;
}

.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 {
	border-color: transparent;
}

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

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

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

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

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

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

/*
*
* Form styles
*/
.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;
}

p+.rd-form {
	margin-top: 30px;
}

h5+.rd-form {
	margin-top: 40px;
}

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

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

.form-wrap+.checkbox-inline {
	margin-top: 15px;
}

input:-webkit-autofill~label,
input:-webkit-autofill~.form-validation {
	color: #000000 !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;
}

.form-input:focus {
	outline: 0;
}

.form-input-inverse {
	background-color: #ffffff;
	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,
.form-label-outside {
	margin-bottom: 0;
	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;
	}

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

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

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

.form-validation {
	position: absolute;
	right: 8px;
	top: 0;
	z-index: 11;
	margin-top: 2px;
	font-size: 9px;
	font-weight: 400;
	line-height: 12px;
	letter-spacing: 0;
	color: #f5543f;
	transition: .3s;
}

.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 {
	position: absolute;
	top: 100%;
	left: 0;
	font-size: 10px;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 2px;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
}

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

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

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

.radio .radio-custom,
.radio-inline .radio-custom,
.checkbox .checkbox-custom,
.checkbox-inline .checkbox-custom {
	opacity: 0;
}

.radio .radio-custom,
.radio .radio-custom-dummy,
.radio-inline .radio-custom,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom,
.checkbox-inline .checkbox-custom-dummy {
	position: absolute;
	left: 0;
	width: 14px;
	height: 14px;
	outline: none;
	cursor: pointer;
}

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

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

.radio .radio-custom:focus,
.radio-inline .radio-custom:focus,
.checkbox .checkbox-custom:focus,
.checkbox-inline .checkbox-custom:focus {
	outline: none;
}

.radio input,
.radio-inline input,
.checkbox input,
.checkbox-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;
}

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

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

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

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

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

.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
	top: 2px;
	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 {
	content: '\f222';
	font-family: "Material Design Icons";
	position: absolute;
	top: -3px;
	left: -2px;
	font-size: 24px;
	line-height: 1;
}

.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 {
	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 .form-input,
.form-sm .button {
	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-input,
.form-lg .form-label,
.form-lg .select2-container .select2-choice {
	font-size: 16px;
}

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

.form-lg .form-input,
.form-lg .select2-container .select2-choice {
	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(0.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: #ffffff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	margin: 14px 0px !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: #ffffff;
	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: #ffffff;
}

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

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

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

.box-form *+.rd-form {
	margin-top: 16px;
}

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

/*
*
* Posts
*/
.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 {
	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: #ffffff;
}

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

/*
*
* Quotes
*/
.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: '\201C';
	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 {
	margin-top: 22px;
}

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

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

.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: #ffffff;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	filter: drop-shadow(0 0 2px rgba(0, 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: #ffffff transparent 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, 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, 0.04) transparent transparent transparent;
	z-index: 0;
}

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

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

.quote-lisa-2 .quote-lisa-cite a:hover {
	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;
}

/*
*
* Thumbnails
*/
.thumbnail {
	position: relative;
}

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

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

.thumbnail-sm {
	max-width: 370px;
	margin-left: auto;
	margin-right: auto;
}

.thumbnail-md {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	max-height: 729px;
	height: 190px;
}

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

.thumbnail-xl {
	max-width: 870px;
	margin-left: auto;
	margin-right: auto;
}

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

.thumbnail-classic-figure {
	display: block;
}

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

.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: #ffffff;
	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:focus,
.thumbnail-classic-title-wrap .icon:active {
	color: #151515;
}

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

.thumbnail-classic-title {
	color: #79af96;
}

.thumbnail-classic-title a,
.thumbnail-classic-title a:focus,
.thumbnail-classic-title a:active {
	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::before,
.thumbnail-mary::after {
	position: absolute;
	content: '';
	transition: inherit;
	pointer-events: none;
}

.thumbnail-mary::before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(25, 24, 24, 0.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, 0.5);
	z-index: 1;
}

.thumbnail-mary-2::after {
	display: none;
}

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

.thumbnail-mary-3::before {
	background: rgba(26, 43, 66, 0.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 img {
	display: none;
}

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

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

.thumbnail-mary-title {
	color: #ffffff;
}

.thumbnail-mary-title a,
.thumbnail-mary-title a:focus,
.thumbnail-mary-title a:active {
	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::before,
.owl-timeline .thumbnail-mary-decor::after {
	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, 0.5);
	animation: item1B 1s ease infinite;
}

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

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

	.desktop .thumbnail-mary::after {
		transform: scale(0.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::after {
		opacity: 1;
		visibility: visible;
		transform: none;
	}

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

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

	.desktop .owl-timeline:hover .thumbnail-mary-decor::before,
	.desktop .owl-timeline:hover .thumbnail-mary-decor::after {
		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;
	}
}

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

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

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

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

*+.thumbnail-mary-description {
	margin-top: 30px;
}

/*
*
* Breadcrumbs
*/
.breadcrumbs-custom {
	position: relative;
	overflow: hidden;

	max-width: 1650px;
	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, 0.53);
	transform: translate3d(0, -50%, 0);
}

.breadcrumbs-custom-path li:last-child:after {
	display: none;
}

.breadcrumbs-custom-path a:hover {
	color: #ffffff;
}

.breadcrumbs-custom-path li.active {
	color: rgba(255, 255, 255, 0.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 {
	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 form {
	max-width: 600px;
	margin: 20px auto;
	background-image: url("/images/headerbild.jpg");
}

.breadcrumbs-custom-inset-login1 {
	display: initial;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 75px;
	padding-right: 75px;
}

.breadcrumbs-custom-inset1 {}

@media (min-width: 1100px) {
	.breadcrumbs-custom-inset1 {
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 75px;
		padding-right: 75px;
	}
}

/*
*
* Snackbars
*/
.snackbars {
	padding: 9px 16px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	text-align: left;
	background-color: #151515;
	border-radius: 0;
	box-shadow: 0 1px 4px 0 rgba(0, 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;
	}
}

/*
*
* Footers
*/
.footer-classic {
	color: rgba(255, 255, 255, 0.3);
	overflow: hidden;
	width: 95%;
}

@media (min-width: 480px) {
	.footer-classic {
		color: rgba(255, 255, 255, 0.3);
		overflow: hidden;
		width: 100%;
	}

}

.footer-classic h1,
.footer-classic h2,
.footer-classic h3,
.footer-classic h4,
.footer-classic h5,
.footer-classic h6,
.footer-classic [class*='heading-'] {
	color: rgba(255, 255, 255, 0.15);
}

.footer-classic .contact-classic-title {
	color: #6fd3a3;
	font-size: 25px;
}

.footer-classic .contact-classic-link {
	color: #ffffff;
}

.footer-bottom-panel {
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer-classic-2 .box-footer {
	background: #181f2c;
}

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

.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:focus,
.box-footer a:active {
	color: #ffffff;
}

.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: #ffffff;
}

.box-footer .form-label {
	top: 32px;
	font-size: 16px;
	color: #ffffff;
}

.box-footer .form-input {
	font-size: 16px;
	padding-top: 18px;
	padding-bottom: 18px;
	border: none;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.06);
}

.box-footer textarea.form-input {
	height: 160px;
}

.box-footer .button.button-ujarak::before {
	background: #ffffff;
}

.box-footer .button.button-ujarak:hover,
.box-footer .button.button-ujarak:active {
	color: #151515;
	border-color: #ffffff;
}

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

.contact-classic-title {
	margin-top: 2px;
	letter-spacing: .025em;
	color: #6fd3a3;
}

.contact-classic-link {
	color: #ffffff;
}

*+.contact-classic {
	margin-top: 3px;
}

.footer-brand+p {
	margin-top: 22px;
}

@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: #ffffff;
	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,
.iphone .box-footer-form .form-label,
.ipad .box-footer-form .form-label,
.mac-os .box-footer-form .form-label {
	top: 13px;
	transform: none;
}

.box-footer-2-title {
	letter-spacing: .025em;
}

.box-footer-2-text {
	letter-spacing: .025em;
	color: #9b9b9b;
}

*+.box-footer-2-text {
	margin-top: 8px;
}

@media (min-width: 768px) {
	.box-footer-2 {
		border: none;
	}
}

@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:focus,
.footer-social-list .icon:active {
	color: #ffffff;
}

.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 0.2s, opacity 0.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, 0.15);
}

.footer-list-category li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.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:focus,
.footer-list-category a:active {
	color: #ffffff;
}

.footer-list-category a:hover {
	color: #6fd3a3;
}

.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::before,
.footer-list-category a span::after {
	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, 0.1) transparent transparent;
}

.footer-list-category a span::after {
	width: 0;
	height: 2px;
	background-color: rgba(255, 255, 255, 0.1);
}

.footer-list-category a:hover {
	letter-spacing: .1em;
}

.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-label,
.footer-variant-2 .form-input {
	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 p {
	font-size: 14px;
	line-height: 1.72;
	letter-spacing: .025em;
}

.footer-contacts a {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.72;
	letter-spacing: .025em;
}

.footer-contacts a,
.footer-contacts a:focus,
.footer-contacts a:active {
	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 {
	font-size: 16px;
}

.footer-social-list-2 a,
.footer-social-list-2 a:focus,
.footer-social-list-2 a:active {
	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:focus,
.footer-link-list a:active {
	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:focus,
.footer-corporate .list-marked a:active {
	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:focus,
.footer-corporate-2 .post-minimal-2-title a:active {
	color: #79af96;
}

.footer-corporate-2 .post-minimal-2-title a:hover {
	color: #ffffff;
}

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

.footer-minimal {
	background: #303233;
}

.footer-minimal .rights {
	font-size: 12px;
}

.footer-minimal-inset {
	padding: 40px 0;
}

.footer-minimal-bottom-panel {
	padding: 35px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.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:focus,
.footer-list-category-2 a:active {
	color: #ffffff;
}

.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, 0.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;
	}
}

.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
*/
.product {
	position: relative;
	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: #ffffff;
	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 {
	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:focus,
.product-title a:active {
	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-figure::before {
		position: absolute;
		text-align: center;
		content: '';
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
		background: rgba(17, 17, 17, 0.39);
		transition: all .3s ease;
		pointer-events: none;
		z-index: 1;
	}

	.desktop .product-button {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		margin: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transform: translate3d(0, 15px, 0);
		opacity: 0;
		visibility: hidden;
		transition: all .3s ease;
		pointer-events: none;
		z-index: 1;
	}

	.desktop .product-button .button {
		width: auto;
		pointer-events: auto;
	}

	.desktop .product.active .product-figure::before,
	.desktop .product:hover .product-figure::before {
		transform: scale(0.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;
}

/*
*
* Headings
*/
.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-title>h3 {
	margin-top: 6px;
}

.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, 0.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, 0.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
*/
.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: blue;

}

@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%;
	}
}

@media (min-width: 1200px) {
	.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: #ffffff;
	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:focus,
.team-classic-name a:active {
	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;
	}
}


.flex-container {
	display: flex;
}

.flex-container>div {
	background-color: #f1f1f1;
	margin: 10px;
	font-size: 30px;
}






.teaser-likes>div {
	width: 100px;
}

.teaser-likes .flex {
	width: 77px !important;
}

.clients-classic {
	position: relative;
	display: block;
	max-width: 270px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	border: 1px solid #e1e1e1;
	transition: all .3s ease-in-out;
}

.clients-classic::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid transparent;
	transition: all .3s ease;
	will-change: transform;
}

.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(0.94, 0.9);
		border-color: #151515;
	}

	.desktop .clients-classic:hover img {
		opacity: 1;
		transform: scale(0.9);
	}

	.desktop .context-dark .clients-classic:hover {
		border-color: rgba(255, 255, 255, 0.6);
	}

	.desktop .context-dark .clients-classic:hover::before {
		border-color: rgba(255, 255, 255, 0.6);
	}
}

.context-dark .clients-classic {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.3);
}

/*
*
* Page layout
*/
.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) repeat fixed;
}

@media (min-width: 1630px) {
	html.boxed .page {
		max-width: 1600px;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1);
	}

	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 styling
*/
.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 {
	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 {
	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;
}

.text-img:hover {
	color: #9b9b9b;
}

@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) repeat;
		-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%;
		}
	}
}

@keyframes imgPos {
	0% {
		background-position-x: 0;
	}

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

	100% {
		background-position-x: 0;
	}
}

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

.text-strike-1::before {
	position: absolute;
	content: '';
	bottom: 36%;
	left: -8px;
	height: 2px;
	width: 107%;
	transform: rotate(-3.8deg);
	transform-origin: 0 50%;
	will-change: transform;
	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);
}

/*
*
* Offsets
*/
*+p {
	margin-top: 15px;
}

h1+h2 {
	margin-top: 4px;
}

h2+h3 {
	margin-top: 9px;
}

h3+h4 {
	margin-top: 13px;
}

h4+h5 {
	margin-top: 19px;
}

h5+h6 {
	margin-top: 27px;
}

h1+p {
	margin-top: 4px;
}

h2+p {
	margin-top: 8px;
}

h3+p {
	margin-top: 20px;
}

h4+p {
	margin-top: 16px;
}

h5+p {
	margin-top: 17px;
}

h6+p {
	margin-top: 17px;
}

h3.font-weight-normal+p {
	margin-top: 16px;
}

p+h2,
p+.heading-2 {
	margin-top: 15px;
}

p+p {
	margin-top: 12px;
}

img+p {
	margin-top: 15px;
}

h3+img {
	margin-top: 40px;
}

*+.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;
}

*+.owl-carousel {
	margin-top: 30px;
}

*+.offset-top-30 {
	margin-top: 30px;
}

*+.big {
	margin-top: 20px;
}

*+.button {
	margin-top: 0px;
}

@media (min-width: 700px) {
	*+.button {
		margin-top: 30px;
	}
}

*+.button-wrap {
	margin-top: 35px;
}

h3+.section-relative {
	margin-top: 35px;
}

h4+.instafeed {
	margin-top: 2px;
}

.row+h3,
.row+.heading-3 {
	margin-top: 80px;
}

.container+.container {
	margin-top: 35px;
}

.row+.row {
	margin-top: 35px;
}

.row+.button-wrap {
	margin-top: 45px;
}

@media (min-width: 1200px) {
	.container+.container {
		margin-top: 60px;
	}

	.row+.row {
		margin-top: 60px;
	}
}

.row-14 {
	margin-bottom: -14px;
}

.row-14:empty {
	margin-bottom: 0;
}

.row-14>* {
	margin-bottom: 14px;
}

.row-16 {
	margin-bottom: -16px;
}

.row-16:empty {
	margin-bottom: 0;
}

.row-16>* {
	margin-bottom: 16px;
}

.row-30 {
	margin-bottom: -30px;
}

.row-30:empty {
	margin-bottom: 0;
}

.row-30>* {
	margin-bottom: 30px;
}

.row-40 {
	margin-bottom: -40px;
}

.row-40:empty {
	margin-bottom: 0;
}

.row-40>* {
	margin-bottom: 40px;
}

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

.row-50:empty {
	margin-bottom: 0;
}



.row-60 {
	margin-bottom: -60px;
}

.row-60:empty {
	margin-bottom: 0;
}

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

.box-typography h1+p {
	margin-top: 16px;
}

.box-typography h2+p {
	margin-top: 16px;
}

.box-typography h3+p {
	margin-top: 16px;
}

.box-typography h4+p {
	margin-top: 16px;
}

.box-typography h5+p {
	margin-top: 16px;
}

.box-typography h6+p {
	margin-top: 16px;
}

@media (min-width: 992px) {
	.box-typography h1+p {
		margin-top: 4px;
	}

	.box-typography h2+p {
		margin-top: 8px;
	}

	.box-typography h3+p {
		margin-top: 8px;
	}

	.box-typography h5+p {
		margin-top: 17px;
	}

	.box-typography h6+p {
		margin-top: 17px;
	}
}

/*
*
* Sections
*/
.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-md,
.section-lg,
.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: 0px 0px;
	}

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

/*
*
* Grid modules
*/
/*
*
* Backgrounds
*/
.context-dark,
.context-dark h1,
.context-dark h2,
.context-dark h3,
.context-dark h4,
.context-dark h5,
.context-dark h6,
.context-dark [class*='heading-'] {
	color: #ffffff;
}

.context-dark .form-wrap.has-error .form-input {
	border-color: transparent;
}

.context-dark .form-input,
.context-dark .form-label,
.context-dark .form-validation {
	color: #ffffff;
}

.context-dark .form-input {
	background: rgba(255, 255, 255, 0.34);
	border-color: transparent;
}

.context-dark .rights {
	color: #ffffff;
}

.context-dark .rights a,
.context-dark .rights a:focus,
.context-dark .rights a:active {
	color: inherit;
}

.context-dark .rights a:hover {
	color: #6ee2aa;
}

.context-dark .button.button-pipaluk::after {
	border-color: #ffffff;
}

.context-dark .button.button-pipaluk:hover,
.context-dark .button.button-pipaluk:active {
	color: #ffffff;
}

.context-dark .button.button-ujarak:not([class*='button-secondary'])::before {
	background: #eb6e6e;
}

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

.context-dark .button-secondary.button-ujarak::before {
	background: #79af96;
}

.context-dark .button-secondary.button-ujarak:hover,
.context-dark .button-secondary.button-ujarak:active {
	border-color: #79af96;
}

.footer-variant-2.context-dark {
	color: rgba(255, 255, 255, 0.3);
}

.footer-variant-2.context-dark .rights {
	color: rgba(255, 255, 255, 0.3);
}

.footer-variant-2.context-dark .button.button-ujarak::before {
	background: #ffffff;
}

.footer-variant-2.context-dark .button.button-ujarak:hover,
.footer-variant-2.context-dark .button.button-ujarak:active {
	color: #f37877;
	border-color: #ffffff;
}

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

.context-dark .footer-contacts .icon {
	color: #f36362;
}

.context-dark .footer-contacts p {
	color: #ffffff;
}

.context-dark .footer-contacts a,
.context-dark .footer-contacts a:focus,
.context-dark .footer-contacts a:active {
	color: #ffffff;
}

.context-dark .footer-contacts a:hover {
	color: #6ee2aa;
}

.context-dark .footer-link-list a,
.context-dark .footer-link-list a:focus,
.context-dark .footer-link-list a:active {
	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:focus,
.context-dark .footer-social-list-2 a:active {
	color: #ffffff;
}

.context-dark .footer-social-list-2 a:hover {
	color: #72d5a5;
}

.footer-minimal.context-dark .footer-minimal-bottom-panel,
.footer-minimal.context-dark .footer-corporate-bottom-panel,
.footer-corporate.context-dark .footer-minimal-bottom-panel,
.footer-corporate.context-dark .footer-corporate-bottom-panel {
	color: rgba(255, 255, 255, 0.3);
}

.footer-minimal.context-dark .footer-minimal-bottom-panel a,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:focus,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:active,
.footer-minimal.context-dark .footer-corporate-bottom-panel a,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:focus,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:active,
.footer-corporate.context-dark .footer-minimal-bottom-panel a,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:focus,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:active,
.footer-corporate.context-dark .footer-corporate-bottom-panel a,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:focus,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:active {
	color: inherit;
}

.footer-minimal.context-dark .footer-minimal-bottom-panel a:hover,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:hover,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:hover,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:hover {
	color: #79af96;
}

.footer-minimal.context-dark .rights,
.footer-corporate.context-dark .rights {
	color: inherit;
}

.footer-minimal.context-dark .button-gray-31.button-ujarak::before,
.footer-corporate.context-dark .button-gray-31.button-ujarak::before {
	background: #79af96;
}

.footer-minimal.context-dark .button-gray-31.button-ujarak:hover,
.footer-minimal.context-dark .button-gray-31.button-ujarak:active,
.footer-corporate.context-dark .button-gray-31.button-ujarak:hover,
.footer-corporate.context-dark .button-gray-31.button-ujarak:active {
	color: #ffffff;
	border-color: #79af96;
}

.footer-corporate-2.context-dark .footer-contacts .icon {
	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:hover,
.footer-corporate-2.context-dark .button-gray-31.button-ujarak:active {
	border-color: #eb6e6e;
}

.context-dark .post-minimal-2-time {
	color: rgba(255, 255, 255, 0.25);
}

.context-dark .text-strike-1 {
	color: rgba(255, 255, 255, 0.52);
}

.context-dark .text-strike-1::before {
	background: rgba(252, 239, 87, 0.7);
}

.context-dark .video-modern-subtitle {
	color: #79af96;
}

.context-dark .title-decoration-lines-left::before {
	background: #eb6e6e;
}

.context-dark .text-gray-500 {
	color: rgba(255, 255, 255, 0.3);
}

.context-dark .brand .brand-logo-dark {
	display: none;
}

.context-dark .brand .brand-logo-light {
	display: block;
}

/**
* Light Backgrounds
*/
.bg-default {
	background-color: #ffffff;
	overflow: hidden;
}

/**
* Background Image
*/


@media (min-width: 992px) {
	html:not(.tablet):not(.mobile) .bg-fixed {
		background-attachment: fixed;
	}
}

[class*='bg-overlay-'] {
	position: relative;
}

[class*='bg-overlay-']::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}

[class*='bg-overlay-'] .section-single-inner,
[class*='bg-overlay-'] .container {
	position: relative;
}

[class*='bg-second-overlay-']::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	z-index: -1;
}



.bg-overlay-33::before {
	background: rgba(43, 49, 59, 0.33);
}

.bg-overlay-26::before {
	background: rgba(43, 49, 59, 0.26);
}

/*
*
* Utilities custom
*/
.oh {
	position: relative;
	overflow: hidden;
}

@media (min-width: 992px) {
	.desktop .oh-desktop {
		overflow: hidden;
	}
}

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

p.rights a {
	color: inherit;
}

p.rights a:hover {
	color: #79af96;
}

[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;
	/* animation: bgPos 100s linear infinite; */
	transform: translate3d(-145px, -55px, 0) rotate(0.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;
		/* width: calc(100% + 150px); */
		/* will-change: transform; */
		/* animation: bgPos 100s linear infinite; */
		/* transform: translate3d(-165px, -75px, 0) rotate(0.001deg); */
		background-position: 40% 0%;
		background-size: cover;
		z-index: -1;
		height: 633px;
		background-repeat: no-repeat;
	}
}

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

	75% {
		transform: translate3d(0, 0, 0) rotate(0.001deg);
	}
}

.order-negative-2 {
	order: -2;
}

/*
*
* Animate.css
*/
.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;
}

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

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}



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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

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

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

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

	100% {
		-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;
	}

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

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

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

	100% {
		-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;
	}

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

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

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

	100% {
		-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;
	}

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

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

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

	100% {
		-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;
	}

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

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

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

	100% {
		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);
	}

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

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}

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

	100% {
		transform: translateX(0);
	}
}

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

	100% {
		transform: translateX(100%);
	}
}



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

@keyframes loader {

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

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

@keyframes loaderBlock {

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

	55% {
		background-color: #eb6e6e;
	}

	100% {
		transform: rotate(90deg);
	}
}

@keyframes loaderBlockInverse {

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

	55% {
		background-color: #eb6e6e;
	}

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

/*
*
* ToTop
*/
.ui-to-top {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 100;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 38px;
	color: #ffffff;
	background: #79af96;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	transition: .45s all ease-in-out;
	transform: translate3d(0, 100px, 0);
}

.ui-to-top:hover {
	color: #ffffff;
	background: #111111;
	text-decoration: none;
}

.ui-to-top:focus {
	color: #ffffff;
}

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

/*
*
* RD Navbar
*/
@keyframes rd-navbar-slide-down {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}

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

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

.social_branding {
	width: 50%;
	height: 100%;
}

.rd-navbar-wrap,
.rd-navbar,
.rd-menu,
.rd-navbar-nav,
.rd-navbar-panel,
.rd-navbar-static .rd-menu,
.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-fixed .rd-navbar-submenu,
.rd-navbar-project {
	transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}

.rd-navbar--no-transition,
.rd-navbar--no-transition * {
	transition: none !important;
}

.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
	display: none;
}

.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 {
	display: none;
	background: #ffffff;
}

.rd-navbar-toggle {
	display: inline-block;
	position: relative;
	width: 48px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
	color: #151515;
	background-color: transparent;
	border: none;
	display: none;
}

.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;
	top: -10px;
	transition: .3s all ease;
}

.rd-navbar-toggle span:after {
	top: 10px;
}

.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before,
.rd-navbar-toggle span {
	width: 24px;
	height: 3px;
	background-color: #151515;
	backface-visibility: hidden;
	border-radius: 0;
}

.rd-navbar-toggle span {
	transform: rotate(180deg);
}

.rd-navbar-toggle span:before,
.rd-navbar-toggle span:after {
	transform-origin: 1.71429px center;
}

.rd-navbar-toggle.active span {
	transform: rotate(360deg);
}

.rd-navbar-toggle.active span:before,
.rd-navbar-toggle.active span:after {
	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 {
	display: inline-block;
	position: relative;
	width: 48px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
	color: #151515;
	display: none;
}

.rd-navbar-collapse-toggle span {
	top: 50%;
	margin-top: -3px;
}

.rd-navbar-collapse-toggle span,
.rd-navbar-collapse-toggle span:before,
.rd-navbar-collapse-toggle span:after {
	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:before,
.rd-navbar-collapse-toggle span:after {
	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(0.7);
}

.rd-navbar-collapse-toggle.active span:before {
	transform: translateY(18px);
}

.rd-navbar-collapse-toggle.active span:after {
	transform: translateY(-18px);
}


.rd-navbar-brand a {
	display: inline-block;
}

.rd-navbar-brand span {
	display: inline-block;
	font-size: 17px;
	font-family: cursive;
	margin-left: 1px;
}

@media (min-width: 300px) {
	.rd-navbar-brand a {
		display: inline-block;
	}
}

@media (min-width: 1200px) {
	.rd-navbar-brand a {
		display: none;
	}
}

.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: none;
	border-radius: 30px;
	background: #ffffff;
	box-shadow: 0 0 8px 0 rgba(0, 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: none;
	cursor: pointer;
	background-color: transparent;
	color: #151515;
	transition: .33s;
}

.rd-navbar-search .rd-search-form-submit:hover {
	color: #79af96;
}

.rd-navbar-search-toggle {
	background: none;
	border: none;
	display: inline-block;
	padding: 0;
	outline: none;
	outline-offset: 0;
	cursor: pointer;
	-webkit-appearance: none;
}

.rd-navbar-search-toggle::-moz-focus-inner {
	border: none;
	padding: 0;
}

.rd-navbar-dropdown {
	display: none;
}

/*
* @subsection  RD Navbar Static
*/
.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: transparent;
}

.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: transparent;
}

.rd-navbar-static .rd-nav-item.active>.rd-navbar-submenu-toggle {
	color: #79af96;
}

.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-static .rd-nav-item .rd-nav-link:hover+.rd-navbar-submenu-toggle::before {
	transform: rotate(180deg);
}

.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: '\f236';
}

.rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle:hover {
	color: #79af96;
}

.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: none;
	transform: translate3d(0, 30px, 0);
}

.rd-navbar-static .rd-navbar-dropdown {
	position: absolute;
	left: 0;
	padding: 22px 15px 34px 34px;
	width: 270px;
	background: #ffffff;
	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 {
	margin-top: 8px;
}

.rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link,
.rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link {
	color: #151515;
}

.rd-navbar-static .rd-dropdown-link {
	color: #151515;
}

.rd-navbar-static .rd-dropdown-link:hover {
	color: #151515;
}

.rd-navbar-static .rd-navbar-dropdown li>a,
.rd-navbar-static .rd-megamenu-list li>a {
	position: relative;
	left: -3px;
	display: flex;
	padding: 1px 14px 1px 0;
	text-align: left;
	transition: all .2s ease;
}

.rd-navbar-static .rd-navbar-dropdown li>a,
.rd-navbar-static .rd-navbar-dropdown li>a:focus,
.rd-navbar-static .rd-navbar-dropdown li>a:active,
.rd-navbar-static .rd-megamenu-list li>a,
.rd-navbar-static .rd-megamenu-list li>a:focus,
.rd-navbar-static .rd-megamenu-list li>a:active {
	color: #151515;
}

.rd-navbar-static .rd-navbar-dropdown li>a:hover,
.rd-navbar-static .rd-megamenu-list li>a:hover {
	color: #151515;
}

.rd-navbar-static .rd-navbar-dropdown li>a::before,
.rd-navbar-static .rd-megamenu-list 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-navbar-dropdown li.focus>a,
.rd-navbar-static .rd-navbar-dropdown li.opened>a,
.rd-navbar-static .rd-navbar-dropdown li>a:hover,
.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 {
	padding-left: 14px;
	padding-right: 0;
}

.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,
.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 {
	transform: translateX(-14px);
	visibility: visible;
	opacity: 1;
	transition-delay: .1s;
}

.rd-navbar-static .rd-navbar-dropdown>li>a,
.rd-navbar-static .rd-megamenu-list>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: #ffffff;
}

@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: #000000;
	background: transparent;
}

.rd-navbar-static .rd-megamenu-list-link:hover {
	color: #79af96;
	background: transparent;
}

.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: none;
	border: none;
	outline: none;
	padding: 0;
}

.rd-navbar-static .rd-navbar-search-toggle span::before,
.rd-navbar-static .rd-navbar-search-toggle span::after {
	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(0.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(0.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-stuck,
.rd-navbar-static.rd-navbar--is-clone {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1030;
	background: #ffffff;
}

.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: transparent;
	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: #ffffff;
	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: none;
	border: none;
	box-shadow: none;
	background: none;
	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: #ffffff;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	filter: drop-shadow(0 0 2px rgba(0, 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 #ffffff transparent;
}

.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 {
	padding: 20px;
	border-top: 1px solid #e1e1e1;
}

.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 {
	width: 100%;
}

.cart-inline-name+* {
	margin-top: 10px;
}

*+.cart-inline-title {
	margin-top: 0;
}

.cart-inline-title+.cart-inline-title {
	margin-top: 10px;
}

.cart-inline-item+.cart-inline-item {
	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, 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, 0.04) transparent;
	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,
.rd-navbar-share-list-item a:focus,
.rd-navbar-share-list-item a:active {
	color: #151515;
}

.rd-navbar-share-list-item a:hover {
	color: #eb6e6e;
}

.rd-navbar-share-list-item .icon {
	font-size: 20px;
}

.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>span {
	width: 100%;
}

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

@keyframes burger-hover {
	0% {
		width: 100%;
	}

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

	100% {
		width: 100%;
	}
}

@keyframes burger-hover-primary {
	0% {
		width: 100%;
	}

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

	100% {
		width: 100%;
	}
}

.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: #ffffff;
	transition: width .2s ease .3s;
}

.rd-navbar-project-hamburger.active .project-hamburger>span {
	opacity: 0;
}

.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 {
	display: block;
}

.rd-navbar-fixed .rd-navbar-toggle {
	display: inline-block;
}

.rd-navbar-fixed .rd-navbar-brand {
	position: relative;
	margin-left: 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	font-size: 22px;
	line-height: 46px;
}



.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 {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1030;
	display: flex;
	align-items: center;
	height: 56px;
	padding: 4px;
	justify-content: center;
	display: flex;
}

@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 {
	width: 4px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb {
	background: rgba(235, 110, 110, 0.5);
	border: none;
	border-radius: 0;
	opacity: .2;
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track {
	background: #e1e1e1;
	border: none;
	border-radius: 0;
}

.rd-navbar-fixed .rd-navbar-nav-wrap.active {
	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 li.opened>.rd-navbar-submenu-toggle::after {
	transform: rotate(180deg);
}

.rd-navbar-fixed .rd-menu {
	display: none;
	transition: opacity 0.3s, height 0.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>a {
	padding-left: 30px;
}

.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-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-submenu.opened>.rd-navbar-megamenu {
	display: block;
}

.rd-navbar-fixed .rd-megamenu-list>li>a,
.rd-navbar-fixed .rd-navbar-dropdown>li>a {
	display: block;
	padding: 9px 56px 9px 16px;
	font-size: 12px;
	line-height: 1.5;
}

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

.rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-list {
	margin-top: 11px;
}

.rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-title {
	margin-top: 20px;
}

.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: '\f107';
	position: absolute;
	top: 0;
	right: 0;
	width: 56px;
	height: 52px;
	font: 400 16px "FontAwesome";
	line-height: 52px;
	text-align: center;
	transition: 0.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 {
	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: none;
	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::before {
	display: none;
}

.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: none;
	border: none;
	outline: none;
	padding: 0;
}

.rd-navbar-fixed .rd-navbar-search-toggle span::before,
.rd-navbar-fixed .rd-navbar-search-toggle span::after {
	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(0.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(0.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-navbar-fixed--hidden {
	display: none;
}

.rd-navbar-fixed .rd-megamenu-carousel {
	display: none;
}

.rd-navbar-fixed .rd-navbar-panel {
	color: #151515;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	background: #ffffff;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
	color: #ffffff;
	background: #ffffff;
	border: 1px solid #d7d7d7;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.focus .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.active .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {
	color: #ffffff;
	background: #79af96;
}

.rd-navbar-fixed .rd-nav-item:hover>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.focus>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.active>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.opened>.rd-navbar-submenu-toggle {
	color: #ffffff;
}

.rd-navbar-fixed .rd-nav-link {
	color: #151515;
}

.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-megamenu-list>li:hover>a,
.rd-navbar-fixed .rd-megamenu-list>li.focus>a,
.rd-navbar-fixed .rd-megamenu-list>li.active>a,
.rd-navbar-fixed .rd-megamenu-list>li.opened>a,
.rd-navbar-fixed .rd-navbar-dropdown>li:hover>a,
.rd-navbar-fixed .rd-navbar-dropdown>li.focus>a,
.rd-navbar-fixed .rd-navbar-dropdown>li.active>a,
.rd-navbar-fixed .rd-navbar-dropdown>li.opened>a {
	color: #ffffff;
	background: #79af96;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
	color: #eb6e6e;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after {
	border-bottom: 1px solid #d7d7d7;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active {
	color: #ffffff;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover {
	color: #79af96;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle {
	color: #151515;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
	color: #151515;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover {
	color: #79af96;
}

.rd-navbar-fixed .rd-navbar-search-toggle {
	color: #151515;
}

.rd-navbar-fixed .rd-navbar-search-toggle:hover {
	color: #79af96;
}

.rd-navbar-fixed .rd-navbar-collapse {
	background-color: #ffffff;
	box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
}

.rd-navbar-fixed .rd-navbar-collapse,
.rd-navbar-fixed .rd-navbar-collapse a {
	color: #151515;
}

html.rd-navbar-fixed-linked .page {
	padding: 0;
	margin-bottom: 60px;
	background: rgb(34, 193, 195);
	background: linear-gradient(276deg, rgba(34, 193, 195, 0.6474964985994398) 0%, rgba(0, 0, 0, 5) 150%);
	padding: 11px 0;
}

@media (min-width: 800px) {

	html.rd-navbar-fixed-linked .page {
		padding: 10px 0px 70px;
	}
}

@media (min-width: 1200px) {
	html.rd-navbar-fixed-linked .page {
		padding-top: 56px;
	}
}

/*
*
* RD Navbar Sidebar
*/
.rd-navbar-sidebar {
	display: block;
	background: #ffffff;
}

.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: 0.5s cubic-bezier(0.4, 0, 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 0;
	background: #ffffff;
	transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	transform: translateX(100%);
	box-shadow: 0 0 13px 0 rgba(204, 204, 204, 0.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.active .rd-nav-link {
	color: #79af96;
}

.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: #cccccc;
}

.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-navbar-submenu>.rd-navbar-submenu .rd-navbar-submenu.opened>.rd-navbar-dropdown {
	transform: translateX(0);
}

.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle,
.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.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;
	margin-left: 5px;
	text-align: center;
	cursor: pointer;
	color: #151515;
}

.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle:hover,
.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle:hover {
	color: #79af96;
}

.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle::after {
	content: '\f107';
	position: relative;
	display: inline-block;
	font-family: "FontAwesome";
	font-size: inherit;
	line-height: inherit;
	text-align: center;
	vertical-align: middle;
	transition: 0.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: #cccccc;
	margin-left: 7px;
}

.rd-navbar-sidebar .rd-menu {
	margin-top: 31px;
}

.rd-navbar-sidebar .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-megamenu-list {
	font-size: 14px;
}

.rd-navbar-sidebar .rd-navbar-dropdown li>a,
.rd-navbar-sidebar .rd-megamenu-list li>a {
	position: relative;
	left: -3px;
	display: flex;
	padding: 1px 14px 1px 0;
	text-align: left;
	transition: all .2s ease;
}

.rd-navbar-sidebar .rd-navbar-dropdown li>a,
.rd-navbar-sidebar .rd-navbar-dropdown li>a:focus,
.rd-navbar-sidebar .rd-navbar-dropdown li>a:active,
.rd-navbar-sidebar .rd-megamenu-list li>a,
.rd-navbar-sidebar .rd-megamenu-list li>a:focus,
.rd-navbar-sidebar .rd-megamenu-list li>a:active {
	color: #151515;
}

.rd-navbar-sidebar .rd-navbar-dropdown li>a:hover,
.rd-navbar-sidebar .rd-megamenu-list li>a:hover {
	color: #151515;
}

.rd-navbar-sidebar .rd-navbar-dropdown li>a::before,
.rd-navbar-sidebar .rd-megamenu-list 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-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,
.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 {
	padding-left: 14px;
	padding-right: 0;
}

.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,
.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 {
	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 {
	display: none;
}

.rd-navbar-sidebar .rd-megamenu-list {
	margin-top: 0;
}

.rd-navbar-sidebar .rd-megamenu-list>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>a::before {
	display: none;
}

.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.focus>a {
	padding-left: 0;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened>.rd-navbar-submenu-toggle {
	color: #79af96;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened>.rd-navbar-submenu-toggle::after {
	top: 1px;
}

.rd-navbar-sidebar .rd-navbar-dropdown>li+li {
	margin-top: 10px;
}

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

.rd-navbar-sidebar .rd-nav-item>.rd-navbar-dropdown .rd-navbar-dropdown>li>a {
	font-size: 12px;
}

@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-navbar-dropdown>li+li,
	.rd-navbar-sidebar .rd-megamenu-list>li+li {
		margin-top: 18px;
	}
}

@media (min-width: 1200px) {
	.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, 0.1);
}

.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main {
	padding-top: 11px;
	padding-bottom: 11px;
}

/**
*
* RD Navbar Classic
* =====================================================
*/
.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: 1770px;
	margin-left: auto;
	margin-right: auto;
	padding: 16px 55px 14px 0;
	transition: padding .35s ease-in-out;
}

@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;
	}
}

/* @media (min-width: 800px) {
	.rd-navbar-classic.rd-navbar-static .rd-navbar-main {
		padding-top: 0px;
		padding-bottom: 26px;
		display: flex;
		align-items: center;
		display: none;
		;
	} */

.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: 0px;
		background-color: #1c745ea6;
		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, 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-stuck,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main {
	padding-top: 11px;
	padding-bottom: 11px;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-classic-project,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-classic-project {
	padding-top: 80px;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-menu,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-menu {
	margin-top: 19px;
}

.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,
.rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link {
	color: #151515;
	background: transparent;
}

.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-item.active .rd-nav-link::before {
	opacity: 1;
	transform: none;
	visibility: visible;
}

.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-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link>.rd-navbar-submenu-toggle {
	color: #151515;
}

.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-link:hover::before {
	opacity: 1;
	transform: none;
	visibility: visible;
}

.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-nav-link::before {
	background: #79af96;
}

.rd-navbar-classic-2.rd-navbar-static .rd-navbar-dropdown li>a::before,
.rd-navbar-classic-2.rd-navbar-static .rd-megamenu-list li>a::before {
	background: #79af96;
}

.rd-navbar-classic-2 .rd-navbar-basket span {
	color: #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: #ffffff;
	transform: translateX(102%);
	box-shadow: 0 0 8px 0 rgba(0, 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 {
	width: 4px;
}

.rd-navbar-project-content::-webkit-scrollbar-thumb {
	background: rgba(235, 110, 110, 0.5);
	border: none;
	border-radius: 0;
}

.rd-navbar-project-content::-webkit-scrollbar-track {
	background: #e1e1e1;
	border: none;
	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);
}

.rd-navbar-classic-project-content .row>div+div {
	margin-top: 15px;
}

.link-instafeed {
	display: inline-block;
	font-size: 14px;
	letter-spacing: .025em;
	color: #151515;
}

.link-instafeed a,
.link-instafeed a:focus,
.link-instafeed a:active {
	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
*/
.swiper-container {
	display: flex;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	height: auto;
	width: 100%;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	z-index: 1;
	display: flex;
	align-self: stretch;
	align-items: stretch;
	width: 100%;
	height: auto;
	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;
}

/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	touch-action: pan-y;
}

.swiper-wp8-vertical {
	touch-action: pan-x;
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
	/* Windows 8 IE 10 fix */
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
}

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

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg);
	}
}

.swiper-slide>.vide__body,
.swiper-slide>.parallax_cnt {
	height: 100%;
}

.swiper-button-prev,
.swiper-button-next {
	text-align: center;
	position: absolute;
	display: none;
	top: 50%;
	width: 47px;
	height: 47px;
	line-height: 47px;
	background: transparent;
	transform: translateY(-50%);
	will-change: transform;
	transition: all .3s ease-in-out;
	cursor: pointer;
	z-index: 10;
}

.swiper-button-prev::before,
.swiper-button-next::before {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	transform: none;
	transition: inherit;
}

.swiper-button-prev::after,
.swiper-button-next::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #ffffff;
	transition: inherit;
	z-index: -1;
}

.swiper-button-prev:hover::before,
.swiper-button-next:hover::before {
	transform: scale(1.4);
}

.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
	border-radius: 50%;
	background: #eb6e6e;
}

@media (min-width: 768px) {

	.swiper-button-prev,
	.swiper-button-next {
		display: block;
	}
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.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: #ffffff;
}

.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: #ffffff;
}

.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: "\f061";
}

.swiper-slider.swiper-container-rtl .swiper-button-next::before {
	content: "\f060";
}

.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 {
	cursor: pointer;
}

.swiper-pagination-bullet {
	text-align: center;
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	border: none;
	border-radius: 0;
	outline: none;
	transition: .2s;
	background: rgba(235, 110, 110, 0.6);
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet:focus {
	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 {
	background: transparent;
}

.swiper-pagination-style-2 .swiper-pagination-bullet::before,
.swiper-pagination-style-2 .swiper-pagination-bullet::after {
	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, 0.6);
	transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
}

.swiper-pagination-style-2 .swiper-pagination-bullet::after {
	opacity: 0;
	background: #79af96;
	transform: translateY(-200%);
	transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
}

.swiper-pagination-style-2 .swiper-pagination-bullet:hover,
.swiper-pagination-style-2 .swiper-pagination-bullet:focus {
	background: transparent;
}

.swiper-pagination-style-2 .swiper-pagination-bullet:hover::before,
.swiper-pagination-style-2 .swiper-pagination-bullet:focus::before {
	background: #eb6e6e;
}

.swiper-pagination-style-2 .swiper-pagination-bullet-active {
	background: transparent;
}

.swiper-pagination-style-2 .swiper-pagination-bullet-active::after {
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
	transition: transform 0.3s ease, opacity 0.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, 0.6);
}

.swiper-pagination-black .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: black;
}

.swiper-container-vertical>.swiper-pagination {
	top: 50%;
	right: 10px;
	transform: translate3d(0px, -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%;
}

.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: transparent;
}

.swiper-slider-classic .swiper-pagination-bullet::before,
.swiper-slider-classic .swiper-pagination-bullet::after {
	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: #ffffff;
}

@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:hover,
.swiper-slider-classic .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: transparent;
}

.swiper-slider-classic .swiper-pagination-bullet:hover::after,
.swiper-slider-classic .swiper-pagination-bullet.swiper-pagination-bullet-active::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;
	}
}

.swiper-slider-classic-2 .swiper-pagination__fraction-index {
	color: #79af96;
}

.swiper-slider-classic-2 .swiper-pagination-bullet::after {
	background: #79af96;
}

.swiper-slider-classic-2 .context-dark .button.button-ujarak::before {
	background: #79af96;
}

.swiper-slider-classic-2 .context-dark .button.button-ujarak:hover,
.swiper-slider-classic-2 .context-dark .button.button-ujarak:active {
	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__fraction {
		display: inline-block;
	}

	.swiper-pagination__divider {
		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-prev,
.swiper-slider-modern .swiper-button-next {
	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;
}

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

.swiper-slider-creative h4 {
	font-weight: 300;
	letter-spacing: .05em;
}

.swiper-slider-creative *+hr,
.swiper-slider-creative *+.swiper-slider-text {
	margin-top: 12px;
}

.swiper-slider-creative *+.swiper-creative-decor {
	margin-top: 16px;
}

.swiper-slider-creative h1+h4 {
	margin-top: 2px;
}

.swiper-slider-creative *+.button-wrap {
	margin-top: 30px;
}

.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: transparent;
}

.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: transparent;
	transform: scale(0, 0) translate3d(-50%, -50%, 0) rotate(0.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: #ffffff;
	transition: all .3s ease;
}

.swiper-slider-creative .swiper-pagination-bullet:hover::after,
.swiper-slider-creative .swiper-pagination-bullet-active::after {
	background: #ffffff;
	transform: scale(1, 1) translate3d(-50%, -50%, 0) rotate(0.1deg);
	transition-delay: .1s;
}

.swiper-slider-creative .swiper-pagination-bullet:hover span,
.swiper-slider-creative .swiper-pagination-bullet-active 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, 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: #ffffff;
		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(0.1deg);
		transform-origin: 50% 0;
	}

	.swiper-slider-creative .swiper-pagination-bullet span {
		height: 1px;
	}

	.swiper-slider-creative .swiper-pagination-bullet:hover::after,
	.swiper-slider-creative .swiper-pagination-bullet-active::after {
		transform: scale(1, 1) translate3d(0, -50%, 0) rotate(0.1deg);
		transition-delay: 0s;
	}

	.swiper-slider-creative .swiper-pagination-bullet:hover span,
	.swiper-slider-creative .swiper-pagination-bullet-active span {
		width: 100%;
		transform: translate3d(24px, 0, 0);
	}

	.swiper-slider-creative .swiper-pagination-bullet-active::before {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, -50%, 0);
	}

	.swiper-slider-creative .swiper-pagination-bullet-active span {
		width: 340%;
	}

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

.swiper-slider-corporate .swiper-pagination-bullet::after {
	background: #eb6e6e;
}

.swiper-slider-corporate .swiper-pagination-bullet:hover::before {
	background: rgba(255, 255, 255, 0.7);
}

.swiper-slider-corporate .button {
	min-width: 180px;
}

.swiper-slider-corporate h6 {
	font-weight: 400;
	letter-spacing: .15em;
	color: #79af96;
}

.swiper-slider-corporate h6+h2 {
	margin-top: 16px;
}

.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: #ffffff;
}

.swiper-slider-tara .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: transparent;
	border: 3px solid #d7d7d7;
	transition: all .1s ease-in-out;
}

.swiper-slider-tara .swiper-pagination-bullet::before,
.swiper-slider-tara .swiper-pagination-bullet::after {
	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']):hover,
.swiper-slider-tara .button.button-ujarak:not([class*='button-primary']):active {
	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, 0.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;
	}
}

/*
* @subsection Google Map
* @description Describes style declarations for RD Google Map extension
* @version     1.0.0
*/
.google-map-markers {
	display: none;
}

.google-map-container {
	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;
}

/*
*
* Isotope
*/
@keyframes sprite-animation {
	from {
		background-position: 0 0;
	}
}

[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: 0.7s sprite-animation steps(18) infinite;
	transition: .4s all ease;
	transform: translate3d(-50%, -50%, 0);
}

[data-isotope-layout] .row {
	margin-bottom: -30px;
}

[data-isotope-layout] .row>[class*="col-"] {
	margin-top: 30px;
}

[data-isotope-layout] .row-narrow {
	margin-bottom: -30px;
}

[data-isotope-layout] .row-narrow>[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 li {
	display: inline-block;
}

.isotope-filters .inline-list a {
	position: relative;
	transition: .3s;
	color: #cccccc;
}

.isotope-filters .inline-list .isotope-filters-trigger {
	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;
}

.isotope-filters-modern .inline-list a:hover {
	color: #79af96;
}

.isotope-filters-modern .inline-list a.active::after {
	width: 100%;
}

@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: #ffffff;
	box-shadow: 0 0 10px 0 rgba(0, 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:focus,
[class*='isotope-filters-list'] a:active {
	color: inherit;
}

[class*='isotope-filters-list'] a:hover {
	color: #ffffff;
}

[class*='isotope-filters-list'] a:hover {
	color: #eb6e6e;
}

[class*='isotope-filters-list'] a.active {
	color: #ffffff;
	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: transparent;
		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:focus,
	.isotope-filters-list a:active {
		color: inherit;
	}

	.isotope-filters-list a:hover {
		color: #eb6e6e;
	}

	.isotope-filters-list a.active {
		color: #eb6e6e;
		background: transparent;
	}

	.isotope-filters-list-2 a,
	.isotope-filters-list-2 a:focus,
	.isotope-filters-list-2 a:active {
		color: inherit;
	}

	.isotope-filters-list-2 a:hover {
		color: #79af96;
	}

	.isotope-filters-list-2 a.active {
		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::before,
	.isotope-filters-list-classic li a::after {
		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:hover,
	.isotope-filters-list-classic li a.active {
		color: #79af96;
		background: transparent;
		border-color: transparent;
	}

	.isotope-filters-list-classic li a:hover::before,
	.isotope-filters-list-classic li a:hover::after,
	.isotope-filters-list-classic li a.active::before,
	.isotope-filters-list-classic li a.active::after {
		transform: none;
	}

	.isotope-filters-list-classic li a:hover::before,
	.isotope-filters-list-classic li a.active::before {
		border-color: #79af96 transparent #79af96 transparent;
	}

	.isotope-filters-list-classic li a:hover::after,
	.isotope-filters-list-classic li a.active::after {
		border-color: transparent #79af96 transparent #79af96;
	}
}

@media (min-width: 992px) {
	.isotope-filters-list-classic li a {
		min-width: 158px;
	}
}

@media (min-width: 768px) {
	.row-isotope {
		margin-left: -0.85%;
		margin-right: -0.85%;
		margin-bottom: -1.7%;
	}

	.row-isotope>* {
		margin-bottom: 1.7%;
		padding-left: 0.85%;
		padding-right: 0.85%;
	}
}

@media (min-width: 768px) {
	.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::before,
.isotope-content::after {
	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-tabs:before,
.tabs-custom .nav-tabs:after {
	display: none;
}

.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 1px 0;
		border-style: solid;
		border-color: #434343;
		color: white;
	}

	.tabs-line .nav-link:hover,
	.tabs-line .nav-link.active {
		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 h5+p {
	margin-top: 8px;
}

.tabs-line-big *+.group-md {
	margin-top: 36px;
}

.tabs-line-style-2 .nav-link {
	letter-spacing: .1em;
}

.tabs-line-style-3 h5+p {
	margin-top: 10px;
}

.tabs-line-style-3 *+.group-md {
	margin-top: 35px;
}

.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: transparent;
	text-align: center;
	vertical-align: middle;
}

.tabs-corporate .nav-link:hover,
.tabs-corporate .nav-link.active {
	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 transparent;
	}
}

@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 1px;
		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;
	}

	.tabs-horizontal.tabs-line .nav-tabs {
		justify-content: space-between;
		border-bottom: 3px solid #e1e1e1;
	}


	#mein_profil .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 {
			justify-content: space-between;
			border-bottom: 3px solid #e1e1e1;
			max-width: 570px;
			margin: 0 auto;
		}
	}


	@media (min-width: 660px) {

		.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;
			padding: 0 0 10px 0;
			border: 0;
			color: white;
			padding: 8px 0px;
		}
	}

	.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: #000000;
	}

	.tabs-horizontal.tabs-line .nav-link.active::after {
		width: 100%;
	}

	.tabs-horizontal.tabs-line *+.tab-content {
		margin-top: 30px;
	}

	.tabs-horizontal.tabs-line-style-3 *+.tab-content {
		margin-top: 26px;
	}

	.tabs-horizontal.tabs-line-big *+.tab-content {
		margin-top: 26px;
	}
}

@media (min-width: 768px) {
	.tabs-horizontal.tabs-corporate .tab-content {
		padding: 45px 40px;
	}
}

@media (min-width: 768px) {
	.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: #ffffff;
}

@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%;
}

/*
*
* Tooltop Custom
*/
.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
*/
.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: 0.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-edge .counter-modern,
.ie-10 .counter-modern,
.ie-11 .counter-modern {
	height: 320px;
}

@media (min-width: 992px) {

	.ie-edge .counter-modern,
	.ie-10 .counter-modern,
	.ie-11 .counter-modern {
		height: 363px;
	}
}

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

.counter-classic-number {
	font-size: 70px;
	line-height: 0.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::before,
.counter-abby::after {
	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(0.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::before,
.context-dark .counter-abby::after {
	border-color: rgba(255, 255, 255, 0.27);
}

.context-dark .counter-abby:hover {
	border-color: rgba(255, 255, 255, 0.27);
}

.counter-amy {
	text-align: center;
	padding: 30px 10px;
}

.counter-amy-number {
	font-size: 110px;
	line-height: 0.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 {
	position: relative;
}

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

.border-modern {
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #e1e1e1;
}

.border-modern>div {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #e1e1e1;
}

.border-creative {
	overflow: hidden;
}

.border-creative>div::before,
.border-creative>div::after {
	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 {
	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, 0.1);
}

.box-ordered {
	counter-reset: div;
}

.box-ordered .box-ordered-item::before {
	content: counter(div, decimal-leading-zero);
	counter-increment: div;
}

.box-ordered-2 {
	counter-reset: div;
}

.box-ordered-2 .box-ordered-item::before {
	content: counter(div, decimal);
	counter-increment: div;
}

/*
*
* Progress Bars
*/
.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: #dddddd;
	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: white;
}

.progress-marker {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 22px;
	height: 22px;
	background: #79af96;
	border: 7px solid #ffffff;
	border-radius: 50%;
	transform: translate(50%, -50%);
	box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.1);
}


.progress-secondary .progress-bar-linear {
	background: #dfec75;
}

.progress-secondary .progress-marker {
	background: #ec7575;
}

.progress-orange .progress-bar-linear {
	background: #e7a855;
}

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

/*
*
* Circle Progress Bars
*/
.progress-bar-circle {
	display: inline-block;
	position: relative;
	text-align: center;
	line-height: 1.2;
	letter-spacing: .05em;
	font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	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 canvas {
	vertical-align: middle;
}

.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-title {
	font-size: 18px;
	letter-spacing: .075em;
	text-transform: uppercase;
	font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #151515;
}

*+.progress-bar-circle-title {
	margin-top: 6px;
}

/*
*
* Time Circles
*/
.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;
	font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@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, 0.3);
	text-transform: uppercase;
}

.time_circles>div>h4+* {
	margin-top: 0;
}

@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: #111111;
}

@media (min-width: 768px) {
	.time_circles>div>span {
		font-size: 34px !important;
	}
}

@media (min-width: 992px) {
	.time_circles>div>span {
		font-size: 48px !important;
	}
}

.context-dark .time_circles>div>span {
	color: #ffffff;
}

.countdown-wrap {
	max-width: 730px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

*+.countdown-wrap {
	margin-top: 35px;
}

*+.DateCountdown {
	margin-top: 20px;
}

.DateCountdown+* {
	margin-top: 40px;
}

.countdown-wrap+.button {
	margin-top: 40px;
}

/*
*
* jScrollPane
*/
.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
	right: 4px;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 100%;
	background: #e1e1e1;
	pointer-events: auto;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: #e1e1e1;
	pointer-events: auto;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: #e1e1e1;
	position: relative;
}

.jspDrag {
	background: rgba(80, 186, 135, 0.5);
	width: 8px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

/*
* Arrow
*/
.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 {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/*
*
* Owl Carousel
*/
.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;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
	transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	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;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
	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 */
.no-js .owl-carousel {
	display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000000;
}

.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: '\f144';
}

.owl-carousel .owl-video-play-icon:hover {
	transform: scale(1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	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 Navigation
 */
.owl-nav.disabled {
	display: none !important;
}

.owl-prev,
.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font: 400 46px/50px 'FontAwesome';
	color: #cccccc;
	cursor: pointer;
}

.owl-prev:hover,
.owl-next:hover {
	color: #79af96;
}

.owl-prev {
	left: 0;
}

.owl-prev::before {
	content: '\f104';
}

.owl-next {
	right: 0;
}

.owl-next::before {
	content: '\f105';
}

/*
 * Owl Pagination
 */
.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: none;
	border-radius: 0;
	margin-left: 6px;
	margin-right: 6px;
	outline: none;
	cursor: pointer;
	transition: .2s;
}

@media (min-width: 992px) {
	.owl-dot {
		margin-left: 4px;
		margin-right: 4px;
	}
}

.owl-dot::before,
.owl-dot::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.owl-dot::before {
	background: #9b9b9b;
	transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
}

.owl-dot::after {
	opacity: 0;
	background: #79af96;
	transform: translateY(-200%);
	transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
}

.owl-dot:only-child {
	display: none;
}

.owl-dot:hover::before,
.owl-dot:focus::before {
	background: #151515;
}

.owl-dot.active::after {
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
	transition: transform 0.3s ease, opacity 0.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, 0.8);
}

.owl-dots-white .owl-dot:hover::before,
.owl-dots-white .owl-dot:focus::before {
	background: #ffffff;
}

.post .owl-dots {
	bottom: 40px;
}

.owl-carousel.owl-carousel-light-dots .owl-dot {
	border-color: #ffffff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot:hover,
.owl-carousel.owl-carousel-light-dots .owl-dot:focus {
	background-color: #ffffff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot.active {
	background-color: #ffffff;
}

.owl-classic .owl-dots {
	position: relative;
	bottom: 0;
	margin-top: 25px;
}

.owl-classic .owl-prev,
.owl-classic .owl-next {
	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-prev::before,
.owl-classic .owl-prev::after,
.owl-classic .owl-next::before,
.owl-classic .owl-next::after {
	display: inline-block;
	vertical-align: middle;
	content: '';
	transition: all .3s ease-in-out;
}

.owl-classic .owl-prev::before,
.owl-classic .owl-next::before {
	height: 2px;
	width: 32px;
	background-color: rgba(21, 21, 21, 0.21);
}

.owl-classic .owl-prev::after,
.owl-classic .owl-next::after {
	width: 0;
	height: 0;
	border-style: solid;
}

.owl-classic .owl-prev:hover,
.owl-classic .owl-next:hover {
	padding-left: 0;
	padding-right: 0;
}

.owl-classic .owl-prev:hover::before,
.owl-classic .owl-next:hover::before {
	background-color: #79af96;
}

.owl-classic .owl-prev:hover::after,
.owl-classic .owl-next: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, 0.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, 0.21);
}

@media (min-width: 1600px) {

	.owl-classic .owl-prev,
	.owl-classic .owl-next {
		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::before,
.owl-modern .owl-stage-outer::after {
	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 {
	position: absolute;
	content: '';
	left: 0;
	bottom: 87px;
	height: 1px;
	width: 100%;
	background: #dddddd;
}

.owl-timeline .owl-prev,
.owl-timeline .owl-next {
	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:hover::before,
.owl-navbar .owl-dot:focus::before {
	background: #9b9b9b;
}

.owl-products .owl-dots {
	position: relative;
	bottom: 0;
	margin-top: 26px;
}

*+.owl-products {
	margin-top: 40px;
}

.owl-clients .owl-dots {
	position: relative;
	bottom: 0;
	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:hover::before,
.owl-posts .owl-dot:focus::before {
	background: #79af96;
}

.owl-posts-2 .owl-dot::after {
	background: #79af96;
}

.owl-posts-2 .owl-dot:hover::before,
.owl-posts-2 .owl-dot:focus::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-prev,
	.owl-services .owl-next {
		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, 0.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, 0.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-prev,
.owl-quote .owl-next {
	width: 74px;
}

.owl-quote .owl-prev::before,
.owl-quote .owl-next::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-prev,
	.owl-quote .owl-next {
		display: flex;
	}

	.owl-quote .owl-dots {
		display: none;
	}
}

@media (min-width: 1600px) {

	.owl-quote .owl-prev,
	.owl-quote .owl-next {
		width: 94px;
	}

	.owl-quote .owl-prev::before,
	.owl-quote .owl-next::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 .owl-dots {
		margin-top: 0;
	}

	.desktop [class*='section-'].section-lg-bottom-10 {
		padding-bottom: 10px;
	}

	.desktop *+.owl-quote {
		margin-top: 0;
	}
}

.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-prev,
.owl-custom-nav .owl-next {
	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-prev:hover,
.owl-custom-nav .owl-next:hover {
	border-color: #79af96;
}

.lg-sub-html,
.lg-toolbar {
	background-color: rgba(0, 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, 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: none;
	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: "\e095";
}

.lg-actions .lg-prev {
	left: 20px;
}

.lg-actions .lg-prev:after {
	content: "\e094";
}

@-webkit-keyframes lg-right-end {

	0%,
	100% {
		left: 0;
	}

	50% {
		left: -30px;
	}
}

@-moz-keyframes lg-right-end {

	0%,
	100% {
		left: 0;
	}

	50% {
		left: -30px;
	}
}

@-ms-keyframes lg-right-end {

	0%,
	100% {
		left: 0;
	}

	50% {
		left: -30px;
	}
}

@keyframes lg-right-end {

	0%,
	100% {
		left: 0;
	}

	50% {
		left: -30px;
	}
}

@-webkit-keyframes lg-left-end {

	0%,
	100% {
		left: 0;
	}

	50% {
		left: 30px;
	}
}

@-moz-keyframes lg-left-end {

	0%,
	100% {
		left: 0;
	}

	50% {
		left: 30px;
	}
}

@-ms-keyframes lg-left-end {

	0%,
	100% {
		left: 0;
	}

	50% {
		left: 30px;
	}
}

@keyframes lg-left-end {

	0%,
	100% {
		left: 0;
	}

	50% {
		left: 30px;
	}
}

.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: "\e070";
}

.lg-toolbar .lg-download:after {
	content: "\e0f2";
}

.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 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
	-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
	-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
	transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.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(0.5, 0.5, 0.5);
	transform: scale3d(0.5, 0.5, 0.5);
	opacity: 0;
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
	-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
	-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
	transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 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 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
	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-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 rgba(255, 255, 255, 0);
	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: #ffffff;
}

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

.lg-outer .lg-toogle-thumb:hover,
.lg-outer.lg-dropdown-active #lg-share {
	color: #fff;
}

.lg-outer .lg-toogle-thumb:after {
	content: "\e1ff";
}

.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: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
	content: "\e01a";
}

.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 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-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 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
	-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
	-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
	transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.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: "\e311";
}

#lg-actual-size {
	font-size: 20px;
}

#lg-actual-size:after {
	content: "\e033";
}

#lg-zoom-out {
	opacity: .5;
	pointer-events: none;
}

#lg-zoom-out:after {
	content: "\e312";
}

.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, 0.5);
	border-radius: 50%;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.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: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
	content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
	background-color: rgba(0, 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, 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%;
}

.lg-outer #lg-share {
	position: relative;
}

.lg-outer #lg-share:after {
	content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
	color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
	content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
	color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
	content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
	color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
	content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
	color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
	content: "\e903";
}

.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-grab img.lg-object {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.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 {
	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,
.lg-outer .lg-item {
	display: inline-block;
	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-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-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-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
	display: none;
}

.lg-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1090;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	-webkit-transition: opacity .15s ease 0s;
	-o-transition: opacity .15s ease 0s;
	transition: opacity .15s ease 0s;
}

.lg-backdrop.in {
	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 {
	opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
	opacity: 1;
}

.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-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, 0.25, 1) 0s, opacity 0.1s ease 0s;
	-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.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, 0.25, 1) 0s, opacity 0.1s ease 0s;
	-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.tablet #lg-zoom-in,
.tablet #lg-zoom-out,
.mobile #lg-zoom-in,
.mobile #lg-zoom-out {
	display: none;
}

.tablet .lg-icon,
.mobile .lg-icon {
	font-size: 22px;
	width: 45px;
}

@media (max-width: 767px) {

	.lg-fullscreen,
	#lg-zoom-in,
	#lg-zoom-out {
		display: none;
	}

	.lg-icon {
		font-size: 22px;
		width: 45px;
	}
}

/*
*
* Material Parallax
*/
.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(0.23, 1, 0.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 0.2s cubic-bezier(0.35, 0, 0.25, 1);
	overflow: visible;
	background-color: #eb6e6e;
	border: 6px solid #ffffff;
	background-clip: padding-box;
	box-shadow: 0 0 2px 3px rgba(0, 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 {
	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;
}

.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: none;
	border: none;
	padding: 0;
	max-width: 36px;
	background-color: transparent;
	border-radius: 0;
}

.rd-range+* {
	margin-top: 22px;
}

.stepper {
	position: relative;
	display: block;
	max-width: 480px;
	display: inline;
	margin-left: -30px;
	font-size: 20px;
}

.stepper input[type="number"] {
	padding: 9px 42px;
	font-weight: 500;
	font-family: "Teko", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	text-align: center;
	font-size: 21px;
	color: black;
}

.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: #ffffff;
	border-radius: 0;
	transition: .3s all ease;
}

.stepper-arrow:hover {
	color: #79af96;
}

.stepper-arrow.up {
	right: 0;
}

.stepper-arrow.up:before {
	content: '\f067';
}

.stepper-arrow.down {
	left: 0;
}

.stepper-arrow.down:before {
	content: '\f068';
}

.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: #ffffff;
	border-color: #ffffff;
}

.table-cart-stepper .stepper-arrow {
	line-height: 36px;
	border-radius: 4px;
	border: 1px solid #e1e1e1;
}

/* popup */



.box {
	width: 100%;
	margin: 0 auto;
	background: #b7d8b4;
	padding: 5px 17px;
	border: 2px solid #000000;
	border-radius: 19px;
	background-clip: padding-box;
	text-align: center;
	display: grid;
	justify-items: center;
}

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 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: bold;
	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: 0px 10px;
	}

}



/* popup end */

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-row>.navigation1 {
	flex-direction: column-reverse;
}


.font-size-dynamisch {
	font-size: clamp(18px, 1vw, 22px) !important;
}

footer {
	display: none;
}

@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 black);
}


@media screen and (min-width: 800px) {
	.form-registrieren {
		max-width: 70%;
		background-color: #5d8569;
		padding: 170px 200px;
		margin: 0px auto;
		opacity: 0.6;
	}
}



.form-registrieren1 {
	max-width: 100%;
	background-color: #5d8569;
	margin: 159px auto;
	text-align: center;
	filter: drop-shadow(8px -6px 4px black);
	padding: 20px;
	width: 70%;
	margin: 0px 13px;
	text-align: justify;
}

@media screen and (min-width: 800px) {
	.form-registrieren1 {
		max-width: 100%;
		background-color: #5d8569;
		margin: 0px auto;

	}
}


.form-signin {
	max-width: 90%;
	background-color: #5d8569;
	padding: 130px 50px;
	margin: 280px auto;
	text-align: center;
	filter: drop-shadow(8px -6px 4px black);
}

@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;
	}
}

/* like animation */

/* like dislike btn */

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


}

/* like dislike btn ende */


.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 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: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: blue;
	stroke: blue;
}

.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after {
	background-color: red !important
}

.pretty.p-switch input:checked~.state.p-info:before {
	border-color: red
}

.pretty.p-switch.p-fill input:checked~.state.p-info:before {
	background-color: red !important
}


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

/* like dislike btn ende */


.icon .fa .fa-times {
	font-size: 15px;
}


.pretty {
	position: relative;
	display: inline-block;
	margin-right: 1em;
	white-space: nowrap;
	line-height: 1;
	font-size: 50px !important;
}

/* like dislike btn ende */


.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 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: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.p-default:not(.p-fill) input:checked~.state1.p-info1-o label:after {
	background-color: red !important
}

.pretty1.p-switch input:checked~.state1.p-info1:before {
	border-color: red
}

.pretty1.p-switch.p-fill input:checked~.state1.p-info1:before {
	background-color: red !important
}


.pretty1 {
	position: relative;
	display: inline-block;
	margin-right: 1em;
	white-space: nowrap;
	line-height: 1;
	font-size: 50px !important;
}


/* Nachrichten SYSTEM */


.main-section small {
	font-size: 12px;
}

.main-section h3,
.main-section h5 {
	margin: 0px;
}

.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: 0px;
	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 0px 15px;
}

.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: 0px;
	margin: 0px;
	list-style: none;
}

.left-section ul li {
	padding: 25px 0px;
	cursor: pointer;
	border-bottom: solid 1px;
}

.left-section ul li.active {
	background: #009EF7;
	color: #fff;
	position: relative;
}

.mCustomScrollBox,
.mCSB_container {
	overflow: unset !important;
}

.left-section ul li.active .desc .time {
	color: #fff;
}

.left-section ul li.active:before {
	position: absolute;
	content: '';
	right: -10px;
	border: 5px solid #009EF7;
	top: 0px;
	bottom: 0px;
	border-radius: 0px 3px 3px 0px;
}

.left-section ul li.active:after {
	position: absolute;
	content: "";
	bottom: 0px;
	right: 0px;
	left: auto;
	width: 100%;
	top: 0px;
	-webkit-box-shadow: -8px 4px 10px #a1a1a1;
	-moz-box-shadow: -8px 4px 10px #a1a1a1;
	box-shadow: -8px 4px 10px #a1a1a1;
}

.left-section .chatList {
	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: 0px;
	list-style: none;
	margin: 0px auto;
	width: 90%;
	overflow: hidden;
}

.message ul li {
	position: relative;
	width: 80%;
	padding: 15px 0px;
	clear: both;
}

.message ul li.msg-left {
	float: left;
}

.message ul li.msg-left img {
	position: absolute;
	margin: 0px -270px;
}

.message ul li.msg-left .msg-desc {
	margin-left: 70px;
	font-size: 12px;
	background: #E8E8E8;
	padding: 10px 25px;
	border-radius: 5px 5px 5px 0px;
	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: 0px;
	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: 0px;
	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 0px;
	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: 0px;
	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: 0px;
	margin: 15px 0px;
}

.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: 0px;
	padding: 8px 5px;
	width: calc(100% - 150px);
}

.right-section-bottom .btn-send {
	border: 0px;
	padding: 8px 10px;
	float: right;
	margin-right: 30px;
	color: #009EF7;
	font-size: 18px;
	background: #fff;
	cursor: pointer;
}

.upload-btn {
	position: relative;
	overflow: hidden;
	display: inline-block;
	float: left;
}

.upload-btn .btn {
	border: 0px;
	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;
}


/* checkbox */


div#demo1 input[type="radio"] {
	display: None;
}

div#demo1 input[type="radio"]+label {
	width: 63px;
	height: 70px;
	display: Inline-Block;
	float: Left;
	filter: contrast(0.5);
	margin: 10px 40px;
}

div#demo1 input[type="radio"]:checked+label {
	outline: solid 3px #2DBBFF;
	border-radius: 100px;
}

div#demo1 p {
	clear: Left;
}

/* ########## */



div .form-group #demo2 input[type="radio"] {
	display: None;
}

div .form-group #demo2 input[type="radio"]+label {
	width: 58px;
	height: 70px;
	display: Inline-Block;
	float: Left;
	filter: contrast(0.5);
	margin: 10px 40px;
}

div .form-group #demo2 input[type="radio"]:checked+label {
	outline: solid 3px #2DBBFF;
	border-radius: 100px;
	height: 56px;
}

div .form-group #demo2 p {
	clear: Left;
}



.demo06 {
	display: contents;
}

div#demo6 input[type="radio"] {
	display: None;

}

div#demo6 input[type="radio"]+label {
	width: 63px;
	height: 70px;
	display: Inline-Block;
	float: Left;
	filter: contrast(0.5);
	margin: 10px 40px;
}

div#demo6 input[type="radio"]:checked+label {
	outline: solid 3px #2DBBFF;
	border-radius: 100px;
	filter: none;
	height: 63px;
}

div#demo6 p {
	clear: Left;
}

div#demo10 input[type="radio"] {
	display: None;

}

div#demo10 input[type="radio"]+label {
	width: 63px;
	height: 70px;
	display: Inline-Block;
	float: Left;
	filter: contrast(0.5);
	margin: 10px 40px;
}

div#demo10 input[type="radio"]:checked+label {
	outline: solid 3px #2DBBFF;
	border-radius: 100px;
	filter: none;
	height: 63px;
}

div#demo10 p {
	clear: Left;
}



/* #demo22 */
div#demo22 input[type="radio"] {
	display: None;

}

div#demo22 input[type="radio"]+label {
	width: 63px;
	height: 70px;
	display: Inline-Block;
	float: Left;
	filter: contrast(0.5);
	margin: 10px 40px;
}

div#demo22 input[type="radio"]:checked+label {
	outline: solid 3px #2DBBFF;
	border-radius: 100px;
	filter: none;
	height: 63px;
}

div#demo22 p {
	clear: Left;
}



/* #demo28 */
div#demo28 input[type="radio"] {
	display: None;
}

div#demo28 input[type="radio"]+label {
	width: 63px;
	height: 70px;
	display: Inline-Block;
	float: Left;
	filter: contrast(0.5);
	margin: 10px 40px;
}

div#demo28 input[type="radio"]:checked+label {
	outline: solid 3px #2DBBFF;
	border-radius: 100px;
	filter: none;
	height: 63px;
}

div#demo28 p {
	clear: Left;
}





/* #demo23 */
div#demo23 input[type="radio"] {
	display: None;

}

div#demo23 input[type="radio"]+label {
	width: 63px;
	height: 70px;
	display: Inline-Block;
	float: Left;
	filter: contrast(0.5);
	margin: 10px 40px;
}

div#demo23 input[type="radio"]:checked+label {
	outline: solid 3px #2DBBFF;
	border-radius: 100px;
	filter: none;
	height: 63px;
}

div#demo23 p {
	clear: Left;
}




/* #demo32 */
div#demo32 input[type="radio"] {
	display: None;

}

div#demo32 input[type="radio"]+label {
	width: 63px;
	height: 70px;
	display: Inline-Block;
	float: Left;
	filter: contrast(0.5);
	margin: 10px 40px;
}

div#demo32 input[type="radio"]:checked+label {
	outline: solid 3px #2DBBFF;
	border-radius: 100px;
	filter: none;
	height: 63px;
}

div#demo32 p {
	clear: Left;
}


/* #demo36 */
div#demo36 input[type="radio"] {
	display: None;

}

div#demo36 input[type="radio"]+label {
	width: 63px;
	height: 70px;
	display: Inline-Block;
	float: Left;
	filter: contrast(0.5);
	margin: 10px 40px;
}

div#demo36 input[type="radio"]:checked+label {
	outline: solid 3px #2DBBFF;
	border-radius: 100px;
	filter: none;
	height: 63px;
}

div#demo36 p {
	clear: Left;
}




.line1 {
	border-bottom: solid !important;
	padding: 20px 0px;
	margin: 10px 10px;
	border-color: grey;
	display: flex;
}


div#demo11 input[type="radio"] {
	display: None;

}

div#demo11 input[type="radio"]+label {
	width: 63px;
	height: 70px;
	display: Inline-Block;
	float: Left;
	filter: contrast(0.5);
	margin: 10px 40px;
}

div#demo11 input[type="radio"]:checked+label {
	outline: solid 3px #2DBBFF;
	border-radius: 100px;
	filter: none;
	height: 63px;
}

div#demo11 p {
	clear: Left;
}


/* Combobox */


select {
	appearance: none;
	outline: 10px red;
	border: 0;
	box-shadow: none;
	flex: 1;
	padding: 9px 0.5em;
	color: #000;
	background-image: none;
	cursor: pointer;
	background-color: white;
}

/* Remove IE arrow */
select::-ms-expand {
	display: none;
}

/* Custom Select wrapper */
.select {
	position: relative;
	display: flex;
	width: 20em;
	height: 3em;
	border-radius: .25em;
	overflow: hidden;
}

/* Arrow */
.select::after {
	content: '\25BC';
	position: absolute;
	top: 0;
	right: 0;
	padding: 1em;
	background-color: #34495e;
	transition: .25s all ease;
	pointer-events: none;
}

/* Transition */
.select:hover::after {
	color: #f39c12;
}


.down_note {
	display: flex;
	justify-content: center;

}

.einstellungen-bg-tab {
	background-color: ghostwhite;
}

.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: 0px;
}


/* checkbox_neu */

.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: 0.5rem 0.5rem;
}

.checkbox-group-legend {
	display: none;
}

@media (min-width: 700px) {

	.checkbox-group-legend {
		font-size: 1.5rem;
		font-weight: 700;
		color: #000000;
		text-align: center;
		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, 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, 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: 0.5rem;
	border: 2px solid black;
	background-color: #b7d8b4;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	transition: 0.15s ease;
	cursor: pointer;
	position: relative;
	margin: 4px 0px;
}

.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: 0.25rem;
	left: 0.25rem;
	opacity: 0;
	transform: scale(0);
	transition: 0.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: 0.375s ease;
	color: #494949;
	margin: 15px;
}

.checkbox-icon svg {
	width: 3rem;
	height: 3rem;
}

.checkbox-label {
	color: #000000;
	transition: 0.375s ease;
	text-align: center;
}


/* .container img {
    width: 60%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -510px;
    bottom: 0;
    cursor: pointer;
    height: 120px !important;
}


@media (min-width: 992px) {
	.container img {
		width: 30%;
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		top: -590px;
		bottom: 0;
		cursor: pointer;
		height: 190px !important;
	}
} */



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



/* Einstellungen Radio buttons geschlecht usw */

.card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
	-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 16, 0.19), 0 0.3rem 0.3rem rgba(0, 0, 16, 0.23);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 16, 0.19), 0 0.3rem 0.3rem rgba(0, 0, 16, 0.23);
	background-color: rgb(255, 255, 255);
	padding: 0.8rem;
	width: 33rem;
}

.rating-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0.4rem 0.8rem;
	width: 100%;
}

.rating-text p {
	color: rgba(0, 0, 16, 0.8);
	font-size: 1.3rem;
	padding: 0.3rem;
}

.rating {
	background-color: rgba(0, 0, 16, 0.8);
	padding: 0.4rem 0.4rem 0.1rem 0.4rem;
	border-radius: 2.2rem;
}

svg {
	height: 2.6rem;
	width: 2.4rem;
	margin: -0.8rem 0px;
}

.rating-form-2 svg {
	height: 3rem;
	width: 3rem;
	margin: 0.5rem;
}

#radios label {
	position: relative;
}



input[type="radio"]+svg {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

input+svg {
	cursor: pointer;
}

input[class="super-happy"]:hover+svg,
input[class="super-happy"]:checked+svg,
input[class="super-happy"]:focus+svg {
	fill: rgb(0, 109, 217);
}

input[class="happy"]:hover+svg,
input[class="happy"]:checked+svg,
input[class="happy"]:focus+svg {
	fill: rgb(0, 204, 79);
}

input[class="neutral"]:hover+svg,
input[class="neutral"]:checked+svg,
input[class="neutral"]:focus+svg {
	fill: rgb(232, 214, 0);
}

input[class="sad"]:hover+svg,
input[class="sad"]:checked+svg,
input[class="sad"]:focus+svg {
	fill: rgb(229, 132, 0);
}

input[class="super-sad"]:hover+svg,
input[class="super-sad"]:checked+svg,
input[class="super-sad"]:focus+svg {
	fill: rgb(239, 42, 16);
}




.stepper-input {
	width: 50% !important;
	margin-left: 37px;
}

.stepper-arrow.up {
	right: 3% !important;
	position: absolute;
	color: black;
}

.stepper-arrow.down {
	left: 15%;
	position: absolute;
	color: black;
}

.radio-height {
    min-height: 80px;
    padding: 19px 0px;
    min-width: 27px;
    font-size: 11px;
    color: black;
    font-weight: 800;
}

@media (min-width: 480px) {

	.radio-height {
		min-height: 100px;
		padding: 19px 0px;
		min-width: 97px;
		font-size: 11px;
		color: black;
		font-weight: 800;
	}
}

input:is([type="text"]) {
	width: 100%;
	padding: 12px 6px;
	font-size: 16px;
}

@media (min-width: 800px) {
	input:is([type="text"]) {
		width: 100%;
		padding: 12px 6px;
		font-size: 16px;
	}
}




.einstellungen input:is([type="text"]) {
	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: black;
	}
}

#footer input:is([type="text"]),
input:is([type="email"]) {
	width: 100%;
	padding: 12px 6px;
	font-size: 16px;
}

@media (min-width: 800px) {

	#footer input:is([type="text"]),
	input:is([type="email"]) {
		width: 100%;
		padding: 12px 6px;
		font-size: 16px;
	}
}



@media (min-width: 800px) {

	.box-footer input:is([type="text"]),
	input:is([type="checkbox"]),
	input:is([type="password"]) {


		padding: 12px 6px;
		font-size: 16px;
	}
}



/* input:is([type="email"]) {
	background-color: #fff;
	max-width: 50%;
	margin: 10px 0px;

	padding: 8px;
} */

input:is([type="checkbox"]) {
	background-color: #fff;
	max-width: 100%;
	margin: 7px 0px;
	width: 20px;
	padding: 28px;
	font-size: 80px;
	height: 17px;
}

input:is([type="password"]) {
	background-color: #fff;
	max-width: 100%;
	margin: 10px 0px;
	width: 240px;
	padding: 8px;
}


/* // Einstellungen Tabs  */



.page-content {

	margin: 32px auto;
	padding: 32px;
	background: #fff;
	min-height: 100vh;
}

[data-tab-content] {
	display: none;
}

.active[data-tab-content] {
	display: block;
}

.tabs {
	display: block;
	justify-content: space-around;
	list-style-type: none;
	margin: 0;
	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 {
	flex: 1;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	padding: 10px;
	color: #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

.tab.active {
	color: #1babf9;
	border-bottom: 2px solid #71a16d;
}

.tab-li {
	flex: 1;
	margin-bottom: 0;
}

.tab-li a {
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	padding: 10px 0;
	color: #cdcdcd;
	border-bottom: 2px solid #cdcdcd;
	margin-bottom: 0.4rem;
	width: 100%;
	display: block;
}

.tab-li a.active {
	color: #71a16d;
	border-bottom: 2px solid #71a16d;
}

.tab-li a {
	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;
}

.middle legend {
	margin-top: 20px;
	color: black !important;
}

.flex-btn {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 30px;
}

.einloggen-section {
	max-width: 100%;
	padding: 0px 15px;
	transform: translate(0px, -220px);
}

@media (min-width: 800px) {
	.einloggen-section {
		max-width: 40%;
		margin: 0 auto;
	}
}

.einloggen-pic {
	width: 100%;
	height: 50%;
	padding: 30px 0px;
}

@media (min-width: 800px) {
	.einloggen-pic {
		width: 70%;
		height: 50%;
	}
}

.einloggen-willkommen-section {
	padding: 150px 20px;
	max-width: 100%;
	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: 0px 10px 30px;
}


.einloggen-willkommen-section-2 {
	max-width: 100%;
	margin: 0 auto;
}


@media (min-width: 800px) {
	.einloggen-willkommen-section-2 {
		padding: 0px 0px 0px 0px;
		max-width: 100%;
		margin: 0px auto;
		justify-content: center;
	}
}


.einloggen-section-1 {
	padding: 60px 0px 50px;
	max-width: 100%;
	margin: 0px auto;
}


@media (min-width: 800px) {
	.einloggen-section-1 {
		padding: 80px 20px 80px;
		max-width: 91.7%;
		background-color: #668f7c;
		background-image: url(../images/login-bg.png);
	}
}



.register-section-1 {
	padding: 60px 0px 50px;
	max-width: 100%;
	margin: 40px auto;
}


@media (min-width: 800px) {
	.register-section-1 {
		padding: 70px 20px 70px;
		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;
}

@-webkit-keyframes AnimationName {
	0% {
		background-position: 48% 0%
	}

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

	100% {
		background-position: 48% 0%
	}
}

@-moz-keyframes AnimationName {
	0% {
		background-position: 48% 0%
	}

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

	100% {
		background-position: 48% 0%
	}
}

@-o-keyframes AnimationName {
	0% {
		background-position: 48% 0%
	}

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

	100% {
		background-position: 48% 0%
	}
}

@keyframes AnimationName {
	0% {
		background-position: 48% 0%
	}

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

	100% {
		background-position: 48% 0%
	}
}

.einloggen-green-box {
	background-color: #5d8569;
	padding: 4px 0px;
	color: white;
	max-width: 123%;
	margin: -37px -6px;
	border-radius: 15px;
}

@media (min-width: 500px) {
	.einloggen-green-box {
		background-color: #000000;
		padding: 40px 0px;
		color: white;
		margin: 0 auto;
		border-radius: 30px;
		opacity: 0.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 0px;
	max-width: 100%;
	margin: -108px auto 110px;
}


@media (min-width: 800px) {
	.register-willkommen-section {
		padding: 70px 20px 70px;
		max-width: 91.6%;
		margin: 0 auto;
		background-color: #668f7c;
		background-image: url(../images/communication.png);
		margin-top: 50px;
		background-repeat: unset;
	}
}

.index-text-box-1 {
	width: 95%;
	margin: 0 auto;
	padding: 27px 14px;
	background: #6ba596;
}

.index-text-box-1 a {
	text-align: center;
}

@media (min-width: 800px) {

	.index-text-box-1 {
		width: 1070px;
		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: bold;
	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: 0.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: 0.9rem;
}

.custom-form__search-wrapper input:-ms-input-placeholder,
.custom-form__send-wrapper input:-ms-input-placeholder {
	color: var(--colour-text-lighter);
	font-size: 0.9rem;
}

.custom-form__search-wrapper input::placeholder,
.custom-form__send-wrapper input::placeholder {
	color: var(--colour-text-lighter);
	font-size: 0.9rem;
}

.custom-form__search-wrapper input:focus,
.custom-form__send-wrapper input:focus {
	outline: none;
	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: none;
	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: none;
	outline: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.custom-form__search-submit:focus {
	outline: none;
	border: none;
}

.custom-form__send-submit {
	position: absolute;
	top: 50%;
	right: 0.5rem;
	transform: translateY(-50%);
	height: 2.3rem;
	width: 2.3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--colour-primary);
	border-radius: 50%;
	box-shadow: 0 3px 3px var(--send-btn-box-shadow-colour);
	border: none;
	outline: none;
	text-align: center;
	font-size: 1.2rem;
	padding-top: 0.3rem;
	color: white;
	padding-right: 0.1rem;
}

.custom-form__send-submit:focus {
	outline: none;
	border: none;
}

.custom-form__send-submit:hover {
	background-color: var(--colour-primary-darker);
}

.custom-form__send-img {
	position: absolute;
	top: 50%;
	left: 0.5rem;
	transform: translateY(-50%);
	width: 2.3rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.custom-form__send-emoji {
	position: absolute;
	top: 50%;
	right: 3.2rem;
	transform: translateY(-50%);
	width: 2.3rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.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: bold;
}

.messaging-member--online .user-status {
	background-color: var(--colour-third-lighter);
}

.messaging-member--active {
	background-color: var(--colour-primary-lightest);
}

.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: 0.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: 50%;
	width: 100%;
}

.messaging-member__name {
	font-weight: bold;
	grid-area: name;
	color: var(--colour-text-darker);
	margin-top: auto;
	font-size: 0.9rem;
}

.messaging-member__message {
	grid-area: message;
	white-space: nowrap;
	word-break: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 0.9rem;
}

.chat {
	height: 100%;
	width: 100%;
	background-color: #ebebeb;
}

.chat__container {
	height: 100%;
	width: 100%;
}

.chat__wrapper {
	background-color: var(--bg-page);
	height: 100%;
	width: 100%;
	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;
	text-align: center;
	border-radius: 50%;
	font-weight: bold;
	color: white;
	background-color: var(--colour-primary);
	font-size: 0.9rem;
}

.chat__notification--new span {
	display: block;
}

.chat__infos {
	flex-grow: 1;
}

.chat__actions {
	font-size: 5px;
	height: 2rem;
	min-width: 2rem;
	color: var(--colour-primary);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.chat__actions ul {
	list-style: none;
	display: flex;
}

.chat__actions li {
	width: 2.6rem;
	height: 2.6rem;
	padding: 0.35rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: var(--bg-page);
}

.chat__actions li+li {
	margin-left: 0.3rem;
}

.chat__actions li:hover {
	background-color: var(--colour-primary-lightest);
}

.chat__content {
	flex-grow: 1;
	overflow-y: auto;
}

.chat__list-messages {
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.chat__list-messages li {
	margin-bottom: 0.7rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.chat__list-messages li .chat__bubble {
	margin-bottom: 0.2rem;
}

.chat__bubble {
	position: relative;
	color: var(--colour-text-darkest);
	padding: 0.5rem 1rem;
	border-radius: 22px;
	background-color: var(--bg-page);
	max-width: 30rem;
	font-size: 0.9rem;
	overflow: hidden;
	overflow-wrap: break-word;
	word-break: break-word;
}

.chat__bubble--you {
	margin-left: 2rem;
	align-self: flex-end;
	background-color: grey;
	min-width: auto;
}

.chat__bubble--me {
	margin-left: 2rem;
	background-color: red;
	min-width: auto;
}

.chat__time {
	font-size: 0.8rem;
	color: var(--colour-text-lighter);
	align-self: center;
	padding-bottom: 0.2rem;
}

.chat__send-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.chat-member__wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.chat-member__avatar {
	position: relative;
	width: 3.5rem;
}

.messaging-member__avatar img {
	border-radius: 20%;
	width: 100%;
	height: 70px;
}

@media screen and (max-width: 767px) {
	.chat-member__avatar {
		width: 2.5rem;
	}
}

.chat-member__name {
	font-weight: bold;
	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: 0.9rem;
	}
}

.chat-member__details {
	margin-left: 0.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: 0.9rem;
	color: var(--colour-text-lighter);
	position: relative;
}

.chat-member__age::after {
	content: " . ";
	font-size: 0px;
	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: 0.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 0.3s ease-in-out 0.1s;
}

.chat--mobile .chat__wrapper {
	border-radius: 0;
}

.chat--mobile.chat--show {
	display: block;
	transform: translateY(0%);
	border-radius: 0;
}

.user-profile {
	width: 100%;
	height: 100%;
	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: bold;
	margin-top: 0.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: 0.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: 0.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: 0.9rem;
}

.user-profile__label {
	font-size: 0.9rem;
	font-weight: bold;
}

.user-profile__tags {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.user-profile__tags li {
	padding: 0.3rem 1rem;
	border-radius: 1rem;
	margin-right: 0.3rem;
	margin-bottom: 0.3rem;
	font-size: 0.9rem;
}

.user-profile__tags a:hover {
	text-decoration: none;
}

.user-profile__tags--primary li {
	background-color: var(--colour-primary-lightest);
	color: var(--colour-primary-darker);
}

.user-profile__tags--primary a:hover {
	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 0.3s ease-in-out 0.1s;
	background-color: var(--bg-page);
	box-shadow: -3px 0 3px rgba(0, 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 white;
	border-radius: 50%;
}

.user-status--online {
	background-color: var(--colour-third);
}

.svg-icon {
	width: 70%;
}

.svg-icon path,
.svg-icon circle {
	fill: var(--colour-primary);
}

.svg-icon--send {
	width: 100%;
	filter: brightness(0);
}

.svg-icon--send:hover {
	width: 100%;
	filter: brightness(0.3);
}

.svg-icon--send path,
.svg-icon--send circle {
	fill: white;
}

.svg-icon--search {
	width: 40%;
}

.svg-icon--search path,
.svg-icon--search circle {
	fill: var(--bg-page-darkest);
}

.svg-icon--send-img {
	width: 55%;
}

.svg-icon--send-img path,
.svg-icon--send-img circle {
	fill: var(--bg-page-darkest);
}

.svg-icon--send-emoji {
	width: 60%;
}

.svg-icon--send-emoji path,
.svg-icon--send-emoji circle {
	fill: var(--bg-page-darkest);
}

.svg-icon--previous {
	width: 55%;
}

.svg-icon--dark-mode {
	width: 80%;
}

.svg-icon--dark-mode path,
.svg-icon--dark-mode circle {
	fill: var(--colour-primary);
}



.img-nachrichten-big {
	border-radius: 230px;
	height: 70px;
}



/* Tinder Swipes  */

.tinder {
	width: 100vw;
	height: 76vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
	opacity: 0;
	transition: opacity 0.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(0.3);
	transition: all 0.2s ease-in-out;
	position: absolute;
	width: 100px;
	margin-left: -50px;
}

.tinder_love .fa-arrow-right {
	opacity: 0.7;
	transform: scale(1);
}

.tinder_nope .fa-arrow-left {
	opacity: 0.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 0.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 0.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,
			rgb(233, 235, 234),
			rgb(233, 235, 234));
	background-color: #f5f5f5;
}

.tinder--card.ingredients {
	background: lightblue;
}

.tinder--card.process {
	background: lightpink;
}

.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: #ffffff;
	display: inline-block;
	margin: 0 8px;
	cursor: pointer;
}

.tinder--buttons button:focus {
	outline: 0;
}

.tinder--buttons button:hover {
	opacity: 0.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: lightgrey;
	padding: 5px;
	font-size: 0.7em;
	text-align: center;
}

.recipe_details {
	background: #f5f5f5;
}

.fa-ul.ingredients {
	margin-top: 10px;
}

.fa-ul.ingredients>li {
	padding: 8px;
}

.variation {
	padding: 15px;
	margin-left: 25px;
	margin-right: 25px;
	border-top: 2px dashed lightyellow;
	pointer-events: none;
}

.fbr {
	color: firebrick;
}

i.fbr {
	display: inline-block;
	border-radius: 60px;
	box-shadow: 0px 0px 0px 2px firebrick;
	padding: 0.2em 0.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 {
	position: relative;
	left: calc(50% - 0.5em);
	transform: translate(-50%);
	margin-top: 20px;
	color: lightyellow;
	font-size: 2em;
}

.ingInfoArr {
	position: relative;
	left: 50%;
	transform: translate(-50%);
	margin-top: 7px;
	color: lightyellow;
	font-size: 1em;
}

ul.process,
ul.info {
	margin-top: 10px;
}

ul.process>li,
ul.info>li {
	padding-top: 10px;
}

ul.info {
	top: 50%;
	z-index: 5;
}

.white {
	color: white;
}

.whyCook {
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 25px;
}

.tinder--info {
	position: absolute;
	top: 200vh;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	width: 90vw;
	max-width: 380px;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	padding-right: 20px;
	transition: 500ms;
}

.infoIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20em;
	color: rgba(255, 255, 255, 0.2);
	z-index: 7;
}



.tinder--info>.bg {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 100%;
	transform: translate(-50%, -50%);
	border-radius: 5px;
	background-color: lightgreen;
}

.closeMe {
	position: absolute;
	top: -8px;
	right: -8px;
	font-size: 2em;
	border-radius: 50%;
	width: 1.15em;
	background-color: #000;
	color: white;
	border: none;
	cursor: pointer;
}

.tomatos {
	max-height: 180px;
	position: relative;
	left: 50%;
	transform: translate(-50%);
}

.servings,
.cookTime {
	color: midnightblue;
}







h1,
.heading-1 {
	font-size: 44px !important;
	line-height: 0.85455;
}


/* Upload */

::selection {
	color: #fff;
	background: #79af96;
}

.wrapper {
	width: 430px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 7px 7px 12px rgba(0, 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: black;
}

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: none;
}

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: 0px;
}

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

.uploaded-area i.fa-check {
	font-size: 16px;
}




.carousel-arrow {
	position: absolute;
	display: flex;
	justify-content: center;
	top: 0;
	bottom: 64px;
	margin-block: auto;
	height: fit-content;
	width: 48px;
	background-color: white;
	border: none;
	font-size: 3rem;
	padding: 0;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 100ms;
}

.carousel-arrow:hover,
.carousel-arrow:focus {
	opacity: 1;
}

.carousel-arrow--prev {
	left: 0;
}

.carousel-arrow--next {
	right: 0;
}



.carousel-container {
	width: 100%;
	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 {
		width: 100%;
		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 {
	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 0px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
	gap: 10px;
	height: 50px;
}


















@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Manrope:300,400,500,600,700&display=swap&subset=latin-ext");

: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: none;
	box-sizing: border-box;
}

img {
	max-width: 100%;
}



html {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

.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 {
	height: 80px;
	width: 100%;
	border-bottom: 1px solid var(--border-color);
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.wrapper {
	width: 100%;
	display: flex;
	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: 0px;
	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;
		margin-bottom: 100px;
		max-height: 690px;
		overflow: scroll;
		margin: 0 auto;
	}
}

.detail-area {
	border-left: 1px solid var(--border-color);
	margin-left: auto;
	padding: 30px 30px 0 30px;
	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: none;
	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;
}

.search-bar input::placeholder {
	color: var(--input-chat-color);
}

.logo {
	color: var(--theme-color);
	width: 38px;
	flex-shrink: 0;
}

.logo svg {
	width: 100%;
}

.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: 0.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-profile.group {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--border-color);
}

.msg-profile.group svg {
	width: 60%;
}

.msg {
	display: flex;
	align-items: center;
	padding: 20px;
	cursor: pointer;
	transition: 0.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 {
	position: sticky;
	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;
	flex-shrink: 0;
	z-index: 1;
	cursor: pointer;
}

.overlay {
	position: sticky;
	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;
}

.chat-msg-text+.chat-msg-text {
	margin-top: 10px;
}

.chat-msg-text {
	color: var(--chat-text-color);
}

.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;
	flex-shrink: 0;
	cursor: pointer;
}

.chat-area-footer svg:hover {
	color: var(--settings-icon-hover);
}

.chat-area-footer svg+svg {
	margin-left: 12px;
}

.chat-area-footer input {
	border: none;
	color: var(--body-color);
	background-color: var(--input-bg);
	padding: 12px;
	border-radius: 6px;
	font-size: 15px;
	margin: 0 12px;
	width: 100%;
}

.chat-area-footer input::placeholder {
	color: var(--input-chat-color);
}

.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: none;
	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 {
	width: 16px;
}

.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-title svg {
	margin-right: 8px;
}

.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 {
	text-decoration: none;
	font-size: 14px;
	width: calc(100% + 60px);
	margin-left: -30px;
	display: flex;
	align-items: center;
	margin-top: auto;
	overflow: hidden;
	color: #9c9cab;
	padding: 0 20px;
	height: 52px;
	flex-shrink: 0;
	position: relative;
	justify-content: center;
}

.follow-me svg {
	width: 16px;
	height: 16px;
	margin-right: 8px;
}

.follow-text {
	display: flex;
	align-items: center;
	transition: 0.3s;
}

.follow-me:hover .follow-text {
	transform: translateY(100%);
}

.follow-me:hover .developer {
	top: 0;
}

.developer {
	position: absolute;
	color: var(--detail-font-color);
	font-weight: 600;
	left: 0;
	top: -100%;
	display: flex;
	transition: 0.3s;
	padding: 0 20px;
	align-items: center;
	justify-content: center;
	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 .search-bar input,
.dark-mode .detail-area 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%;
	display: flex;
	justify-content: center;
	align-items: center;
	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);
	/* fixes a bug in Safari iOS where the scroller doesn't update */
}

.einstellungen-padding {
	margin-bottom: 150px;
}


.tinstar-munzen {
	background-color: #79af96;
	padding: 20px;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 20px;
	color: white;
	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: white;
		font-weight: 800;
	}
}

.flex-container12 {
	display: flex;
	/* padding: 50px; */
	width: 100%;
	justify-content: center;
	flex-direction: column-reverse;
	background-color: #79af96;
	width: 78%;
	margin-bottom: 50px;
	text-align: center;
	margin: 0 auto;
}

@media (min-width: 1000px) {
	.flex-container12 {
		display: flex;
		padding: 34px 0px;
		width: 92.2%;
		flex-direction: row;
		justify-content: space-around;
		margin: 11px 10px;
	}
}




.flex-container12>div {
	padding: 21px 102px;
	font-size: 30px;
	border-bottom: 1px solid;
}

@media (min-width: 760px) {
	.flex-container12>div {
		padding: 21px 102px;
		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: 20px;
}


.aktivitaeten-liste {
	display: block;
	font-weight: 800;
	font-size: 12px;
	margin: 16px 0px;
	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: 0px;
}

@media (min-width: 600px) {
	.aktivitaeten-liste strong {
		padding: 20px;
	}

}

.aktivitaeten-liste img {
	height: 80px;
	width: 80px;
	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: rgb(84, 159, 160);
	background: linear-gradient(0deg, rgba(84, 159, 160, 1) 0%, rgba(84, 135, 145, 1) 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: rgb(84, 159, 160);
		background: linear-gradient(0deg, rgba(84, 159, 160, 1) 0%, rgba(84, 135, 145, 1) 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 0.5s 1 normal both progress;
	animation: calc(3s * var(--progress-max-decimal)) linear 0.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;
}

@-webkit-keyframes progress {
	from {
		--progress-value: 0;
	}

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

@keyframes progress {
	from {
		--progress-value: 0;
	}

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

@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: white;
	}
}

.register_dse {
	font-size: 14px;
	gap: 20px;
	width: 280px;
	color: white;
}

.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 {
	height: 50px;
	width: 100px;
	background-size: 200px;
	background-color: #a8e9197a;
	border: solid 1px #89bd17;
	font-size: 20px;
}

#myBtn i {
	font-size: 20px;
}

.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.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;
	}
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	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 {
	font-size: 14px;
	padding: 10px 5px;
	border-style: none;
	border-width: 1px;
	overflow: hidden;
	word-break: normal;
}

.tg th {
	font-size: 14px;
	font-weight: normal;
	padding: 0px 15px;
	border-width: 1px;
	overflow: hidden;
	word-break: normal;
}

.tg-031e img {
	width: 183px;
	height: 80px;
	border-radius: 170px;
	padding: 0px;
}

@media (min-width: 600px) {
	.tg-031e img {
		width: 100px;
		height: 100px;
		border-radius: 170px;
		padding: 0px;
		background-size: cover;
	}

}


.tg-031e {
	border-bottom: 1px solid black;
}

.zuletzt_online {
	height: 20px;
	width: 20px;
	background-color: #06D85F;
	border: solid;
	border-radius: 50px;
	position: absolute;
	top: 56px;
	right: 253px;
}

.status-online {
	height: 15px;
	width: 15px;
	background-color: green;
	border-radius: 30px;
	border: solid 1px;
	border-color: white;
	position: absolute;
	top: 57px;
	right: 260px;
}

.status-offline {
	height: 15px;
	width: 15px;
	background-color: red;
	border-radius: 30px;
	border: solid 1px;
	border-color: white;
	position: absolute;
	top: 57px;
	right: 260px;
}


.status-online1 {
	height: 15px;
	width: 15px;
	background-color: green;
	border-radius: 30px;
	border: solid 1px;
	border-color: white;
	position: absolute;
	top: 57px;
	right: 483px;
}

.status-offline1 {
	height: 15px;
	width: 15px;
	background-color: red;
	border-radius: 30px;
	border: solid 1px;
	border-color: white;
	position: absolute;
	top: 57px;
	right: 468px;
}


.team-classic-caption svg:not(:root) {
	overflow: hidden;
	fill: red;
}








.box {
	padding: 1.5em;
	width: 100%;
	margin: 0.5em;
}

.box-2 {
	padding: 0.5em;
	width: calc(100%/2 - 1em);
}

.options label,
.options input {
	width: 4em;
	padding: 0.5em 1em;
}

.btn {
	background: white;
	color: black;
	border: 1px solid black;
	padding: 0.5em 1em;
	text-decoration: none;
	margin: 0.8em 0.3em;
	display: inline-block;
	cursor: pointer;
}

.hide {
	display: none;
}

img {
	max-width: 100%;
}








.box-2 {
	padding: 0.5em;
	width: calc(100%/2 - 1em);
}

.options label,
.options input {
	width: 4em;
	padding: 0.5em 1em;
}

.btn {
	background: white;
	color: black;
	border: 1px solid black;
	padding: 0.5em 1em;
	text-decoration: none;
	margin: 0.8em 0.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 {
    flex: 1;
    padding: 1px 0px;
    background: #f1f1f1;
    border: 1px solid #ddd;
    border-bottom: none;
    outline: none;
    text-align: center;
    margin: 14px 0px;
    font-size: 11px;
}


@media (min-width: 600px) {
	.tab-button55 {
		flex: 1;
		padding: 11px 0px;
		background: #f1f1f1;
		border: 1px solid #ddd;
		border-bottom: none;
		outline: none;
		text-align: center;
		margin: 14px 0px;
		font-size: 17px;
	}

}


.tab-button55.active {
	background: #ffffff;
	border-top: 2px solid #007bff;
	color: #007bff;
}

.tab-content55 {
	border: 1px solid #ddd;
	padding: 20px;
	background: #ffffff;
}

.tab55 {
	display: none;
}

.tab55.active {
	display: block;
}

.tab-navigation55 {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.tab-navigation55 button {
	padding: 10px 20px;
	border: 1px solid #ddd;
	background: #f1f1f1;
	cursor: pointer;
}

.tab-navigation55 button:disabled {
	background: #ddd;
	cursor: not-allowed;
}

.tab-navigation55 button.green-button {
	background: #28a745;
	color: #fff;
}




/*  bhoechie tab */
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: 0px;
	-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: 0.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: 0.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 {
	margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a {
	margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
	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 .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
	background-color: #79af96;
	background-image: #79af96;
	color: #ffffff;
}

div.bhoechie-tab-menu div.list-group>a.active:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -13px;
	border-left: 0;
	border-bottom: 13px solid transparent;
	border-top: 13px solid transparent;
	border-left: 10px solid #79af96;
}

.radio,
.checkbox {
	display: inline-block !important;
	min-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}

label {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: 700;
}


div.bhoechie-tab-content {
	background-color: #b8d9a3;
	/* border: 1px solid #eeeeee; */
	padding-left: 20px;
	padding-top: 10px;
	text-align: center;
	width: 120%;
}

@media (min-width: 480px) {

	div.bhoechie-tab-content {
		background-color: #b8d9a3;
		/* border: 1px solid #eeeeee; */
		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 22px 22px 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 0px 0px 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="text"] {
	background-color: #3b4148;
	border-radius: 0px 3px 3px 0px;
	color: #a9a9a9;
	margin-bottom: 1em;
	padding: 0 16px;
	width: 235px;
	height: 50px;
}


#login form input[type="email"] {
	background-color: #3b4148;
	border-radius: 0px 3px 3px 0px;
	color: #a9a9a9;
	margin-bottom: 1em;
	padding: 0 16px;
	width: 235px;
	height: 50px;
}

#login form input[type="password"] {
	background-color: #3b4148;
	border-radius: 0px 3px 3px 0px;
	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: white;
	cursor: pointer;
	transition: background 0.3s ease-in-out;
}

#login form input[type="submit"]:hover {
	background: #16aa56;
}

.form-group24 {
	display: flex;
	justify-content: center;
	text-align: left;
	width: 304px;
	margin: 0 auto;
	color: white;
	align-items: flex-start;
	flex-direction: row;
	gap: 12px;
	margin: 20px auto;
}


.startseite-flex {
	display: flex;
	flex-wrap: nowrap;
	background-color: DodgerBlue;
}

.startseite-flex>.wow {
	background-color: #f1f1f1;
	width: 100%;
	margin: 10px;
	text-align: center;
	line-height: 75px;
	font-size: 30px;
}

.angemeldet-bar-mobil {
	background-color: #59735a;
	padding: 10px 20px;
	border: solid 1px black;
	color: white;
	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: 0px;
	height: auto;
	margin: 200px auto;
}

.kapsayici input {
	width: 100%;
	height: 40px;
	border-radius: 30px;
	outline: none;
	padding: 0px 40px 0px 20px;
	border: 2px solid #333;
	font-size: 16px;
}

.kapsayici input:focus {
	border: 2px solid mediumslateblue;
}

.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: 0px 0px 20px 0px #272727;
	visibility: hidden;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 35px;
	transition: all 0.3s;
}

.kapsayici img:focus+.bar {
	top: 60px;
	visibility: visible;
	opacity: 1;
}

.kapsayici .bar:focus {
	top: 60px;
	visibility: visible;
	opacity: 1;
}

.kapsayici p {
	padding: 10px;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s;
}

.kapsayici p:hover {
	background: mediumslateblue;
	color: white;
}

.social_brandin_header2 {
	width: 150px;
	height: 100px;
}


.swiper-slide-caption span {
	font-size: 75px;
}

.index-Absenden {
	margin-top: 20px 0;
}



/* CSS für Dropdown-Menü */
.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 132px;
	box-shadow: 0px 8px 16px 0px rgba(0, 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;
}

.rd-nav-item.dropdown:hover .dropdown-content {
	display: block;
}


.index-teser-besuchen {
	padding: 20px;
	border: solid 1px black;
	width: 100%;
	background-color: #06D85F;
	display: block;
}

.marginoo {
	margin: 0 !important;
}


@media (min-width: 700px) {
	.marginoo {
		margin: 58px 6% 0 250px !important;
	}
}

.rose {
	padding: 0px;
	width: 370px;
	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 black;
	padding: 6px;
}



#popup2 {
	position: fixed;
	top: -100%;
	/* Startposition oben */
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	/* Halbtransparenter Hintergrund */
	transition: top 0.5s;
	/* Animation */
	z-index: 9999;
	/* Stellen Sie sicher, dass das Popup über anderen Elementen liegt */
}

#popup-content2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 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: 0.85455;
	font-weight: 700;
	margin: 40px;
}

#push-insta a,
a:focus,
a:active,
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;
	font-size: inherit;
	line-height: inherit;
	height: 48px;
	font-size: 19px;
}


.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: white;
	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: white;
		width: 384px;
	}
}

#push-insta form p {
	font-size: 12px !important;
	word-wrap: break-word;
}

#startseite h3 {
	text-align: center;
	margin: 53px 0px 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;
	/* margin: 9px 10px; */
	padding: 12px;
	width: 234px;
}

@media (min-width: 700px) {
	#einloggen input:is([type="password"]) {
		background-color: rgb(255 255 255);
		max-width: 241px;
		margin: 10px 0px;
		padding: 12px;
		width: 201px;
	}
}

#einloggen button {
	color: #ffffff;
	background: #0c814b;
	border-color: #79af96;
	font-size: 30px;
	padding: 10px;
	margin-top: 30px;
	width: 239px;
}

#einloggen input:is([type="email"]) {
	background-color: rgb(255 255 255);
	max-width: 241px;
	margin: 10px 0px;
	padding: 12px;
	width: 233px;
}

@media (min-width: 700px) {

	#einloggen input:is([type="email"]) {
		background-color: rgb(255 255 255);
		max-width: 241px;
		margin: 10px 0px;
		padding: 12px;
		width: 281px;
	}

	#einloggen input:is([type="password"]) {
		background-color: rgb(255 255 255);
		max-width: 241px;
		margin: 10px 0px;
		padding: 12px;
		width: 279px;
	}

	#einloggen button {
		color: #ffffff;
		background: #0c814b;
		border-color: #79af96;
		font-size: 30px;
		padding: 10px;
		margin-top: 30px;
		width: 275px;
		margin: 20px auto;
	}
}

#registrieren .stepper input[type="number"] {
	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"] {
	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: 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;
	}
}



/* 
Registieren neu */


.page-content {
	width: 100%;
	margin: 0 auto;
	background-image: -moz-linear-gradient(136deg, rgb(0, 158, 253) 0%, rgb(42, 245, 152) 100%);
	background-image: -webkit-linear-gradient(136deg, rgb(0, 158, 253) 0%, rgb(42, 245, 152) 100%);
	background-image: -ms-linear-gradient(136deg, rgb(0, 158, 253) 0%, rgb(42, 245, 152) 100%);
	display: flex;
	display: -webkit-flex;
	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: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
	margin: 177px 0;
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	position: relative;
	display: flex;
	display: -webkit-flex;
}

.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 .tab .tablinks {
	background: transparent;
	border: none;
	outline: none;
	-o-outline: none;
	-ms-outline: none;
	-moz-outline: none;
	-webkit-outline: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 28px;
	font-weight: 400;
	color: #ccc;
	padding-bottom: 22px;
	border-bottom: 3px solid;
	border-bottom-color: rgba(255, 255, 255, 0.2);
	width: 100%;
}

.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 {
	width: 100%;
	position: relative;
}

.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 {
	width: 100%;
	padding: 0px 10px 15px 10px;
	border: 1px solid transparent;
	border-bottom: 1px solid;
	border-bottom-color: rgba(255, 255, 255, 0.2);
	background: transparent;
	appearance: unset;
	-moz-appearance: unset;
	-webkit-appearance: unset;
	-o-appearance: unset;
	-ms-appearance: unset;
	outline: none;
	-moz-outline: none;
	-webkit-outline: none;
	-o-outline: none;
	-ms-outline: none;
	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: transparent;
}

.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: none;
	margin: 5px 0 50px 0px;
	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;
}

/* Responsive */
@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: 0px;
		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 {
	/* margin: 50px; */
	width: 100%;
}

/* Emojis im Chat */
@media screen and (min-width: 525px) {

	.chat-margin {
		margin: 0px;
	}

}

textarea {
	width: 300px;
	height: 150px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	resize: none;
}

.smiley-container {
	display: flex;
	gap: 10px;
	max-width: 380px;
	flex-wrap: wrap;
	padding: 0px 0px;
	margin: 0px;
}

.smiley-btn {
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 20px;
	transition: background-color 0.3s;
}

.smiley-btn:hover {
	background-color: #e0e0e0;
}

.container-info-registriert1 {
	background-color: #bb2727;
	width: 100%;
	display: block;
	padding: 0px 50px;
	color: white;
	height: 150px;
	max-width: 1650px;
	margin: 0px auto 30px;
}

.container-info-registriert {
	background-color: #0e753b;
	width: 100%;
	display: flex;
	padding: 0px 50px;
	color: white;
	height: 225px;
	max-width: 1650px;
	margin: 0px auto 30px;
}

@media (min-width: 700px) {

	.container-info-registriert {
		background-color: #0e753b;
		width: 100%;
		display: block;
		padding: 0px 50px;
		color: white;
		height: 150px;
		max-width: 1650px;
		margin: 0px auto 30px;
	}

}

.register_btn {
	color: #ffffff;
	background: #0c814b;
	border-color: #79af96;
	font-size: 30px;
	padding: 10px;
	margin-top: 30px;
	width: 290px;
	margin: 20px auto;
}


.registrieren-ueberschrift3 {
	font-size: 42px;
	line-height: 0.88;
	font-weight: 600;
	text-align: center;
	padding: 10px;
	margin: 0px;
	margin-top: 20px;
	color: #1c745e;
}

.registrieren-ueberschrift3 span {
	display: flex;
	margin: 20px;
	justify-content: center;
	font-size: 30px;
	color: #056b58;
}


.form-signin-heading {
	color: white;
	margin: 20px 0px;
	text-align: center;
}


.form-signin-heading a {
	color: white;
	margin: 20px 0px;
	text-align: center;
}

.form-signin-heading p {
	color: white;
	margin: 20px 0px;
	text-align: center;
}

.einloggen-form a,
p {
	display: block;

}

.sucess-register {
	background-color: #386144;
	width: 100%;
	display: block;
	padding: 10px 0;
	color: white;
	font-size: 140px;
	font-style: normal;
}


.crop-container {
	width: 300px;
	height: 200px;
	overflow: hidden;
}

.crop-container img {

	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Oder `contain`, `fill`, je nach Bedarf */
}



.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 0.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 {
	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~.tab-bananas {
	display: block;
	background: #edecd5;
}

#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~.tab-cherries {
	display: block;
	background: #edecd5;
}

#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~.tab-oranges {
	display: block;
	background: #edecd5;
}

#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~.tab-pears {
	display: block;
	background: #edecd5;
}

#toggle-pears:checked~label[for=toggle-pears] {
	cursor: default;
	background: #edecd5;
	color: #776eef;
}

svg {
	height: 2rem;
	width: 2rem;
	display: inline-block;
	vertical-align: middle;
}

.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: 0.5em;
	overflow: hidden;
}

.einstellungen img {
	display: block;
	width: auto;
	margin: 0 auto;
	height: 210px;
}







.design-process-section .text-align-center {
	line-height: 25px;
	margin-bottom: 12px;
}

.design-process-content {
	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;
	position: relative;
	max-width: 600px;
	margin: 20px auto 26px;
	border: none;
	z-index: 0;
}

.process-model li::after {
	background: #e5e5e5 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	display: block;
	height: 4px;
	margin: 0 auto;
	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:hover,
.nav-tabs.process-model>li.active>a:focus,
.process-model li a:hover,
.process-model li a:focus {
	border: none;
	background: transparent;

}

.process-model li a {
	padding: 0;
	border: none;
	color: #606060;
}

.process-model li.active,
.process-model li.visited {
	color: #57b87b;
}

.process-model li.active a,
.process-model li.active a:hover,
.process-model li.active a:focus,
.process-model li.visited a,
.process-model li.visited a:hover,
.process-model li.visited a:focus {
	color: #57b87b;
}

.process-model li.active p,
.process-model li.visited p {
	font-weight: 600;
}

.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: normal
}

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





     /* Link im deaktivierten Zustand stilisieren */
	 #submitLink {
		pointer-events: none;
		color: grey;
		text-decoration: none;
		border: solid 1px black;
		max-width: 130px;
		padding: 10px;
		margin: 0 auto;
		color: #272424;
		background-color: #b4b4b4;
		color: #484848;
	}
	/* Link im aktivierten Zustand */
	#submitLink.enabled {
		pointer-events: auto;
		color: #000000;
		text-decoration: underline;
		background-color: #5da069;
		border-radius: 10px;
		padding: 6px;
		text-decoration: none;
		gap: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
	}



























	

	label.cabinet{
		display: block;
		cursor: pointer;
	}
	
	label.cabinet input.file{
		position: relative;
		height: 100%;
		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;
	}



	








































	@keyframes "splash" {
		0% {
		  box-shadow: 0 0 0 0 #00897b;
		}
		50% {
		  box-shadow: 0 0 0 10px rgba(0, 137, 123, 0.5);
		}
		100% {
		  box-shadow: 0 0 0 20px rgba(0, 137, 123, 0);
		}
	  }
	  #model-1 .toggle {
		position: relative;
	  }
	  #model-1 .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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-2 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-2 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-2 .toggle label:before {
		content: "";
		width: 75px;
		height: 42px;
		background: #ccc;
		position: relative;
		display: inline-block;
		border-radius: 46px;
		box-sizing: border-box;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-3 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-3 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-3 .toggle label:before {
		content: "";
		width: 78px;
		height: 40px;
		background: #f8f8f8;
		border: 2px solid #DDD;
		box-shadow: inset 0 0 0 0px #13bf11;
		position: relative;
		display: inline-block;
		border-radius: 20px;
		box-sizing: border-box;
		transition: 0.2s ease-in;
	  }
	  #model-3 .toggle label:after {
		content: "";
		position: absolute;
		width: 40px;
		height: 40px;
		border: 2px solid #DDD;
		border-radius: 50%;
		left: 0;
		top: 0;
		z-index: 2;
		background: #fff;
		box-shadow: 0 1px 10px #0002;
		box-sizing: border-box;
		transition: 0.2s ease-in;
	  }
	  
	  #model-4 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-4 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-4 .toggle input[type=checkbox]:checked + label:before {
		box-shadow: inset 30px 0 0 #13bf11;
	  }
	  #model-4 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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: 0.25s ease-in-out;
	  }
	  
	  #model-5 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-5 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-5 .toggle label:before {
		content: "";
		width: 70px;
		height: 40px;
		background: #eee;
		border: 2px solid #DDD;
		box-shadow: inset 0 0 0 0 #13bf11;
		position: relative;
		display: inline-block;
		border-radius: 20px;
		box-sizing: border-box;
		transition: 0.25s ease-in-out;
	  }
	  #model-5 .toggle label:after {
		content: "";
		position: absolute;
		width: 40px;
		height: 40px;
		border: 2px solid #DDD;
		border-radius: 50%;
		left: 0;
		top: 0;
		z-index: 2;
		background: #fff;
		box-shadow: 0 1px 10px #0002;
		box-sizing: border-box;
		transition: 0.25s ease-in-out;
	  }
	  
	  #model-6 .toggle {
		position: relative;
	  }
	  #model-6 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0.2s ease-in;
	  }
	  #model-6 .toggle label:after {
		content: "";
		position: absolute;
		width: 42px;
		height: 42px;
		border-radius: 50%;
		left: 0;
		top: 0px;
		z-index: 2;
		background: #fff;
		box-shadow: 0 0 10px #0003, -4px 1px 12px #0002;
		transition: 0.2s ease-in;
	  }
	  
	  #model-7 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-7 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-7 .toggle input[type=checkbox]:checked + label:before {
		background: #4BD865;
	  }
	  #model-7 .toggle input[type=checkbox]:checked + label:after {
		left: 60px;
	  }
	  #model-7 .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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-8 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-8 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-8 .toggle input[type=checkbox]:checked + label:after {
		left: 44px;
		background: #000;
	  }
	  #model-8 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-8 .toggle label:before {
		content: "";
		width: 84px;
		height: 42px;
		position: relative;
		display: inline-block;
		border-radius: 46px;
		border: 2px solid #000;
		box-sizing: border-box;
		transition: 0.2s ease-in;
	  }
	  #model-8 .toggle label:after {
		content: "";
		position: absolute;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		left: 3px;
		top: 3px;
		z-index: 2;
		border: 2px solid #000;
		box-sizing: border-box;
		transition: 0.2s ease-in;
	  }
	  
	  #model-9 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-9 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-10 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-10 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-11 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-11 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-11 .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: 0.2s ease-in;
	  }
	  #model-11 .toggle label:after {
		content: "";
		position: absolute;
		width: 28px;
		height: 28px;
		border: 2px solid #000;
		box-shadow: 0 0 0 2px #fff inset;
		border-radius: 50%;
		left: 6px;
		top: 8px;
		z-index: 2;
		background: #000;
		box-sizing: border-box;
		transition: 0.2s ease-in;
	  }
	  
	  #model-12 .toggle {
		position: relative;
	  }
	  #model-12 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-13 .toggle {
		position: relative;
		height: 30px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-13 .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 {
		transform: translate3d(30px, 0, 0);
	  }
	  #model-13 .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: 0.2s ease-in;
		isolation: isolate;
		position: relative;
		height: 30px;
		width: 60px;
		border-radius: 15px;
		box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6, 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #ffffff inset;
	  }
	  #model-13 .toggle label:after {
		content: "";
		height: 30px;
		width: 30px;
		background: #ecf0f3;
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 15px;
		transition: transform 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35);
		box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6;
	  }
	  
	  #model-14 .toggle {
		position: relative;
		height: 30px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-14 .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-14 .toggle input[type=checkbox]:checked + label:after {
		transform: translate3d(30px, 0, 0);
	  }
	  #model-14 .toggle label {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-14 .toggle label:before {
		content: "";
		display: inline-block;
		box-sizing: border-box;
		transition: 0.2s ease-in;
		isolation: isolate;
		position: relative;
		height: 30px;
		width: 60px;
		box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6, 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #ffffff inset;
	  }
	  #model-14 .toggle label:after {
		content: "";
		height: 30px;
		width: 30px;
		background: #ecf0f3;
		position: absolute;
		left: 0;
		top: 0;
		transition: transform 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35);
		box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6;
	  }
	  
	  #model-15 .toggle {
		position: relative;
		height: 30px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-15 .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-15 .toggle input[type=checkbox]:checked + label:after {
		transform: translate3d(30px, 0, 0);
	  }
	  #model-15 .toggle label {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-15 .toggle label:before {
		content: "";
		display: inline-block;
		box-sizing: border-box;
		transition: 0.2s ease-in;
		isolation: isolate;
		position: relative;
		height: 30px;
		width: 75px;
		border-radius: 15px;
		box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6, 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #ffffff inset;
	  }
	  #model-15 .toggle label:after {
		content: "";
		height: 30px;
		width: 45px;
		border-radius: 15px;
		background: #ecf0f3;
		position: absolute;
		left: 0;
		top: 0;
		transition: transform 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35);
		box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6;
	  }
	  
	  #model-16 .toggle {
		position: relative;
		height: 30px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-16 .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-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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-16 .toggle label:before {
		content: "";
		display: inline-block;
		box-sizing: border-box;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		isolation: isolate;
		position: relative;
		height: 32px;
		width: 64px;
		border-radius: 15px;
		background: #ecf0f3;
		box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6;
	  }
	  #model-16 .toggle label:after {
		content: "o";
		height: 32px;
		width: 32px;
		box-sizing: border-box;
		border-radius: 15px;
		background: #ecf0f3;
		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 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35);
		box-shadow: 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #f4f8ff inset;
	  }
	  
	  #model-17 .toggle {
		position: relative;
		height: 30px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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-17 .toggle input[type=checkbox]:checked + label:after {
		content: "ON";
		color: #9ec189;
		transform: translate3d(48px, 0, 0);
	  }
	  #model-17 .toggle label {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-17 .toggle label:before {
		content: "";
		display: inline-block;
		box-sizing: border-box;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		isolation: isolate;
		position: relative;
		height: 32px;
		width: 96px;
		border-radius: 15px;
		background: #ecf0f3;
		box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6;
	  }
	  #model-17 .toggle label:after {
		content: "OFF";
		height: 32px;
		width: 48px;
		box-sizing: border-box;
		border-radius: 15px;
		background: #ecf0f3;
		font-family: arial;
		color: #0001;
		font-size: 14px;
		line-height: 32px;
		font-weight: 800;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		transition: 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35);
		box-shadow: 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #f4f8ff inset;
	  }
	  
	  #model-18 .toggle {
		position: relative;
	  }
	  #model-18 .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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-19 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-19 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 0px #13bf11;
		position: relative;
		display: inline-block;
		border-radius: 20px;
		box-sizing: border-box;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-20 .toggle {
		position: relative;
	  }
	  #model-20 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-21 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
	  }
	  #model-21 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
	  }
	  #model-21 .toggle label:before {
		content: "";
		background: #bbb;
		height: 2px;
		width: 60px;
		position: relative;
		display: inline-block;
		border-radius: 46px;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-22 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-22 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-23 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-23 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-24 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-24 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-24 .toggle label:before {
		content: "";
		background: #bbb;
		height: 2px;
		width: 64px;
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-25 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-25 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-25 .toggle label:before {
		content: "";
		background: #bbb;
		height: 2px;
		width: 64px;
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-26 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-26 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-26 .toggle label:before {
		content: "";
		background: #bbb;
		height: 30px;
		width: 64px;
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-27 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-27 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-27 .toggle label:before {
		content: "";
		background: #bbb;
		height: 20px;
		width: 64px;
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-28 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-28 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-28 .toggle input[type=checkbox]:checked + label:before {
		background: #77C2BB;
	  }
	  #model-28 .toggle input[type=checkbox]:checked + label:after {
		background: #21bf73;
		border-bottom: 0.07em solid #37dc8d;
		box-shadow: 0 0.16em 0.01em #167e4c, 0 0.12em 0.3em rgba(22, 126, 76, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), -0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
		left: 42px;
	  }
	  #model-28 .toggle label {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-28 .toggle label:before {
		content: "";
		background: #bbb;
		height: 20px;
		width: 74px;
		position: relative;
		display: inline-block;
		box-shadow: inset 0 0.1em 0.03em rgba(0, 0, 0, 0.2), inset 0 0.1em 0.3em rgba(0, 0, 0, 0.3), 0 0 2em rgba(255, 255, 255, 0.6);
		box-sizing: border-box;
		transition: 0.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: 0.07em solid #756f6f;
		box-shadow: 0 0.16em 0.01em #343131, 0 0.12em 0.3em rgba(52, 49, 49, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), 0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
		transition: 0.2s ease-in;
	  }
	  
	  #model-29 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-29 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0.07em solid #37dc8d;
		border-bottom: 0.07em solid #37dc8d;
		box-shadow: 0 0.16em 0.01em #167e4c, 0 0.12em 0.3em rgba(22, 126, 76, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), -0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
		left: 48px;
	  }
	  #model-29 .toggle label {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-29 .toggle label:before {
		content: "";
		background: #bbb;
		height: 32px;
		width: 74px;
		position: relative;
		display: inline-block;
		border-radius: 16px;
		box-shadow: inset 0 0.1em 0.03em rgba(0, 0, 0, 0.2), inset 0 0.1em 0.3em rgba(0, 0, 0, 0.3), 0 0 2em rgba(255, 255, 255, 0.6);
		box-sizing: border-box;
		transition: 0.5s cubic-bezier(0.52, -0.41, 0.55, 1.46);
	  }
	  #model-29 .toggle label:after {
		content: "";
		position: absolute;
		top: 4px;
		left: 4px;
		width: 22px;
		height: 22px;
		border-radius: 16px;
		z-index: 2;
		box-sizing: border-box;
		background: #5b5656;
		border-left: 0.07em solid #756f6f;
		border-bottom: 0.07em solid #756f6f;
		box-shadow: 0 0.16em 0.01em #343131, 0 0.12em 0.3em rgba(52, 49, 49, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), 0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
		transition: 0.5s cubic-bezier(0.52, -0.41, 0.55, 1.46);
	  }
	  
	  #model-30 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-30 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0.07em solid #37dc8d;
		border-bottom: 0.07em solid #37dc8d;
		box-shadow: 0 0.16em 0.01em #167e4c, 0 0.12em 0.3em rgba(22, 126, 76, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), -0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
		transform: translatex(44px);
	  }
	  #model-30 .toggle label {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-30 .toggle label:before {
		content: "";
		background: #bbb;
		height: 32px;
		width: 74px;
		position: relative;
		display: inline-block;
		box-shadow: inset 0 0.1em 0.03em rgba(0, 0, 0, 0.2), inset 0 0.1em 0.3em rgba(0, 0, 0, 0.3), 0 0 2em rgba(255, 255, 255, 0.6);
		box-sizing: border-box;
		transition: 0.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: 0.07em solid #756f6f;
		border-bottom: 0.07em solid #756f6f;
		box-shadow: 0 0.16em 0.01em #343131, 0 0.12em 0.3em rgba(52, 49, 49, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), 0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
		transition: 0.5s cubic-bezier(0.52, -0.41, 0.55, 1.46);
	  }
	  
	  #model-31 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-31 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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: 0.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: 0.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] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0.07em solid #37dc8d;
		border-bottom: 0.07em solid #37dc8d;
		box-shadow: 0 0.16em 0.01em #167e4c, 0 0.12em 0.3em rgba(22, 126, 76, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), -0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
		transform: translatex(44px) rotate(45deg);
	  }
	  #model-32 .toggle label {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-32 .toggle label:before {
		content: "";
		background: #bbb;
		height: 40px;
		width: 84px;
		border-radius: 30px;
		position: relative;
		display: inline-block;
		box-shadow: inset 0 0.1em 0.03em rgba(0, 0, 0, 0.2), inset 0 0.1em 0.3em rgba(0, 0, 0, 0.3), 0 0 2em rgba(255, 255, 255, 0.6);
		box-sizing: border-box;
		transition: 0.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: 0.07em solid #756f6f;
		border-bottom: 0.07em solid #756f6f;
		box-shadow: 0 0.16em 0.01em #343131, 0 0.12em 0.3em rgba(52, 49, 49, 0.6), 0 0.12em 2em rgba(0, 0, 0, 0.3), 0.12em 0.15em 0.2em rgba(0, 0, 0, 0.2);
		transition: 0.5s cubic-bezier(0.52, -0.41, 0.55, 1.46);
	  }
	  
	  #model-33 .toggle {
		position: relative;
	  }
	  #model-33 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
	  }
	  #model-33 .toggle label:before {
		content: "";
		border-radius: 10px;
		width: 84px;
		height: 42px;
		background: #ccc;
		position: relative;
		display: inline-block;
		transition: 0.2s ease-in;
	  }
	  #model-33 .toggle label:after {
		content: "";
		position: absolute;
		border-radius: 10px;
		width: 42px;
		height: 42px;
		left: 0;
		top: 0;
		z-index: 2;
		background: #fff;
		box-shadow: 0 0 5px #0002;
		transition: 0.2s ease-in;
	  }
	  
	  #model-34 .toggle {
		position: relative;
	  }
	  #model-34 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 0.1em 0.03em rgba(0, 0, 0, 0.2), inset 0 0.1em 0.3em rgba(0, 0, 0, 0.3), 0 0 2em rgba(255, 255, 255, 0.6), inset 42px 0 #66BB6A;
	  }
	  #model-34 .toggle input[type=checkbox]:checked + label:after {
		transform: translatex(42px);
	  }
	  #model-34 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
	  }
	  #model-34 .toggle label:before {
		content: "";
		width: 84px;
		height: 42px;
		background: #888;
		position: relative;
		display: inline-block;
		box-shadow: inset 0 0.1em 0.03em rgba(0, 0, 0, 0.2), inset 0 0.1em 0.3em rgba(0, 0, 0, 0.3), 0 0 2em rgba(255, 255, 255, 0.6), inset 0 0 #66BB6A;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-35 .toggle {
		position: relative;
	  }
	  #model-35 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 0.1em 0.03em rgba(0, 0, 0, 0.2), inset 0 0.1em 0.3em rgba(0, 0, 0, 0.3), 0 0 2em rgba(255, 255, 255, 0.6), inset 84px 0 #66BB6A;
	  }
	  #model-35 .toggle input[type=checkbox]:checked + label:after {
		transform: translatex(42px);
	  }
	  #model-35 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
	  }
	  #model-35 .toggle label:before {
		content: "";
		width: 84px;
		height: 42px;
		background: #EF5350;
		position: relative;
		display: inline-block;
		box-shadow: inset 0 0.1em 0.03em rgba(0, 0, 0, 0.2), inset 0 0.1em 0.3em rgba(0, 0, 0, 0.3), 0 0 2em rgba(255, 255, 255, 0.6), inset 0 0 #66BB6A;
		transition: 0.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: 0.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] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-37 .toggle {
		position: relative;
	  }
	  #model-37 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-38 .toggle {
		position: relative;
	  }
	  #model-38 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
	  }
	  #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: 0.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: 0.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] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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:before {
		content: "";
		display: inline-block;
		width: 120px;
		height: 40px;
		border: 1px solid #808080;
		border-radius: 50px;
		transition: 0.2s ease-in;
		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 {
		content: "";
		position: absolute;
		top: 0px;
		left: 1px;
		width: 65px;
		height: 40px;
		border: 5px solid #ededec;
		border-radius: 50px;
		box-shadow: 0 2px 5px #333;
		background: #d5d4cd;
		background: linear-gradient(#d5d4cd 0%, #f8f8f7 100%);
		transition: 0.2s ease-in;
	  }
	  
	  #model-40 .toggle {
		position: relative;
	  }
	  #model-40 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
	  }
	  #model-40 .toggle label:before {
		content: "";
		border-radius: 10px;
		width: 95px;
		height: 42px;
		background: #ccc;
		position: relative;
		display: inline-block;
		transition: 0.2s ease-in;
	  }
	  #model-40 .toggle label:after {
		content: "";
		position: absolute;
		border-radius: 10px;
		width: 60px;
		height: 42px;
		left: 0;
		top: 0;
		z-index: 2;
		background: #fff;
		box-shadow: 0 0 5px #0002;
		transition: 0.2s ease-in;
	  }
	  
	  #model-41 .toggle {
		position: relative;
	  }
	  #model-41 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
	  }
	  #model-41 .toggle label:before {
		content: "";
		width: 90px;
		height: 32px;
		border-radius: 20px;
		background: #ccc;
		position: relative;
		display: inline-block;
		transition: 0.2s ease-in;
	  }
	  #model-41 .toggle label:after {
		content: "";
		position: absolute;
		border-radius: 20px;
		top: 0;
		width: 50px;
		height: 32px;
		left: 0;
		z-index: 2;
		background: #fff;
		box-shadow: 0 0 10px #0002;
		transition: 0.2s ease-in;
	  }
	  
	  #model-42 .toggle {
		position: relative;
	  }
	  #model-42 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-43 .toggle {
		position: relative;
		height: 40px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-43 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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:before {
		content: "";
		display: inline-block;
		width: 72px;
		height: 36px;
		border: 1px solid #ccc;
		box-sizing: border-box;
		border-radius: 50px;
		transition: 0.2s ease-in;
		background: #f08270;
		box-shadow: inset 0 0 8px #0002;
	  }
	  #model-43 .toggle label:after {
		content: "";
		position: absolute;
		top: 2px;
		left: 0;
		box-sizing: border-box;
		width: 36px;
		height: 36px;
		border: 6px solid #ededec;
		border-radius: 50px;
		background: #fff;
		box-shadow: 0 2px 5px #333;
		background: #d5d4cd;
		background: linear-gradient(#d5d4cd 0%, #FFF 100%);
		transition: 0.2s ease-in;
	  }
	  
	  #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] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0.1s 0.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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-45 .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]: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 {
		content: "";
		width: 5px;
		height: 14px;
		background: #fff;
		z-index: 1;
		left: 10px;
		top: 6px;
		border-radius: 14px;
		box-sizing: border-box;
		position: absolute;
		background: none;
		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 0px #13bf11;
		position: relative;
		display: inline-block;
		border-radius: 20px;
		box-sizing: border-box;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-46 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-46 .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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 36px;
		box-sizing: border-box;
	  }
	  #model-46 .toggle label:before {
		content: "";
		width: 72px;
		height: 36px;
		border-radius: 20px;
		position: relative;
		display: inline-block;
		transition: 0.3s cubic-bezier(0.55, 0.06, 0.78, 0.21);
		box-sizing: border-box;
		background-color: #FFF;
		box-shadow: 0 0 10px #0002, inset -36px 0 #333;
	  }
	  #model-46 .toggle label:after {
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		border: 4px solid #333;
		border-radius: 20px;
		box-sizing: border-box;
		left: 0;
		top: 0;
		transform: translate(8px, 8px);
		transition: 0.3s cubic-bezier(0.55, 0.06, 0.78, 0.21);
	  }
	  
	  #model-47 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-47 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 36px;
		box-sizing: border-box;
	  }
	  #model-47 .toggle label:before {
		content: "";
		width: 72px;
		height: 36px;
		border-radius: 20px;
		position: relative;
		display: inline-block;
		transition: 0.3s cubic-bezier(0.43, -0.26, 0.69, 1.39);
		box-sizing: border-box;
		background-color: #333;
		box-shadow: 0 0 10px #0002, inset -36px 0 #fff;
	  }
	  #model-47 .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: 0.3s cubic-bezier(0.43, -0.26, 0.69, 1.39);
	  }
	  
	  #model-48 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-48 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 36px;
		box-sizing: border-box;
	  }
	  #model-48 .toggle label:before {
		content: "";
		width: 72px;
		height: 36px;
		border-radius: 20px;
		position: relative;
		display: inline-block;
		transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		box-sizing: border-box;
		background-color: #333;
		box-shadow: 0 0 12px #0003, inset -36px 0 #fff;
	  }
	  #model-48 .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: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	  }
	  
	  #model-49 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-49 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 36px;
		box-sizing: border-box;
	  }
	  #model-49 .toggle label:before {
		content: "";
		width: 72px;
		height: 36px;
		border-radius: 20px;
		position: relative;
		display: inline-block;
		transition: 0.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: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	  }
	  
	  #model-50 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-50 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 36px;
		box-sizing: border-box;
	  }
	  #model-50 .toggle label:before {
		content: "";
		width: 72px;
		height: 36px;
		border-radius: 20px;
		position: relative;
		display: inline-block;
		transition: 0.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: 0.3s cubic-bezier(1, 1, 1, 1);
	  }
	  
	  #model-51 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-51 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 36px;
		box-sizing: border-box;
	  }
	  #model-51 .toggle label:before {
		content: "";
		width: 72px;
		height: 36px;
		border-radius: 20px;
		position: relative;
		display: inline-block;
		transition: 0.2s ease;
		box-sizing: border-box;
		background-color: #333;
		box-shadow: 0 0 12px #0003, inset -72px 0 #fff;
	  }
	  #model-51 .toggle label:after {
		content: "";
		position: absolute;
		width: 20px;
		height: 20px;
		background: #444;
		border-radius: 20px;
		box-sizing: border-box;
		left: 0;
		top: 0;
		transform: translate(8px, 8px);
		transition: 0.2s ease;
	  }
	  
	  #model-52 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-52 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 36px;
		box-sizing: border-box;
	  }
	  #model-52 .toggle label:before {
		content: "";
		width: 72px;
		height: 36px;
		border-radius: 20px;
		position: relative;
		display: inline-block;
		transition: 0.3s ease-in;
		box-sizing: border-box;
		background-color: #333;
	  }
	  #model-52 .toggle label:after {
		content: "";
		position: absolute;
		width: 30px;
		height: 30px;
		background: #FFF;
		border-radius: 20px;
		box-sizing: border-box;
		left: 0;
		top: 0;
		transform: translate(3px, 3px) rotate(0deg);
		transition: 0.3s ease-in;
		transform-origin: 33px 33px;
	  }
	  
	  #model-53 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-53 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		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: 0.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: bold;
		box-sizing: border-box;
		color: #FFF;
		background: #ef3434;
		transition: 0.25s ease-in-out;
	  }
	  
	  #model-54 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-54 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-54 .toggle label:before {
		content: "";
		background: #ffa3a3;
		height: 18px;
		width: 84px;
		border-radius: 10px;
		box-shadow: inset 0 0.1em 0.03em #0002, inset 0 0.1em 0.3em #0003, 0 0 2em #0006;
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		transition: 0.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: bold;
		box-sizing: border-box;
		color: #FFF;
		background: #ef3434;
		box-shadow: -2px 2px 4px #0004;
		transition: 0.25s ease-in-out;
	  }
	  
	  #model-55 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-55 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-55 .toggle label:before {
		content: "";
		background: #ffa3a3;
		height: 34px;
		width: 90px;
		border-radius: 20px;
		box-shadow: inset 0 0.1em 0.03em #0002, inset 0 0.1em 0.3em #0003;
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		transition: 0.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: bold;
		box-sizing: border-box;
		color: #FFF;
		background: #ef3434;
		box-shadow: -2px 2px 4px #0004;
		transition: 0.25s ease-in-out;
	  }
	  
	  #model-56 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-56 .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]:before {
		content: "";
		background: #fff;
		width: 2px;
		height: 16px;
		position: absolute;
		left: 0px;
		top: 0;
		transition: 0.25s ease-in-out;
		transform: translate(13px, 5px) rotate(45deg);
	  }
	  #model-56 .toggle input[type=checkbox]:after {
		content: "";
		background: #fff;
		width: 2px;
		height: 16px;
		position: absolute;
		left: 0px;
		top: 0;
		transition: 0.25s ease-in-out;
		transform: translate(13px, 5px) rotate(45deg);
		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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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: 0.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: bold;
		box-sizing: border-box;
		color: #FFF;
		background: #ef3434;
		transition: 0.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] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	  }
	  #model-57 .toggle input[type=checkbox]:before {
		content: "";
		background: #ef3434;
		width: 3px;
		height: 22px;
		position: absolute;
		left: 0px;
		top: 0;
		transition: 0.25s ease-in-out;
		transform: translate(16px, 7px) rotate(45deg);
	  }
	  #model-57 .toggle input[type=checkbox]:after {
		content: "";
		background: #ef3434;
		width: 3px;
		height: 22px;
		position: absolute;
		left: 0px;
		top: 0;
		transition: 0.25s ease-in-out;
		transform: translate(16px, 7px) rotate(45deg);
		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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-57 .toggle label:before {
		content: "";
		background: #EEE;
		height: 42px;
		width: 84px;
		border-radius: 20px;
		border: 1px solid #ddd;
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		transition: 0.2s ease-in;
	  }
	  #model-57 .toggle label:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 42px;
		height: 42px;
		border-radius: 50%;
		border: 1px solid #ddd;
		z-index: 2;
		display: grid;
		place-content: center;
		font-size: 20px;
		font-family: arial;
		font-weight: bold;
		box-sizing: border-box;
		color: #FFF;
		background: #FFF;
		transition: 0.25s ease-in-out;
	  }
	  
	  #model-58 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-58 .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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-58 .toggle label:before {
		font-size: 18px;
		font-weight: bold;
		font-family: arial;
		line-height: 36px;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		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 {
		font-size: 18px;
		font-weight: bold;
		font-family: arial;
		line-height: 36px;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		content: "No";
		position: absolute;
		left: 58px;
		top: -2px;
		color: #fff;
	  }
	  
	  #model-59 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-59 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-59 .toggle label:before {
		font-weight: bold;
		font-family: arial;
		line-height: 36px;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		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 {
		font-weight: bold;
		font-family: arial;
		line-height: 36px;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		content: "No";
		position: absolute;
		left: 55px;
		top: -2px;
		font-size: 22px;
		color: #ef3434;
	  }
	  
	  #model-60 .toggle {
		position: relative;
		height: 36px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-60 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-60 .toggle label:before {
		content: "Yes No";
		background: #FFF;
		color: #ef3434;
		height: 36px;
		word-spacing: 16px;
		font-weight: bold;
		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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-61 .toggle {
		position: relative;
		height: 36px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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]:before {
		content: "";
		background: #FFF;
		width: 3px;
		height: 22px;
		position: absolute;
		left: 0;
		top: 0;
		transition: 0.25s ease-in-out;
		transform: translate(57px, 4px) rotate(45deg);
	  }
	  #model-61 .toggle input[type=checkbox]:after {
		content: "";
		background: #FFF;
		width: 3px;
		height: 22px;
		position: absolute;
		left: 0;
		top: 0;
		transition: 0.25s ease-in-out;
		transform: translate(57px, 4px) rotate(45deg);
		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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-61 .toggle label:before {
		font-size: 18px;
		font-weight: bold;
		font-family: arial;
		line-height: 36px;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		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 {
		font-size: 18px;
		font-weight: bold;
		font-family: arial;
		line-height: 36px;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		content: "No";
		position: absolute;
		left: 87px;
		top: 0;
		color: #fff;
	  }
	  
	  #model-62 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-62 .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: bold;
		font-size: 12px;
		font-family: arial;
		line-height: 36px;
		display: inline-flex;
		align-items: center;
		padding-left: 4px;
		box-sizing: border-box;
		transition: 0.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: 0.3s ease-in;
	  }
	  
	  #model-63 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-63 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		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: bold;
		font-size: 12px;
		font-family: arial;
		line-height: 36px;
		display: inline-flex;
		align-items: center;
		padding-left: 4px;
		box-sizing: border-box;
		transition: 0.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: 0.3s ease-in;
	  }
	  
	  #model-64 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-64 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-64 .toggle label:before {
		content: "Yes No";
		background: #ffa3a3;
		color: #ef3434;
		height: 32px;
		width: 64px;
		word-spacing: 12px;
		font-weight: bold;
		font-size: 12px;
		font-family: arial;
		line-height: 36px;
		display: inline-flex;
		align-items: center;
		padding-left: 4px;
		box-sizing: border-box;
		transition: 0.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: 0.3s ease-in;
	  }
	  
	  #model-65 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-65 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-65 .toggle label:before {
		content: "Yes No";
		background: #ffa3a3;
		color: #ef3434;
		height: 32px;
		width: 64px;
		word-spacing: 12px;
		font-weight: bold;
		font-size: 12px;
		font-family: arial;
		line-height: 36px;
		display: inline-flex;
		align-items: center;
		padding-left: 4px;
		box-sizing: border-box;
		transition: 0.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: 0.3s ease-in;
	  }
	  
	  #model-66 .toggle {
		position: relative;
		height: 32px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-66 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-66 .toggle label:before {
		content: "";
		background: #ffa3a3;
		height: 32px;
		width: 64px;
		display: inline-flex;
		box-sizing: border-box;
		transition: 0.3s ease-in;
	  }
	  #model-66 .toggle label:after {
		content: "Yes No";
		word-spacing: 12px;
		font-weight: bold;
		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: 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);
	  }
	  
	  #model-67 .toggle {
		position: relative;
		height: 42px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-67 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-67 .toggle input[type=checkbox]:checked + label:before {
		color: #fff;
		box-shadow: inset -50px 0px 0 0px #DDD;
		border-color: #DDD;
		background: #000;
	  }
	  #model-67 .toggle input[type=checkbox]:checked + label:after {
		color: #CCC;
	  }
	  #model-67 .toggle label {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-67 .toggle label:before {
		font-size: 18px;
		font-weight: bold;
		font-family: arial;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		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 0px 0 0px #000;
	  }
	  #model-67 .toggle label:after {
		font-size: 18px;
		font-weight: bold;
		font-family: arial;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		content: "No";
		position: absolute;
		left: 100px;
		line-height: 42px;
		top: 0;
		color: #000;
	  }
	  
	  #model-68 .toggle {
		position: relative;
		height: 42px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-68 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-68 .toggle input[type=checkbox]:checked + label:before {
		color: #000;
		box-shadow: inset 0px 0px 0 0px #000;
	  }
	  #model-68 .toggle input[type=checkbox]:checked + label:after {
		color: #FFF;
	  }
	  #model-68 .toggle label {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-68 .toggle label:before {
		font-size: 18px;
		font-weight: bold;
		font-family: arial;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		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 0px 0 0px #000;
	  }
	  #model-68 .toggle label:after {
		font-size: 18px;
		font-weight: bold;
		font-family: arial;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		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] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-69 .toggle input[type=checkbox]:checked + label:after {
		transform: rotateY(180deg);
	  }
	  #model-69 .toggle label {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
		perspective: 150px;
	  }
	  #model-69 .toggle label:before {
		content: "Yes No";
		background: #444;
		color: #FFF;
		height: 36px;
		width: 140px;
		word-spacing: 67px;
		font-weight: bold;
		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: 0.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: 0.3s ease-in;
	  }
	  
	  #model-70 .toggle {
		position: relative;
		height: 42px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-70 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-70 .toggle input[type=checkbox]:checked + label:before {
		color: #fff;
		box-shadow: inset -70px 0px 0 0px #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:before {
		font-size: 18px;
		font-weight: bold;
		font-family: arial;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		content: "Yes";
		background: #565656;
		color: #AAA;
		height: 42px;
		width: 140px;
		display: inline-flex;
		align-items: center;
		padding-left: 15px;
		border-radius: 4px;
		transition: 0.5s cubic-bezier(0.52, -0.41, 0.55, 1.46);
		box-shadow: inset 70px 0px 0 0px #ddd;
	  }
	  #model-70 .toggle label:after {
		font-size: 18px;
		font-weight: bold;
		font-family: arial;
		transition: 0.2s ease-in;
		box-sizing: border-box;
		content: "No";
		position: absolute;
		left: 100px;
		line-height: 42px;
		top: 0;
		color: #FFF;
	  }
	  
	  #model-71 .toggle {
		position: relative;
	  }
	  #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;
		content: "ON";
		left: 10px;
		color: #266c33;
	  }
	  #model-71 .toggle:after {
		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;
		content: "OFF";
		right: 10px;
		color: #90201F;
	  }
	  #model-71 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0.1s linear;
	  }
	  #model-71 .toggle label:after {
		content: "";
		position: absolute;
		background-color: #FFF;
		background-size: 100%;
		background-image: linear-gradient(to right, #ffffff 30%, #dddddd 45%, #ffffff 50%, #dddddd 55%, #ffffff 70%);
		border-radius: 0;
		width: 50px;
		height: 32px;
		left: 0;
		top: 0;
		z-index: 5;
		transition: 0.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 {
		content: "ON";
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		line-height: 40px;
		font-size: 12px;
	  }
	  #model-72 .toggle:before {
		content: "ON";
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		line-height: 40px;
		font-size: 12px;
		content: "OFF";
		z-index: 1;
	  }
	  #model-72 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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;
		position: relative;
		display: inline-block;
		border-radius: 20px;
	  }
	  #model-72 .toggle label:before {
		content: "";
		position: absolute;
		width: 14px;
		height: 14px;
		border-radius: 100%;
		transition: 0.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, #666666 0%, #3f4545 100%);
		top: -9px;
		left: 0;
		width: 27px;
		height: 27px;
		position: absolute;
		border-radius: 50%;
		z-index: 2;
		transition: 0.3s ease-in;
	  }
	  
	  #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] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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(0px);
		transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
		width: 78px;
		text-indent: 0;
	  }
	  #model-73 .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: 0.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 0.4s 0.2s, width 0.2s linear, text-indent 0.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: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;
		content: "ON";
		left: 10px;
		color: #266c33;
	  }
	  #model-74 .toggle:after {
		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;
		content: "OFF";
		right: 10px;
		color: #90201F;
	  }
	  #model-74 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-74 .toggle input[type=checkbox]:checked + label:after {
		background: #4BD865;
		left: 45px;
	  }
	  #model-74 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
	  }
	  #model-74 .toggle label:before {
		content: "";
		background: #FFF;
		height: 32px;
		box-shadow: 0 0 1px 2px #0002;
		width: 90px;
		display: inline-block;
		transition: 0.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: 0.1s linear;
	  }
	  
	  #model-75 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-75 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-76 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-76 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		box-sizing: border-box;
	  }
	  #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: 0.2s ease-in;
	  }
	  #model-76 .toggle label:after {
		content: "";
		position: absolute;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		left: -6px;
		top: 0px;
		z-index: 2;
		box-shadow: 0 1px 10px #0005;
		background: #fff;
		box-sizing: border-box;
		transition: 0.2s ease-in;
	  }
	  
	  #model-77 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-77 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		box-sizing: border-box;
	  }
	  #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: 0.2s ease-in;
	  }
	  #model-77 .toggle label:after {
		content: "";
		position: absolute;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		left: 0;
		top: 0px;
		z-index: 2;
		background: #BBB;
		box-sizing: border-box;
		transition: 0.2s ease-in;
	  }
	  
	  #model-78 .toggle {
		position: relative;
	  }
	  #model-78 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-79 .toggle {
		position: relative;
		height: 72px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-79 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-79 .toggle label:before {
		content: "";
		display: inline-block;
		width: 36px;
		height: 72px;
		border: 1px solid #ccc;
		box-sizing: border-box;
		border-radius: 50px;
		transition: 0.2s ease-in;
		background: #f08270;
		box-shadow: inset 0 0 8px #0002;
	  }
	  #model-79 .toggle label:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
		width: 36px;
		height: 36px;
		border: 6px solid #ededec;
		border-radius: 50px;
		background: #fff;
		box-shadow: 0 2px 5px #333;
		background: #d5d4cd;
		background: linear-gradient(#d5d4cd 0%, #FFF 100%);
		transition: 0.2s ease-in;
	  }
	  
	  #model-80 .toggle {
		position: relative;
		height: 72px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-80 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-80 .toggle label:before {
		content: "";
		display: inline-block;
		width: 24px;
		height: 72px;
		border: 1px solid #BBB;
		box-sizing: border-box;
		border-radius: 50px;
		transition: 0.2s ease-in;
		background: #f08270;
		box-shadow: inset 0 0 8px #0005, 0 0 0 4px #EEE, inset 0 0 #49dccf;
	  }
	  #model-80 .toggle label:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
		width: 24px;
		height: 36px;
		border: 6px solid #ededec;
		border-radius: 50px;
		background: #fff;
		box-shadow: 0 2px 5px #333;
		background: #d5d4cd;
		background: linear-gradient(#d5d4cd 0%, #FFF 100%);
		transition: 0.2s ease-in;
	  }
	  
	  #model-81 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-81 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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:before {
		content: "";
		width: 36px;
		height: 72px;
		border-radius: 20px;
		position: relative;
		display: inline-block;
		transition: 0.3s ease-in;
		box-sizing: border-box;
		background-color: #333;
		box-shadow: 0 0 0 2px #EEE, 0 0 10px #0003;
	  }
	  #model-81 .toggle label:after {
		content: "";
		position: absolute;
		width: 30px;
		height: 30px;
		background: #FFF;
		border-radius: 20px;
		box-sizing: border-box;
		left: 0;
		top: 0;
		transform: translate(3px, 3px) rotate(0deg);
		transition: 0.3s ease-in;
		transform-origin: 33px 33px;
	  }
	  
	  #model-82 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-82 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-83 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-83 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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, 0px 15px;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-84 .toggle {
		display: inline-block;
		position: relative;
		border-radius: 40px;
		height: 50px;
		width: 125px;
		background: #fff;
		transition: 0.2s ease-in;
		border: 1px solid #ddd;
		box-sizing: border-box;
	  }
	  #model-84 .toggle:hover {
		box-shadow: 0 2px 8px rgba(0, 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 0.25s 0.2s ease-out, border 0.2s ease-out, right 0.2s ease-out;
		transform: rotate(-135deg);
	  }
	  #model-84 .toggle label:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 100%;
		width: 10px;
		height: 25px;
		background: #2752dd;
		box-sizing: border-box;
		transform: translateX(-50%);
		transition: 0.2s ease-out;
	  }
	  #model-84 .toggle label:before {
		content: "";
		position: absolute;
		box-sizing: border-box;
		border-bottom: 10px solid #2752dd;
		border-right: 10px solid #2752dd;
		top: 37px;
		left: 3px;
		width: 25px;
		height: 25px;
		transform: rotate(45deg);
		transition: 0.2s ease-out;
	  }
	  
	  #model-85 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-85 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		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: 0.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: 0.2s ease-in-out;
	  }
	  
	  #model-86 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-86 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0px -8px 0 -4px #fff, 0px -8px 0 -2px #215aff;
	  }
	  #model-86 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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: 0.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: 0.2s ease-in-out;
		box-shadow: -2px -4px 0 -2px #fff, 0px -8px 0 -4px #fff, 0px -8px 0 -2px #b3c5fe;
	  }
	  
	  #model-87 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-87 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-88 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-88 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-88 .toggle input[type=checkbox]:checked + label:after {
		content: "😊";
		transform: rotate(360deg);
		left: 48px;
	  }
	  #model-88 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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: 0.2s ease-in;
	  }
	  
	  #model-89 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-89 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-89 .toggle input[type=checkbox]:checked + label:after {
		transform: rotateX(180deg) translate(-3px, 3px);
		left: 48px;
	  }
	  #model-89 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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: 0.2s ease-in;
	  }
	  
	  #model-90 .toggle {
		position: relative;
		box-sizing: border-box;
		height: 36px;
	  }
	  #model-90 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		box-sizing: border-box;
	  }
	  #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: 0.2s cubic-bezier(0.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: 0.2s cubic-bezier(0.4, 0, 1, 1);
	  }
	  
	  #model-91 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-91 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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: 0.2s ease-in;
	  }
	  
	  #model-92 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-92 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-92 .toggle input[type=checkbox]:checked + label:before {
		background-color: #009688;
	  }
	  #model-92 .toggle input[type=checkbox]:checked + label:after {
		opacity: 1;
	  }
	  #model-92 .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: 0.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: 0.2s ease-in;
	  }
	  
	  #model-93 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-93 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 30px;
		box-sizing: border-box;
	  }
	  #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: 0.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: 0.2s 0.2s ease-in;
	  }
	  
	  #model-94 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-94 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-94 .toggle input[type=checkbox]:checked + label:after {
		border-color: #333;
		box-shadow: 6px 0 #fff;
		background: #fff;
		transition: border 0.3s ease-in;
	  }
	  #model-94 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		height: 30px;
		box-sizing: border-box;
	  }
	  #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: 0.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 0.2s ease-in, box-shadow 0.2s ease-in;
	  }
	  
	  #model-95 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-95 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-95 .toggle input[type=checkbox]:checked + label:after {
		height: 8px;
		transform: translateY(-5px) rotate(-45deg);
	  }
	  #model-95 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		height: 30px;
		box-sizing: border-box;
	  }
	  #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: 0.2s ease-in;
	  }
	  #model-95 .toggle label:after {
		content: "";
		position: absolute;
		left: 5px;
		top: 14px;
		z-index: 2;
		width: 16px;
		height: 0px;
		border-bottom: 2px solid #fff;
		border-left: 2px solid #fff;
		transform: translateY(0px) rotate(0deg);
		box-sizing: border-box;
		transition: 0.2s cubic-bezier(0.55, 0.06, 0.68, 0.19);
	  }
	  
	  #model-96 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-96 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-96 .toggle input[type=checkbox]:checked + label:before {
		background: #ecf0f3;
		box-shadow: 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #f4f8ff inset;
	  }
	  #model-96 .toggle input[type=checkbox]:checked + label:after {
		border-color: #6d5dfc;
	  }
	  #model-96 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		height: 30px;
		box-sizing: border-box;
	  }
	  #model-96 .toggle label:before {
		content: "";
		background: #ecf0f3;
		box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6;
		cursor: pointer;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 0.5rem;
		width: 32px;
		height: 32px;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-97 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-97 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-97 .toggle input[type=checkbox]:checked + label:before {
		background: #ecf0f3;
		box-shadow: 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #f4f8ff inset;
	  }
	  #model-97 .toggle input[type=checkbox]:checked + label:after {
		background: #6d5dfc;
	  }
	  #model-97 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		height: 30px;
		box-sizing: border-box;
	  }
	  #model-97 .toggle label:before {
		content: "";
		background: #ecf0f3;
		box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6;
		cursor: pointer;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 6px;
		width: 32px;
		height: 32px;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-98 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-98 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-98 .toggle input[type=checkbox]:checked + label:before {
		background: #ecf0f3;
		box-shadow: 4px 4px 4px 0px #d1d9e6 inset, -4px -4px 4px 0px #f4f8ff inset;
	  }
	  #model-98 .toggle input[type=checkbox]:checked + label:after {
		background: #6d5dfc;
	  }
	  #model-98 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		height: 30px;
		box-sizing: border-box;
	  }
	  #model-98 .toggle label:before {
		content: "";
		background: #ecf0f3;
		box-shadow: -8px -4px 8px 0px #ffffff, 8px 4px 12px 0px #d1d9e6;
		cursor: pointer;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		width: 32px;
		height: 32px;
		transition: 0.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: 0.2s ease-in;
	  }
	  
	  #model-99 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-99 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 30px;
		box-sizing: border-box;
	  }
	  #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: 0.3s cubic-bezier(1, 0.19, 0, 1.84);
	  }
	  
	  #model-100 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-100 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 30px;
		box-sizing: border-box;
	  }
	  #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: 0.2s ease-in;
	  }
	  #model-100 .toggle label:after {
		content: "";
		position: absolute;
		left: 5px;
		top: 14px;
		z-index: 2;
		width: 16px;
		height: 0px;
		border-bottom: 2px solid #fff;
		border-left: 2px solid #fff;
		transform: translateY(0px) rotate(0deg);
		box-sizing: border-box;
		transition: 0.2s cubic-bezier(0.55, 0.06, 0.68, 0.19);
	  }
	  
	  #model-101 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-101 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 30px;
		box-sizing: border-box;
	  }
	  #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: 0.2s ease-in;
	  }
	  #model-101 .toggle label:after {
		content: "";
		position: absolute;
		left: 5px;
		top: 14px;
		z-index: 2;
		width: 16px;
		height: 0px;
		border-bottom: 2px solid #fff;
		border-left: 2px solid #fff;
		transform: translateY(0px) rotate(0deg);
		box-sizing: border-box;
		transition: 0.2s 0.1s cubic-bezier(0.55, 0.06, 0.68, 0.19);
	  }
	  
	  #model-102 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-102 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-102 .toggle input[type=checkbox]:checked + label:before {
		background: #00897B;
		-webkit-animation: 0.3s splash ease-in;
				animation: 0.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 {
		position: relative;
		display: flex;
		align-items: center;
		height: 30px;
		box-sizing: border-box;
	  }
	  #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: 0.2s ease-in;
	  }
	  #model-102 .toggle label:after {
		content: "";
		position: absolute;
		left: 5px;
		top: 14px;
		z-index: 2;
		width: 16px;
		height: 0px;
		border-bottom: 2px solid #0000;
		border-left: 2px solid #0000;
		transform: translateY(0px) rotate(0deg);
		box-sizing: border-box;
		transition: 0.2s cubic-bezier(0.55, 0.06, 0.68, 0.19);
	  }
	  
	  #model-103 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-103 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-103 .toggle input[type=checkbox]:checked + label:before {
		box-shadow: inset 80px 0 #FFCA28;
	  }
	  #model-103 .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: 0.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 {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-104 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-104 .toggle input[type=checkbox]:checked + label:before {
		box-shadow: inset 0 -80px #F44336;
	  }
	  #model-104 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-104 .toggle label:before {
		content: "";
		width: 64px;
		height: 64px;
		position: relative;
		display: inline-block;
		border: 1px solid #b6c4d0;
		transition: 0.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 {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-105 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-105 .toggle input[type=checkbox]:checked + label:before {
		content: "🔒";
	  }
	  #model-105 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-105 .toggle label:before {
		content: "🔓";
		font-size: 36px;
		position: relative;
		display: inline-block;
	  }
	  
	  #model-106 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-106 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-106 .toggle input[type=checkbox]:checked + label:before {
		content: "👍";
	  }
	  #model-106 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-106 .toggle label:before {
		content: "👎";
		font-size: 36px;
		position: relative;
		display: inline-block;
	  }
	  
	  #model-107 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-107 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-107 .toggle input[type=checkbox]:checked + label:before {
		content: "🔕";
	  }
	  #model-107 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-107 .toggle label:before {
		content: "🔔";
		font-size: 36px;
		position: relative;
		display: inline-block;
	  }
	  
	  #model-108 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-108 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #model-108 .toggle input[type=checkbox]:checked + label:before {
		content: "🔇";
	  }
	  #model-108 .toggle label {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-108 .toggle label:before {
		content: "🔈";
		font-size: 36px;
		position: relative;
		display: inline-block;
	  }
	  
	  #model-109 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-109 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-109 .toggle label:before {
		content: "📷";
		font-size: 36px;
		position: relative;
		display: inline-block;
	  }
	  
	  #model-110 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-110 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	  }
	  #model-110 .toggle label:before {
		content: "📱";
		font-size: 36px;
		position: relative;
		display: inline-block;
	  }
	  
	  #model-111 .toggle {
		position: relative;
		box-sizing: border-box;
	  }
	  #model-111 .toggle input[type=checkbox] {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		cursor: pointer;
		opacity: 0;
	  }
	  #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 {
		position: relative;
		display: flex;
		align-items: center;
		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: black;
		padding: 3px;
		color: white;
		display: block;
		border-radius: 20px;
		margin: 5px 10px;
		text-align: center;
	  }