@charset "UTF-8";

:root {
	--max-viewport: 1827;
	--min-viewport: 360;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

#scroll-to-top,
.pagination__next,
.pagination__next::before,
.pagination__prev,
.pagination__prev::before,
.popup-wrap .close:before,
.slick-dots li,
.slick-next,
.slick-next:after,
.slick-prev,
.slick-prev:after,
a,
button:not(.card__button, .clear, .slick-prev, .slick-next, .f-button),
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
	-webkit-transition: color .5s, background-color .5s, border .5s;
	transition: color .5s, background-color .5s, border .5s
}

select {
	display: none
}

html {
	line-height: 1
}

html.lock,
body.lock {
	overflow: hidden
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
td,
th {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}

blockquote,
q {
	quotes: none
}

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

button {
	border: none;
	outline: 0;
	background: 0 0;
	cursor: pointer
}

button:not(.card__button, .clear, .slick-prev, .slick-next, .f-button) {
	font-family: "KyivType Sans", sans-serif;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: 51px;
	border: none;
	outline: 0;
	display: block;
	padding: 0 23px;
	background: 0 0;
	border-radius: 0;
	position: relative;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	color: #dc300d;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	z-index: 2
}

button:not(.card__button, .clear, .slick-prev, .slick-next, .f-button)::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-border.svg);
	mask-image: url(../layout/images/mask-border.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%
}

button:not(.card__button, .clear, .slick-prev, .slick-next, .f-button)::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-fill.svg);
	mask-image: url(../layout/images/mask-fill.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
	z-index: -1
}

h1 {
	font-size: 48px;
	color: #fff;
	line-height: 58px;
	font-weight: 700
}

@media screen and (max-width:767px) {
	h1 {
		font-size: 32px;
		line-height: 42px
	}
}

h2 {
	font-size: 48px;
	color: #141313;
	font-style: normal;
	font-weight: 700;
	line-height: 58px;
	text-align: center;
	margin-bottom: 32px
}

@media screen and (max-width:1220px) {
	h2 {
		font-size: 28px;
		line-height: 36px;
		margin-bottom: 23px
	}
}

@media screen and (max-width:767px) {
	h2 {
		font-size: 22px;
		line-height: 26px
	}
}

h3 {
	font-size: 20px;
	color: #141313;
	font-style: normal;
	font-weight: 500;
	line-height: 26px
}

@media screen and (max-width:1220px) {
	h3 {
		font-size: 17px;
		line-height: 24px
	}
}

@media screen and (max-width:767px) {
	h3 {
		font-size: 14px;
		line-height: 18px
	}
}

.content>:first-child {
	margin-top: 0
}

.content>:last-child {
	margin-bottom: 0
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	margin-top: 40px;
	margin-bottom: 20px
}

.content p {
	margin-bottom: 20px
}

.content-btn-wrap {
	margin-top: 20px
}

.content ul,
.content ol {
	list-style: initial;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px
}

.content ol li>ol,
.content ul li>ul {
	margin-top: 10px;
	margin-bottom: 10px
}

.content ol {
	list-style-type: decimal
}

.content ul li:not(:last-child),
.content ol li:not(:last-child) {
	margin-bottom: 10px
}

.content ol li::marker,
.content ul li::marker {
	color: var(--agds-clr-2)
}

.content .has-text-align-center .content-btn-wrap,
.has-text-align-center {
	text-align: center
}

.content .has-text-align-right .content-btn-wrap,
.content .has-text-align-right {
	text-align: right
}

.content>blockquote {
	padding: 30px;
	border-left: 5px solid #ddd;
	background-color: #eee
}

.content>blockquote>p {
	margin-bottom: 0
}

.content>blockquote,
.content>.wp-block-image {
	margin-top: var(--agds-size-40);
	margin-bottom: var(--agds-size-40)
}

.section-title-wrap {
	margin-bottom: var(--agds-size-40)
}

.section-title-wrap>* {
	margin-bottom: 0
}

a {
	color: #dc300d;
	text-decoration: none
}

a img {
	border: none
}

b,
strong {
	font-weight: 700
}

ol,
ul {
	list-style: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

label {
	font-family: "KyivType Sans", sans-serif;
	font-size: 14px;
	color: #141313;
	line-height: 18px;
	font-weight: 500;
	display: block;
	margin-bottom: 4px
}

label span {
	color: #d92d20
}

label.error {
	color: #d92d20;
	margin: 3px 0 0
}

input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
	font-family: "KyivType Sans", sans-serif;
	border: 1px solid #141313;
	font-size: 14px;
	color: #141313;
	font-weight: 400;
	resize: none;
	padding: 9px 8px;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 44px;
	border-radius: 10px;
	background: 0 0
}

input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: rgba(20, 19, 19, .3)
}

input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
	color: rgba(20, 19, 19, .3)
}

input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: rgba(20, 19, 19, .3)
}

input[type=email]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: rgba(20, 19, 19, .3)
}

input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
select::placeholder,
textarea::placeholder {
	color: rgba(20, 19, 19, .3)
}

form .select-wrap {
	width: 100%;
	display: inline-block;
	vertical-align: middle
}

.radio-btn {
	vertical-align: top;
	width: 0 !important
}

.radio-btn+label {
	cursor: pointer;
	padding: 0 0 0 16px
}

.radio-btn:not(checked) {
	position: absolute;
	opacity: 0
}

.radio-btn:not(checked)+label {
	position: relative;
	width: 320px;
	height: 130px;
	border: 1px solid #bdbdbd;
	font-family: "KyivType Sans", sans-serif;
	font-size: 10px;
	color: #bdbdbd;
	font-weight: 400;
	cursor: pointer;
	line-height: 20px;
	-ms-user-select: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	padding: 24px;
	float: none;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	outline: transparent solid 5px;
	outline-offset: -5px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.radio-btn:checked+label {
	outline-color: #f46495
}

.radio-btn:not(checked)+label .icon {
	width: 61px;
	height: 61px;
	border-radius: 50%;
	background: #bdbdbd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.radio-btn:not(checked)+label .icon img {
	display: block;
	max-width: 58px;
	max-height: 58px
}

.radio-btn:checked+label .icon {
	background: #f46495
}

.radio-btn:not(checked)+label .text {
	width: calc(100% - 61px - 30px)
}

.radio-btn:not(checked)+label .text .tit {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #bdbdbd;
	font-weight: 700;
	margin-bottom: 3px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.radio-btn:not(checked)+label .text .price {
	display: block;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -.01em;
	color: #bdbdbd;
	font-weight: 700;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.radio-btn:not(checked)+label .text .price span {
	color: #bdbdbd;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.radio-btn:not(checked)+label .text p {
	font-size: 10px;
	line-height: 14px;
	color: #bdbdbd;
	font-weight: 400;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.radio-btn:checked+label,
.radio-btn:checked+label .text .price,
.radio-btn:checked+label .text .price span,
.radio-btn:checked+label .text .tit,
.radio-btn:checked+label .text p {
	color: #000
}

.checkbox-btn {
	vertical-align: top;
	width: 0 !important
}

.checkbox-btn+label {
	cursor: pointer;
	padding: 0 0 0 22px;
	margin: 0
}

.checkbox-btn:not(checked) {
	position: absolute;
	opacity: 0
}

.checkbox-btn:not(checked)+label {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	color: #141313;
	font-weight: 400;
	cursor: pointer;
	-ms-user-select: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	float: none;
	display: block;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.checkbox-btn:not(checked)+label:after {
	content: "\e90b";
	font-family: icon !important;
	width: 12px;
	height: 12px;
	position: absolute;
	top: calc(50% - 8px);
	left: 4px;
	font-size: 6px;
	color: #fff;
	opacity: 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.checkbox-btn:not(checked)+label:before {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	border: 1px solid #07c0ad;
	background-color: transparent;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.checkbox-btn:checked+label::before {
	background-color: #07c0ad
}

.checkbox-btn:checked+label:after {
	opacity: 1
}

@font-face {
	font-family: "KyivType Sans";
	src: url(../layout/fonts/KyivTypeSansBold/KyivTypeSans-Bold.woff2) format("woff2"), url(../layout/fonts/KyivTypeSansBold/KyivTypeSans-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "KyivType Sans";
	src: url(../layout/fonts/KyivTypeSansMedium/KyivTypeSans-Medium.woff2) format("woff2"), url(../layout/fonts/KyivTypeSansMedium/KyivTypeSans-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "KyivType Sans";
	src: url(../layout/fonts/KyivTypeSansRegular/KyivTypeSans-Regular.woff2) format("woff2"), url(../layout/fonts/KyivTypeSansRegular/KyivTypeSans-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

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

[class*=" icon-"]::before,
[class^=icon-]::before {
	font-family: icon !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-category-icon_1:before {
	content: "\e916"
}

.icon-category-icon_2:before {
	content: "\e917"
}

.icon-category-icon_3:before {
	content: "\e918"
}

.icon-category-icon_4:before {
	content: "\e919"
}

.icon-category-icon_5:before {
	content: "\e91a"
}

.icon-category-icon_6:before {
	content: "\e91b"
}

.icon-category-icon_7:before {
	content: "\e91c"
}

.icon-category-icon_8:before {
	content: "\e91d"
}

.icon-category-icon_9:before {
	content: "\e91e"
}

.icon-address:before {
	content: "\e900";
	font-size: 22px
}

.icon-advantage_1:before {
	content: "\e901";
	color: #6a8e34
}

.icon-advantage_2:before {
	content: "\e902"
}

.icon-advantage_3:before {
	content: "\e903"
}

.icon-category:before {
	content: "\e904"
}

.icon-close:before {
	content: "\e905"
}

.icon-down-arrow:before {
	content: "\e906"
}

.icon-email:before {
	content: "\e907";
	font-size: 16px
}

.icon-facebook:before {
	content: "\e908";
	font-size: 20px
}

.icon-globe:before {
	content: "\e909";
	font-size: 18px
}

.icon-left-arrow:before {
	content: "\e90a"
}

.icon-more:before {
	content: "\e90b"
}

.icon-next:before {
	content: "\e90c"
}

.icon-phone:before {
	content: "\e90d";
	font-size: 17px
}

.icon-prev:before {
	content: "\e90e"
}

.icon-right-arrow:before {
	content: "\e90f"
}

.icon-scroll-to-top:before {
	content: "\e910"
}

.icon-search:before {
	content: "\e911"
}

.icon-select-arrow:before {
	content: "\e912"
}

.icon-separator:before {
	content: "\e913"
}

.icon-twitter:before {
	content: "\e914";
	font-size: 15px
}

.icon-up-arrow:before {
	content: "\e915"
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: 0
}

.clearfix:after {
	content: "";
	display: table;
	width: 100%
}

.t-datepicker {
	clear: both;
	float: left;
	position: relative;
	display: inline-block;
	width: 100%;
	font-size: 14px;
	line-height: 1.4em;
	max-width: 650px
}

.t-check-in,
.t-check-out {
	display: inline-block;
	position: relative;
	border-width: 1px;
	border-style: solid;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.t-check-in .t-date-info-title,
.t-check-out .t-date-info-title {
	position: absolute;
	top: 12px;
	left: 33px;
	display: block;
	font-weight: 400;
	opacity: .5;
	font-size: 13px;
	cursor: pointer
}

.t-check-in .fa,
.t-check-out .fa {
	top: -1px;
	position: relative
}

.t-check-in {
	border-right-width: 1px;
	border-radius: 4px 0 0 4px
}

.t-picker-only {
	border-radius: 4px;
	width: 100%
}

.t-check-out {
	border-left-width: 0;
	border-radius: 0 4px 4px 0
}

.t-check-out .t-datepicker-day {
	left: -100%
}

.t-input {
	bottom: 0;
	left: 20px;
	position: absolute;
	z-index: -1;
	opacity: 0
}

.t-arrow-top {
	top: 32px;
	z-index: 9999
}

.t-arrow-top,
.t-arrow-top::after {
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #ddd;
	display: inline-block;
	position: absolute
}

.t-arrow-top::after {
	top: -9px;
	left: -10px;
	content: "";
	border-width: 10px;
	border-bottom-color: #fff
}

.t-dates {
	padding: 10px 15px;
	height: 38px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.t-datepicker-day {
	border-width: 1px;
	border-style: solid;
	top: 51px;
	overflow: hidden;
	position: absolute;
	z-index: 9998;
	padding: 10px 0;
	border-radius: 4px;
	-webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .25);
	box-shadow: 0 7px 15px rgba(0, 0, 0, .25)
}

.t-table-wrap {
	width: 100%;
	padding: 0 10px;
	font-size: inherit;
	display: inline-block;
	vertical-align: top
}

.t-datepicker-days {
	width: 650px
}

.t-datepicker-days .t-table-wrap {
	padding: 0;
	width: 47%;
	margin-left: 2%
}

@media (max-width:480px) {
	.t-datepicker-days {
		width: 300px
	}

	.t-datepicker-days .t-table-wrap {
		margin-left: 0;
		width: 100%;
		padding: 0 10px
	}
}

@media (max-width:320px) {
	.t-datepicker-days {
		width: 290px
	}

	.t-datepicker-days .t-table-wrap {
		padding: 0 5px
	}
}

.t-table-condensed {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	vertical-align: top
}

.t-next,
.t-prev,
.t-table-condensed td,
.t-table-condensed th {
	text-align: center;
	padding: 10px
}

.t-date-title {
	clear: both;
	width: 100%;
	text-align: center;
	display: inline-block;
	margin: 0;
	padding: 15px 0 10px;
	color: #e91e63
}

.t-day,
.t-disabled,
.t-end,
.t-range,
.t-start {
	border-width: 2px;
	border-style: solid
}

.t-arrow {
	border: none
}

.t-arrow,
.t-dates,
.t-day,
.t-end,
.t-end-limit,
.t-range,
.t-start {
	cursor: pointer
}

.t-special-day {
	position: relative
}

.t-special-day:before {
	content: "";
	height: 3px;
	width: 3px;
	top: 0;
	right: 0;
	position: absolute;
	display: block;
	border-width: 3px;
	border-style: solid;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.t-hover-day {
	position: relative
}

.t-hover-day-content {
	top: -30px;
	width: 70px;
	right: calc(50% - 35px);
	position: absolute;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 5px;
	border-radius: 4px;
	z-index: 9999
}

.t-today .t-hover-day-content {
	z-index: 9998
}

.t-check-in .t-end-limit,
.t-disabled {
	opacity: .25;
	cursor: auto
}

.t-check-in,
.t-check-out {
	border-color: #ededed
}

.t-check-in {
	border-right-color: #e8e8e8
}

.t-special-day:before {
	border-color: #e91e63 #e91e63 transparent transparent
}

.t-datepicker-day {
	border-color: #ededed;
	background: #fff
}

.t-day,
.t-disabled,
.t-end,
.t-range,
.t-start {
	background: #fafafa;
	border-color: #fff
}

.t-disabled {
	background: 0 0
}

.t-highlighted {
	color: #4db6ac
}

.t-highlighted.t-disabled {
	background: #fafafa
}

.t-end,
.t-end-limit,
.t-start {
	color: #fff;
	background: #4db6ac
}

.t-range,
.t-range-limit {
	color: #4db6ac
}

.t-range {
	background: #e5f4f3
}

.t-range-limit {
	background: #c4e7e4
}

.t-range-limit.t-end,
.t-range-limit.t-start {
	color: #fff;
	background: #71c5bd
}

.t-check-in .t-end,
.t-check-out .t-start,
.t-check-out tr~.t-end {
	color: #fff;
	background: #4db6ac
}

.t-hover-day,
.t-hover-day-content,
.t-hover-day:hover {
	color: #fff;
	background: #71c5bd
}

.t-hover-day::after {
	content: "";
	position: absolute;
	top: -8px;
	right: calc(50% - 7px);
	border-width: 7px;
	border-style: solid;
	border-color: #71c5bd transparent transparent
}

.t-today,
.t-today .t-hover-day-content {
	background: #aeaeae
}

.t-today::after {
	border-top-color: #aeaeae
}

.t-today:hover,
.t-today:hover .t-hover-day-content {
	background: #4db6ac
}

.t-today:hover::after {
	border-top-color: #4db6ac
}

.t-end.t-today,
.t-start.t-today {
	color: #fff
}

.t-end.t-today,
.t-end.t-today .t-hover-day-content,
.t-start.t-today,
.t-start.t-today .t-hover-day-content {
	background: #4db6ac
}

.t-end.t-today::after,
.t-start.t-today::after {
	border-top-color: #4db6ac
}


.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes bounce {

	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

@keyframes bounce {

	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

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

@-webkit-keyframes flash {

	0%,
	100%,
	50% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	0%,
	100%,
	50% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

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

@-webkit-keyframes pulse {

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

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes pulse {

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

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

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

@-webkit-keyframes shake {

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

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

@keyframes shake {

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

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

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

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

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

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

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

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10%,
	20% {
		-webkit-transform: scale(.9) rotate(-3deg);
		transform: scale(.9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10%,
	20% {
		-webkit-transform: scale(.9) rotate(-3deg);
		transform: scale(.9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0)
	}
}

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

@-webkit-keyframes wobble {

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

	15% {
		-webkit-transform: translateX(-25%) rotate(-5deg);
		transform: translateX(-25%) rotate(-5deg)
	}

	30% {
		-webkit-transform: translateX(20%) rotate(3deg);
		transform: translateX(20%) rotate(3deg)
	}

	45% {
		-webkit-transform: translateX(-15%) rotate(-3deg);
		transform: translateX(-15%) rotate(-3deg)
	}

	60% {
		-webkit-transform: translateX(10%) rotate(2deg);
		transform: translateX(10%) rotate(2deg)
	}

	75% {
		-webkit-transform: translateX(-5%) rotate(-1deg);
		transform: translateX(-5%) rotate(-1deg)
	}
}

@keyframes wobble {

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

	15% {
		-webkit-transform: translateX(-25%) rotate(-5deg);
		transform: translateX(-25%) rotate(-5deg)
	}

	30% {
		-webkit-transform: translateX(20%) rotate(3deg);
		transform: translateX(20%) rotate(3deg)
	}

	45% {
		-webkit-transform: translateX(-15%) rotate(-3deg);
		transform: translateX(-15%) rotate(-3deg)
	}

	60% {
		-webkit-transform: translateX(10%) rotate(2deg);
		transform: translateX(10%) rotate(2deg)
	}

	75% {
		-webkit-transform: translateX(-5%) rotate(-1deg);
		transform: translateX(-5%) rotate(-1deg)
	}
}

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

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	70% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	70% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

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

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

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

@keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

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

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

@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}

	80% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

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

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
		transform: translateX(30px)
	}

	80% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

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

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

@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}

	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

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

@keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px)
	}

	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}

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

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

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

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

@keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}

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

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

@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	25% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
}

@keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	25% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3)
	}
}

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

@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

@keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

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

@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

@keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

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

@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

@keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

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

@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

@keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

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

@-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 fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

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

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

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

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

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

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

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

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

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

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

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

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

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

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

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

@-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 fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
}

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

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
}

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

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
}

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

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

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

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
}

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

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

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

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}

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

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

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

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1
	}

	80% {
		-webkit-transform: translateX(0) skewX(-15deg);
		transform: translateX(0) skewX(-15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1
	}

	80% {
		-webkit-transform: translateX(0) skewX(-15deg);
		transform: translateX(0) skewX(-15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	0% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		-webkit-transform: translateX(0) skewX(0);
		transform: translateX(0) skewX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0
	}
}

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

@-webkit-keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

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

@keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

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

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

@-webkit-keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

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

@keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}

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

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

@-webkit-keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

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

@keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}

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

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

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px)
	}
}

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

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px)
	}
}

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

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}
}

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

@-webkit-keyframes hinge {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	80% {
		-webkit-transform: rotate(60deg) translateY(0);
		transform: rotate(60deg) translateY(0);
		opacity: 1;
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	100% {
		-webkit-transform: translateY(700px);
		transform: translateY(700px);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	80% {
		-webkit-transform: rotate(60deg) translateY(0);
		transform: rotate(60deg) translateY(0);
		opacity: 1;
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	100% {
		-webkit-transform: translateY(700px);
		transform: translateY(700px);
		opacity: 0
	}
}

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

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

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

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
		transform: translateX(100%) rotate(120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
		transform: translateX(100%) rotate(120deg)
	}
}

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


.animsition,
.animsition-overlay {
	position: relative;
	opacity: 0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animsition-overlay-slide {
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #ddd
}

.animsition-loading,
.animsition-loading:after {
	width: 32px;
	height: 32px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	border-radius: 50%;
	z-index: 2
}

.animsition-loading {
	background-color: transparent;
	border-top: 5px solid rgba(0, 0, 0, .2);
	border-right: 5px solid rgba(0, 0, 0, .2);
	border-bottom: 5px solid rgba(0, 0, 0, .2);
	border-left: 5px solid #eee;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-name: animsition-loading;
	animation-name: animsition-loading
}

@-webkit-keyframes animsition-loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes animsition-loading {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fade-in {
	-webkit-animation-name: fade-in;
	animation-name: fade-in
}

@-webkit-keyframes fade-out {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fade-out {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.fade-out {
	-webkit-animation-name: fade-out;
	animation-name: fade-out
}

@-webkit-keyframes fade-in-up {
	0% {
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes fade-in-up {
	0% {
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

.fade-in-up {
	-webkit-animation-name: fade-in-up;
	animation-name: fade-in-up
}

@-webkit-keyframes fade-out-up {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(-500px);
		transform: translateY(-500px);
		opacity: 0
	}
}

@keyframes fade-out-up {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(-500px);
		transform: translateY(-500px);
		opacity: 0
	}
}

.fade-out-up {
	-webkit-animation-name: fade-out-up;
	animation-name: fade-out-up
}

@-webkit-keyframes fade-in-up-sm {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes fade-in-up-sm {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

.fade-in-up-sm {
	-webkit-animation-name: fade-in-up-sm;
	animation-name: fade-in-up-sm
}

@-webkit-keyframes fade-out-up-sm {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
		opacity: 0
	}
}

@keyframes fade-out-up-sm {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
		opacity: 0
	}
}

.fade-out-up-sm {
	-webkit-animation-name: fade-out-up-sm;
	animation-name: fade-out-up-sm
}

@-webkit-keyframes fade-in-up-lg {
	0% {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
		opacity: 0
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes fade-in-up-lg {
	0% {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
		opacity: 0
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

.fade-in-up-lg {
	-webkit-animation-name: fade-in-up-lg;
	animation-name: fade-in-up-lg
}

@-webkit-keyframes fade-out-up-lg {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(-1000px);
		transform: translateY(-1000px);
		opacity: 0
	}
}

@keyframes fade-out-up-lg {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(-1000px);
		transform: translateY(-1000px);
		opacity: 0
	}
}

.fade-out-up-lg {
	-webkit-animation-name: fade-out-up-lg;
	animation-name: fade-out-up-lg
}

@-webkit-keyframes fade-in-down {
	0% {
		-webkit-transform: translateY(-500px);
		transform: translateY(-500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes fade-in-down {
	0% {
		-webkit-transform: translateY(-500px);
		transform: translateY(-500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

.fade-in-down {
	-webkit-animation-name: fade-in-down;
	animation-name: fade-in-down
}

@-webkit-keyframes fade-out-down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
		opacity: 0
	}
}

@keyframes fade-out-down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
		opacity: 0
	}
}

.fade-out-down {
	-webkit-animation-name: fade-out-down;
	animation-name: fade-out-down
}

@-webkit-keyframes fade-in-down-sm {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
		opacity: 0
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes fade-in-down-sm {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px);
		opacity: 0
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

.fade-in-down-sm {
	-webkit-animation-name: fade-in-down-sm;
	animation-name: fade-in-down-sm
}

@-webkit-keyframes fade-out-down-sm {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0
	}
}

@keyframes fade-out-down-sm {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0
	}
}

.fade-out-down-sm {
	-webkit-animation-name: fade-out-down-sm;
	animation-name: fade-out-down-sm
}

.fade-in-down-lg {
	-webkit-animation-name: fade-in-down;
	animation-name: fade-in-down
}

@-webkit-keyframes fade-out-down-lg {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
		opacity: 0
	}
}

@keyframes fade-out-down-lg {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
		opacity: 0
	}
}

.fade-out-down-lg {
	-webkit-animation-name: fade-out-down-lg;
	animation-name: fade-out-down-lg
}

@-webkit-keyframes fade-in-left {
	0% {
		-webkit-transform: translateX(-500px);
		transform: translateX(-500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes fade-in-left {
	0% {
		-webkit-transform: translateX(-500px);
		transform: translateX(-500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

.fade-in-left {
	-webkit-animation-name: fade-in-left;
	animation-name: fade-in-left
}

@-webkit-keyframes fade-out-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-500px);
		transform: translateX(-500px);
		opacity: 0
	}
}

@keyframes fade-out-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-500px);
		transform: translateX(-500px);
		opacity: 0
	}
}

.fade-out-left {
	-webkit-animation-name: fade-out-left;
	animation-name: fade-out-left
}

@-webkit-keyframes fade-in-left-sm {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes fade-in-left-sm {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

.fade-in-left-sm {
	-webkit-animation-name: fade-in-left-sm;
	animation-name: fade-in-left-sm
}

@-webkit-keyframes fade-out-left-sm {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0
	}
}

@keyframes fade-out-left-sm {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0
	}
}

.fade-out-left-sm {
	-webkit-animation-name: fade-out-left-sm;
	animation-name: fade-out-left-sm
}

@-webkit-keyframes fade-in-left-lg {
	0% {
		-webkit-transform: translateX(-1500px);
		transform: translateX(-1500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes fade-in-left-lg {
	0% {
		-webkit-transform: translateX(-1500px);
		transform: translateX(-1500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

.fade-in-left-lg {
	-webkit-animation-name: fade-in-left-lg;
	animation-name: fade-in-left-lg
}

@-webkit-keyframes fade-out-left-lg {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-1500px);
		transform: translateX(-1500px);
		opacity: 0
	}
}

@keyframes fade-out-left-lg {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-1500px);
		transform: translateX(-1500px);
		opacity: 0
	}
}

.fade-out-left-lg {
	-webkit-animation-name: fade-out-left-lg;
	animation-name: fade-out-left-lg
}

@-webkit-keyframes fade-in-right {
	0% {
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes fade-in-right {
	0% {
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

.fade-in-right {
	-webkit-animation-name: fade-in-right;
	animation-name: fade-in-right
}

@-webkit-keyframes fade-out-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
		opacity: 0
	}
}

@keyframes fade-out-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(500px);
		transform: translateX(500px);
		opacity: 0
	}
}

.fade-out-right {
	-webkit-animation-name: fade-out-right;
	animation-name: fade-out-right
}

@-webkit-keyframes fade-in-right-sm {
	0% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes fade-in-right-sm {
	0% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

.fade-in-right-sm {
	-webkit-animation-name: fade-in-right-sm;
	animation-name: fade-in-right-sm
}

@-webkit-keyframes fade-out-right-sm {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0
	}
}

@keyframes fade-out-right-sm {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0
	}
}

.fade-out-right-sm {
	-webkit-animation-name: fade-out-right-sm;
	animation-name: fade-out-right-sm
}

@-webkit-keyframes fade-in-right-lg {
	0% {
		-webkit-transform: translateX(1500px);
		transform: translateX(1500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes fade-in-right-lg {
	0% {
		-webkit-transform: translateX(1500px);
		transform: translateX(1500px);
		opacity: 0
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

.fade-in-right-lg {
	-webkit-animation-name: fade-in-right-lg;
	animation-name: fade-in-right-lg
}

@-webkit-keyframes fade-out-right-lg {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(1500px);
		transform: translateX(1500px);
		opacity: 0
	}
}

@keyframes fade-out-right-lg {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: translateX(1500px);
		transform: translateX(1500px);
		opacity: 0
	}
}

.fade-out-right-lg {
	-webkit-animation-name: fade-out-right-lg;
	animation-name: fade-out-right-lg
}

@-webkit-keyframes rotate-in {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}
}

@keyframes rotate-in {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}
}

.rotate-in {
	-webkit-animation-name: rotate-in;
	animation-name: rotate-in
}

@-webkit-keyframes rotate-out {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}
}

@keyframes rotate-out {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}
}

.rotate-out {
	-webkit-animation-name: rotate-out;
	animation-name: rotate-out
}

@-webkit-keyframes rotate-in-sm {
	0% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}
}

@keyframes rotate-in-sm {
	0% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}
}

.rotate-in-sm {
	-webkit-animation-name: rotate-in-sm;
	animation-name: rotate-in-sm
}

@-webkit-keyframes rotate-out-sm {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}
}

@keyframes rotate-out-sm {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}
}

.rotate-out-sm {
	-webkit-animation-name: rotate-out-sm;
	animation-name: rotate-out-sm
}

@-webkit-keyframes rotate-in-lg {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}
}

@keyframes rotate-in-lg {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}
}

.rotate-in-lg {
	-webkit-animation-name: rotate-in-lg;
	animation-name: rotate-in-lg
}

@-webkit-keyframes rotate-out-lg {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}
}

@keyframes rotate-out-lg {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 1
	}

	0%,
	to {
		-webkit-transform-origin: center center
	}

	to {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		opacity: 0
	}
}

.rotate-out-lg {
	-webkit-animation-name: rotate-out-lg;
	animation-name: rotate-out-lg
}

@-webkit-keyframes flip-in-x {
	0% {
		-webkit-transform: perspective(550px) rotateX(90deg);
		transform: perspective(550px) rotateX(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(550px) rotateX(0);
		transform: perspective(550px) rotateX(0);
		opacity: 1
	}
}

@keyframes flip-in-x {
	0% {
		-webkit-transform: perspective(550px) rotateX(90deg);
		transform: perspective(550px) rotateX(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(550px) rotateX(0);
		transform: perspective(550px) rotateX(0);
		opacity: 1
	}
}

.flip-in-x {
	-webkit-animation-name: flip-in-x;
	animation-name: flip-in-x;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flip-out-x {
	0% {
		-webkit-transform: perspective(550px) rotateX(0);
		transform: perspective(550px) rotateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(550px) rotateX(90deg);
		transform: perspective(550px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flip-out-x {
	0% {
		-webkit-transform: perspective(550px) rotateX(0);
		transform: perspective(550px) rotateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(550px) rotateX(90deg);
		transform: perspective(550px) rotateX(90deg);
		opacity: 0
	}
}

.flip-out-x {
	-webkit-animation-name: flip-out-x;
	animation-name: flip-out-x;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flip-in-x-nr {
	0% {
		-webkit-transform: perspective(100px) rotateX(90deg);
		transform: perspective(100px) rotateX(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(100px) rotateX(0);
		transform: perspective(100px) rotateX(0);
		opacity: 1
	}
}

@keyframes flip-in-x-nr {
	0% {
		-webkit-transform: perspective(100px) rotateX(90deg);
		transform: perspective(100px) rotateX(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(100px) rotateX(0);
		transform: perspective(100px) rotateX(0);
		opacity: 1
	}
}

.flip-in-x-nr {
	-webkit-animation-name: flip-in-x-nr;
	animation-name: flip-in-x-nr;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flip-out-x-nr {
	0% {
		-webkit-transform: perspective(100px) rotateX(0);
		transform: perspective(100px) rotateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(100px) rotateX(90deg);
		transform: perspective(100px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flip-out-x-nr {
	0% {
		-webkit-transform: perspective(100px) rotateX(0);
		transform: perspective(100px) rotateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(100px) rotateX(90deg);
		transform: perspective(100px) rotateX(90deg);
		opacity: 0
	}
}

.flip-out-x-nr {
	-webkit-animation-name: flip-out-x-nr;
	animation-name: flip-out-x-nr;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flip-in-x-fr {
	0% {
		-webkit-transform: perspective(1000px) rotateX(90deg);
		transform: perspective(1000px) rotateX(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(1000px) rotateX(0);
		transform: perspective(1000px) rotateX(0);
		opacity: 1
	}
}

@keyframes flip-in-x-fr {
	0% {
		-webkit-transform: perspective(1000px) rotateX(90deg);
		transform: perspective(1000px) rotateX(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(1000px) rotateX(0);
		transform: perspective(1000px) rotateX(0);
		opacity: 1
	}
}

.flip-in-x-fr {
	-webkit-animation-name: flip-in-x-fr;
	animation-name: flip-in-x-fr;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flip-out-x-fr {
	0% {
		-webkit-transform: perspective(1000px) rotateX(0);
		transform: perspective(1000px) rotateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(1000px) rotateX(90deg);
		transform: perspective(1000px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flip-out-x-fr {
	0% {
		-webkit-transform: perspective(1000px) rotateX(0);
		transform: perspective(1000px) rotateX(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(1000px) rotateX(90deg);
		transform: perspective(1000px) rotateX(90deg);
		opacity: 0
	}
}

.flip-out-x-fr {
	-webkit-animation-name: flip-out-x-fr;
	animation-name: flip-out-x-fr;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flip-in-y {
	0% {
		-webkit-transform: perspective(550px) rotateY(90deg);
		transform: perspective(550px) rotateY(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(550px) rotateY(0);
		transform: perspective(550px) rotateY(0);
		opacity: 1
	}
}

@keyframes flip-in-y {
	0% {
		-webkit-transform: perspective(550px) rotateY(90deg);
		transform: perspective(550px) rotateY(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(550px) rotateY(0);
		transform: perspective(550px) rotateY(0);
		opacity: 1
	}
}

.flip-in-y {
	-webkit-animation-name: flip-in-y;
	animation-name: flip-in-y;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flip-out-y {
	0% {
		-webkit-transform: perspective(550px) rotateY(0);
		transform: perspective(550px) rotateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(550px) rotateY(90deg);
		transform: perspective(550px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flip-out-y {
	0% {
		-webkit-transform: perspective(550px) rotateY(0);
		transform: perspective(550px) rotateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(550px) rotateY(90deg);
		transform: perspective(550px) rotateY(90deg);
		opacity: 0
	}
}

.flip-out-y {
	-webkit-animation-name: flip-out-y;
	animation-name: flip-out-y;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flip-in-y-nr {
	0% {
		-webkit-transform: perspective(100px) rotateY(90deg);
		transform: perspective(100px) rotateY(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(100px) rotateY(0);
		transform: perspective(100px) rotateY(0);
		opacity: 1
	}
}

@keyframes flip-in-y-nr {
	0% {
		-webkit-transform: perspective(100px) rotateY(90deg);
		transform: perspective(100px) rotateY(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(100px) rotateY(0);
		transform: perspective(100px) rotateY(0);
		opacity: 1
	}
}

.flip-in-y-nr {
	-webkit-animation-name: flip-in-y-nr;
	animation-name: flip-in-y-nr;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flip-out-y-nr {
	0% {
		-webkit-transform: perspective(100px) rotateY(0);
		transform: perspective(100px) rotateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(100px) rotateY(90deg);
		transform: perspective(100px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flip-out-y-nr {
	0% {
		-webkit-transform: perspective(100px) rotateY(0);
		transform: perspective(100px) rotateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(100px) rotateY(90deg);
		transform: perspective(100px) rotateY(90deg);
		opacity: 0
	}
}

.flip-out-y-nr {
	-webkit-animation-name: flip-out-y-nr;
	animation-name: flip-out-y-nr;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flip-in-y-fr {
	0% {
		-webkit-transform: perspective(1000px) rotateY(90deg);
		transform: perspective(1000px) rotateY(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(1000px) rotateY(0);
		transform: perspective(1000px) rotateY(0);
		opacity: 1
	}
}

@keyframes flip-in-y-fr {
	0% {
		-webkit-transform: perspective(1000px) rotateY(90deg);
		transform: perspective(1000px) rotateY(90deg);
		opacity: 0
	}

	to {
		-webkit-transform: perspective(1000px) rotateY(0);
		transform: perspective(1000px) rotateY(0);
		opacity: 1
	}
}

.flip-in-y-fr {
	-webkit-animation-name: flip-in-y-fr;
	animation-name: flip-in-y-fr;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flip-out-y-fr {
	0% {
		-webkit-transform: perspective(1000px) rotateY(0);
		transform: perspective(1000px) rotateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(1000px) rotateY(90deg);
		transform: perspective(1000px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flip-out-y-fr {
	0% {
		-webkit-transform: perspective(1000px) rotateY(0);
		transform: perspective(1000px) rotateY(0);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(1000px) rotateY(90deg);
		transform: perspective(1000px) rotateY(90deg);
		opacity: 0
	}
}

.flip-out-y-fr {
	-webkit-animation-name: flip-out-y-fr;
	animation-name: flip-out-y-fr;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes zoom-in {
	0% {
		-webkit-transform: scale(.7);
		transform: scale(.7);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes zoom-in {
	0% {
		-webkit-transform: scale(.7);
		transform: scale(.7);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.zoom-in {
	-webkit-animation-name: zoom-in;
	animation-name: zoom-in
}

@-webkit-keyframes zoom-out {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}

	50%,
	to {
		opacity: 0
	}
}

@keyframes zoom-out {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}

	50%,
	to {
		opacity: 0
	}
}

.zoom-out {
	-webkit-animation-name: zoom-out;
	animation-name: zoom-out
}

@-webkit-keyframes zoom-in-sm {
	0% {
		-webkit-transform: scale(.95);
		transform: scale(.95);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes zoom-in-sm {
	0% {
		-webkit-transform: scale(.95);
		transform: scale(.95);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.zoom-in-sm {
	-webkit-animation-name: zoom-in-sm;
	animation-name: zoom-in-sm
}

@-webkit-keyframes zoom-out-sm {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}

	50%,
	to {
		opacity: 0
	}
}

@keyframes zoom-out-sm {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}

	50%,
	to {
		opacity: 0
	}
}

.zoom-out-sm {
	-webkit-animation-name: zoom-out-sm;
	animation-name: zoom-out-sm
}

@-webkit-keyframes zoom-in-lg {
	0% {
		-webkit-transform: scale(.4);
		transform: scale(.4);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes zoom-in-lg {
	0% {
		-webkit-transform: scale(.4);
		transform: scale(.4);
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.zoom-in-lg {
	-webkit-animation-name: zoom-in-lg;
	animation-name: zoom-in-lg
}

@-webkit-keyframes zoom-out-lg {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(.4);
		transform: scale(.4)
	}

	50%,
	to {
		opacity: 0
	}
}

@keyframes zoom-out-lg {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(.4);
		transform: scale(.4)
	}

	50%,
	to {
		opacity: 0
	}
}

.zoom-out-lg {
	-webkit-animation-name: zoom-out-lg;
	animation-name: zoom-out-lg
}

@-webkit-keyframes overlay-slide-in-top {
	0% {
		height: 100%
	}

	to {
		height: 0
	}
}

@keyframes overlay-slide-in-top {
	0% {
		height: 100%
	}

	to {
		height: 0
	}
}

.overlay-slide-in-top {
	top: 0;
	height: 0;
	-webkit-animation-name: overlay-slide-in-top;
	animation-name: overlay-slide-in-top
}

@-webkit-keyframes overlay-slide-out-top {
	0% {
		height: 0
	}

	to {
		height: 100%
	}
}

@keyframes overlay-slide-out-top {
	0% {
		height: 0
	}

	to {
		height: 100%
	}
}

.overlay-slide-out-top {
	top: 0;
	height: 100%;
	-webkit-animation-name: overlay-slide-out-top;
	animation-name: overlay-slide-out-top
}

@-webkit-keyframes overlay-slide-in-bottom {
	0% {
		height: 100%
	}

	to {
		height: 0
	}
}

@keyframes overlay-slide-in-bottom {
	0% {
		height: 100%
	}

	to {
		height: 0
	}
}

.overlay-slide-in-bottom {
	bottom: 0;
	height: 0;
	-webkit-animation-name: overlay-slide-in-bottom;
	animation-name: overlay-slide-in-bottom
}

@-webkit-keyframes overlay-slide-out-bottom {
	0% {
		height: 0
	}

	to {
		height: 100%
	}
}

@keyframes overlay-slide-out-bottom {
	0% {
		height: 0
	}

	to {
		height: 100%
	}
}

.overlay-slide-out-bottom {
	bottom: 0;
	height: 100%;
	-webkit-animation-name: overlay-slide-out-bottom;
	animation-name: overlay-slide-out-bottom
}

@-webkit-keyframes overlay-slide-in-left {
	0% {
		width: 100%
	}

	to {
		width: 0
	}
}

@keyframes overlay-slide-in-left {
	0% {
		width: 100%
	}

	to {
		width: 0
	}
}

.overlay-slide-in-left {
	width: 0;
	-webkit-animation-name: overlay-slide-in-left;
	animation-name: overlay-slide-in-left
}

@-webkit-keyframes overlay-slide-out-left {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

@keyframes overlay-slide-out-left {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

.overlay-slide-out-left {
	left: 0;
	width: 100%;
	-webkit-animation-name: overlay-slide-out-left;
	animation-name: overlay-slide-out-left
}

@-webkit-keyframes overlay-slide-in-right {
	0% {
		width: 100%
	}

	to {
		width: 0
	}
}

@keyframes overlay-slide-in-right {
	0% {
		width: 100%
	}

	to {
		width: 0
	}
}

.overlay-slide-in-right {
	right: 0;
	width: 0;
	-webkit-animation-name: overlay-slide-in-right;
	animation-name: overlay-slide-in-right
}

@-webkit-keyframes overlay-slide-out-right {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

@keyframes overlay-slide-out-right {
	0% {
		width: 0
	}

	to {
		width: 100%
	}
}

.overlay-slide-out-right {
	right: 0;
	width: 100%;
	-webkit-animation-name: overlay-slide-out-right;
	animation-name: overlay-slide-out-right
}

.selectboxit-container {
	position: relative;
	display: block;
	vertical-align: top;
	float: left;
	margin: 0;
	padding: 0;
	clear: none;
	width: 100%
}

.selectboxit-container * {
	font-size: 14px;
	color: inherit;
	font-family: Roboto, sans-serif;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	outline: 0;
	white-space: nowrap
}

.selectboxit-container .selectboxit {
	width: 100% !important;
	cursor: pointer;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
	position: relative
}

.selectboxit-container>.selectboxit {
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #d0d5dd;
	border-radius: 25px;
	font-family: "KyivType Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #232323;
	line-height: 44px;
	height: 44px
}

.search-form-wrap .line .column.property-type .selectboxit-container .selectboxit {
	width: 197px !important
}

.selectboxit-container .selectboxit-options a,
.selectboxit-container span {
	font-family: "KyivType Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #232323;
	display: block
}

.selectboxit-container>.selectboxit>span {
	height: 44px;
	line-height: 44px
}

.selectboxit-container .selectboxit-options a {
	font-family: "KyivType Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #141313;
	height: auto;
	display: block;
	margin: 0;
	padding: 4px 25px 3px
}

.selectboxit-container .selectboxit-options a:hover {
	transition: All .3s;
	-webkit-transition: All .3s;
	-moz-transition: All .3s;
	-o-transition: All .3s;
	color: #fff;
	background: #07c0ad
}

.selectboxit-container .selectboxit:focus {
	outline: 0
}

.selectboxit-options .selectboxit-disabled,
.selectboxit.selectboxit-disabled {
	opacity: .65;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: default
}

.selectboxit-text {
	max-width: 75% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left
}

.selectboxit .selectboxit-option-icon-container {
	margin-left: 14px
}

.selectboxit-container .selectboxit-options {
	line-height: normal;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	cursor: pointer;
	display: none;
	text-align: left;
	min-width: -webkit-fit-content !important;
	min-width: -moz-fit-content !important;
	min-width: fit-content !important;
	width: 100%;
	z-index: 3;
	background: #fff;
	border: none
}

.selectboxit-option .selectboxit-option-anchor {
	padding: 0
}

.selectboxit-option .selectboxit-option-anchor:hover {
	text-decoration: none
}

.selectboxit-optgroup-header,
.selectboxit-option {
	padding: 0;
	margin: 0;
	list-style-type: none
}

.selectboxit-optgroup-header {
	font-weight: 700
}

.selectboxit-optgroup-header:hover {
	cursor: default
}

.selectboxit-arrow-container {
	width: 24px;
	position: relative;
	float: right;
	background: 0 0;
	top: 0;
	right: 0
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
	margin-top: 0;
	position: absolute;
	top: calc(50% - 12px);
	height: 24px;
	width: 24px;
	right: 1px;
	background: 0 0
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow::after {
	content: "\e910";
	font-family: icon !important;
	font-size: 8px;
	color: #141313;
	position: absolute;
	top: calc(50% - 12px);
	right: 12px;
	display: inline-block;
	line-height: 11px;
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: .4s;
	transition: .4s
}

.selectboxit .selectboxit-arrow-container {
	-webkit-transition: .4s;
	transition: .4s
}

.selectboxit-container>.selectboxit.selectboxit-open .selectboxit-arrow-container .selectboxit-arrow:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.selectboxit-container>.selectboxit.selectboxit-open {
	border-color: #07c0ad
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
	top: 30%
}

.selectboxit-option-icon-container {
	float: left
}

.selectboxit-container .selectboxit-option-icon {
	margin: 0;
	padding: 0;
	vertical-align: middle
}

.selectboxit-option-icon-url {
	width: 28px;
	background-size: 28px 18px;
	background-repeat: no-repeat;
	height: 20px;
	background-position: center;
	float: left
}

.selectboxit-rendering {
	display: inline-block !important;
	zoom: 1 !important;
	visibility: visible !important;
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important
}

.jqueryui .ui-icon {
	background-color: inherit
}

.jqueryui .ui-icon-triangle-1-s {
	background-position: -64px -16px
}

.selectboxit-btn {
	width: 176px;
	height: 37px;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: transparent;
	z-index: 1
}

.selectboxit-btn.selectboxit-enabled:active,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:hover {
	color: #333
}

.selectboxit-list {
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	border: none;
	width: 100%;
	min-width: 0 !important;
	background: #fff;
	border-radius: 12px !important;
	top: calc(100% + 6px) !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	-webkit-box-shadow: 0 4px 6px -2px rgba(16, 24, 40, .03), -6px 8px 14px -4px rgba(16, 24, 40, .05);
	box-shadow: 0 4px 6px -2px rgba(16, 24, 40, .03), -6px 8px 14px -4px rgba(16, 24, 40, .05);
	outline: #d0d5dd solid 1px
}

.selectboxit-list .selectboxit-option-anchor,
.selectboxit-open * {
	color: #222221
}

.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: ""
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-next,
.slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: calc(50% - 62px);
	display: block;
	border-radius: 50%;
	width: 88px;
	height: 88px;
	padding: 0;
	cursor: pointer;
	z-index: 1;
	color: transparent;
	border: 1px solid #fff;
	outline: 0;
	text-align: center;
	background: 0 0
}

@media screen and (min-width:1200px) {
	button:not(.card__button, .clear, .slick-prev, .slick-next, .f-button):hover {
		color: #fff
	}

	button:not(.card__button, .clear, .slick-prev, .slick-next, .f-button):hover::before {
		opacity: 1
	}

	.slick-next:not(.slick-disabled):hover,
	.slick-prev:not(.slick-disabled):hover {
		background-color: #fff
	}

	.slick-next:not(.slick-disabled):hover:after,
	.slick-prev:not(.slick-disabled):hover:after {
		color: #dc300d
	}
}

.slick-prev:after {
	content: "\e90e";
	font-family: icon !important;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	line-height: 50px;
	background: 0 0;
	-webkit-mask-image: none;
	mask-image: none
}

.slick-next:after {
	content: "\e90c";
	font-family: icon !important;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	line-height: 50px;
	background: 0 0;
	-webkit-mask-image: none;
	mask-image: none;
	-webkit-mask-box-image: none
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
	cursor: default;
	pointer-events: none;
	opacity: .6
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	outline: 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
	opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
	opacity: .25
}

.slick-next:before,
.slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	display: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: calc(50% - 684px)
}

[dir=rtl] .slick-prev {
	right: -25px;
	left: auto
}

.slick-prev:before,
[dir=rtl] .slick-prev:before {
	content: ""
}

.slick-next {
	right: calc(50% - 684px)
}

@media screen and (max-width:1440px) {
	.slick-prev {
		left: 35px
	}

	.slick-next {
		right: 35px
	}
}

[dir=rtl] .slick-next {
	right: auto;
	left: -25px
}

.slick-next:before,
[dir=rtl] .slick-next:before {
	content: ""
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: 12px;
	left: 0;
	display: block;
	width: 100%;
	height: auto;
	padding: 0 20px;
	margin: 0;
	list-style: none;
	text-align: center
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	padding: 0;
	background: 0 0;
	border-radius: 50%;
	border: 1px solid #fff;
	cursor: pointer;
	left: 0
}

.slick-dots li.slick-active {
	background: #fff
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 100%;
	height: 10px;
	padding: 0;
	position: relative;
	top: -5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: 0 0;
	-webkit-mask-image: none;
	mask-image: none;
	mask-border: none;
	-webkit-mask-box-image: none
}

.slick-dots li button::after {
	display: none
}

.slick-dots li button:focus,
.slick-dots li button:hover {
	outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	opacity: 1
}

.slick-dots li button:before {
	display: none;
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: "•";
	text-align: center;
	opacity: .25;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000
}

.header {
	position: sticky;
	top: 0;
	padding-top: 20px;
	z-index: 5;
	margin-bottom: -90px
}

.header .container {
	max-width: calc(100% - 40px);
	width: 1210px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 70px;
	padding: 6px 15px;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background-color: rgba(255, 255, 255, .6);
	border: 1px solid #fff;
	border-radius: 40px
}

.menu-item-logo a,
.header__logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 55px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #e3000f;
	overflow: hidden
}

.menu-item-logo img,
.header__logo img {
	max-width: 100%;
	max-height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.header nav ul.nav-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header nav ul.nav-list li.menu-item {
	position: relative;
}

.header nav ul.nav-list li.menu-item:not(.menu-item-logo) a {
	font-size: 14px;
	color: #dc300d;
	line-height: 18px;
	font-weight: 500;
	padding: 6px 0;
	position: relative;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.header li.menu-item:not(.menu-item-logo) a:after {
	content: "";
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #dc300d;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1)
}

.header nav ul.nav-list li a[aria-current="page"][href]:not([href*="#"])::after,
.header li.menu-item a:hover::after {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.header nav ul.nav-list>li.menu-item:not(:last-child) {
	margin-right: 50px;
}

.menu-item-has-children__icon {
	display: none;
}

@media screen and (min-width: 1200px) {
	.header ul.nav-list .sub-menu {
		display: block;
		position: absolute;
		background-color: white;
		color: inherit;
		border-radius: 10px;
		padding: 15px;
		width: max-content;
		max-width: 800px;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		list-style: none;
		box-shadow: 0px 0px 4px 4px rgb(0 0 0, 3%);
		transition: .3s ease;
		z-index: 2;
	}

	.header ul.nav-list>li>.sub-menu {
		top: 100%;
		left: 0;
		columns: 2;
		transform: translateX(-15px);
	}

	.header ul.nav-list>li>.sub-menu li a {
		padding: 3px 0;
		display: inline-block;
	}

	.header ul.nav-list>li.menu-item-has-children {
		padding-right: 16px;
		cursor: pointer;
	}

	.header ul.nav-list>li.menu-item-has-children a {
		position: relative;
	}

	.header ul.nav-list>li.menu-item-has-children::before {
		content: '';
		position: absolute;
		display: block;
		top: 50%;
		right: 0px;
		width: 8px;
		height: 8px;
		background-image: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgLTQuNSAyMCAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSIjMDAwMDAwIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHRpdGxlPmFycm93X2Rvd24gWyNkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJSGRwWkhSb1BTSXhOaUlnYUdWcFoyaDBQU0l4TmlJZ1ptbHNiRDBpSTJNeU1EQXhOaUlnWTJ4aGMzTTlJbUpwSUdKcExXTmhjbVYwTFdSdmQyNHRabWxzYkNJZ2RtbGxkMEp2ZUQwaU1DQXdJREUySURFMklqNEtJQ0E4Y0dGMGFDQmtQU0pOTnk0eU5EY2dNVEV1TVRRZ01pNDBOVEVnTlM0Mk5UaERNUzQ0T0RVZ05TNHdNVE1nTWk0ek5EVWdOQ0F6TGpJd05DQTBhRGt1TlRreVlURWdNU0F3SURBZ01TQXVOelV6SURFdU5qVTViQzAwTGpjNU5pQTFMalE0WVRFZ01TQXdJREFnTVMweExqVXdOaUF3ZWlJdlBnbzhMM04yWno0PV08L3RpdGxlPiA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gPGRlZnM+IDwvZGVmcz4gPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+IDxnIGlkPSJEcmliYmJsZS1MaWdodC1QcmV2aWV3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIwLjAwMDAwMCwgLTY2ODQuMDAwMDAwKSIgZmlsbD0iI2MyMDAxNiI+IDxnIGlkPSJpY29ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTYuMDAwMDAwLCAxNjAuMDAwMDAwKSI+IDxwYXRoIGQ9Ik0xNjQuMjkyMzA4LDY1MjQuMzY1ODMgTDE2NC4yOTIzMDgsNjUyNC4zNjU4MyBDMTYzLjkwMjU2NCw2NTI0Ljc3MDcxIDE2My45MDI1NjQsNjUyNS40MjYxOSAxNjQuMjkyMzA4LDY1MjUuODMwMDQgTDE3Mi41NTU4NzMsNjUzNC4zOTI2NyBDMTczLjMzNjM2LDY1MzUuMjAyNDQgMTc0LjYwMjUyOCw2NTM1LjIwMjQ0IDE3NS4zODMwMTQsNjUzNC4zOTI2NyBMMTgzLjcwNzU0LDY1MjUuNzY3OTEgQzE4NC4wOTMyODYsNjUyNS4zNjcxNiAxODQuMDk4MjgzLDY1MjQuNzE5OTcgMTgzLjcxNzUzMyw2NTI0LjMxNDA1IEMxODMuMzI4Nzg5LDY1MjMuODk5ODUgMTgyLjY4ODIxLDY1MjMuODk0NjcgMTgyLjI5MzQ3LDY1MjQuMzAyNjYgTDE3NC42NzY0NzksNjUzMi4xOTYzNiBDMTc0LjI4NTczNiw2NTMyLjYwMTI0IDE3My42NTMxNTIsNjUzMi42MDEyNCAxNzMuMjYyNDA5LDY1MzIuMTk2MzYgTDE2NS43MDUzNzksNjUyNC4zNjU4MyBDMTY1LjMxNTYzNSw2NTIzLjk2MDk0IDE2NC42ODMwNTEsNjUyMy45NjA5NCAxNjQuMjkyMzA4LDY1MjQuMzY1ODMiIGlkPSJhcnJvd19kb3duLVsjZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QU0l4TmlJZ2FHVnBaMmgwUFNJeE5pSWdabWxzYkQwaUkyTXlNREF4TmlJZ1kyeGhjM005SW1KcElHSnBMV05oY21WMExXUnZkMjR0Wm1sc2JDSWdkbWxsZDBKdmVEMGlNQ0F3SURFMklERTJJajRLSUNBOGNHRjBhQ0JrUFNKTk55NHlORGNnTVRFdU1UUWdNaTQwTlRFZ05TNDJOVGhETVM0NE9EVWdOUzR3TVRNZ01pNHpORFVnTkNBekxqSXdOQ0EwYURrdU5Ua3lZVEVnTVNBd0lEQWdNU0F1TnpVeklERXVOalU1YkMwMExqYzVOaUExTGpRNFlURWdNU0F3SURBZ01TMHhMalV3TmlBd2VpSXZQZ284TDNOMlp6ND1dIj4gPC9wYXRoPiA8L2c+IDwvZz4gPC9nPiA8L2c+Cg08L3N2Zz4=');
		background-size: 100%;
		background-repeat: no-repeat;
		transform: translateY(-50%);
		transition: transform .2s ease;
	}

	.header ul.nav-list>li.menu-item-has-children:hover::before {
		transform: rotate(180deg) translateY(50%);
	}

	.header ul.nav-list>li.menu-item-has-children .sub-menu>li .sub-menu {
		left: 100%;
		top: -10px;
	}

	.header ul.nav-list>li.menu-item-has-children .sub-menu>li:hover>.sub-menu,
	.header ul.nav-list>li.menu-item-has-children:hover>.sub-menu {
		pointer-events: auto;
		opacity: 1;
		visibility: visible;
	}
}

@media screen and (max-width:767px) {
	p {
		font-size: 14px;
		line-height: 20px
	}

	.header {
		margin-top: -70px;
		padding-top: 10px
	}

	.header .container {
		max-width: calc(100% - 16px);
		height: 60px;
		padding: 4px 9px
	}

	.header__logo {
		width: 50px;
		min-width: 50px;
		height: 50px
	}

	.header__logo img {
		max-width: 90%;
		max-height: 90%
	}
}

.header .toggle-menu {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	width: 40px;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #dc300d;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1;
	display: none
}

@media screen and (max-width:767px) {
	.header .toggle-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.header .toggle-menu span {
	display: block;
	position: absolute;
	top: calc(50% - 1px);
	left: 10px;
	right: 10px;
	height: 1px;
	width: calc(100% - 20px);
	background: #dc300d;
	-webkit-transition: .35s ease-in-out;
	transition: .35s ease-in-out
}

.header .toggle-menu span:before {
	content: "";
	position: absolute;
	display: block;
	top: -6px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #dc300d;
	-webkit-transition: top .25s ease-in-out, -webkit-transform .25s ease-in-out;
	transition: .25s ease-in-out;
	transition-property: top, transform, -webkit-transform
}

.header .toggle-menu span:after {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 1px;
	background-color: #dc300d;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out
}

.header .toggle-menu.active span {
	background-color: transparent;
	-webkit-transition: .15s ease-in-out;
	transition: .15s ease-in-out
}

.header .toggle-menu.active span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.header .toggle-menu.active span:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.header .menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
	padding: 60px 20px 30px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fffcf5;
	display: none;
	z-index: 10
}

.header .menu__close {
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #dc300d;
	border-radius: 50%;
	position: absolute;
	top: 20px;
	left: 18px;
}

.mobile-menu .li-user {
	position: absolute;
	right: 18px;
	top: 20px;
}

.mobile-menu .menu-bottom,
.mobile-menu .contact__list {
	display: grid;
	gap: 15px;
}

.mobile-menu .contact__list a {
	color: #141313;
}

.mobile-menu .footer__soc a {
	border-color: #141313;
	color: #141313;
}

.mobile-menu .languages {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mobile-menu .languages li a {
	color: #141313;
}

.mobile-menu .languages li a.current-lang {
	font-weight: 500;
	color: #dc300d
}

.header .menu__close::before {
	font-size: 12px;
	color: #dc300d
}

.header .menu__soc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 12px;
	margin-top: 3px
}

.header .menu__soc li a {
	font-size: 16px;
	color: #6a8e34;
	line-height: 20px;
	font-weight: 400;
	text-decoration: underline
}

.header .menu-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 20px 0
}

.header .menu__list li {
	width: 100%;
	border-bottom: 1px solid #cacaca
}

.header .menu__list li:last-child {
	border-bottom: none
}

.header .menu__list li a {
	padding: 15px 0;
	color: #141313;
	font-weight: 500;
	display: block;
}

.header .menu__list li a.active {
	color: #dc300d
}

.header .soc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px
}

@media screen and (max-width:767px) {
	.header .soc {
		display: none
	}
}

.footer__soc,
.header .soc__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	position: relative;
}

.footer .soc__link,
.header .soc__link {
	width: 36px;
	height: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #dc300d;
	position: relative;
	overflow: hidden
}

.footer .soc__link {
	border-color: #fff;
	color: #fff;
}

.footer .soc__link::before,
.header .soc__link::before {
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	position: relative;
	z-index: 1
}

.header .soc__link::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transition: .5s;
	transition: .5s;
}

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

	.footer .soc__link:hover::before,
	.header .soc__link:hover::before {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg)
	}

	.footer .soc__link:hover::after,
	.header .soc__link:hover::after {
		top: 0
	}
}

.header .controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px
}

.header .controls__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px;
	position: relative
}

.header .controls__item:hover .controls__link::before {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg)
}

.header .controls__item:hover .controls__link::after {
	top: 0
}

.header .controls__item:hover .dropdown {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
	pointer-events: all
}

.header .controls .dropdown {
	position: absolute;
	top: calc(100% + 5px);
	left: 0;
	width: 100%;
	background-color: #fff;
	border-radius: 50px;
	padding: 6px 3px;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 6px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .5s, visibility .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s, visibility .5s, -webkit-transform .5s
}

.header .controls .dropdown::before {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: 100%
}

.header .controls .dropdown a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 12px;
	color: #000;
	line-height: 1.4;
	font-weight: 500;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #141313
}

.header .controls .dropdown a img {
	width: 106%;
	height: 106%;
	-o-object-fit: cover;
	object-fit: cover
}

.header .controls__link {
	width: 36px;
	height: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #dc300d;
	position: relative;
	color: #dc300d;
	text-transform: uppercase;
	overflow: hidden
}

.header .controls__link span,
.header .controls__link::before {
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	position: relative;
	z-index: 1
}

.header .controls__link::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transition: .5s;
	transition: .5s
}

.footer {
	padding: 56px 0 23px;
	background-color: #6a8e34
}

@media screen and (max-width:1200px) {
	.footer {
		padding-top: 40px;
		padding-bottom: 15px
	}
}

@media screen and (max-width:767px) {
	.header .controls__link {
		width: 40px;
		height: 40px
	}

	.footer {
		padding-top: 24px
	}
}

.footer__top {
	padding: 12px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (max-width:1200px) {
	.footer__top {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.footer__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 13px 0
}

.footer__bottom a {
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	font-weight: 400
}

.footer__form {
	width: calc(100% - 482px);
	max-width: 100%;
	border: 1px solid #fff;
	border-radius: 42px
}

@media screen and (max-width:1200px) {
	.footer__form {
		width: 100%;
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1
	}
}

@media screen and (max-width:767px) {
	.footer__bottom {
		flex-wrap: wrap;

	}

	.footer__form {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		border-radius: 10px
	}
}

.footer .form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	padding: 49px 28px 28px 40px
}

@media screen and (max-width:767px) {
	.footer .form {
		padding: 35px 24px 30px
	}
}

.footer .form::after {
	content: "";
	display: block;
	width: 76px;
	height: 63px;
	border-radius: 50%;
	background-color: #6a8e34;
	border: 1px solid #fff;
	position: absolute;
	bottom: -38px;
	left: calc(50% - 39px);
	-webkit-clip-path: inset(0 0 calc(56% + 1px) 0);
	clip-path: inset(0 0 calc(56% + 1px) 0)
}

.footer .form__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px 20px;
	width: 262px;
	height: 74px;
	position: absolute;
	top: -39px;
	left: calc(50% - 131px);
	font-size: 20px;
	color: #fff;
	line-height: 26px;
	font-weight: 500;
	background-color: #6a8e34;
	z-index: 1;
	text-align: center
}

@media screen and (max-width:767px) {
	.footer .form__title {
		width: 216px;
		height: 48px;
		top: -31px;
		left: calc(50% - 108px);
		font-size: 18px;
		line-height: 22px;
		padding: 12px
	}
}

.footer .form__col {
	width: calc(50% - 20px)
}

@media screen and (max-width:767px) {
	.footer .form__col {
		width: 100%
	}

	.footer .form__col:not(:last-child) {
		margin-bottom: 20px
	}
}

.footer .form__line:not(:last-child) {
	margin-bottom: 18px
}

.footer .form label {
	color: #fff;
}

.footer .form label:last-child {
	display: none !important;
}

.footer .form input {
	color: #fff;
	border-color: #fff
}

.footer .form .error {
	border-color: #dc300d;
}

.footer .form input::-webkit-input-placeholder {
	color: #cacaca
}

.footer .form input::-moz-placeholder {
	color: #cacaca
}

.footer .form input:-ms-input-placeholder {
	color: #cacaca
}

.footer .form input::-ms-input-placeholder {
	color: #cacaca
}

.footer .form input::placeholder {
	color: #cacaca
}

.footer .form textarea {
	height: 128px;
	color: #fff;
	border-color: #fff
}

.footer .form textarea::-webkit-input-placeholder {
	color: #cacaca
}

.footer .form textarea::-moz-placeholder {
	color: #cacaca
}

.footer .form textarea:-ms-input-placeholder {
	color: #cacaca
}

.footer .form textarea::-ms-input-placeholder {
	color: #cacaca
}

.footer .form textarea::placeholder {
	color: #cacaca
}

.footer .form button {
	color: #fff;
	width: 100%;
	margin: 10px 0 6px
}

.footer .form button::before {
	opacity: 1
}

.footer .form__info {
	font-size: 8px;
	color: #fff;
	line-height: 10px;
	font-weight: 400;
	text-align: center
}

@media screen and (max-width:767px) {
	.footer .form__line:not(:last-child) {
		margin-bottom: 20px
	}

	.footer .form textarea {
		height: 170px
	}

	.footer .form button {
		width: 138px;
		height: 38px;
		border-radius: 5px;
		font-size: 12px;
		margin: 18px auto
	}

	.footer .form__info {
		padding: 3px 0
	}
}

.footer .form__info a {
	font-size: 8px;
	color: #fff;
	font-weight: 400;
	text-decoration: underline
}

.footer__copyright {
	color: #fff
}

.footer .contact {
	width: 270px;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px
}

@media screen and (max-width:767px) {
	.footer .contact {
		width: 100%
	}
}

.footer .contact__wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px
}

.footer .contact__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 18px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 18px
}

@media screen and (max-width:767px) {
	.footer .contact__list {
		gap: 13px
	}
}

.footer .contact__list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	color: #fff;
	line-height: 22px;
	font-weight: 400
}

.footer .contact__list li.icon-address {
    align-items: start;
}

.footer .contact__list li::before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	min-width: 36px;
	width: 36px;
	height: 36px;
	border: 1px solid #fff;
	border-radius: 50%
}

.footer .contact__list li a {
	font-size: 16px;
	color: #fff;
	line-height: 22px;
	font-weight: 500;
}

.footer .contact__time {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
    display: block;
    margin-top: 15px;
    line-height: 1.6 !important;
}

.footer .contact__soc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	margin-top: 14px
}

.footer .contact__soc li a {
	font-size: 16px;
	color: #6a8e34;
	line-height: 20px;
	font-weight: 400;
	text-decoration: underline
}

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

	.header .controls__link:hover span,
	.header .controls__link:hover::before {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg)
	}

	.header .controls__link:hover span {
		color: #dc300d
	}

	.header .controls__link:hover::after {
		top: 0
	}

	.footer__bottom a:hover {
		text-decoration: underline
	}

	.footer .form__info a:hover {
		text-decoration: none
	}

	.footer .contact__soc li a:hover {
		color: #dc300d
	}
}

.footer .nav {
	width: 135px;
	max-width: 100%;
	padding: 4px 0
}

@media screen and (max-width:1200px) {
	.footer .nav {
		width: 45%
	}
}

@media screen and (max-width:767px) {
	.footer .contact__soc {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 12px;
		margin-top: 3px
	}

	.footer .nav {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
		margin-bottom: 26px
	}
}

.footer .nav__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 22px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.footer .nav__list li {
	width: 100%
}

@media screen and (max-width:767px) {
	.footer .nav__list {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 12px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.footer .nav__list li {
		width: calc(50% - 26px)
	}
}

.footer .nav__list li a {
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	font-weight: 500;
	padding: 6px 0;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.footer .nav__list li a::after {
	content: "";
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #dc300d;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1)
}

body {
	font-family: "KyivType Sans", sans-serif;
	font-size: 16px;
	color: #141313;
	font-weight: 400;
	line-height: 1.4;
	background-color: #fffcf5;
	min-width: 320px
}

#page {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 100vh;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column
}

#content {
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	background-color: #e4efd3
}

.container {
	width: 1240px;
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto
}

.page-404 {
	position: relative;
	overflow: hidden;
	padding: 164px 0 57px;
	background: radial-gradient(50% 50% at 50% 50%, #ffe090, #ffc633 100%)
}

.page-404__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 1
}

.page-404__image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 280px;
	margin-bottom: 42px
}

@media screen and (max-width:1200px) {
	.page-404__image {
		height: 210px;
		margin-bottom: 26px
	}
}

.page-404__image img {
	max-width: 100%;
	max-height: 100%
}

.page-404__title {
	font-size: 58px;
	color: #000;
	line-height: 70px;
	font-weight: 500;
	text-align: center
}

@media screen and (max-width:1200px) {
	.page-404__title {
		font-size: 48px;
		line-height: 60px
	}
}

.page-404 p {
	font-size: 22px;
	color: #000;
	line-height: 30px;
	font-weight: 500;
	text-align: center
}

@media screen and (max-width:1200px) {
	.page-404 p {
		font-size: 18px;
		line-height: 26px
	}
}

@media screen and (max-width:767px) {
	.page-404 {
		padding: 266px 0 78px
	}

	.page-404__image {
		height: 150px;
		margin-bottom: 14px
	}

	.page-404__title {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 16px
	}

	.page-404 p {
		font-size: 14px;
		line-height: 20px
	}
}

.page-404__btn {
	width: 229px;
	height: 53px;
	padding: 0 23px;
	margin-top: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: "KyivType Sans", sans-serif;
	font-size: 23px;
	color: #dc300d;
	font-weight: 500;
	text-align: center;
	background: 0 0;
	position: relative;
	border: none;
	overflow: hidden;
	border-radius: 0;
	z-index: 2;
	cursor: pointer
}

@media screen and (max-width:1200px) {
	.page-404__btn {
		margin-top: 40px
	}
}

@media screen and (max-width:767px) {
	.page-404__btn {
		margin-top: 29px;
		height: 39px;
		width: 137px;
		font-size: 12px
	}
}

.page-404__btn::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-border.svg);
	mask-image: url(../layout/images/mask-border.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%
}

.page-404__btn::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-fill.svg);
	mask-image: url(../layout/images/mask-fill.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
	z-index: -1
}

.page-404__element_1 {
	width: 100px;
	height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 200px;
	left: calc(50% - 472px);
	pointer-events: none;
	-webkit-animation-name: animation_1;
	animation-name: animation_1;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.page-404__element_1 {
		width: 50px;
		height: 50px;
		top: 200px;
		left: calc(50% - 305px)
	}
}

@media screen and (max-width:767px) {
	.page-404__element_1 {
		width: 40px;
		height: 40px;
		top: 197px;
		left: 39px
	}
}

.page-404__element_1 img {
	max-width: 100%;
	max-height: 100%
}

.page-404__element_2 {
	width: 140px;
	height: 140px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 60px;
	right: calc(50% - 530px);
	pointer-events: none;
	-webkit-animation-name: animation_2;
	animation-name: animation_2;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.page-404__element_2 {
		width: 70px;
		height: 70px;
		top: 110px;
		right: calc(50% - 315px)
	}
}

@media screen and (max-width:767px) {
	.page-404__element_2 {
		width: 66px;
		height: 66px;
		top: 222px;
		right: 0
	}
}

.page-404__element_2 img {
	max-width: 100%;
	max-height: 100%
}

.page-404__element_3 {
	width: 357px;
	height: 267px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: -50px;
	pointer-events: none;
	-webkit-animation-name: animation_3;
	animation-name: animation_3;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.page-404__element_3 {
		width: 180px;
		height: 135px;
		bottom: 20px;
		left: 0
	}
}

@media screen and (max-width:767px) {
	.page-404__element_3 {
		width: 160px;
		height: 113px;
		bottom: 16px;
		left: -58px
	}
}

.page-404__element_3 img {
	max-width: 100%;
	max-height: 100%
}

.page-404__element_4 {
	width: 246px;
	height: 271px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 127px;
	right: 0;
	pointer-events: none;
	-webkit-animation-name: animation_4;
	animation-name: animation_4;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.page-404__element_4 {
		width: 123px;
		height: 136px;
		bottom: 198px;
		right: 0
	}
}

@media screen and (max-width:767px) {
	.page-404__element_4 {
		width: 88px;
		height: 144px;
		bottom: 8px;
		right: 0;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow: hidden
	}

	.page-404__element_4 img {
		min-width: 124px
	}
}

@media screen and (min-width:1440px) {
	.page-404__element_3 {
		left: calc(50% - 773px)
	}

	.page-404__element_4 {
		right: calc(50% - 710px)
	}
}

.page-404__element_4 img {
	max-width: 100%;
	max-height: 100%
}

.section-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 345px;
	background-color: rgba(92, 65, 0, .42);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	padding: 120px 0 62px 52px
}

.breadcrumbs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 9px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 35px 0 51px
}

@media screen and (max-width:767px) {
	.section-head {
		height: 333px;
		padding: 187px 20px 40px
	}

	.breadcrumbs {
		margin: 25px 0 23px
	}
}

.breadcrumbs li {
	font-size: 14px;
	color: #141313;
	line-height: 16px;
	font-weight: 400
}

.breadcrumbs li.separator {
	color: #141313
}

.breadcrumbs li.separator::before {
	color: #141313;
	font-size: 12px
}

.breadcrumbs li a {
	font-size: 14px;
	color: rgba(32, 33, 36, .54);
	line-height: 16px;
	font-weight: 400
}

.content-section {
	margin: 60px 0;
}

.seo-content-section .content {
	max-width: 760px;
}

.catalog {
	padding-bottom: 62px
}

.section-about .catalog {
	padding-bottom: 0
}

.catalog .filter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 40px
}

.catalog .filter__search {
	width: 353px;
	max-width: 100%
}

.catalog .filter__search input {
	border-color: #cacaca;
	padding-left: 45px;
	background-image: url(../layout/images/icon/search.svg);
	background-repeat: no-repeat;
	background-position: 15px
}

.products {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px 24px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 50px
}

@media screen and (max-width:767px) {
	.catalog {
		padding-bottom: 32px
	}

	.catalog .filter {
		margin-bottom: 44px
	}

	.catalog .filter__search {
		width: calc(50% - 5px)
	}

	.products {
		gap: 14px 10px;
		margin-bottom: 27px
	}
}

.products .product-card {
	width: calc((100% - 24px - 24px - 24px)/ 4)
}

@media screen and (max-width:1200px) {
	.products .product-card {
		width: calc((100% - 24px - 24px)/ 3)
	}
}

@media screen and (max-width:900px) {
	.products .product-card {
		width: calc((100% - 24px)/ 2)
	}
}

.product-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 14px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 16px 16px 23px;
	background-color: #fff;
	border: 2px solid #e6e4e4;
	border-radius: 24px;
	position: relative;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.product-card__sale {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 46px;
	padding: 0 10px;
	font-size: 20px;
	color: #fff;
	line-height: 26px;
	font-weight: 700;
	background-color: #ffc633;
	border: 1px solid #fff;
	border-radius: 8px;
	z-index: 1;
	position: absolute;
	top: 9px;
	left: 9px
}

@media screen and (max-width:767px) {
	.products .product-card {
		width: calc((100% - 10px)/ 2)
	}

	.product-card__sale {
		font-size: 10px;
		height: 20px;
		border: none;
		border-radius: 7px 0 9px;
		top: 10px;
		left: 11px
	}

	.product-card {
		border-width: 1px;
		padding: 9px 10px 13px;
		gap: 10px;
		border-radius: 16px
	}
}

.product-card__image {
	height: 220px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 2px solid #e6e4e4;
	border-radius: 8px;
	overflow: hidden
}

.product-card__image a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	width: 100%
}

.product-card__image img {
	max-height: 100%;
}

.product-card__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	gap: 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 3px
}

.product-card__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.product-card__title {
	font-size: 16px;
	color: #141313;
	line-height: 22px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

@media screen and (max-width:767px) {
	.product-card__image {
		height: 98px;
		border-width: 1px
	}

	.product-card__text {
		padding: 0;
		gap: 1px
	}

	.product-card__row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 3px
	}

	.product-card__title {
		font-size: 12px;
		line-height: 17px;
		-webkit-line-clamp: 2
	}
}

.product-card__count {
	font-size: 16px;
	color: #141313;
	line-height: 22px;
	font-weight: 500;
	text-align: right
}

@media screen and (max-width:767px) {
	.product-card__count {
		font-size: 12px;
		line-height: 18px
	}

	.product-card__count br {
		display: none;
		text-align: left
	}
}

.product-card__price {
	font-size: 22px;
	color: #dc300d;
	line-height: 31px;
	font-weight: 700
}

@media screen and (max-width:767px) {
	.product-card__price {
		font-size: 16px;
		line-height: 20px
	}
}

.product-card__price-old {
	font-size: 20px;
	color: #acacac;
	line-height: 31px;
	font-weight: 500;
	position: relative
}

.product-card__price-old::after {
	content: "";
	width: calc(100% + 4px);
	height: 1px;
	background-color: #acacac;
	position: absolute;
	top: calc(50% + 1px);
	left: -2px;
	z-index: 1
}

@media screen and (max-width:767px) {
	.product-card__price-old {
		font-size: 12px;
		line-height: 20px
	}
}

.product-card__add {
	width: 212px;
	max-width: 100%;
	height: 46px;
	padding: 0 23px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: "KyivType Sans", sans-serif;
	font-size: 20px;
	color: #dc300d;
	line-height: 42px;
	font-weight: 500;
	text-align: center;
	background: 0 0;
	position: relative;
	border: none;
	overflow: hidden;
	border-radius: 0;
	z-index: 2;
	cursor: pointer
}

@media screen and (max-width:1200px) {
	.product-card__add {
		margin-top: 40px
	}
}

@media screen and (max-width:767px) {
	.product-card__add {
		height: 24px;
		width: 137px;
		line-height: 22px;
		font-size: 12px;
		margin-top: 1px
	}
}

.product-card__add::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-border.svg);
	mask-image: url(../layout/images/mask-border.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%
}

.product-card__add::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-fill.svg);
	mask-image: url(../layout/images/mask-fill.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
	z-index: -1
}

.pagination {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 26px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 20px 0
}

@media screen and (max-width:767px) {
	.pagination {
		margin: 10px 0;
		gap: 10px
	}
}

.pagination__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 26px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (max-width:767px) {
	.pagination__list {
		gap: 22px
	}
}

.pagination__link {
	display: block;
	font-size: 14px;
	color: #141313;
	line-height: 28px;
	font-weight: 500;
	padding: 7px
}

.pagination__link_active {
	color: #dc300d;
	pointer-events: none
}

@media screen and (min-width:1200px) {
	.footer .nav__list li a:hover {
		color: #dc300d
	}

	.footer .nav__list li a:hover::after {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}

	.page-404__btn:hover {
		color: #fff
	}

	.page-404__btn:hover::before {
		opacity: 1
	}

	.breadcrumbs li a:hover {
		color: #141313
	}

	.product-card:hover {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px)
	}

	.product-card__add:hover {
		color: #fff
	}

	.product-card__add:hover::before {
		opacity: 1
	}

	.pagination__link:hover {
		color: #dc300d
	}

	.pagination__prev:hover {
		background-color: #dc300d
	}

	.pagination__prev:hover::before {
		color: #fff
	}
}

.pagination__prev {
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-item-align: end;
	align-self: flex-end;
	background-color: transparent;
	border-radius: 50%
}

.pagination__prev::before {
	font-size: 12px;
	color: #141313;
	margin-right: 2px
}

.pagination__prev.disabled {
	pointer-events: none
}

.pagination__next {
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-item-align: end;
	align-self: flex-end;
	background-color: transparent;
	border-radius: 50%
}

.pagination__next::before {
	font-size: 12px;
	color: #141313;
	margin-left: 3px
}

.pagination__next.disabled {
	pointer-events: none
}

.pagination__more {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 14px;
	font-size: 14px;
	color: #dc300d;
	line-height: 20px;
	font-weight: 500;
	margin: 20px auto;
	padding: 10px;
	cursor: pointer
}

@media screen and (min-width:1200px) {
	.pagination__next:hover {
		background-color: #dc300d
	}

	.pagination__next:hover::before {
		color: #fff
	}

	.pagination__more:hover::before {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg)
	}
}

.pagination__more::before {
	width: 20px;
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	font-size: 18px;
	color: #dc300d;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.toggle-category {
	width: 286px;
	max-width: 100%;
	position: relative
}

@media screen and (max-width:767px) {
	.pagination__more {
		margin: 10px auto
	}

	.toggle-category {
		width: calc(50% - 5px)
	}
}

.toggle-category__btn {
	width: 100%;
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #141313;
	line-height: 18px;
	font-weight: 400;
	padding: 10px 12px;
	border: 1px solid #cacaca;
	border-radius: 8px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-transition: color .35s;
	transition: color .35s
}

.toggle-category__btn.active,
.toggle-category__btn.active::before {
	color: #dc300d
}

.toggle-category__btn::before {
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 16px;
	color: #141313;
	-webkit-transition: color .35s;
	transition: color .35s
}

.toggle-category__menu {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	width: 100%;
	min-width: 280px;
	padding: 10px;
	border: 1px solid #cacaca;
	background-color: #fff;
	z-index: 4;
	border-radius: 8px;
	display: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.toggle-category__menu.open {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.toggle-category__menu li {
	width: 100%
}

.toggle-category__menu li a {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #141313;
	line-height: 20px;
	font-weight: 400;
	-webkit-transition: .3s;
	transition: .3s;
	padding: 5px 0
}

.toggle-category__menu li a::before {
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20px;
	color: #141313;
	-webkit-transition: color .3s;
	transition: color .3s
}

.contacts {
	margin: 73px 0
}

@media screen and (max-width:1200px) {
	.contacts {
		margin: 55px 0
	}
}

.contacts h2 {
	margin-bottom: 70px
}

.cooperation {
	width: 974px;
	max-width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (max-width:1200px) {
	.contacts h2 {
		margin-bottom: 30px
	}

	.cooperation {
		gap: 20px
	}
}

.cooperation__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 18px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(50% - 35px);
	padding: 17px 21px;
	border: 1px solid #cacaca;
	border-radius: 32px
}

@media screen and (max-width:1200px) {
	.cooperation__item {
		width: calc(50% - 10px);
		padding: 17px 18px
	}
}

@media screen and (max-width:767px) {
	.cooperation__item {
		width: 100%;
		padding: 17px 10px;
		border-radius: 24px
	}
}

.cooperation__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	min-height: 57px;
	font-size: 18px;
	color: #141313;
	line-height: 24px;
	font-weight: 500;
	padding: 16px 30px;
	border-radius: 50px;
	border: 1px solid #cacaca;
	background-color: #fff
}

@media screen and (max-width:767px) {
	.cooperation__title {
		font-size: 14px;
		line-height: 18px;
		font-weight: 500;
		text-align: center;
		padding: 9px 16px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.cooperation__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	gap: 22px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.cooperation__btn {
	width: 212px;
	max-width: 100%;
	height: 53px;
	padding: 0 23px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: "KyivType Sans", sans-serif;
	font-size: 23px;
	color: #dc300d;
	line-height: 50px;
	font-weight: 500;
	text-align: center;
	background: 0 0;
	position: relative;
	border: none;
	overflow: hidden;
	border-radius: 0;
	z-index: 2;
	cursor: pointer
}

.cooperation__btn::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-border.svg);
	mask-image: url(../layout/images/mask-border.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%
}

.cooperation__btn::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-fill.svg);
	mask-image: url(../layout/images/mask-fill.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
	z-index: -1
}

.actions {
	margin: 50px 0
}

@media screen and (max-width:767px) {
	.cooperation__text {
		gap: 16px
	}

	.actions {
		margin: 40px 0
	}
}

.actions img {
	max-width: 100%
}

.section-about.footer {
	background-color: transparent;
	color: #000;
	padding: 0;
}

.section-about.footer .contact__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	margin-bottom: 0;
	align-items: start;
}

.section-about.footer .contact__list li.icon-address {
	align-items: start;
}

.section-about.footer .contact__list li a {
	color: #000;
	border-color: #000;
	font-weight: 500;
}

.section-about.footer .contact__list li {
	color: #000;
	border-color: #000;
}

.section-about.footer .contact__list li::before {
	color: #000;
	border-color: #000;
}

.contacts-section .contact-item a {
	font-size: 16px;
	font-weight: 600;
}

.contacts-section .contact__time {
	font-size: 14px;
	color: #4d4d4d;
	display: block;
	margin-top: 15px;
	line-height: 1.6;
}

.contacts-section .contact__time b {
	font-weight: 500;
	color: #000;
}

.mobile-menu .footer__soc .icon-instagram::before,
.section-about.footer .icon-instagram::before {
	content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgcng9IjMuMSIgc3Ryb2tlPSIjMDAwIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjQuNSIgc3Ryb2tlPSIjMDAwIi8+CjxjaXJjbGUgY3g9IjE1LjU1NzYiIGN5PSI0LjM3NTI0IiByPSIxLjEyNSIgZmlsbD0iIzAwMCIvPgo8L3N2Zz4K);
}

.section-about.footer .form-wrap {
	margin-top: 60px;
	padding: 80px 0 60px;
	background-color: #6a8e34;
}

.section-about.footer .form-wrap form {
	width: 100%;
}

.section-about__container {
	width: 1040px
}

.about-content {
	margin: 54px 0 77px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 24px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.about-content__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 34px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 302px;
	max-width: 100%;
	position: relative
}

@media screen and (max-width:991px) {
	.section-about.footer .contact__list {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
}


@media screen and (max-width:767px) {
	.about-content__text {
		width: 100%
	}

	.section-about.footer .contact__list {
		grid-template-columns: 1fr;
		gap: 25px;
	}
}

.about-content__btn {
	width: 228px;
	max-width: 100%;
	height: 53px;
	padding: 0 23px;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: "KyivType Sans", sans-serif;
	font-size: 20px;
	color: #dc300d;
	line-height: 50px;
	font-weight: 500;
	text-align: center;
	background: 0 0;
	position: relative;
	border: none;
	overflow: hidden;
	border-radius: 0;
	z-index: 2;
	cursor: pointer
}

.about-content__btn::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-fill.svg);
	mask-image: url(../layout/images/mask-fill.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s, -webkit-transform .5s;
	z-index: -1;
	opacity: 0
}

.about-content__btn::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-border.svg);
	mask-image: url(../layout/images/mask-border.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s, -webkit-transform .5s;
	z-index: -1
}

@media screen and (min-width:1200px) {
	.toggle-category__menu li a:hover {
		color: #6a8e34;
		gap: 14px
	}

	.toggle-category__menu li a:hover::before {
		color: #6a8e34
	}

	.cooperation__btn:hover {
		color: #fff
	}

	.cooperation__btn:hover::before {
		opacity: 1
	}

	.about-content__btn:hover {
		color: #fff
	}

	.about-content__btn:hover::before {
		opacity: 1
	}
}

.about-content__image {
	height: 313px;
	margin: 30px -8px 30px 0;
	border: 2px solid #cacaca;
	border-radius: 32px;
	overflow: hidden
}

.about-content__image.n2 {
	height: 470px;
	margin: 12px -9px 12px -30px
}

@media screen and (max-width:767px) {
	.about-content__image {
		width: 100%;
		height: auto;
		margin: 20px 0;
		border-radius: 22px
	}

	.about-content__image.n2 {
		margin: 24px 0;
		height: auto
	}
}

.about-content__image.n3 {
	width: 370px;
	height: 360px;
	position: absolute;
	left: calc(100% + 24px);
	bottom: -49px;
	z-index: 1
}

@media screen and (max-width:1200px) {
	.about-content__image.n3 {
		width: 245px;
		height: 245px;
		left: calc(100% + 16px);
		bottom: 22px
	}
}

.about-content__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.about-content__col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(60% - 48px)
}

@media screen and (max-width:767px) {
	.about-content__image.n3 {
		position: relative;
		width: 100%;
		height: auto;
		left: 0;
		bottom: 0
	}

	.about-content__col {
		width: 100%
	}
}

.about-content__col:nth-of-type(even) {
	width: calc(40% - 14px);
	margin-top: -5px;
	padding-right: 12px
}

.section-home {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	height: 704px;
	background-color: #ffc633;
	background-image: url(../layout/images/slider-home-bg.svg);
	background-repeat: no-repeat;
	background-position: calc(50% - 200px) -156px
}

@media screen and (max-width:1200px) {
	.section-home {
		height: 90dvh
	}
}

.section-home__element_1 {
	width: 391px;
	height: 261px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: calc(50% - 779px);
	bottom: -108px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_3;
	animation-name: animation_3;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:767px) {
	.about-content__col:nth-of-type(even) {
		width: 100%;
		margin: 0;
		padding: 0
	}

	.about-content {
		margin: 54px 0 55px;
		gap: 0
	}

	.section-home__element_1 {
		display: none
	}
}

.section-home__element_1 img {
	max-width: 100%;
	max-height: 100%
}

.section-home .slider-home,
.section-home .slider-home .slick-list {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: 100%
}

.section-home .slider-home .slick-track {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	max-height: 100%
}

.section-home .slider-home .slick-slide {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: 100%
}

.section-home .slider-home .slick-slide.slick-current .slider-home__text {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: opacity .6s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1) .4s;
	transition: transform .6s cubic-bezier(.4, 0, .2, 1) .4s, opacity .6s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1) .4s
}

.section-home .slider-home__slide {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: 100%;
	padding: 0 20px
}

.section-home .slider-home__wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 1014px;
	max-width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	max-height: 100%
}

@media screen and (max-width:767px) {
	.section-home .slider-home__slide {
		padding: 90px 26px 0
	}

	.section-home .slider-home__wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.section-home .slider-home__text {
	width: 50%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 87px 0 20px;
	position: relative;
	z-index: 1;
	opacity: 0;
	-webkit-transform: translate(30%, 0);
	transform: translate(30%, 0);
	-webkit-transition: opacity .6s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
	transition: transform .6s cubic-bezier(.4, 0, .2, 1), opacity .6s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1)
}

@media screen and (max-width:767px) {
	.section-home .slider-home__text {
		width: 100%;
		gap: 30px;
		padding-bottom: 0;
		text-align: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
}

.section-home .slider-home__image {
	width: 50%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.section-home .slider-home__image img {
	max-height: calc(100% + 10px);
	-webkit-transform: translateX(-83px);
	transform: translateX(-83px)
}

@media screen and (max-width:1200px) {
	.section-home__element_1 {
		left: calc(50% - 484px);
		bottom: -70px;
		width: 300px;
		height: 200px
	}

	.section-home .slider-home__image img {
		max-height: 80%
	}
}

.section-home .slider-home__title {
	font-size: 56px;
	color: #dc300d;
	line-height: 67px;
	font-weight: 700;
	letter-spacing: -1.1px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

@media screen and (max-width:1200px) {
	.section-home .slider-home__title {
		font-size: 38px;
		line-height: 50px;
		letter-spacing: -.5px
	}
}

@media screen and (max-width:767px) {
	.section-home .slider-home__image {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		height: 186px;
		padding-bottom: 30px
	}

	.section-home .slider-home__image img {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		max-height: 110%
	}

	.section-home .slider-home__title {
		font-size: 30px;
		line-height: 36px;
		letter-spacing: 0
	}
}

.section-home .slider-home__btn {
	width: 228px;
	max-width: 100%;
	height: 53px;
	padding: 0 23px;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-family: "KyivType Sans", sans-serif;
	font-size: 23px;
	color: #fff;
	line-height: 50px;
	font-weight: 500;
	text-align: center;
	background: 0 0;
	position: relative;
	border: none;
	overflow: hidden;
	border-radius: 0;
	z-index: 2;
	cursor: pointer
}

.section-home .slider-home__btn span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	top: -4px;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	transition: transform .35s, -webkit-transform .35s
}

.section-home .slider-home__btn::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-fill.svg);
	mask-image: url(../layout/images/mask-fill.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s, -webkit-transform .5s;
	z-index: -1
}

.more-all {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	padding: 8px 0
}

.more-all__btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #dc300d;
	line-height: 20px;
	font-weight: 500
}

.more-all__btn::before {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	font-size: 12px;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	transition: transform .35s, -webkit-transform .35s
}

@media screen and (min-width:1200px) {
	.section-home .slider-home__btn:hover span {
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}

	.more-all__btn:hover::before {
		-webkit-transform: translateX(4px);
		transform: translateX(4px)
	}
}

.section-stock {
	position: relative;
	padding: 84px 0 89px;
	background-color: #ffecc0
}

@media screen and (max-width:1200px) {
	.section-stock {
		padding: 60px 0
	}
}

.section-stock h2 {
	color: #dc300d
}

.section-stock .products {
	margin: 60px 0 44px
}

@media screen and (max-width:1200px) {
	.section-stock .products {
		margin: 40px 0
	}
}

.section-stock__element_1 {
	width: 437px;
	height: 336px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: calc(50% - 853px);
	bottom: -102px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_1;
	animation-name: animation_1;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.section-stock__element_1 {
		width: 337px;
		height: 236px;
		left: calc(50% - 490px);
		bottom: -101px
	}
}

.section-stock__element_1 img {
	max-width: 100%;
	max-height: 100%
}

.section-stock__element_2 {
	width: 121px;
	height: 85px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: calc(50% - 394px);
	top: 107px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_2;
	animation-name: animation_2;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.section-stock__element_2 {
		top: 50px
	}
}

.section-stock__element_2 img {
	max-width: 100%;
	max-height: 100%
}

.section-stock__element_3 {
	width: 109px;
	height: 112px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: calc(50% - 325px);
	top: 51px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_4;
	animation-name: animation_4;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

.section-stock__element_3 img {
	max-width: 100%;
	max-height: 100%
}

.section-catalog {
	position: relative;
	margin: 86px 0 76px
}

@media screen and (max-width:1200px) {
	.section-stock__element_3 {
		top: 10px
	}

	.section-catalog {
		margin: 60px 0
	}
}

@media screen and (max-width:767px) {
	.section-home .slider-home__btn {
		font-size: 12px;
		width: 140px;
		height: 40px;
		line-height: 34px
	}

	.section-stock {
		padding: 44px 0
	}

	.section-stock .products {
		margin: 30px 0
	}

	.section-stock__element_3 {
		right: 0;
		display: none
	}

	.section-catalog {
		margin: 44px 0
	}
}

.section-catalog h2 {
	color: #6a8e34
}

.section-catalog .products {
	margin: 60px 0 44px
}

@media screen and (max-width:1200px) {
	.section-catalog .products {
		margin: 40px 0
	}
}

.section-catalog__element_1 {
	width: 257px;
	height: 301px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: calc(50% - 522px);
	top: -210px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_6;
	animation-name: animation_6;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

.section-catalog__element_1 img {
	max-width: 100%;
	max-height: 100%
}

.section-services {
	position: relative;
	margin: 76px 0 80px
}

@media screen and (max-width:767px) {
	.section-catalog .products {
		margin: 30px 0
	}

	.section-catalog__element_1 {
		display: none
	}

	.section-services {
		margin: 44px 0
	}
}

.section-services h2 {
	color: #6a8e34
}

.section-services .services {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 60px 0
}

.section-services .services__item {
	width: calc((100% - 24px - 24px)/ 3)
}

@media screen and (max-width:1200px) {
	.section-catalog__element_1 {
		width: 200px;
		height: 200px;
		right: 16px;
		top: -132px
	}

	.section-services .services {
		gap: 16px
	}

	.section-services .services__item {
		width: calc((100% - 16px - 16px)/ 3)
	}
}

@media screen and (max-width:767px) {
	.section-services .services {
		margin: 30px 0
	}

	.section-services .services__item {
		width: 100%
	}
}

.section-services .services__image {
	width: 100%;
	height: 212px;
	border-radius: 32px;
	background-color: #5d3b3b;
	overflow: hidden
}

@media screen and (max-width:1200px) {
	.section-services .services__image {
		border-radius: 24px
	}
}

.section-services .services__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.section-services .services__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: -51px auto 0;
	width: calc(100% - 40px);
	max-width: 100%;
	min-height: 113px;
	padding: 22px 24px;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	border-radius: 32px;
	position: relative;
	z-index: 1
}

.section-services .services__text p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.section-services__element_1 {
	width: 600px;
	height: 409px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: calc(50% - 1112px);
	top: -240px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_3;
	animation-name: animation_3;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.section-services .services__text {
		border-radius: 24px;
		padding: 22px 16px
	}

	.section-services__element_1 {
		width: 400px;
		height: 200px;
		left: calc(50% - 540px);
		top: -140px
	}
}

.section-services__element_1 img {
	max-width: 100%;
	max-height: 100%
}

.section-services__element_2 {
	width: 215px;
	height: 145px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: calc(50% - 506px);
	top: -40px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_1;
	animation-name: animation_1;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

.section-services__element_2 img {
	max-width: 100%;
	max-height: 100%
}

.section-about-us {
	position: relative;
	margin: 100px 0 80px
}

@media screen and (max-width:1200px) {
	.section-services__element_2 {
		width: 150px;
		height: 100px;
		right: 80px
	}

	.section-about-us {
		margin: 80px 0
	}
}

@media screen and (max-width:767px) {
	.section-services__element_2 {
		display: none
	}

	.section-about-us {
		margin: 44px 0
	}
}

.section-about-us__element_1 {
	width: 171px;
	height: 176px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: calc(50% - 806px);
	bottom: 3px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_1;
	animation-name: animation_1;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.section-about-us__element_1 {
		left: calc(50% - 412px);
		bottom: -175px
	}
}

.section-about-us__element_1 img {
	max-width: 100%;
	max-height: 100%
}

.section-about-us__element_2 {
	width: 116px;
	height: 105px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: calc(50% - 598px);
	top: 98px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_2;
	animation-name: animation_2;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.section-about-us__element_2 {
		top: 56px;
		left: calc(50% - 412px)
	}
}

.section-about-us__element_2 img {
	max-width: 100%;
	max-height: 100%
}

.section-about-us__element_3 {
	width: 115px;
	height: 141px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: calc(50% - 651px);
	top: -4px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_4;
	animation-name: animation_4;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1500px) {
	.section-about-us__element_3 {
		right: 40px
	}
}

.section-about-us__element_3 img {
	max-width: 100%;
	max-height: 100%
}

.section-about-us .container {
	width: 1040px
}

.section-about-us h2 {
	color: #6a8e34
}

.section-about-us .about-content {
	margin: 40px 0
}

.section-about-us .about-content__text {
	padding-right: 22px
}

.section-about-us .about-content__image.n3 {
	bottom: -32px
}

.section-about-us .about-content__col:nth-of-type(even) {
	padding-top: 98px
}

.section-advantage {
	position: relative;
	margin: 100px 0 38px
}

@media screen and (max-width:767px) {
	.section-about-us__element_3 {
		display: none
	}

	.section-about-us .about-content {
		margin: 30px 0
	}

	.section-about-us .about-content__text {
		padding-right: 0;
		text-align: center
	}

	.section-about-us .about-content__btn {
		margin: 0 auto
	}

	.section-about-us .about-content__image {
		margin-top: 0
	}

	.section-about-us .about-content__image.n3 {
		bottom: 0
	}

	.section-about-us .about-content__col:nth-of-type(even) {
		padding-top: 0
	}

	.section-advantage {
		margin: 44px 0
	}
}

.section-advantage__element_1 {
	width: 246px;
	height: 267px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: calc(50% - 732px);
	top: -156px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_6;
	animation-name: animation_6;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1500px) {
	.section-advantage__element_1 {
		right: 20px
	}
}

@media screen and (max-width:1200px) {
	.section-advantage__element_1 {
		right: 20px;
		width: 200px;
		height: 200px;
		top: -120px
	}
}

.section-advantage__element_1 img {
	max-width: 100%;
	max-height: 100%
}

.section-advantage .container {
	width: 1040px
}

.section-advantage__head {
	height: 234px;
	background-color: rgba(92, 65, 0, .42);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 181px;
	margin-top: 70px;
	margin-bottom: -54px
}

.section-advantage h2 {
	color: #6a8e34
}

.section-advantage .advantage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 100px 24px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.section-advantage .advantage__item {
	width: calc((100% - 24px - 24px)/ 3);
	position: relative
}

@media screen and (max-width:1200px) {
	.section-advantage .advantage {
		gap: 100px 16px
	}

	.section-advantage .advantage__item {
		width: calc((100% - 16px - 16px)/ 3)
	}
}

@media screen and (max-width:767px) {
	.section-advantage__element_1 {
		display: none
	}

	.section-advantage__head {
		margin: 30px 0;
		height: auto;
		background-color: transparent;
		background-image: none !important;
		padding-top: 80px
	}

	.section-advantage .advantage {
		gap: 100px 16px
	}

	.section-advantage .advantage__item {
		width: 100%
	}
}

.section-advantage .advantage__icon {
	width: 102px;
	height: 102px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #d5d5d5;
	border-radius: 50%;
	background-color: #fff;
	z-index: 2;
	position: absolute;
	bottom: calc(100% - 22px);
	left: calc(50% - 51px)
}

.section-advantage .advantage__icon::before {
	font-size: 47px;
	color: #6a8e34
}

.section-advantage .advantage__text {
	height: 104px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 22px 36px 10px;
	background-color: #fff;
	border: 2px solid #d5d5d5;
	border-radius: 18px;
	position: relative;
	z-index: 1
}

@media screen and (max-width:1200px) {
	.section-advantage .advantage__text {
		border-radius: 24px;
		padding: 22px 26px 10px
	}
}

.section-advantage .advantage__text p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.section-partners {
	position: relative;
	margin: 60px 0 180px
}

.section-partners h2 {
	color: #6a8e34
}

.section-partners__wrap {
	min-height: 297px;
	position: relative
}

.section-partners .slider-partners-image {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.section-partners .slider-partners-image .slick-slide {
	height: 297px;
	position: relative
}

.section-partners .slider-partners-image .slick-slide.slick-current .slider-partners-image__logo,
.section-partners .slider-partners-image .slick-slide.slick-current .slider-partners-image__photo {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: opacity .6s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1) .4s;
	transition: transform .6s cubic-bezier(.4, 0, .2, 1) .4s, opacity .6s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1) .4s;
	-webkit-transition-delay: .75s;
	transition-delay: .75s
}

.section-partners .slider-partners-image__photo {
	position: absolute;
	bottom: 27px;
	left: calc(50% - 530px);
	width: 274px;
	height: 242px;
	border-radius: 32px;
	background-color: #dc300d;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	opacity: 0;
	-webkit-transform: translate(0, 30%);
	transform: translate(0, 30%);
	-webkit-transition: opacity .6s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
	transition: transform .6s cubic-bezier(.4, 0, .2, 1), opacity .6s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1)
}

@media screen and (max-width:1200px) {
	.section-partners .slider-partners-image__photo {
		display: none
	}
}

.section-partners .slider-partners-image__photo .wrap {
	width: 100%;
	height: 100%;
	border-radius: 32px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
	position: relative;
	top: 12px;
	right: -14px
}

.section-partners .slider-partners-image__photo img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.section-partners .slider-partners-image__logo {
	position: absolute;
	bottom: 0;
	right: calc(50% - 424px);
	width: 196px;
	height: 145px;
	border-radius: 32px;
	border: 1px solid #cacaca;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	-webkit-transform: translate(0, 40%);
	transform: translate(0, 40%);
	-webkit-transition: opacity .6s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
	transition: transform .6s cubic-bezier(.4, 0, .2, 1), opacity .6s cubic-bezier(.4, 0, .2, 1) .2s, -webkit-transform .6s cubic-bezier(.4, 0, .2, 1)
}

@media screen and (max-width:1200px) {
	.section-partners .slider-partners-image__logo {
		width: 114px;
		height: 72px;
		border-radius: 12px;
		right: calc(50% - 316px)
	}
}

@media screen and (max-width:767px) {
	.section-partners {
		margin: 38px 0 70px
	}

	.section-partners .slider-partners-image__logo {
		width: 76px;
		height: 56px;
		border-radius: 12px;
		right: 0;
		bottom: 8px
	}
}

.section-partners .slider-partners-image__logo img {
	max-width: 75%;
	max-height: 75%
}

.section-partners .slider-partners-list {
	width: 376px;
	margin: 118px auto;
	border-top: 1px solid #d6d6d6;
	z-index: 2
}

.section-partners .slider-partners-list::after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #d6d6d6;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1
}

.section-partners .slider-partners-list .slick-prev {
	width: 62px;
	height: 62px;
	left: calc(50% - 31px);
	top: -74px;
	border-radius: 0;
	background-color: transparent !important;
	border: none;
	border-top: 1px solid #d6d6d6
}

.section-partners .slider-partners-list .slick-prev::after {
	content: "\e915";
	color: #141313
}

@media screen and (min-width:1200px) {
	.section-partners .slider-partners-list .slick-prev:hover {
		border-top-color: #141313
	}
}

.section-partners .slider-partners-list .slick-next {
	width: 62px;
	height: 62px;
	right: calc(50% - 31px);
	top: calc(100% + 29px);
	border-radius: 0;
	background-color: transparent !important;
	border: none;
	border-bottom: 1px solid #d6d6d6
}

.section-partners .slider-partners-list .slick-next::after {
	content: "\e906";
	color: #141313
}

@media screen and (min-width:1200px) {
	.section-partners .slider-partners-list .slick-next:hover {
		border-bottom-color: #141313
	}

	.section-partners .slider-partners-list .slick-slide:hover {
		color: #dc300d
	}
}

.section-partners .slider-partners-list .slick-slide {
	font-size: 36px;
	color: #000;
	line-height: 72px;
	font-weight: 500;
	text-align: center;
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	cursor: pointer;
	-webkit-transition: color .5s;
	transition: color .5s
}

.section-partners .slider-partners-list .slick-slide.slick-current {
	color: #dc300d
}

.section-partners__element_1 {
	width: 288px;
	height: 342px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: calc(50% - 772px);
	top: -146px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_1;
	animation-name: animation_1;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.section-partners__element_1 {
		display: none
	}
}

.section-partners__element_1 img {
	max-width: 100%;
	max-height: 100%
}

.section-partners__element_2 {
	width: 354px;
	height: 267px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	top: -22px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_2;
	animation-name: animation_2;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.section-partners__element_2 {
		display: none
	}
}

.section-partners__element_2 img {
	max-width: 100%;
	max-height: 100%
}

.section-partners__element_3 {
	width: 275px;
	height: 221px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 55px;
	bottom: -230px;
	z-index: 2;
	pointer-events: none;
	-webkit-animation-name: animation_4;
	animation-name: animation_4;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.section-partners__element_3 {
		display: none
	}
}

.section-partners__element_3 img {
	max-width: 100%;
	max-height: 100%
}

@-webkit-keyframes animation_1 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: matrix(1, 0, 0, 1, 72, 37);
		transform: matrix(1, 0, 0, 1, 72, 37);
		opacity: 1
	}
}

@keyframes animation_1 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: matrix(1, 0, 0, 1, 72, 37);
		transform: matrix(1, 0, 0, 1, 72, 37);
		opacity: 1
	}
}

@-webkit-keyframes animation_2 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: matrix(1.05, 0, 0, 1.05, -76, 28);
		transform: matrix(1.05, 0, 0, 1.05, -76, 28);
		opacity: 1
	}
}

@keyframes animation_2 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: matrix(1.05, 0, 0, 1.05, -76, 28);
		transform: matrix(1.05, 0, 0, 1.05, -76, 28);
		opacity: 1
	}
}

@-webkit-keyframes animation_3 {
	0% {
		-webkit-transform: translate(0, 0) rotate(0) scale(1);
		transform: translate(0, 0) rotate(0) scale(1);
		opacity: 1;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: translate(78px, -53px) rotate(-15deg) scale(.85);
		transform: translate(78px, -53px) rotate(-15deg) scale(.85);
		opacity: 1
	}
}

@keyframes animation_3 {
	0% {
		-webkit-transform: translate(0, 0) rotate(0) scale(1);
		transform: translate(0, 0) rotate(0) scale(1);
		opacity: 1;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: translate(78px, -53px) rotate(-15deg) scale(.85);
		transform: translate(78px, -53px) rotate(-15deg) scale(.85);
		opacity: 1
	}
}

@-webkit-keyframes animation_4 {
	0% {
		-webkit-transform: translate(0, 0) rotate(0) scale(1);
		transform: translate(0, 0) rotate(0) scale(1);
		opacity: 1;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: translate(-43px, 32px) rotate(-20deg) scale(1.03);
		transform: translate(-43px, 32px) rotate(-20deg) scale(1.03);
		opacity: 1
	}
}

@keyframes animation_4 {
	0% {
		-webkit-transform: translate(0, 0) rotate(0) scale(1);
		transform: translate(0, 0) rotate(0) scale(1);
		opacity: 1;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: translate(-43px, 32px) rotate(-20deg) scale(1.03);
		transform: translate(-43px, 32px) rotate(-20deg) scale(1.03);
		opacity: 1
	}
}

@-webkit-keyframes animation_5 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	100% {
		-webkit-transform: matrix(1.7, 0, 0, 1.7, -54, 49);
		transform: matrix(1.7, 0, 0, 1.7, -54, 49);
		opacity: 1
	}
}

@keyframes animation_5 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	100% {
		-webkit-transform: matrix(1.7, 0, 0, 1.7, -54, 49);
		transform: matrix(1.7, 0, 0, 1.7, -54, 49);
		opacity: 1
	}
}

@-webkit-keyframes animation_6 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	100% {
		-webkit-transform: matrix(1.2, 0, 0, 1.2, -49, 27);
		transform: matrix(1.2, 0, 0, 1.2, -49, 27);
		opacity: 1
	}
}

@keyframes animation_6 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	100% {
		-webkit-transform: matrix(1.2, 0, 0, 1.2, -49, 27);
		transform: matrix(1.2, 0, 0, 1.2, -49, 27);
		opacity: 1
	}
}

@-webkit-keyframes animation_7 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	100% {
		-webkit-transform: matrix(1.5, 0, 0, 1.5, 90, -55);
		transform: matrix(1.5, 0, 0, 1.5, 90, -55);
		opacity: 1
	}
}

@keyframes animation_7 {
	0% {
		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
		transform: matrix(1, 0, 0, 1, 0, 0);
		opacity: 1;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	100% {
		-webkit-transform: matrix(1.5, 0, 0, 1.5, 90, -55);
		transform: matrix(1.5, 0, 0, 1.5, 90, -55);
		opacity: 1
	}
}

@-webkit-keyframes animation_8 {
	0% {
		-webkit-transform: translate(0, 0) rotate(0) scale(1);
		transform: translate(0, 0) rotate(0) scale(1);
		opacity: 1;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: translate(98px, -63px) rotate(-20deg) scale(.7);
		transform: translate(98px, -63px) rotate(-20deg) scale(.7);
		opacity: 1
	}
}

@keyframes animation_8 {
	0% {
		-webkit-transform: translate(0, 0) rotate(0) scale(1);
		transform: translate(0, 0) rotate(0) scale(1);
		opacity: 1;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: translate(98px, -63px) rotate(-20deg) scale(.7);
		transform: translate(98px, -63px) rotate(-20deg) scale(.7);
		opacity: 1
	}
}

#scroll-to-top {
	position: fixed;
	right: 80px;
	bottom: 80px;
	z-index: 5;
	font-size: 14px;
	color: #dc300d;
	line-height: 34px;
	font-weight: 500;
	text-transform: uppercase;
	background-color: #fff;
	border: 1px solid #e2e1e1;
	border-radius: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 19px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

@media screen and (max-width:1360px) {
	#scroll-to-top {
		right: -33px
	}

	.user-profile__element-1 {
		right: -100px
	}
}

@media screen and (max-width:767px) {
	.section-partners .slider-partners-list {
		width: 100%
	}

	.section-partners .slider-partners-list .slick-slide {
		font-size: 22px;
		line-height: 52px;
		text-align: left
	}

	#scroll-to-top {
		font-size: 0;
		right: -2px;
		padding-left: 7px
	}
}

#scroll-to-top::before {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 20px;
	color: #dc300d;
	margin-left: 11px
}

.popup-shadow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #292929;
	opacity: .35;
	z-index: 98;
	display: none
}

.popup-wrap {
	width: 723px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 120px rgba(0, 0, 0, .18);
	box-shadow: 0 4px 120px rgba(0, 0, 0, .18);
	border-radius: 21px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99;
	padding: 36px 28px;
	display: none
}

.popup-wrap .close {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.popup-wrap .close:before {
	font-size: 12px;
	color: #dc300d
}

@media screen and (min-width:1200px) {
	.popup-wrap .close:hover {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	#popup-callback .form__info a:hover {
		text-decoration: none
	}
}

#popup-card .label {
	position: absolute;
	top: 0;
	right: 61px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 20px;
	height: 34px;
	background-color: #ffc633;
	font-size: 14px;
	color: #dc300d;
	line-height: 17px;
	font-weight: 700;
	border-radius: 0 0 10px 10px
}

#popup-card .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#popup-card .col {
	width: 256px
}

#popup-card .col:nth-of-type(2n) {
	width: calc(100% - 256px - 20px)
}

@media screen and (max-width:768px) {
	.popup-wrap {
		width: 400px;
		max-width: calc(100% - 40px);
		padding: 50px 12px 26px
	}

	.popup-wrap .close {
		top: 15px;
		right: 15px
	}

	#popup-card .row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	#popup-card .col,
	#popup-card .col:nth-of-type(2n) {
		width: 100%
	}
}

#popup-card .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 320px;
	max-width: 100%
}

#popup-card .text .date {
	font-size: 14px;
	color: #141313;
	line-height: 21px;
	font-weight: 500;
	margin-bottom: 4px
}

#popup-card .text .date span {
	color: #cacaca
}

#popup-card .text .title {
	font-size: 18px;
	color: #141313;
	line-height: 22px;
	font-weight: 500
}

#popup-card .text .address {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
	font-size: 16px;
	color: #141313;
	line-height: 20px;
	font-weight: 500
}

#popup-card .text .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	gap: 12px;
	font-size: 16px;
	color: #141313;
	line-height: 20px;
	font-weight: 500
}

#popup-card .text .price span {
	font-size: 18px;
	color: #dc300d
}

#popup-card .text .price span.old {
	font-size: 14px;
	color: #acacac
}

#popup-card .card-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

#popup-card .card-list .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

#popup-card .card-list .item .tit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 16px;
	line-height: 20px;
	color: #141313;
	font-weight: 500
}

#popup-card .card-list .item .tit::before {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 6px;
	color: #141313;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

#popup-card .card-list .item .tit.active::before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

#popup-card .card-list .item .item-content {
	display: none;
	padding: 15px 0 2px;
	color: #808080;
}

#popup-card .card-list .item .item-content ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

#popup-card .card-list .item .item-content ul li {
	font-size: 16px;
	line-height: 20px;
}

#popup-card .image {
	width: 100%;
	height: 220px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 2px solid #d5d5d5;
	border-radius: 8px;
	position: relative;
	margin-bottom: 10px
}

#popup-card .image .sale {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 47px;
	padding: 0 8px;
	font-size: 22px;
	color: #fff;
	line-height: 26px;
	font-weight: 700;
	background-color: #ffc633;
	border: 1px solid #fff;
	border-radius: 8px;
	z-index: 1;
	position: absolute;
	top: -17px;
	left: -9px
}

#popup-card .image img {
	max-width: 100%;
	max-height: 100%
}

#popup-card .code {
	font-size: 14px;
	color: #cacaca;
	line-height: 18px;
	font-weight: 500;
	margin: 12px 2px
}

#popup-callback {
	background-color: #fffcf5;
	padding: 58px 30px 30px
}

#popup-callback .form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative
}

#popup-callback .form__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px 20px;
	width: 262px;
	height: 74px;
	position: absolute;
	top: -96px;
	left: calc(50% - 131px);
	font-size: 20px;
	color: #fff;
	line-height: 26px;
	font-weight: 500;
	background-color: #dc300d;
	z-index: 1;
	border-radius: 100px;
	text-align: center
}

@media screen and (max-width:767px) {
	#popup-callback {
		padding: 48px 24px 24px
	}

	#popup-callback .form__title {
		width: 216px;
		height: 48px;
		top: -70px;
		left: calc(50% - 108px);
		font-size: 18px;
		line-height: 22px;
		padding: 12px
	}
}

#popup-callback .form__col {
	width: calc(50% - 20px)
}

@media screen and (max-width:767px) {
	#popup-callback .form__col {
		width: 100%
	}

	#popup-callback .form__col:not(:last-child) {
		margin-bottom: 20px
	}
}

#popup-callback .form__line:not(:last-child) {
	margin-bottom: 18px
}

#popup-callback .form textarea {
	height: 128px
}

#popup-callback .form button {
	width: 100%;
	margin: 10px 0 6px
}

#popup-callback .form__info {
	font-size: 8px;
	color: #dc300d;
	line-height: 10px;
	font-weight: 400;
	text-align: center
}

@media screen and (max-width:767px) {
	#popup-callback .form__line:not(:last-child) {
		margin-bottom: 20px
	}

	#popup-callback .form textarea {
		height: 170px
	}

	#popup-callback .form button {
		width: 138px;
		height: 38px;
		border-radius: 5px;
		font-size: 12px;
		margin: 18px auto
	}

	#popup-callback .form__info {
		padding: 3px 0
	}
}

#popup-callback .form__info a {
	font-size: 8px;
	color: #dc300d;
	font-weight: 400;
	text-decoration: underline
}

#popup-sent {
	width: 366px;
	min-height: 173px;
	background: #fffcf5;
	-webkit-mask-image: url(../layout/images/mask-sent.svg);
	mask-image: url(../layout/images/mask-sent.svg);
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	text-align: center;
	padding: 35px 26px
}

#popup-sent .title {
	font-size: 20px;
	color: #000;
	line-height: 26px;
	font-weight: 500;
	padding: 9px 16px;
	border-radius: 38px;
	background-color: #fff;
	border: 1px solid #cacaca;
	margin-bottom: 10px
}

#popup-sent p {
	font-size: 14px;
	color: #141313;
	line-height: 20px;
	font-weight: 500
}

.coming-soon {
	position: relative;
	overflow: hidden;
	padding: 164px 0 20px;
	height: 750px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	background-image: url(../layout/images/coming-soon.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #6a8e34
}

.coming-soon__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 1
}

.coming-soon__title {
	font-size: 58px;
	color: #fff;
	line-height: 70px;
	font-weight: 500;
	text-align: center
}

@media screen and (max-width:1200px) {
	.coming-soon__title {
		font-size: 48px;
		line-height: 60px
	}
}

.coming-soon p {
	font-size: 22px;
	color: #fff;
	line-height: 30px;
	font-weight: 500;
	text-align: center
}

@media screen and (max-width:1200px) {
	.coming-soon p {
		font-size: 18px;
		line-height: 26px
	}
}

@media screen and (max-width:767px) {
	#popup-sent {
		width: 280px
	}

	#popup-sent .title {
		font-size: 14px;
		line-height: 14px;
		padding: 12px 46px;
		margin-bottom: 9px
	}

	#popup-sent p {
		font-size: 12px;
		line-height: 18px;
		padding: 0 20px
	}

	.coming-soon {
		padding: 266px 0 78px;
		height: 570px;
		background-image: url(../layout/images/coming-soon-mob.jpg)
	}

	.coming-soon__title {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 6px
	}

	.coming-soon p {
		font-size: 14px;
		line-height: 20px
	}
}

.coming-soon__btn {
	width: 228px;
	max-width: 100%;
	height: 53px;
	padding: 0 23px;
	margin: 17px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-family: "KyivType Sans", sans-serif;
	font-size: 23px;
	color: #fff;
	line-height: 50px;
	font-weight: 500;
	text-align: center;
	background: 0 0;
	position: relative;
	border: none;
	overflow: hidden;
	border-radius: 0;
	z-index: 2;
	cursor: pointer
}

.coming-soon__btn span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	top: -4px;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	transition: transform .35s, -webkit-transform .35s
}

.coming-soon__btn::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-fill.svg);
	mask-image: url(../layout/images/mask-fill.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s, -webkit-transform .5s;
	z-index: -1
}

.page-wrapper {
	padding: 90px 0
}

.page-wrapper h1 {
	color: #6a8e34;
	margin-bottom: 44px
}

@media screen and (max-width:767px) {
	.coming-soon__btn {
		font-size: 12px;
		width: 140px;
		height: 40px;
		line-height: 40px
	}

	.page-wrapper {
		padding-top: 160px
	}

	.page-wrapper h1 {
		margin-bottom: 30px
	}
}

.page-wrapper .breadcrumbs {
	margin-bottom: 34px
}

.user-profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 44px 0 0;
	position: relative
}

.user-profile__element-1 {
	width: 100px;
	height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: -50px;
	left: -170px;
	pointer-events: none;
	-webkit-animation-name: animation_1;
	animation-name: animation_1;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1200px) {
	.user-profile__element-1 {
		display: none
	}
}

.user-profile__element-2 {
	width: 100px;
	height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: -170px;
	right: -100px;
	pointer-events: none;
	-webkit-animation-name: animation_4;
	animation-name: animation_4;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1440px) {
	.user-profile__element-1 {
		left: -140px
	}

	.user-profile__element-2 {
		right: -50px
	}
}

.user-profile__nav {
	width: 281px;
	max-width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding: 17px 12px;
	background-color: #fff;
	border-radius: 20px
}

@media screen and (max-width:1200px) {
	.user-profile__element-2 {
		display: none
	}

	.user-profile {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 30px
	}

	.user-profile__nav {
		width: 100%
	}
}

.user-profile__content {
	width: calc(100% - 281px - 24px);
	padding: 40px;
	background-color: #fff;
	border-radius: 24px
}

@media screen and (max-width:1200px) {
	.user-profile__content {
		width: 100%;
		padding: 20px 12px
	}
}

.user-profile__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.user-profile__list li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #141313;
	line-height: 18px;
	font-weight: 500;
	padding: 6px 0
}

.user-profile__list li a.active {
	color: #6a8e34
}

.user-profile__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 14px;
	background-color: #e4efd3;
	border-radius: 10px;
	margin-bottom: 40px
}

.user-profile__head.none-bg {
	padding: 0;
	background-color: transparent;
	margin-bottom: 0
}

.user-profile__head .name {
	font-size: 18px;
	color: #141313;
	line-height: 24px;
	font-weight: 500
}

@media screen and (max-width:767px) {
	.user-profile__head {
		margin-bottom: 20px
	}

	.user-profile__head .name {
		font-size: 16px
	}
}

.user-profile__head .edit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #dc300d;
	line-height: 20px;
	font-weight: 500
}

.user-profile__data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 20px
}

@media screen and (max-width:767px) {
	.user-profile__head .edit {
		font-size: 0
	}

	.user-profile__data {
		padding: 0 5px
	}
}

.user-profile__data .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.user-profile__data .label {
	min-width: 150px;
	font-size: 16px;
	color: #cacaca;
	line-height: 22px;
	font-weight: 500
}

@media screen and (max-width:767px) {
	.user-profile__data .label {
		min-width: auto;
		font-size: 12px;
		line-height: 18px
	}
}

.user-profile__data .value {
	font-size: 16px;
	color: #141313;
	line-height: 22px;
	font-weight: 400
}

@media screen and (max-width:767px) {
	.user-profile__data .value {
		font-size: 12px;
		line-height: 18px
	}
}

.user-profile__form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 20px
}

.user-profile__form .item {
	width: 304px;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 4px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative
}

.user-profile__form .item .edit {
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 1
}

.user-profile__form button {
	width: 220px;
	margin: 0 auto;
	color: #fff
}

.user-profile__form button::before {
	opacity: 1
}

.user-profile__empty {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center
}

.user-profile__empty .title {
	font-size: 20px;
	color: #141313;
	line-height: 28px;
	font-weight: 500
}

.user-profile__empty .btn {
	width: 304px;
	max-width: 100%;
	height: 53px;
	padding: 0 23px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-family: "KyivType Sans", sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
	font-weight: 500;
	text-align: center;
	background: 0 0;
	position: relative;
	border: none;
	overflow: hidden;
	border-radius: 0;
	z-index: 2;
	cursor: pointer
}

@media screen and (max-width:767px) {
	.user-profile__empty .btn {
		font-size: 12px;
		width: 140px;
		height: 40px;
		line-height: 40px
	}
}

.user-profile__empty .btn span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	top: -4px;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	transition: transform .35s, -webkit-transform .35s
}

.user-profile__empty .btn::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-fill.svg);
	mask-image: url(../layout/images/mask-fill.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s, -webkit-transform .5s;
	z-index: -1
}

@media screen and (min-width:1200px) {
	.coming-soon__btn:hover span {
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}

	.user-profile__list li a:hover {
		color: #6a8e34
	}

	.user-profile__head .edit:hover {
		text-decoration: underline
	}

	.basket__order .btn:hover span,
	.user-profile__empty .btn:hover span {
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
}

.user-profile table {
	width: 100%
}

.user-profile table tr th {
	padding: 10px 20px;
	font-size: 18px;
	color: #cacaca;
	line-height: 24px;
	font-weight: 500;
	text-align: center
}

.user-profile table tr td {
	padding: 13px 20px;
	font-size: 16px;
	color: #141313;
	line-height: 24px;
	font-weight: 400;
	text-align: center;
	border-bottom: 1px solid #cacaca
}

.user-profile table tr td.text-yellow {
	color: #ffc633
}

.user-profile table tr td.text-green {
	color: #6a8e34
}

.user-profile table tr td.text-red {
	color: #c20016
}

.user-profile .card-authorization {
	width: 306px;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 22px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.user-profile .card-authorization .title {
	font-size: 22px;
	color: #141313;
	line-height: 30px;
	font-weight: 500;
	text-align: center
}

.basket {
	position: relative
}

.basket h1 {
	font-size: 20px;
	color: #000;
	line-height: 1.4
}

.basket__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.basket__content {
	width: calc(100% - 281px - 24px)
}

.basket__order {
	width: 281px;
	height: 100%;
	background-color: #fff;
	border-radius: 20px
}

.basket__order .title-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}

.page-template-tpl-cart .cart-edit {
	display: none;
}

.cart-edit {
	font-weight: 500;
	color: #121212;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
}

.placing__page .basket__content {
	width: calc(100% - 380px - 24px)
}

.placing__page .basket__order {
	width: 380px;
	height: 100%;
	background-color: #fff;
	border-radius: 20px
}

.basket__order .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 17px 12px;
	background-color: #6a8e34;
	border-radius: 20px 20px 0 0
}

.basket__order .top .delivery-info {
	font-size: 14px;
	color: #fff;
	line-height: 1.3;
	font-weight: 500
}

.basket__order .top .price-info {
	font-size: 14px;
	color: #fff;
	line-height: 1.3;
	font-weight: 400;
	text-align: right
}

.basket__order .information {
	padding: 15px
}

.basket__order .title {
	font-size: 20px;
	color: #141313;
	line-height: 1.3;
	font-weight: 500
}

.basket__order .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	margin-top: 12px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.basket__order .list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 4px 0;
	border-bottom: 1px solid #cacaca
}

.basket__order .list li span {
	color: #141313;
	line-height: 1.3;
	font-weight: 500
}

.basket__order .btn {
	width: 304px;
	max-width: 100%;
	height: 53px;
	padding: 0 23px;
	margin: 20px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-family: "KyivType Sans", sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
	font-weight: 500;
	text-align: center;
	background: 0 0;
	position: relative;
	border: none;
	overflow: hidden;
	border-radius: 0;
	z-index: 2;
	cursor: pointer
}

@media screen and (max-width:767px) {
	.basket__order .btn {
		font-size: 14px;
		width: 140px;
		height: 40px;
		line-height: 40px
	}
}

.basket__order .btn span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	top: -4px;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	transition: transform .35s, -webkit-transform .35s
}

.basket__order .btn::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-fill.svg);
	mask-image: url(../layout/images/mask-fill.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s, -webkit-transform .5s;
	z-index: -1
}

.basket .empty {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 58px 24px;
	background-color: #fff;
	border-radius: 24px
}

.basket .empty__title {
	font-size: 20px;
	color: #141313;
	line-height: 1.4;
	font-weight: 500
}

.basket .empty__icon {
	width: 96px;
	height: 96px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.basket .empty__icon img {
	display: block;
	max-height: 100%
}

.basket .empty__btn {
	width: 304px;
	max-width: 100%;
	height: 53px;
	padding: 0 23px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-family: "KyivType Sans", sans-serif;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
	font-weight: 500;
	text-align: center;
	background: 0 0;
	position: relative;
	border: none;
	overflow: hidden;
	border-radius: 0;
	z-index: 2;
	cursor: pointer
}

@media screen and (max-width:767px) {
	.basket .empty__btn {
		font-size: 12px;
		width: 140px;
		height: 40px;
		line-height: 40px
	}
}

.basket .empty__btn span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	top: -4px;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	transition: transform .35s, -webkit-transform .35s
}

.basket .empty__btn::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #dc300d;
	-webkit-mask-image: url(../layout/images/mask-fill.svg);
	mask-image: url(../layout/images/mask-fill.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .5s, transform .5s, -webkit-transform .5s;
	z-index: -1
}

.basket__element-1 {
	width: 100px;
	height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: -50px;
	left: -170px;
	pointer-events: none;
	-webkit-animation-name: animation_1;
	animation-name: animation_1;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1360px) {
	.user-profile__element-2 {
		right: 40px
	}

	.basket__element-1 {
		right: -100px
	}
}

@media screen and (max-width:1200px) {
	.basket__element-1 {
		display: none
	}
}

.basket__element-2 {
	width: 100px;
	height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: -70px;
	right: -100px;
	pointer-events: none;
	-webkit-animation-name: animation_4;
	animation-name: animation_4;
	-webkit-animation-duration: 14s;
	animation-duration: 14s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

@media screen and (max-width:1440px) {
	.basket__element-1 {
		left: -140px
	}

	.basket__element-2 {
		right: -50px
	}
}

@media screen and (max-width:1360px) {
	.basket__element-2 {
		right: 40px
	}
}

@media screen and (max-width:1200px) {
	.basket__element-2 {
		display: none
	}
}

.basket__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
	width: calc(100% - 281px - 24px)
}

.basket__head h1 {
	margin-bottom: 0
}

.basket__head .count {
	font-size: 14px;
	color: #141313;
	line-height: 1.4;
	font-weight: 500
}

.basket__head .clear {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #dc300d;
	line-height: 1.4;
	font-weight: 500;
	position: relative
}

.basket__head .clear::before {
	content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE2NDdfMjkxODApIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNEQzMwMEQiLz4KPHBhdGggZD0iTTE4IDYuNUw2IDE4LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYgNi41TDE4IDE4LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNjQ3XzI5MTgwIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
	height: 24px
}

.basket-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 14px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.basket-list .card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 102px;
	padding: 10px 30px;
	background-color: #fff;
	border-radius: 20px
}

.basket-list .card__count,
.basket-list .card__product {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px
}

.basket-list .card__title {
	font-size: 14px;
	color: #141313;
	line-height: 1.4;
	font-weight: 500
}

.basket-list .card__image {
	width: 101px;
	height: 82px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 5px;
	border: 1px solid #cacaca;
	border-radius: 10px
}

.basket-list .card__image img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.basket-list .card__button {
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.basket-list .card__button svg path {
	-webkit-transition: stroke .35s, fill .35s;
	transition: stroke .35s, fill .35s
}

@media screen and (min-width:1200px) {
	.basket .empty__btn:hover span {
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}

	.basket-list .card__button:hover svg path {
		stroke: #d6250d
	}
}

.basket-list .card .number {
	width: 144px;
	height: 56px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 4px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px;
	border: 1px solid #727272;
	border-radius: 12px
}

.basket-list .card .number .minus {
	width: 26px;
	height: 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	position: relative;
	cursor: pointer
}

.basket-list .card .number .minus::after {
	content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE1IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIwLjUiIHkxPSIxIiB4Mj0iMTQuNSIgeTI9IjEiIHN0cm9rZT0iIzcyNzI3MiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 2px
}

.basket-list .card .number .plus {
	width: 26px;
	height: 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	position: relative;
	cursor: pointer
}

.basket-list .card .number .plus::after {
	content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjcuNSIgeTE9IjQuMzcxMTRlLTA4IiB4Mj0iNy41IiB5Mj0iMTQiIHN0cm9rZT0iIzcyNzI3MiIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxsaW5lIHgxPSIwLjUiIHkxPSI3IiB4Mj0iMTQuNSIgeTI9IjciIHN0cm9rZT0iIzcyNzI3MiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 14px
}

.basket-list .card .number input {
	width: 50px;
	height: 40px;
	font-size: 16px;
	color: #727272;
	font-weight: 500;
	text-align: center;
	border: none;
	outline: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	-moz-appearance: textfield
}

.basket-list .card .number input::-webkit-inner-spin-button,
.basket-list .card .number input::-webkit-outer-spin-button {
	-webkit-appearance: none
}

.basket-list .card .price-wrap {
	min-width: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.basket-list .card .price {
	font-size: 18px;
	color: #d6250d;
	line-height: 1.4;
	font-weight: 500
}

.basket-list .card .price-old {
	font-size: 16px;
	color: #acacac;
	line-height: 1.4;
	font-weight: 500;
	text-decoration: line-through
}
.mob-logo { display: none !important; } body .header .nav__link.header__logo:hover::after { display: none; } span.controls__link.icon-globe { color: #dc300d; } #modal { width: 366px; min-height: 173px; background: #fffcf5; -webkit-mask-image: url(../layout/images/mask-sent.svg); mask-image: url(../layout/images/mask-sent.svg); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; text-align: center; padding: 35px 26px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow-y: auto; max-height: 90vh; } #modal_item { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow-y: auto; max-height: 90vh; } #modal .title { font-size: 20px; color: #000; line-height: 26px; font-weight: 500; padding: 9px 16px; border-radius: 38px; background-color: #fff; border: 1px solid #cacaca; margin-bottom: 10px } #modal p { font-size: 14px; color: #141313; line-height: 20px; font-weight: 500 } #modal_item .text { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 320px; max-width: 100% } #modal_item .text .date { font-size: 14px; color: #141313; line-height: 21px; font-weight: 500; margin-bottom: 4px } #modal_item .text .date span { color: #cacaca } #modal_item .text .title { font-size: 18px; color: #141313; line-height: 22px; font-weight: 500 } #modal_item .text .address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; font-size: 16px; color: #141313; line-height: 20px; font-weight: 500 } #modal_item .text .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 12px; font-size: 16px; color: #141313; line-height: 20px; font-weight: 500 } #modal_item .text .price span { font-size: 18px; color: #dc300d } #modal_item .text .price span.old { font-size: 14px; color: #acacac } #modal_item .card-list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } #modal_item .card-list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } #modal_item .card-list .item .tit { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; line-height: 20px; color: #141313; font-weight: 500 } #modal_item .card-list .item .tit::before { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 6px; color: #141313; -webkit-transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s } #modal_item .card-list .item .tit.active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } #modal_item .card-list .item .item-content { display: none; padding: 15px 0 2px } #modal_item .card-list .item .item-content ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } #modal_item .card-list .item .item-content ul li { font-size: 16px; line-height: 20px; color: #141313; font-weight: 500 } #modal_item .image { width: 100%; height: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 2px solid #d5d5d5; border-radius: 8px; position: relative; margin-bottom: 10px } #modal_item .image .sale { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 47px; padding: 0 8px; font-size: 22px; color: #fff; line-height: 26px; font-weight: 700; background-color: #ffc633; border: 1px solid #fff; border-radius: 8px; z-index: 1; position: absolute; top: -17px; left: -9px } #modal_item .image img { max-width: 100%; max-height: 100% } #modal_item .code { font-size: 14px; color: #cacaca; line-height: 18px; font-weight: 500; margin: 12px 2px } #modal_item .label { position: absolute; top: 0; right: 61px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; height: 34px; background-color: #ffc633; font-size: 14px; color: #dc300d; line-height: 17px; font-weight: 700; border-radius: 0 0 10px 10px } #modal_item .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } #modal_item .col { width: 256px } #modal_item .col:nth-of-type(2n) { width: calc(100% - 256px - 20px) } .header__controls div.dropdown:empty { display: none; } span.pagination__link_active { font-size: 14px; } body a.cat-item-active { color: #dc300d; } .section-stock { background-color: #B8D889; } .section-home { background-color: transparent; background-image: unset; } .section-home .slider-home__title { color: #ffffff; } .loader, .mes { height: 4px; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 99999999; overflow: hidden; background-color: transparent; } .loader:before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #6a8e34; animation: loading 2s linear infinite; } @keyframes loading { from { left: -200px; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; } } .td-u { text-decoration: underline; } .tt-u { text-transform: uppercase; } #modal.custom-modal { min-height: auto; } #modal.custom-modal p { overflow: hidden; text-overflow: ellipsis; } body.page-template-tpl-store-item .page-wrapper-new .popup-wrap { z-index: auto; } .basket-list .card__title { max-width: 310px; width: 310px; overflow: hidden; text-overflow: ellipsis; } .the-counter { position: absolute; top: -7px; right: -7px; width: 20px; height: 20px; border-radius: 100px; background: red; z-index: 999; text-align: center; font-size: 10px; color: #fff; line-height: 1.65em; border: 2px solid #fff; font-weight: bold; overflow: hidden; } .basket__element-1 img, .basket__element-2 img { display: block; max-width: 100%; object-fit: contain; object-position: center; } .promo-coupon-nav-box { display: flex; } .pmnt-opt-cod { display: none; } .product__card--page #popup-card .row .col:nth-of-type(1) .sale, .product-card--sale { white-space: nowrap; } .el-dsbl { pointer-events: none !important; filter: grayscale(1); } .product-outofstock { opacity: 0.8; } .header__logo img { max-height: 125%; } .product-card__text { justify-content: space-between; } .product__card-price .quantity input { width: 50px; } .product-card__text { cursor: pointer; } .add-second { display: none; margin: 0 auto; width: 200px; height: 46px; background: #dc300d; -webkit-mask-image: url(/wp-content/uploads/2024/07/mask-fill.svg); mask-image: url(/wp-content/uploads/2024/07/mask-fill.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .add-second .quantity { width: 100% !important; height: 100% !important; padding: 0 15px; } body footer span.contact__time { display: block; line-height: 14px !important; margin-top: 0.2em; } .container1080 { max-width: 2048px; width: 80vw; margin: 0 auto; } [class*=" icon2-"], [class^=icon2-] { display: inline-block; vertical-align: middle; } [class*=" icon2-"]::before, [class^=icon2-]::before { display: inline-block; width: 1em; height: 1em; margin-right: 0.25em; background-size: contain; background-repeat: no-repeat; background-position: center; content: ""; } .icon2-red-cross::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE2NDdfMjkxODApIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiNEQzMwMEQiLz4KPHBhdGggZD0iTTE4IDYuNUw2IDE4LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYgNi41TDE4IDE4LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNjQ3XzI5MTgwIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); } .c-p { cursor: pointer; } .price-details { display: inline-block; font-size: 80%; color: #bbbbbb; } .icon-instagram::before { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgcng9IjMuMSIgc3Ryb2tlPSIjQzIwMDE2Ii8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjQuNSIgc3Ryb2tlPSIjQzIwMDE2Ii8+CjxjaXJjbGUgY3g9IjE1LjU1NzYiIGN5PSI0LjM3NTI0IiByPSIxLjEyNSIgZmlsbD0iI0MyMDAxNiIvPgo8L3N2Zz4K); } .footer .icon-instagram::before { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgcng9IjMuMSIgc3Ryb2tlPSIjZmZmIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjQuNSIgc3Ryb2tlPSIjZmZmIi8+CjxjaXJjbGUgY3g9IjE1LjU1NzYiIGN5PSI0LjM3NTI0IiByPSIxLjEyNSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K); } .icon-user::before { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGVsbGlwc2UgY3g9IjEwLjUiIGN5PSI1LjMzOTQ4IiByeD0iNC4zNzUiIHJ5PSI0LjM3NSIgc3Ryb2tlPSIjREMzMDBEIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE5LjI1IDE4LjAzNTVDMTguNzMzOSAxNi40ODUxIDE3LjU5NjYgMTUuMTE1MSAxNi4wMTQ2IDE0LjEzNzlDMTQuNDMyNSAxMy4xNjA4IDEyLjQ5NDEgMTIuNjMxMSAxMC41IDEyLjYzMTFDOC41MDU4OCAxMi42MzExIDYuNTY3NDggMTMuMTYwOCA0Ljk4NTQ0IDE0LjEzNzlDMy40MDMzOSAxNS4xMTUgMi4yNjYxMiAxNi40ODUxIDEuNzUgMTguMDM1NSIgc3Ryb2tlPSIjREMzMDBEIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); } .icon-cart::before { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNDM4MjIgMTQuMTEwOEw4LjIzNjMzIDkuOTA0MjIiIHN0cm9rZT0iI0MyMDAxNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjAzNDY0IDAuODg5ODkzTDQuNjMwODYgNC40OTU1Nk0xNS40NDc5IDAuODg5ODkzTDE3Ljg1MTYgNC40OTU1NiIgc3Ryb2tlPSIjQzIwMDE2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEzLjA0NDkgMTQuMTEwOEwxNC4yNDY4IDkuOTA0MjIiIHN0cm9rZT0iI0MyMDAxNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjIyNjU2IDYuODk5NDFWNi44OTk0MUMyLjkyODgxIDYuODk5NDEgMy41MzY4NCA3LjM4NzE2IDMuNjg5MTggOC4wNzI2OEw0Ljk5NTY0IDEzLjk1MThDNS4zOTY3MSAxNS43NTY2IDUuNTk3MjQgMTYuNjU5IDYuMjU2MzcgMTcuMTg3N0M2LjkxNTQ5IDE3LjcxNjQgNy44Mzk5IDE3LjcxNjQgOS42ODg3MiAxNy43MTY0SDEyLjc5MjhDMTQuNjQxNiAxNy43MTY0IDE1LjU2NiAxNy43MTY0IDE2LjIyNTEgMTcuMTg3N0MxNi44ODQyIDE2LjY1OSAxNy4wODQ4IDE1Ljc1NjYgMTcuNDg1OCAxMy45NTE4TDE4Ljc5MjMgOC4wNzI2OEMxOC45NDQ2IDcuMzg3MTYgMTkuNTUyNyA2Ljg5OTQxIDIwLjI1NDkgNi44OTk0MVY2Ljg5OTQxIiBzdHJva2U9IiNDMjAwMTYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjAuMjU0NyA2Ljg5OTM5SDIuMjI2M0MxLjU2MjUyIDYuODk5MzkgMS4wMjQ0MSA2LjM2MTI4IDEuMDI0NDEgNS42OTc1QzEuMDI0NDEgNS4wMzM3MSAxLjU2MjUyIDQuNDk1NjEgMi4yMjYzIDQuNDk1NjFIMjAuMjU0N0MyMC45MTg0IDQuNDk1NjEgMjEuNDU2NSA1LjAzMzcxIDIxLjQ1NjUgNS42OTc1QzIxLjQ1NjUgNi4zNjEyOCAyMC45MTg0IDYuODk5MzkgMjAuMjU0NyA2Ljg5OTM5WiIgc3Ryb2tlPSIjQzIwMDE2IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==); } .icon-location::before { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNTAwMDIgMC4yNDk5MzlDMi45MzI2IDAuMjQ5OTM5IDAgMy4wMzE4MiAwIDYuOTk5OTZDMCA4LjQxNjA0IDAuMzMzNTU5IDkuNDAxMTcgMC45NTMxMjggMTAuNDkyMkw2LjA2MjUyIDE5LjQ5MjJDNi4xMDU3NyAxOS41NzAzIDYuMTY5MTYgMTkuNjM1NCA2LjI0NjEgMTkuNjgwOEM2LjMyMzAzIDE5LjcyNjEgNi40MTA3MSAxOS43NTAxIDYuNTAwMDIgMTkuNzUwMUM2LjU4OTMzIDE5Ljc1MDEgNi42NzcwMSAxOS43MjYxIDYuNzUzOTUgMTkuNjgwOEM2LjgzMDg4IDE5LjYzNTQgNi44OTQyNyAxOS41NzAzIDYuOTM3NTIgMTkuNDkyMkwxMi4wNDY5IDEwLjQ5MjJDMTIuNjY2NSA5LjQwMTE0IDEzIDguNDE2MDQgMTMgNi45OTk5NkMxMyAzLjAzMTgyIDEwLjA2NzQgMC4yNDk5MzkgNi41MDAwMiAwLjI0OTkzOVpNNi41MDAwMiAxLjI0OTk0QzkuNTYwMDQgMS4yNDk5NCAxMiAzLjUxMjIyIDEyIDYuOTk5OTZDMTIgOC4yNzEwMSAxMS43NTM0IDguOTg5OCAxMS4xNzk3IDkuOTk5OThMNi41MDAwMiAxOC4yMzQ0TDEuODIwMzIgOS45OTk5OEMxLjI0NjY2IDguOTg5ODIgMSA4LjI3MTAxIDEgNi45OTk5NkMxIDMuNTEyMjIgMy40NCAxLjI0OTk0IDYuNTAwMDIgMS4yNDk5NFpNNi41MDAwMiAzLjI0OTk1QzQuNTcyOTQgMy4yNDk5NSAzLjAwMDAxIDQuODIyODggMy4wMDAwMSA2Ljc0OTk2QzMuMDAwMDEgOC42NzcwMiA0LjU3MjkzIDEwLjI1IDYuNTAwMDIgMTAuMjVDOC40MjcxMSAxMC4yNSAxMCA4LjY3NzAyIDEwIDYuNzQ5OTZDMTAgNC44MjI4OCA4LjQyNzEgMy4yNDk5NSA2LjUwMDAyIDMuMjQ5OTVaTTYuNTAwMDIgNC4yNDk5NUM3Ljg4NjY2IDQuMjQ5OTUgOS4wMDAwMyA1LjM2MzMzIDkuMDAwMDMgNi43NDk5NkM5LjAwMDAzIDguMTM2NTYgNy44ODY2NSA5LjI0OTk3IDYuNTAwMDIgOS4yNDk5N0M1LjExMzM5IDkuMjQ5OTcgNC4wMDAwMSA4LjEzNjU2IDQuMDAwMDEgNi43NDk5NkM0LjAwMDAxIDUuMzYzMzMgNS4xMTMzOCA0LjI0OTk1IDYuNTAwMDIgNC4yNDk5NVoiIGZpbGw9IiNEQzMwMEQiLz4KPC9zdmc+Cg==); } .cat-icon { width: 22px; height: 22px; display: inline-block; vertical-align: middle; } .product-card__image img { max-height: 100%; height: 100%; width: 100%; object-fit: contain; } ul.toggle-category__menu li { position: relative; } span.cat-children { display: none; position: absolute; top: 0; right: -40px; width: 200px; height: auto; padding: 10px; background: #fff; z-index: 999; border: 1px solid #bebebe; border-radius: 4px; } ul.toggle-category__menu li.has-children:hover span.cat-children { display: block; } .product__card--page #popup-card .row .col:nth-of-type(1) { height: auto !important; } .sub-slider { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; gap: 8px; padding: 20px 0; } .sub-slider>img { width: 40px !important; cursor: pointer; } #popup-card .col { width: auto; } .sub-slider img { border: 1px solid #EAE8E8; border-radius: 2px; } .cat-arr { font-size: 7px; display: flex; height: 100%; padding: 7px 15px; } .cat-arr::after { content: "\e906"; color: #141313; font-family: icon !important; width: 100%; height: 100%; display: flex; } .pre-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 20px; } .pre-cat { display: flex; width: 100% !important; height: 192px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 24px; background-color: transparent; overflow: hidden; color: #fff; font-size: 22px; } .pre-cat span { display: block; width: 100%; height: 100%; padding: 15px 100px 0 15px; font-weight: 600; } .pre-cats-h1 { color: #000; margin-bottom: 40px; } .slider-bg { background-size: cover; background-position: center; } .fs-16 { font-size: 16px; } .fs-23 { font-size: 23px; } .fs-17 { font-size: 17px; } .fs-45 { font-size: 45px; } .section-home .slider-home__title { line-height: 1.1em; } .header__logo, .mob-logo { background-color: unset !important; border: 0px !important; } .page-template-tpl-order .basket-list .card { padding: 0; } .section-home .slider-home__title { display: flex; flex-direction: column; gap: 20px; } .section-home .slider-home__title>div:nth-child(2) { line-height: 1.4em; } .catalog .filter__search { width: auto; flex-grow: 1; } .catalog .filter__search input { background-color: #fff; } .d-f { display: flex; } .ai-c { align-items: center; } .as-s { align-self: stretch; } .c-p { cursor: pointer; } .h-50 { height: 50px; } .h-44 { height: 44px; } .fg-1 { flex-grow: 1; } .w-100p { width: 100%; } .jc-c { justify-content: center; } .just-btn { background: #c20016; border-radius: 8px; color: #fff; padding: 0 10px; text-align: center; } .cat-back, a.cat-back { width: 285px; height: 44px; border: 1px solid #6A8E34; border-radius: 10px; background-color: #6A8E34; display: flex; justify-content: center; align-items: center; cursor: pointer; font-weight: 500; position: relative; color: #fff; } a.cat-back svg { filter: invert(); } .cat-back span { position: relative; top: -1px; } .fd-c { flex-direction: column; } .g-15 { gap: 15px; } .g-5 { gap: 5px; } .g-10 { gap: 10px; } .mt-15 { margin-top: 15px; } .store-wrapper { display: flex; gap: 15px; } .store-wrapper-sidebar { width: 285px; } .products { width: calc(100% - 285px); gap: 15px; } .basket .upsells-container { margin-top: 50px; } .upsells-container .products { width: 100%; display: grid; grid-template-columns: repeat(10, 1fr); overflow-x: auto; padding-bottom: 20px; margin-bottom: 0; } .upsells-container .products .product-card { width: 100% !important; } .upsells-container .title { font-size: 20px; text-align: left; line-height: 1.2; margin-bottom: 20px; } @media screen and (min-width: 991px) { .upsells-container .products::-webkit-scrollbar { width: 5px; height: 8px; background-color: #eee; } .upsells-container .products::-webkit-scrollbar-thumb { background: #bbb; } } .products .product-card { width: calc((100% - 15px - 15px) / 3); } .product-card__image { height: 185px; } .store-wrapper-sidebar-inner { background-color: #fff; width: 100%; height: auto; border-radius: 10px; border: 1px solid #cacaca; padding: 15px; } .catalog .filter { margin-bottom: 10px; } .sidebar-cat-title { background: #EAE8E8; border-radius: 8px; padding: 15px 5px; text-align: center; text-transform: capitalize; color: #dc300d; font-weight: 400; cursor: pointer; } .subcat-title { font-weight: 400; margin-bottom: 0; } .fs-13 { font-size: 13px; } .pb-5 { padding-bottom: 5px; } .f-g { filter: grayscale(1); } .fw-500 { font-weight: 500; } input.price-filter-input { border: 1px solid #cacaca; } .mt-20 { margin-top: 20px; } .mt-15 { margin-top: 15px; } .jc-sb { justify-content: space-between; } a.cbtn { width: 100%; height: 65px; padding: 9px 0; } a.cbtn.active { color: #fff; } a.cbtn.active::before { opacity: 1; } .mb-25 { margin-bottom: 25px; } .mb-35 { margin-bottom: 35px; } .store-wrapper-items-hdr { width: 100%; margin-top: 20px; } select.select { display: block; text-align: right; } select.select-nb { border-color: transparent; } .store-cat-title { display: block; font-weight: bold; font-size: 30px; } .store-cat-title-select { width: 175px; } .ws-nw { white-space: nowrap; } .product-card__price-old { font-size: 16px; } .popup-shadow { z-index: 103; } body .custom-modal { z-index: 104; } body .popup-wrap { z-index: 105; } body .container-full { width: 90vw; max-width: 1920px; margin: 0 auto; padding-right: 15px; padding-left: 15px; } .page-template-tpl-store .products, .container-full-n .products { gap: 10px; } .page-template-tpl-store .products .product-card { width: calc((100% - 40px) / 4); } .container-full-n .products .product-card { width: calc((100% - 40px) / 5); } .mt-10 { margin-top: 10px; } .container-full-n .products { width: 100%; } .whats-app { position: fixed; z-index: 999; right: 20px; bottom: 50px; padding-bottom: 30px; display: flex; flex-direction: column; align-items: end; } .whats-app img { display: block; width: 60px; cursor: pointer; } .whats-app ul { display: none; margin-bottom: 10px; } .whats-app ul a { color: #fff; font-weight: 600; } .whats-app ul li:first-child { margin-bottom: 10px; } .whats-app ul li { background-color: #25d366; padding: 2px 7px; border-radius: 10px; width: max-content; margin: 0 0 0 auto; } .popup { max-width: 550px !important; width: 100%; background-color: #6a8e34 !important; border-radius: 20px !important; } .popup * { color: #fff; text-align: center; } .popup__title { font-size: 24px; font-weight: 600; margin-bottom: 10px; } .btn { background-image: url(../layout/images/mask-fill.svg) !important; display: flex; height: 51px; background-repeat: no-repeat; background-position: center; background-size: contain; justify-content: center; align-items: center; } .popup__text { margin-bottom: 15px; } .fancybox__backdrop { opacity: 0.8 !important; } #callback select option { color: black !important; } #callback select { display: block; border-color: white; margin-bottom: 10px; } #callback button { width: 100% !important; color: #fff !important; font-size: 16px !important; } #callback { max-width: 300px; margin: 0 auto; } #phone-number::placeholder { color: white !important; } #phone-number { border-color: white; color: white; margin-bottom: 10px; } @media(min-width:1800px) { .page-template-tpl-store .products, .container-full-n .products { gap: 10px; } } @media screen and (max-width: 1360px) { .whats-app { bottom: 36px; right: 35px; } } @media screen and (max-width: 767px) { .pre-cats { grid-template-columns: repeat(2, 1fr); } .store-cat-title-select select { text-align: left; } .whats-app { bottom: 0; padding-bottom: 10px; right: 20px; } } .product-card--sale.product-card--sale-big { width: 60px; height: 60px; font-size: 120%; } body .product-card__add.trans::before, body .product-card__add.trans::after { background: #EAE8E8; } body a.product-card__add.trans.cbtn.active { color: #dc300d; } body .product__card-price--right.start { mask-image: url(../images/addtocart.svg); width: 122px; white-space: nowrap !important; } body .product__card-price--right.start>.product__card-price-add { width: 100% !important; font-size: 16px !important; text-align: center !important; left: -7px; } body .product__card-price--right.start>.product__card-price-add::after { z-index: -1 !important; } body .mt-100 { margin-top: 100px; } body .mt-150 { margin-top: 150px; } body .product__card--similar3 .products { grid-template-columns: repeat(3, 1fr); }.home1 .section-catalog .container::after.home .section-catalog .container { position: relative; } .home1 .section-catalog .container::after { content: ""; background: url(/wp-content/uploads/2024/07/ogurczы-2.png); background-repeat: no-repeat; background-size: contain; width: 172.256px; height: 220.156px; position: absolute; top: -190px; left: -100px; } .home .section-stock .section-stock__element_3 { width: auto; height: auto; right: calc(50% - 470px); top: -135px; } .home .section-stock .section-stock__element_2 { width: auto; height: auto; left: calc(50% - 670px); bottom: -100px; top: auto; } .home .section-about-us .container { position: relative; } .home .section-about-us .container::after { content: ""; background: url(/wp-content/uploads/2024/07/kolbasa-1.png); background-repeat: no-repeat; background-size: contain; width: 259px; height: 124px; position: absolute; top: 0; right: -100px; } .home .section-about-us .container::before { content: ""; background: url(/wp-content/uploads/2024/07/zelen.png); background-repeat: no-repeat; background-size: contain; width: 259px; height: 124px; position: absolute; top: 100px; left: -100px; } .section-home .slider-home__image { margin-top: 100px; } .section-home .slider-home__image img { width: 516.048px; height: 532.906px; object-fit: contain; transform: none; } .popup--new { position: fixed; top: 40%; right: -300px; width: 300px; transition: right 0.3s ease; z-index: 100; } .popup--new.open { right: 0; } .popup--new-img { width: 100%; height: 100%; } .popup--new-img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .popup--new-content { position: relative; } .popup--new-content #toggleButton { position: absolute; top: 0; left: 0; z-index: 5; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #DC300D; display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0; } .popup--new-content #toggleButton::after { content: none !important; } .popup--new-content #toggleButton::before { content: none !important; } .dropdown .lang-uk { font-size: 0 !important; } .dropdown .lang-uk::after { content: "UA"; font-size: 12px; color: #000; line-height: 1.4; font-weight: 500; } @media (max-width: 1220px) { .home .section-catalog .container::after { content: none; } .home .section-stock .section-stock__element_3 { display: none; } .home .section-about-us .container::after { display: none; } .home .section-about-us .container::before { display: none; } .popup--new { display: none; } } .promo-coupon-container { display: flex; flex-direction: column; gap: 20px; margin-bottom: 10px; } .promo-coupon-container button { display: flex; height: auto; padding: 0; font-size: 14px; line-height: 140%; font-weight: 500; color: rgb(106, 142, 52); } .promo-coupon-container button::after { content: none; } .promo-coupon-container button::before { content: none; } .promo-coupon-container button:hover { color: rgb(106, 142, 52); } .promo-coupon-container button:active { color: rgb(106, 142, 52); } .promo-code-row { display: flex; gap: 10px; align-items: stretch; } .promo-code-row #promo-code-input { flex: 1; min-width: 0; } .promo-coupon-container input { height: 44px; border: 1px dotted rgb(106, 142, 52); box-sizing: border-box; padding-left: 12px; } .promo-coupon-container input::placeholder { color: #CACACA; font-family: 'KyivType Sans'; font-size: 14px; font-weight: 500; line-height: 140%; } .promo-coupon-container-box { display: flex; flex-direction: column; gap: 10px; } .message { color: green; margin-top: 5px; display: none; } .promo-coupon-nav-box { width: 100%; } .promo-coupon-nav-box button:nth-of-type(1) { margin-right: auto; } #save-promo-button { display: inline-flex; flex-shrink: 0; background-color: rgb(106, 142, 52); color: #fff !important; padding: 10px 20px; border-radius: 8px; border: none; font-weight: 600; cursor: pointer; height: 44px; align-items: center; justify-content: center; } #save-promo-button:hover { background-color: rgb(90, 122, 45); color: #fff !important; } .basket--new .clear { font-family: 'KyivType Sans'; } .faq-item p:last-child { display: none; } .faq-item.active p:last-child { display: block; } .faq-item { border-radius: 24px; border: 1px solid #EAE8E8; background: #FFF; display: flex; max-width: 1200px; padding: 20px; padding-right: 50px; justify-content: space-between; margin-bottom: 20px; flex-direction: column; gap: 20px; position: relative; } .faq-item p:nth-of-type(1) { color: #141313; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; } .faq-item::after { content: ""; background: url(/wp-content/uploads/2024/07/arrow-down-right.svg); background-repeat: no-repeat; background-size: contain; width: 32px; height: 32px; display: flex; position: absolute; top: 15px; right: 15px; } .section-faq { padding: 70px 0; } .faq-item.active { background: #6A8E34; } .faq-item.active p:nth-of-type(1) { color: #FFF; font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; } .faq-item p:nth-of-type(2) { color: #FFF; font-size: 16px; font-style: normal; font-weight: 350; line-height: 140%; } .faq-item.active::after { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(90deg) brightness(103%) contrast(101%); transform: rotate(-90deg); } .section-catalog .container { width: 100%; padding: 0; } .section-catalog h2 { margin-bottom: 60px; } .section-catalog-btn { width: 100%; display: flex; align-items: center; justify-content: center; margin: 32px 0; } .section-catalog-img { width: 100%; margin-top: 60px; } .section-catalog-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; } @media (min-width: 2000px) { .section-catalog-img {} .section-catalog-img img {} } @media (max-width: 1200px) { .card--new .card__count { max-width: 144px; align-items: center; flex-direction: column; justify-content: center; } .card--new .card__count .price-wrap { justify-content: center; } .card--new .card__product { width: calc(100% - 250px); } } @media (max-width: 768px) { .section-home .slider-home__image { margin-top: 0px; } .section-catalog-img {} .section-catalog h2 { margin-bottom: 30px; } .basket--new .basket__wrapper { display: flex; flex-direction: column; } .basket--new .basket__content { width: 100%; } .basket--new .basket__head { width: 100%; } .basket__order { width: 100%; } } @media (max-width: 576px) { .card--new { position: relative; flex-direction: column; gap: 10px !important; padding-left: 15px !important; padding-right: 15px !important; } .card--new .card__button { position: absolute; top: 25px; right: 15px; } .card--new .card__product { width: 100%; flex-wrap: nowrap !important; gap: 8px; } .card--new .card__product .card__image { min-width: 65px; height: 52px; } .card--new .card__product .card__image img { width: 100%; height: 100%; object-fit: contain; } .card--new .card__product .card__title { padding-right: 30px; } .card--new .card__count { width: 100%; max-width: 100%; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; margin-left: auto; } .card--new .number { height: 26px !important; padding: 4px 8px !important; width: 90px !important; } .card--new .number input { height: 24px !important; width: 20px !important; } .card--new .price-old { font-size: 12px !important; } .card--new .price-wrap { min-width: auto !important; } .card--new .price { font-size: 14px !important; } .basket--new .basket__head { flex-direction: column; align-items: flex-start; gap: 16px; } } .placing__page .basket__head { padding: 33px 0; } .placing__page .basket__head h1 { font-weight: bold; font-size: 48px; line-height: 120%; } .placing__page .basket__content { padding: 40px; border-radius: 24px; background: rgb(255, 255, 255); width: calc(100% - 380px - 24px); display: flex; gap: 40px; } .placing__page .basket__order-content { padding: 20px; border-radius: 24px; background: rgb(255, 255, 255); margin-bottom: 10px; } .placing__page .basket__order-info { padding: 20px; font-size: 14px; } .placing__page .basket__content-col { width: 100%; } .placing__page .basket__content-col label { font-family: 'KyivType Sans'; font-size: 14px; font-weight: 500; line-height: 140%; margin-bottom: 8px; } .placing__page .basket__content-col label input::placeholder { color: #adadad; font-family: 'KyivType Sans'; font-size: 14px; font-weight: 500; line-height: 140%; } .placing__page .basket__content-col select { color: #141313; font-family: 'KyivType Sans'; font-size: 14px; font-weight: 500; line-height: 140%; display: block; } .input-dtl { font-family: "KyivType Sans", sans-serif; border: 1px solid #141313; font-size: 14px; color: #141313; font-weight: 400; resize: none; padding: 9px 8px; position: relative; z-index: 1; width: 100%; height: 44px; border-radius: 10px; background: 0 0; } .placing__page .basket__content-col textarea { height: 135px; } .placing__page .basket__content-col textarea, .placing__page .basket__content-col select, .placing__page .basket__content-col input { margin-bottom: 20px; } .placing__page .basket__content-col .submit-button { width: 100%; height: 51px; } .placing__page .basket__content-col .form-row { display: flex; flex-direction: column; align-items: center; } .placing__page .basket__content-col .form-row p { font-family: "KyivType Sans", sans-serif; font-size: 8px; font-weight: 300; line-height: 100%; text-align: center; display: inline-block; max-width: 80%; margin: 10px auto 0 auto; } .placing__page .basket__content-col .form-row p a { text-decoration: underline; color: #141313; } .basket__content-col-box { display: flex; align-items: center; justify-content: space-between; } .payment-method-message { background: url(../images/Union.png); background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; padding: 9px; box-sizing: border-box; width: 158px; height: 63px; font-family: "KyivType Sans", sans-serif; font-size: 12px; font-weight: 500; line-height: 140%; } .basket__content-col-box { position: relative; } .icon-wrapper { display: inline-block; position: relative; } .payment-method-message { display: none; position: absolute; top: -225%; left: 63%; transform: translateX(-50%); z-index: 10; } .icon-wrapper:hover .payment-method-message { display: flex; } .basket__order .list li .sum-chae { font-size: 20px; font-weight: 500; } .sum-chae-box { margin-top: 16px; align-items: center; border-bottom: 0 !important; } .basket__order-info img { margin-bottom: 10px; font-family: "KyivType Sans", sans-serif; font-size: 14px; font-weight: 500; line-height: 140%; color: #727272; } .basket__content-off { display: flex; flex-direction: column; gap: 20px !important; } .basket__content-off p:nth-of-type(1) { font-weight: 600; } @media (max-width: 992px) { .placing__page .basket__content { flex-direction: column; padding: 16px; } .basket__content-off { width: 100% !important; } .placing__page .basket__content-col { max-width: 100%; } } @media (max-width: 576px) { .placing__page .basket__head { padding-top: 70px; padding-bottom: 16px; width: 100%; } .placing__page .basket__wrapper { flex-direction: column; } .placing__page .basket__content { width: 100%; } .placing__page .basket__order { width: 100%; } .placing__page .basket__head h1 { font-size: 32px; } } .slider { height: 100%; } .shipping__main--step h2 { padding: 100px 0 70px; font-size: 48px; line-height: 100%; color: #6A8E34; font-weight: 600; text-align: left; } .shipping__main--step-box { display: flex; flex-direction: column; margin-bottom: 44px; } .shipping__main--step-box ul { display: flex; max-width: 678px; gap: 75px; margin-top: 8px; } .shipping__main--step-box ul li { text-align: center; } .shipping__main--step-box ul li:nth-last-of-type(1) { margin-left: auto; padding-right: 20px; } .shipping__main--step-content { max-width: 554px; display: flex; flex-direction: column; gap: 20px; } .shipping__main--step-content p { font-size: 16px; line-height: 140%; font-weight: 400; } .shipping__main--step-content span { color: #DC300D; font-weight: 600; } .shipping__main--step { padding-bottom: 100px; } .shipping__main--maps { display: flex; height: 636px; max-width: 1920px; margin: 0 auto; } .shipping__main--maps-left { width: 428px; background: #6A8E34; padding-left: 120px; padding-top: 120px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .shipping__main--maps-left h2 { color: #fff; font-size: 48px; text-align: left; line-height: 100%; font-weight: 600; } .shipping__main--maps-right { width: calc(100% - 428px); } .shipping__main--maps-right img { width: 100%; height: 100%; object-fit: cover; } .shipping__main--maps-left-img { width: 341px; height: 327px; margin-left: -20px; } .shipping__main--maps-left-img img { width: 100%; height: 100%; object-fit: cover; } .shipping__main--payment h2 { padding: 100px 0 70px 0; font-size: 48px; line-height: 100%; color: #6A8E34; font-weight: 600; text-align: left; } .shipping__main--payment { padding-bottom: 100px; } .shipping__main--payment-box-left p { font-size: 16px; line-height: 140%; font-weight: 500; margin-bottom: 10px; } .shipping__main--payment-box-left-card { display: flex; gap: 10px; margin-bottom: 40px; } .shipping__main--payment-box-left-card img { width: 100px; height: 60px; } .shipping__main--payment-box-left ul { padding-left: 20px; list-style: disc; width: 554px; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; } .shipping__main--payment-box-left ul li { font-size: 16px; font-weight: 140%; font-weight: 300; } .shipping__main--payment-box { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .shipping__main--step-cards { display: none; } .shipping__main--step-item { background: #fff; border-radius: 24px; padding: 24px; } .shipping__main--step-item-header { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; } .shipping__main--step-item-header h3 { font-size: 14px; line-height: 140%; color: #6A8E34; display: flex; align-items: center; gap: 8px; } .shipping__main--step-item-header h3::before { content: ""; background: url(../images/icon/home.svg); background-repeat: no-repeat; background-size: contain; width: 24px; height: 24px; } .shipping__main--step-item-header p { font-size: 14px; line-height: 140%; font-weight: 300; color: #000000; } .shipping__main--step-item ul { display: flex; flex-direction: column; gap: 10px; list-style: disc; padding-left: 20px; margin-bottom: 24px; } .shipping__main--step-item ul p { font-size: 14px; line-height: 140%; font-weight: 300; color: #000000; margin-left: -20px; } .shipping__main--step-item ul li { font-size: 14px; line-height: 140%; font-weight: 300; color: #000000; } .shipping__main--step-item ul:nth-last-of-type(1) { margin-bottom: 0; } .orders__box { display: flex; flex-direction: column; gap: 16px; } .orders__box--item-title { display: none; } .orders__box--header { display: flex; align-items: center; } .orders__box--header-title { width: 25%; padding: 10px 16px; box-sizing: border-box; color: #CACACA; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; } .orders__box--main { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 0px; } .orders__box--item { height: 48px; width: 25%; color: #141313; text-align: center; font-size: 16px; font-style: normal; font-weight: 350; line-height: 140%; padding: 10px 16px; border-bottom: 1px solid #CACACA; box-sizing: border-box; } .orders__box--item a { color: #141313; font-size: 16px; font-style: normal; font-weight: 350; line-height: 140%; } .card-container { display: flex; align-items: center; flex-wrap: wrap; gap: 40px; } .card-container .card-item { display: flex; max-width: 304px; min-width: 304px; flex: 1; height: 181px; padding: 20px; flex-direction: column; justify-content: space-between; align-items: flex-start; flex-shrink: 0; border-radius: 24px; border: 1px solid #CACACA; background: #FFF; } .card-container .card-details { display: flex; justify-content: space-between; align-items: flex-start; align-self: stretch; } .card-container .card-details .card-number { color: #000; font-size: 22px; font-style: normal; font-weight: 500; line-height: 130%; } .card-container .card-footer { display: flex; padding-top: 16px; justify-content: space-between; align-items: flex-start; align-self: stretch; border-top: 1px solid #CACACA; } .card-container .card-footer .card-default { color: #727272; font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; } .card-container .card-footer .delete-button { border: none; padding: 0; height: auto; } .card-container .card-footer .delete-button::after { content: none; } .card-container .card-footer .delete-button::before { content: none; } .card-item.add-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; } .card-item.add-card .add-card-content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; } .card-item.add-card .add-text { color: #141313; text-align: center; font-size: 20px; font-style: normal; font-weight: 500; line-height: 140%; } @media (max-width: 768px) { .orders__box--header { display: none; } .orders__box--item-title { display: flex; color: #CACACA; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; } .orders__box--main { gap: 20px 0px; } .orders__box--item { width: 50%; height: auto; display: flex; flex-direction: column; align-items: flex-start; border-bottom: 0; gap: 3px; padding: 0; } .orders__box--item-content { color: #141313; font-size: 14px; font-style: normal; font-weight: 350; line-height: 140%; } .orders__box--item a { color: #141313; font-size: 14px; font-style: normal; font-weight: 350; line-height: 140%; } .orders__box--item-content { min-height: 20px; } .orders__box--item:nth-child(4n-1), .orders__box--item:nth-child(4n) { border-bottom: 1px solid #CACACA; padding-bottom: 20px; } .orders__box--item:nth-child(2n) { padding-left: 20px; box-sizing: border-box; } .shipping__main--step-cards { display: flex; flex-direction: column; gap: 16px; margin-top: 30px; } .shipping__main--maps { flex-direction: column; height: auto; } .shipping__main--maps-left { width: 100%; padding-left: 0; align-items: center; } .shipping__main--maps-right { width: 100%; height: 483px; } .shipping__main--step-box-img img { content: url(../images/Progress-bar-mob.png); } .shipping__main--step-box { flex-direction: row; } .shipping__main--step-box-text { flex-direction: column; } .shipping__main--step-box ul { margin-left: 16px; gap: 66px; } .shipping__main--step-box ul li { text-align: left; } .shipping__main--step-box ul li:nth-last-of-type(1) { margin-left: 0; } .shipping__main--step h2 { padding: 30px 0; font-size: 32px; } .shipping__main--step { padding-bottom: 50px; } .shipping__main--maps-left { padding-top: 50px; } .shipping__main--maps-left h2 { font-size: 32px; text-align: center; } .shipping__main--payment h2 { padding: 50px 0 40px 0; font-size: 32px; } .shipping__main--payment-box-left-card img { width: 25%; height: 40px; } .shipping__main--payment-box-left { width: 100%; } .shipping__main--payment-box-left-card { gap: 6px; } .shipping__main--payment-box-left ul { width: 100%; } .shipping__main--payment-box-right { display: none; } .shipping__main--payment { padding-bottom: 50px; } } .tooltip { display: none; position: absolute; top: 76%; left: 21%; transform: translateX(-50%); z-index: 10; } .header .tooltip { top: 100% !important; left: 0 !important; transform: none; } .tooltip__box { margin-top: 5px; width: 212px; padding: 10px; display: flex; flex-direction: column; align-items: flex-start; border-radius: 10px; background: var(--white, #FFF); gap: 20px; flex-shrink: 0; } .soc__item2:hover .tooltip { display: block; } .tooltip__box { label.custom-radio { display: flex; align-items: center; font-size: 16px; margin-bottom: 10px; position: relative; cursor: pointer; user-select: none; } input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; } .custom-radio input[type="radio"]+span::before { content: ""; position: absolute; top: -11px; left: 0; width: 12px; height: 12px; border-radius: 2px; border: 1px solid #141313; background-color: #fff; transition: border 0.3s, background-color 0.3s; } .custom-radio input[type="radio"]:checked+span::before { border-color: #DC300D; background-color: #DC300D; } .custom-radio input[type="radio"]:checked+span::after { content: ""; position: absolute; left: 4px; top: -10px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .custom-radio span { position: relative; padding-left: 20px; line-height: 20px; display: flex; align-items: center; } } .tooltip__box label { color: #141313; leading-trim: both; text-edge: cap; font-family: "KyivType Sans"; font-size: 10px !important; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 0 !important; } input[type="file"]::file-selector-button { border-radius: 4px; padding: 0 16px; height: 44px; cursor: pointer; background-color: #6A8E34; color: #fff; border-radius: 10px; border: 1px solid #fff; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05); margin-right: 16px; transition: all 0.4s; } input[type="file"]::file-selector-button:hover { background: #fff; color: #6A8E34; border: 1px solid #6A8E34; } input[type="file"]::file-selector-button:active { background: #fff; color: #6A8E34; border: 1px solid #6A8E34; } .product__card--section .popup-wrap { display: block !important; position: relative !important; width: 100% !important; left: 0 !important; top: 0 !important; padding: 58px 40px 11px 40px !important; } .page-wrapper-new { padding: 100px 0 44px 0; } .product__card--similar { position: relative; } .product__card--similar111::after { content: ""; background: url(/wp-content/uploads/2024/07/animation-bg2.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 24px; left: -139px; width: 222px; height: 184px; } .page-wrapper-new .breadcrumbs { margin-bottom: 44px; } .product__card--page #popup-card .label { color: #DC300D; font-family: "KyivType Sans"; font-size: 22px; font-style: normal; font-weight: 700; line-height: 120%; padding: 16px 40px; height: auto; top: 0; right: 38px; } .product__card--page #popup-card .row { display: flex; justify-content: space-between; align-items: flex-start; flex: 1 0 0; } .product__card--page #popup-card .row .col .the-slider { display: flex; width: 471px; height: 404px; min-width: 471px; flex-direction: column; justify-content: center; align-items: center; border-radius: 24px; border: 2px solid #EAE8E8; background: #FFF; position: relative; margin-right: 24px; } .product__card--page #popup-card .row .col .the-slider a { width: 100%; height: 100%; } .product__card--page #popup-card .row .col .the-slider a:hover { cursor: zoom-in; } .product__card--page #popup-card .row .col .the-slider img { object-fit: contain; width: 100%; height: 100%; overflow: hidden; } .product__card--page #popup-card .row .col .the-slider .sale { display: flex; width: 101.245px; height: 78.008px; padding: 13.278px; flex-direction: column; justify-content: center; align-items: center; gap: 16.598px; position: absolute; left: 22px; top: 20.742px; border-radius: 13.278px; background: #6A8E34; color: #FFF; font-family: "KyivType Sans"; font-size: 36.515px; font-style: normal; font-weight: 700; line-height: 130%; } .product__card--page #popup-card .row .col:nth-of-type(2) { width: calc(100% - 24px - 471px); } .product__card--page #popup-card .row .col:nth-of-type(2) .date { font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 14px; } .product__card--page #popup-card .row .col:nth-of-type(2) .date span { font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; } .product__card--page #popup-card .row .col:nth-of-type(2) .title { font-size: 24px; font-style: normal; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; } .product__card--page #popup-card .row .col:nth-of-type(2) .text { width: 100%; gap: 0; } .product__card--page #popup-card .card-list { gap: 15px; } .product__card-price { display: flex; align-items: center; justify-content: space-between; margin-bottom: 43px; } .product__card-price--left { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; } .product__card-price--left_sum { display: flex; align-items: center; gap: 8px; } .product__card-price--left_sum p { color: #141313; font-family: "KyivType Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; } .product__card-price--left_sum .product__card-sale { color: #ACACAC; font-family: "KyivType Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; text-decoration: line-through; } .product__card-price--left_sum .product__card-old { color: #D6250D; font-family: "KyivType Sans"; font-size: 24px; font-style: normal; font-weight: 700; line-height: 140%; } .product__card-price--left>p { color: #ACACAC; font-family: "KyivType Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; } .product__card-price-add::before { opacity: 1 !important; } .product__card-price-add { width: 229px !important; height: 53px !important; color: #FFF !important; font-family: "KyivType Sans" !important; font-size: 20px !important; font-style: normal !important; font-weight: 500 !important; line-height: 130% !important; } .product__card--page #popup-card .code { display: block !important; color: #cecece; font-family: "KyivType Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; margin: 0 0 5px; } .product__card--similar { padding-top: 100px; } .product__card--similar h2 { color: #6A8E34; font-family: "KyivType Sans"; font-size: 48px; font-style: normal; font-weight: 700; margin-bottom: 40px; } .product-card--position { position: relative; } .product-card--sale { display: flex; width: 45px; height: 45px; padding: 8px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; position: absolute; left: 10px; top: 10px; border-radius: 50%; background: #dc300d; color: #fff; font-family: "KyivType Sans"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 120%; } .product-card--position .product-card__add { width: 100%; height: 53px; color: #FFF; font-size: 20px; font-style: normal; font-weight: 500; line-height: 130%; display: flex; align-items: center; justify-content: center; } .product-card--position .product-card__add::before { opacity: 1; } .product__card--similar .products { margin-bottom: 23px; display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; } .product__card--similar .products .product-card { width: 100% !important; } .product__card--similar .pagination__more { margin-bottom: 0px; } .product__card--similar .pagination { margin: 10px 0 0 0; } .product__card-price--right { width: 229px; height: 100%; background: #dc300d; -webkit-mask-image: url(/wp-content/uploads/2024/07/mask-fill.svg); mask-image: url(/wp-content/uploads/2024/07/mask-fill.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .quantity { display: flex; align-items: center; justify-content: space-between; width: 229px !important; height: 53px !important; color: #FFF !important; font-family: "KyivType Sans" !important; font-size: 20px !important; font-style: normal !important; font-weight: 500 !important; line-height: 130% !important; padding: 0 20px; box-sizing: border-box; position: relative; } .quantity input { padding: 0; display: flex; align-items: center; justify-content: center; height: auto; border: none; background: transparent; color: #FFF; font-family: "KyivType Sans"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 130%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; text-align: center; } .quantity button { padding: 0; width: 18px; height: 18px; } .quantity button::after { content: none !important; } .quantity button::before { content: none !important; } .header { z-index: 100; } @media(max-width: 1100px) { .product__card--similar::after { display: none; } .product__card--similar .products { grid-template-columns: repeat(2, 1fr); } .product__card-price { flex-wrap: wrap; gap: 16px; } .product__card--page #popup-card .row .col:nth-of-type(1) { width: 371px; height: 304px; min-width: 371px; } .product__card--page #popup-card .row .col .the-slider img { width: 324.896px; height: 265.145px; } .product__card--page #popup-card .row .col:nth-of-type(2) { width: calc(100% - 24px - 371px); } } @media(max-width: 768px) { .product__card--section .popup-wrap { padding: 40px 10px !important; max-width: 100% !important; border-radius: 24px !important; } .product__card--page #popup-card .row { flex-direction: column; position: relative; } .product__card--page #popup-card .label { padding: 7px 14px; font-size: 12px; font-weight: 700; line-height: 120%; width: -webkit-max-content; width: -moz-max-content; width: max-content; left: 50%; transform: translateX(-50%); } .product__card--page #popup-card .row .col:nth-of-type(1) { width: 100%; margin-right: 0; border-radius: 16px; border: 2px solid #EAE8E8; min-width: 100%; margin-bottom: 50px; height: 220px; } .product__card--page #popup-card .row .col:nth-of-type(1) .sale { font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; width: 38px; height: 30px; top: 9px; padding: 6.035px; border-radius: 6.035px; box-sizing: border-box; left: 3%; } .product__card--page #popup-card .row .col:nth-of-type(1) img { max-width: 325px; width: 100%; } .page-wrapper-new { padding: 172px 0 44px 0; } .page-wrapper-new .breadcrumbs { margin-bottom: 29px; } .product__card--page #popup-card .row .col:nth-of-type(2) { width: 100%; } .product__card--page #popup-card .row .col:nth-of-type(2) .date { font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; } .product__card--page #popup-card .row .col:nth-of-type(2) .date span { font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; } .product__card--page #popup-card .row .col:nth-of-type(2) .title { order: 1; font-size: 20px; font-style: normal; font-weight: 500; line-height: 140%; text-transform: uppercase; margin-bottom: 18px; } .product__card--page #popup-card .row .col:nth-of-type(2) .date { order: 2; margin-bottom: 16px; } .product__card-price--left_sum p { font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; } .header { z-index: 100; } .product__card-price-add { min-width: 260px !important; width: 100%; margin-left: -12px !important; } .product__card-price { order: 3; } .card-list { order: 4; } .product__card-price { margin-bottom: 22px; } .product__card--page .card-list .tit { font-size: 14px !important; font-style: normal; font-weight: 500; line-height: 140%; align-items: flex-start; -webkit-box-align: flex-start; } .product__card--page .card-list .item .item-content { padding-top: 5px !important; font-size: 14px !important; font-style: normal; font-weight: 350; line-height: 140%; } .product__card--page .card-list .item .item-content p { font-size: 14px !important; font-style: normal; font-weight: 350; line-height: 140%; } .product__card--page .card-list .item .item-content li { font-size: 14px !important; font-style: normal; font-weight: 350; line-height: 140%; } .product__card--page .card-list .item .item-content ul { gap: 5px !important; } .product__card--page #popup-card .card-list { gap: 13px; } .product__card--similar h2 { font-size: 22px; font-style: normal; font-weight: 700; line-height: 130%; margin-bottom: 30px; } .product__card--similar { padding-top: 55px; } .product-card--sale { width: 30px; height: 30px; left: 6px; top: 6px; font-size: 10px; } .product-card--position .product-card__add { height: 26px; font-size: 12px; font-style: normal; font-weight: 500; line-height: 130%; } } .modal__old { background: rgba(0, 0, 0, 0.30); display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1001; } .modal__old--content { max-width: 566px; width: 100%; height: 335px; border-radius: 24px; background: #FFF; position: relative; padding: 40px 80px 0 80px; box-sizing: border-box; } .modal__old--close { position: absolute; top: 20px; right: 20px; } .modal__old--content h3 { color: #141313; font-family: "KyivType Sans"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 140%; text-align: center; margin-bottom: 9px; } .modal__old--content p { color: #727272; text-align: center; font-family: "KyivType Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 20px; } .modal__old--content label { color: #141313; font-family: "KyivType Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 8px; } .modal__old--content form { max-width: 304px; margin: 0 auto; } .modal__old--content input { color: #141313; font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.28px; margin-bottom: 20px; } .modal__old--content input::-webkit-input-placeholder { color: #141313; font-family: "Lato"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.28px; } .modal__old--content input::-moz-placeholder { color: #141313; font-family: "Lato"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.28px; } .modal__old--content input:-ms-input-placeholder { color: #141313; font-family: "Lato"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.28px; } .modal__old--content input::-ms-input-placeholder { color: #141313; font-family: "Lato"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.28px; } .modal__old--content input::placeholder { color: #141313; font-family: "Lato"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.28px; } .modal__old--content button { max-width: 304px; width: 100%; height: 51px; color: #FFF; font-family: "KyivType Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%; padding: 0; } .modal__old--content button::before { opacity: 1; -webkit-mask-image: url(/wp-content/uploads/2024/07/mask-regestration.svg); mask-image: url(/wp-content/uploads/2024/07/mask-regestration.svg); } .modal__old--content button::after { content: none; } .modal__old--box { display: flex; align-items: center; justify-content: space-between; max-width: 304px; margin: 0 auto 15px auto; padding: 0 12px; box-sizing: border-box; } .modal__old--box p { color: #141313; text-align: center; font-family: "KyivType Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; margin-bottom: 0; } .modal__old--box button::before { content: none; } .modal__old--box button::after { content: ""; -webkit-mask-image: none; mask-image: none; background: url(/wp-content/uploads/2024/07/pen.svg); background-repeat: no-repeat; background-size: contain; width: 24px; height: 24px; position: static; } .modal__old--box button { color: #DC300D; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: auto; gap: 5px; font-family: "KyivType Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; display: flex; align-items: center; } .form__sms { margin: 0 auto; } .form__sms p { max-width: 224px; font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; text-align: left; margin: 0 auto 8px auto; } .sms-code-input { display: flex; align-items: flex-start; justify-content: center; gap: 16px; } .sms-code-input input { display: flex; width: 44px; height: 44px; text-align: center; padding: 12px; justify-content: center; align-items: center; gap: 10px; color: #141313; font-family: "Lato"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.28px; } .modal__old--save .modal__old--content { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-bottom: 36px; height: 309px; } .modal__old--registration .modal__old--content { height: 580px; } .modal__old--registration .password-group { position: relative; } .modal__old--registration .password-group:nth-last-of-type(1) { margin-bottom: 8px; } .modal__old--registration .privacy-notice { width: 220px; margin: 10px auto 0 auto; color: #141313; font-family: "KyivType Sans"; font-size: 8px; font-style: normal; font-weight: 350; line-height: 130%; } .modal__old--registration .privacy-notice a { color: #141313; font-family: "KyivType Sans"; font-size: 8px; font-style: normal; font-weight: 350; line-height: 130%; text-decoration: underline; } .modal__old--registration .password-group .toggle-password { position: absolute; top: 37px; right: 12px; } .modal__old--registration .modal__old--content input { margin-bottom: 8px; } @media (max-width: 576px) { .card-container .card-item { min-width: 100%; } .modal__old--content { max-width: 100%; margin: 0 16px; padding: 40px 25px 0 25px; } .modal__old--content button { font-size: 12px; } .modal__old--content h3 { font-size: 18px; font-style: normal; font-weight: 500; line-height: 140%; } .modal__old--sms .modal__old--content>p { margin-bottom: 5px; } .modal__old--box { flex-wrap: wrap; align-items: center; justify-content: center; } .sms-code-input { justify-content: space-between; margin-bottom: 20px; } .sms-code-input input { margin-bottom: 0; } .modal__old--box button { font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; } .modal__old--registration .modal__old--content form { max-width: 100%; } .modal__old--registration .modal__old--content button { margin: 0 auto; } .modal__old--registration .modal__old--content { height: auto; padding-bottom: 36px; } } @media (max-width: 1100px) { .page-404 { background: #6a8e34; background-image: url(/wp-content/themes/soika/res/images/4436346.jpg); background-size: 100%; height: 77vh; } } .basket-order .basket__content { width: 100%; } .basket-order .basket__wrapper-order { align-items: flex-start; } .basket-order .basket__content-wrapper { width: calc(100% - 25px - 281px); } .basket-order .basket-list { width: 100%; } .basket-order .basket__content-order-success { padding: 25px 0; } .basket-order .basket__content-off { margin-bottom: 25px; } .placing__page .basket-order .basket__order { background-color: #fff; border-radius: 20px; } .placing__page .basket-order .basket__content { gap: 0; } @media (max-width: 1200px) { .basket-order .card__count { width: 37%; max-width: none; } .basket-order .card__product { width: 60%; max-width: none; } .basket-order .basket-list .card__title { max-width: 100%; width: auto; } .basket-order .basket-list { gap: 30px; } } @media (max-width: 725px) { .basket-order .basket__wrapper-order { flex-direction: column; gap: 20px; } .basket-order .basket__content-wrapper { width: 100%; } .placing__page .basket-order .basket__order { width: 100%; } .basket-order .card__count { width: 160px; } .basket-order .card__product .card__title { width: calc(100% - 101px - 20px); } .basket-order .card__product { flex-wrap: nowrap; width: calc(100% - 180px); } } @media (max-width: 575px) { .basket-order .basket-list .card { flex-direction: row; } .basket-order .card__count { width: 130px; } .basket-order .card__product .card__title { width: calc(100% - 80px - 20px); padding-right: 0; } .basket-order .card__product { width: calc(100% - 130px); } .basket-order .basket-list { gap: 20px; } } @media (max-width: 490px) { .basket-order .basket-list .card { flex-direction: column; } .basket-order .card__product { flex-direction: column; } .basket-order .card--new .card__product .card__image { min-width: auto; height: auto; width: 50%; } .basket-order .card__product .card__title { width: 95%; text-align: center; padding-right: 0; margin: 10px auto 0; } .basket-order .card__count { width: auto; margin: 0 auto; } .basket-order .card__product { width: auto; } .page-template-tpl-order .placing__page .basket__head { padding-top: 20px; } .page-template-tpl-order .placing__page { padding-bottom: 50px; } } .reviews-section { --size-y: calc(60px + (80 - 60) * ((100vw - 360px) / (var(--max-viewport) - var(--min-viewport)))); --size-x: 0; padding: var(--size-y) var(--size-x); background-color: #fff; }@media(max-width:1100px) { body #wpadminbar { display: none !important; } #modal_item .row { -ms-flex-wrap: wrap; flex-wrap: wrap; } #modal_item .col, #modal_item .col:nth-of-type(2n) { width: 100%; } li.li-langs, li.li-user, .header .nav, .header .nav__list { display: none !important; } .mob-logo { display: block !important; border: 2px solid #dc300d; border-radius: 50%; width: 50px; height: 50px; background-color: #fff; } .mob-logo a { display: block; background-color: #fff; border-radius: 50%; } .mob-logo a img { display: block; width: 100%; } .basket .empty__btn { white-space: nowrap; width: 100%; } body .header .soc { display: flex !important; position: absolute; left: 60px; } body .header .soc li { display: none; } body .header .soc li:last-child { display: block; } body .header .soc li:last-child span.soc__link { width: 40px; height: 40px; } .product__card-price--right { } .product__card-price-add { margin-left: -15px !important; } .card--new .number input { width: 30px !important; } .quantity button { transform: scale(0.5); } .quantity input { font-size: 10px; } .add-second { width: 137px !important; height: 24px !important; padding: 0 0; } .add-second .quantity { padding: 0 20px; } .product__card--page #popup-card .row .col:nth-of-type(1) { overflow: hidden; } body .container-full { width: 100%; max-width: 100%; } span.cat-children { display: none; position: relative; top: unset; right: -40px; z-index: unset; border: 0; width: auto; background: transparent; padding: 0px; } .product__card--page #popup-card .row .col .the-slider { display: block; width: 100%; height: 100%; border: 0px; } img.pim { border: 2px solid #EAE8E8; border-radius: 24px; } .product__card--page #popup-card .row .col:nth-of-type(1) { border: 0; } .product__card--page #popup-card .code { display: none; } .product__card--page #popup-card .row .col .the-slider { min-width: 100%; max-width: 100%; } .product__card--page #popup-card .row .col:nth-of-type(1) { margin-bottom: 10px; } .cat-arr { padding: 20px; } .cat-children { padding-top: 15px; padding-bottom: 15px; } ul.toggle-category__menu li.has-children:hover span.cat-children { display: none; } ul.toggle-category__menu li.has-children span.cat-children.ms { display: block !important; } .pre-cats { gap: 10px; } .pre-cat { width: 31.25%; height: 90px; font-size: 12px; border-radius: 8px; } .pre-cat span { padding: 10px 60px 0 10px; } .pre-cats-h1 { margin-bottom: 30px; } .m-fs-30 { font-size: 30px; } .m-fs-20 { font-size: 20px; } .section-home .slider-home__text { padding-top: 135px; text-shadow: 1px 1px 2px rgb(0 0 0); } .page-template-tpl-order .card--new .card__count { justify-content: flex-start; } .cat-back { width: auto; flex-grow: 1; } .catalog .filter { flex-direction: column-reverse; } .store-wrapper { flex-direction: column; } .store-wrapper-sidebar { width: 100%; } .products { padding: 0; width: 100%; margin-top: 20px; } .products .product-card, .page-template-tpl-store .products .product-card, .container-full-n .products .product-card { width: calc((100% - 10px) / 2); } .catalog .filter { margin-bottom: 15px; } .product-card__image { height: 98px; } .store-wrapper-items-hdr { flex-direction: column; } .cat-back, a.cat-back { width: 100%; } a.cbtn { height: 50px; font-size: 17px; padding: 12px 0; } .product-card--sale.product-card--sale-big { width: 38px; height: 38px; font-size: 14px; } body .product__card-price--right.start>.product__card-price-add { left: -53px; } body .product__card--similar.product__card--similar3 .products { grid-template-columns: repeat(2, 1fr); } }