.preload-transitions * {

	-webkit-transition: none !important;

	-moz-transition: none !important;

	-ms-transition: none !important;

	-o-transition: none !important;

	transition: none !important;

}



@font-face {

	font-family: 'Poppins';

	font-style: normal;

	font-weight: 400;

	font-display: swap;

	src: url('/themes/wd/fonts/Poppins/poppins-v15-latin-ext_latin-regular.woff2') format('woff2'),

		 url('/themes/wd/fonts/Poppins/poppins-v15-latin-ext_latin-regular.woff') format('woff');

}



@font-face {

	font-family: 'Poppins';

	font-style: normal;

	font-weight: 500;

	font-display: swap;

	src: url('/themes/wd/fonts/Poppins/poppins-v15-latin-ext_latin-500.woff2') format('woff2'),

		 url('/themes/wd/fonts/Poppins/poppins-v15-latin-ext_latin-500.woff') format('woff');

}



@font-face {

	font-family: 'Poppins';

	font-style: normal;

	font-weight: 600;

	font-display: swap;

	src: url('/themes/wd/fonts/Poppins/poppins-v15-latin-ext_latin-600.woff2') format('woff2'),

		 url('/themes/wd/fonts/Poppins/poppins-v15-latin-ext_latin-600.woff') format('woff');

}



@font-face {

	font-family: 'Poppins';

	font-style: normal;

	font-weight: 700;

	font-display: swap;

	src: url('/themes/wd/fonts/Poppins/poppins-v15-latin-ext_latin-700.woff2') format('woff2'),

		 url('/themes/wd/fonts/Poppins/poppins-v15-latin-ext_latin-700.woff') format('woff');

}



html {

	font-family: 'Poppins';

	font-size: 16px;

	font-weight: 400;

	color: #18191F;

	scroll-padding-top: 100px;

}



a {

	cursor: pointer;

	text-decoration: none;

	color: inherit;

	/*transition: color .2s ease-in-out;*/

}



img {

	border: 0;

}



img.drop-shadow-1 {

	filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, .3));

}



img.drop-shadow-2 {

	filter: drop-shadow(15px 15px 30px rgba(98, 98, 98, 0.35));

}



svg {

	vertical-align: bottom;

}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	font-family: 'Poppins';

	font-weight: 700;

	line-height: 1.3;

	color: #18191F;

}



h1.c1 span, h2.c1 span, h3.c1 span, h4.c1 span, h5.c1 span, h6.c1 span, .h1.c1 span, .h2.c1 span, .h3.c1 span, .h4.c1 span, .h5.c1 span, .h6.c1 span {

	color: #AA222E;

}



h1.c2 span, h2.c2 span, h3.c2 span, h4.c2 span, h5.c2 span, h6.c2 span, .h1.c2 span, .h2.c2 span, .h3.c2 span, .h4.c2 span, .h5.c2 span, .h6.c2 span {

	color: #FFAF00;

}



h1, .h1 {

	--font-size: var(--md-media) 2rem;

	font-size: var(--font-size, 3rem);

}



h2, .h2 {

	--font-size: var(--md-media) 1.5rem;

	font-size: var(--font-size, 2.25rem);

}



h3, .h3 {

	--font-size: var(--md-media) 1.375rem;

	font-size: var(--font-size, 1.75rem);

}



h4, .h4 {

	--font-size: var(--md-media) 1.25rem;

	font-size: var(--font-size, 1.5rem);

}



h5, .h5 {

	--font-size: var(--md-media) 1.125rem;

	font-size: var(--font-size, 1.25rem);

}



h6, .h6 {

	font-size: 1rem;

}



.text-wrapper h1, .text-wrapper h2, .text-wrapper h3, .text-wrapper h4, .text-wrapper h5, .text-wrapper h6, .text-wrapper .h1, .text-wrapper .h2, .text-wrapper .h3, .text-wrapper .h4, .text-wrapper .h5, .text-wrapper .h6 {

	margin: 1em 0;

	font-weight: 600;

}



.text-wrapper a:not(.button):not(.author-link) {

	color: #AA222E;

	text-decoration: underline solid #AA222E;

	transition: text-decoration-color .2s ease-in-out;

}



.text-wrapper a:not(.button):hover {

	text-decoration-color: transparent;

}



.text-wrapper img {

	max-width: 100%;

	height: auto;

}



.text-wrapper p {

	margin: 1.5em 0;

}



.text-wrapper ul, .text-wrapper ol {

	margin: 1.5em 0;

	padding-left: 1.5em;

}



.text-wrapper > :first-child {

	margin-top: 0 !important;

}



.text-wrapper > :last-child {

	margin-bottom: 0 !important;

}



.anchor-overlay {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	overflow: hidden;

}



.anchor-overlay span {

	position: absolute;

	top: 100%;

	font-size: 5px;

}



.popup {

	display: none;

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 2000;

}



.popup .popup-overlay {

	--sm-padding: var(--sm-media) 20px;

	--padding: var(--sm-padding, 40px);

	position: relative;

	z-index: 0;

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden;

	padding: var(--padding);

	background-color: rgba(13, 13, 13, .6);

}



.popup .popup-wrapper {

	--border-radius: var(--sm-media) 20px;

	position: relative;

	display: flex;

	flex-direction: column;

	width: 100%;

	max-height: 100%;

	padding: var(--padding) 0;

	background-color: #FFFFFF;

	border-radius: var(--border-radius, 40px);

	box-shadow: 8px 8px 12px 0 rgba(0, 0, 0, .2);

}



.popup .popup-ornament-1 {

	position: absolute;

	top: -55px;

	left: -85px;

	z-index: -1;

	width: 225px;

	height: auto;

	transform: rotate(-48.25deg);

}



.popup .popup-ornament-2 {

	position: absolute;

	right: -38px;

	bottom: -58px;

	z-index: -1;

	width: 250px;

	height: auto;

	transform: matrix(0.96, -0.28, -0.28, -0.96, 0, 0);

}



.popup .popup-content {

	flex: 0 1 auto;

	padding: 0 var(--padding);

	overflow: hidden auto;

}



.popup .popup-close.close-1 {

	--sm-shift: var(--sm-media) -11px;

	--shift: var(--sm-shift, -20px);

	--sm-diameter: var(--sm-media) 48px;

	--diameter: var(--sm-diameter, 68px);

	position: absolute;

	top: var(--shift);

	right: var(--shift);

	width: var(--diameter);

	height: var(--diameter);

	text-align: center;

	cursor: pointer;

	color: #AA222E;

	background-color: #FFFFFF;

	border: 1px solid #AA222E;

	border-radius: 50%;

	transition: color .2s ease-in-out, background-color .2s ease-in-out;

}



.popup .popup-close.close-1:hover {

	color: #FFFFFF;

	background-color: #AA222E;

}



.popup .popup-close.close-1 .fi {

	font-size: calc(var(--diameter) * .375);

	line-height: var(--diameter);

}



.popup .popup-close.close-2 {

	--sm-diameter: var(--sm-media) 32px;

	--diameter: var(--sm-diameter, 68px);

	position: absolute;

	top: 5px;

	right: 5px;

	width: var(--diameter);

	height: var(--diameter);

	text-align: center;

	cursor: pointer;

	color: #000000;

	transition: opacity .2s ease-in-out;

}



.popup .popup-close.close-2:hover {

	opacity: .3;

}



.popup .popup-close.close-2 .fi {

	font-size: calc(var(--diameter) * .375);

	line-height: var(--diameter);

}



.popup .popup-wrapper .popup-icon {

	position: absolute;

	top: 0;

	left: 50%;

	transform: translate(-50%, -50%);

	color: #AA222E;

	background-color: #FAEAE2;

	border-radius: 50%;

	width: 80px;

	height: 80px;

	display: flex;

	justify-content: center;

	align-items: center;

}



.popup .popup-wrapper .popup-icon .fi {

	font-size: 32px;

}



.popup .popup-wrapper .scroll-arrow {

	position: absolute;

	left: 50%;

	bottom: 24px;

	transform: translateX(-50%);

	z-index: 20;

	cursor: pointer;

	background: rgba(255,255,255,0.9);

	border-radius: 50%;

	padding: 8px;

	box-shadow: 0 2px 8px rgba(0,0,0,0.08);

	transition: opacity 0.3s;

	animation: arrow-bounce 1.2s infinite;

}



.scroll-arrow.hide {

	opacity: 0;

	pointer-events: none;

}



@keyframes arrow-bounce {

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

	50% { transform: translateX(-50%) translateY(10px); }

}



#popup-flashbag.popup.success .popup-wrapper .popup-icon {

	color: #FFFFFF;

	background-color: #43AC6A;

}



#popup-flashbag.popup.warning .popup-wrapper .popup-icon {

	color: #FFFFFF;

	background-color: #FFAF00;

}



#popup-flashbag.popup.show-me .popup-wrapper .popup-content .row {

	align-items: center;

    justify-content: space-between;

}



#popup-flashbag.popup.show-me .popup-wrapper .popup-content .flashbag-message {

	width: 80%;

}



#popup-flashbag.popup .sign {

	color: #FFFFFF;

	border-radius: 50%;

	width: 40px;

	height: 40px;

	display: flex;

	justify-content: center;

	align-items: center;

}



#popup-flashbag.popup .sign.warning {

	background-color: #FFAF00;

}



#popup-flashbag.popup .sign.success {

	background-color: #43AC6A;

}



#popup-flashbag .popup-wrapper {

	justify-content: center;

	align-items: center;

	max-width: 400px;

}



#popup-flashbag.popup .popup-content .button {

	width: 100%;

	margin-top: 40px;

}



.button {

	display: inline-block;

    padding: 0 50px;

    cursor: pointer;

    font-family: 'Poppins';

    font-size: 16px;

    font-weight: 500;

    text-align: center;

    text-decoration: none;

    line-height: 48px;

	color: #FFFFFF;

    background-color: #AA222E;

    border: 1px solid #AA222E;

    border-radius: 50px;

	/*transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;*/

}



.button:hover {

	background-color: #cc2836;

	border-color: #cc2836;

}



.button.disabled {

	cursor: default;

	background-color: #F0B2C2;

	border-color: #F0B2C2;

}



.button.disabled:hover {

	opacity: 1;

}



.button.icon-before, .button.icon-after {

	position: relative;

}



.button.icon-before .fi, .button.icon-after .fi {

	position: absolute;

	top: 50%;

	width: 50px;

	transform: translateY(-50%);

	font-size: 12px;

}



.button.icon-before .fi {

	left: 0;

}



.button.icon-after .fi {

	right: 0;

}



.button.btn-1 {

	color: #AA222E;

	background-color: #FFFFFF;

	border-color: #AA222E;

}



.button.btn-1:hover {

	color: #FFFFFF;

	background-color: #cc2836;

	border-color: #cc2836;

}



.button.btn-1.disabled {

	color: #F0B2C2;

	background-color: #FFFFFF;

	border-color: #F0B2C2;

}



.button.btn-2 {

	color: #18191F;

	background-color: #FFFFFF;

	border-color: #FFFFFF;

}



.button.btn-2:hover {

	border-color: #18191F;

}



.button.btn-2.disabled {

	color: #B9BABB;

	border-color: #FFFFFF;

}



.button.btn-3 {

	color: #AA222E;

	background-color: #FFFFFF;

	border-color: #FFFFFF;

}



.button.btn-3:hover {

	color: #FFFFFF;

	background-color: #cc2836;

	border-color: #cc2836;

}



.button.btn-3.disabled {

	color: #F0B2C2;

	background-color: #FFFFFF;

	border-color: #FFFFFF;

}



.button.btn-4 {

	color: #3959DD;

	background-color: #FFFFFF;

	border: 2px solid #3959DD;

}



.button.btn-4:hover {

	background-color: #EEF2FF;

}



.button.btn-4.disabled {

	color: #C3CDF5;

	background-color: #FFFFFF;

	border-color: #C3CDF5;

}



.button.btn-5 {

	color: #FFFFFF;

	background-color: #FFAF00;

	border-color: #FFAF00;

}



.button.btn-5:hover {

	background-color: #FFC850;

	border-color: #FFC850;

}



.button.btn-5.disabled {

	background-color: #D8D8D8;

	border-color: #D8D8D8;

}



.button.btn-6 {

	color: #FFFFFF;

	background-color: #23212A;

	border-color: #FFFFFF;

}



.button.btn-6:hover {

	color: #23212A;

	background-color: #FFFFFF;

	border-color: #000000;

}



.button.btn-6.disabled {

	color: #FFFFFF;

	background-color: #D8D8D8;

	border-color: #FFFFFF;

}



.button.btn-7 {

	color: #74717D;

	background-color: #F5F5F5;

	border-color: #74717D;

}



.button.btn-7:hover {

	color: #FFFFFF;

	background-color: #A8A8A8;

	border-color: #A8A8A8;

}



.button.btn-7.disabled {

	color: #B9B8BE;

	background-color: #F5F5F5;

	border-color: #D5D4D8;

}



.button.btn-8 {

	color: #FFFFFF;

	background-color: #A8A8A8;

	border-color: #A8A8A8;

	

}



.button.btn-8:hover {

	color: #74717D;

	background-color: #F5F5F5;

	border-color: #74717D;

}



.button.btn-8.disabled {

	color: #B9B8BE;

	background-color: #F5F5F5;

	border-color: #D5D4D8;

}



.button.btn-9 {

	color: #FFFFFF;

	background-color: #D8D8D8;

	border-color: #D8D8D8;

}



.button.btn-9:hover {

	color: #FFFFFF;

	background-color: #FFC850;

	border-color: #D8D8D8;

}



.button.btn-9.disabled {

	color: #FFFFFF;

	background-color: #F5F5F5;

	border-color: #F5F5F5;

}



.button.btn-10 {

	color: #000000;

	background-color: #F5F5F5;

	border-color: #F5F5F5;

}



.button.btn-10:hover {

	color: #FFFFFF;

	background-color: #A8A8A8;

	border-color: #A8A8A8;

}



.button.btn-10.disabled {

	color: #B9B8BE;

	background-color: #F5F5F5;

	border-color: #D5D4D8;

}



.button.btn-11 {

	color: #FFFFFF;

	background-color: #393B42;

	border-color: #393B42;

}



.button.btn-11:hover {

	color: #FFFFFF;

	background-color: #555862;

	border-color: #555862;

}



.button.btn-11.disabled {

	color: #B9B8BE;

	background-color: #F5F5F5;

	border-color: #D5D4D8;

}



.button.btn-12 {

	color: #A8A8A8;

	background-color: #FFFFFF;

	border-color: #A8A8A8;

}



.button.btn-12:hover {

	color: #FFFFFF;

	background-color: #555862;

	border-color: #555862;

}



.button.btn-12.disabled {

	color: #B9B8BE;

	background-color: #F5F5F5;

	border-color: #D5D4D8;

}



.checkbox {

	display: block;

	position: relative;

}



.checkbox input {

	position: absolute;

	left: 0;

	opacity: 0;

}



.checkbox .box {

	position: relative;

}



.checkbox .box::before, .checkbox .box::after {

	content: '';

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

}



.checkbox .box::after {

	visibility: hidden;

	opacity: 0;

	transition: visibility .2s ease-in-out, opacity .2s ease-in-out;

}



.checkbox input:checked + .box::after {

	visibility: visible;

	opacity: 1;

}



.checkbox.box-1 {

	padding-left: 25px;

}



.checkbox.box-1 .box::before {

	left: -25px;

	width: 17px;

	height: 17px;

	border: 2px solid #FFFFFF;

	border-radius: 50%;

}



.checkbox.box-1 .box::after {

	left: -22px;

	width: 11px;

	height: 11px;

	background-color: #FFFFFF;

	border-radius: 50%;

}



.checkbox.box-2 {

	padding-left: 28px;

}



.checkbox.box-2 .box::before {

	left: -28px;

	width: 18px;

	height: 18px;

	background-color: #FFFFFF;

	border: 2px solid #A8A8A8;

	border-radius: 2px;

	transition: background-color .2s ease-in-out, border-color .2s ease-in-out;

}



.checkbox.box-2 input:checked + .box::before {

	background-color: #3652E3;

	border-color: #3652E3;

}



.checkbox.box-2 .box::after {

	left: -18px;

    width: 6px;

    height: 11px;

    border: solid #FFFFFF;

    border-width: 0 2px 2px 0;

    transform-origin: top center;

    transform: translateY(-50%) rotate(45deg);

}



.switch {

	display:block;

	margin-top:12px;

}



.switch input {

	display:none;

}



.switch > span {

	position:relative;

	top:6px;

	margin-left:5px;

	display:inline-block;

	width:48px;

	height:24px;

	background:#DFE6EC;

	border-radius:1000px;

	cursor:pointer;

	transition: .2s;

}



.switch span span {

	position:absolute;

	background:#FFFFFF;

	width:16px;

	height:16px;

	top:4px;

	left:4px;

	border-radius:50%;

	transition: .2s;

}



.switch.active > span {

	background:#AA222E;

	transition: .2s;

}

.switch.active.disabled > span {

	opacity: 0.35;

}



.switch.active span span {

	left:28px;

	transition: .2s;

}



.form-field {

	display: block;

	width: 100%;

	padding: 12px 20px;

	font-family: 'Poppins';

    font-size: 16px;

    font-weight: 400;

	line-height: 1.5;

	color: #18191F;

	background-color: #FFFFFF;

	border: 1px solid #A8A8A8;

	border-radius: 50px;

	transition: box-shadow .2s ease-in-out;

}



.form-field:focus {

	outline: 0;

	box-shadow: 0 0 4px 4px rgba(168, 168, 168, .28);

}



.form-field::placeholder {

	font-size: 14px;

	color: #18191F;

}



.form-field.field-1 {

	border-color: #FFFFFF;

	transition: border-color .2s ease-in-out;

}



.form-field.field-1:focus {

	box-shadow: none;

	border-color: #18191F;

}



textarea.form-field {

	resize: vertical;

}



select.form-field {

	padding-right: 55px;

	appearance: none;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M1 1L7.5 8L14 1' stroke='%23A8A8A8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

	background-position: right 20px center;

	background-repeat: no-repeat;

}



select.form-field.no-caret {

	padding-right: 0;

	background-image: none;

	overflow-y: hidden;

}



select.form-field.disabled {

	color: #B9B8BE;

	background-color: #F5F5F5;

	border-color: #D5D4D8;

	touch-action: none;

}



.form-label {

	display: block;

	width: 100%;

	margin-bottom: 5px;

	padding-left: 21px;

	font-size: 16px;

    font-weight: 400;

	color: #74717D;

}



.form-floating {

	position: relative;

	min-height: 58px !important;

}



.form-floating .form-field {

	padding: 16px 20px;

}



.form-floating .form-field::placeholder {

	color: transparent;

}



.form-floating label {

	position: absolute;

	top: 0;

	left: 0;

	padding: 17px 21px;

	font-family: 'Poppins';

	font-size: 16px;

	font-weight: 400;

	line-height: 1.5;

	color: #A8A8A8;

	pointer-events: none;

	transform-origin: 0 0;

	transition: transform .2s ease-in-out;

}



.form-floating .form-field:focus, .form-floating .form-field:not(:placeholder-shown) {

	padding: 24px 20px 8px;

}



.form-floating .form-field:focus ~ label, .form-floating .form-field:not(:placeholder-shown) ~ label {

	transform: scale(.8) translate(4px, -8px);

}



.form-floating .form-field:focus ~ label::before, .form-floating .form-field:not(:placeholder-shown) ~ label::before {

	content: '';

	position: absolute;

	inset: 17px 13px;

	z-index: -1;

	background-color: #FFFFFF;

	border-radius: 10px;

}



.form-floating .form-button {

	font-size: 16px;

	position: absolute;

	top: 18px;

	right: 20px;

	cursor: pointer;

}



.form-floating .select-border {

	font-size: 16px;

	position: absolute;

	top: 0;

	right: 0;

	margin: 0;

	min-height: 58px;

	cursor: pointer;

}



.form-floating .select-border select {

	margin: 0 5px;

	height: 56px;

	width: 100% !important;

}



.preloader {

	position: relative;

	width: 100%;

	height: 100px;

}



.preloader::after {

	content: '';

	position: absolute;

	top: calc(50% - 25px);

	left: calc(50% - 25px);

	width: 50px;

	height: 50px;

	border: 3px solid rgba(206, 0, 54, .25);

	border-top-color: #AA222E;

	border-radius: 50%;

	animation: spin 1s linear infinite;

}



@keyframes spin {

	0% { transform: rotate(0deg); }

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

}



.tooltip {

	position: relative;

	pointer-events: auto;

	cursor: pointer;

}



.tooltip.active::after {

	content: attr(data-tooltip);

	position: absolute;

	top: -100%;

	left: 50%;

	transform: translateX(-50%);

	background-color: #AA222E;

	border-radius: 5px;

	color: #FFFFFF;

	padding: 5px;

	font-size: 12px;

	z-index: 1000;

}



.swiper-container {

	--navigation-size: var(--lg-media) 20px;

	--swiper-theme-color: #323232;

	--swiper-navigation-size: var(--navigation-size, 32px);

	--padding-bottom: var(--lg-media) 80px;

	padding-bottom: var(--padding-bottom, 140px);

}



.swiper-container.disabled {

	position: static;

	padding-bottom: 0;

	overflow: visible;

}



.swiper-container.disabled > :first-child {

	transform: none !important;

}



.swiper-container.disabled .swiper-pagination, .swiper-container.disabled .swiper-button-prev, .swiper-container.disabled .swiper-button-next {

	display: none;

}



.swiper-pagination-bullet {

	--width: var(--lg-media) 10px;

	--height: var(--lg-media) 10px;

	width: var(--width, 16px);

	height: var(--height, 16px);

}



.swiper-container-horizontal > .swiper-pagination-bullets {

	--bottom: var(--lg-media) 5px;

	bottom: var(--bottom, 8px);

}



.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

	--margin-x: var(--lg-media) 8px;

	margin: 0 var(--margin-x, 12px);

}



.swiper-button-prev, .swiper-button-next {

	top: auto;

	bottom: 0;

	width: calc(var(--swiper-navigation-size) / 32 * 19);

	margin-top: 0;

}



.swiper-button-prev {

	--left: var(--lg-media) 120px;

	left: calc(50% - var(--left, 175px));

}



.swiper-button-prev::after {

	content: "\e90b";

}



.swiper-button-next {

	--right: var(--lg-media) 120px;

	right: calc(50% - var(--right, 175px));

}



.swiper-button-next::after {

	content: "\e90c";

}



.block-hero-slider .hero-slide-title {

	--lg-top: var(--lg-media) 11%;

	--md-top: var(--md-media) 7%;

	position: absolute;

	z-index: 2;

	top: var(--md-top, var(--lg-top, 15%));

	right: 3%;

	margin: 0;

	padding: 0;

	font-size: var(--font-size, 2rem);

	line-height: 1.15;

	background: none;

	width: auto;

	white-space: nowrap;

	text-align: right;

	color: #fff;

	font-weight: 500;

}



@media screen and (max-width: 800px) {

	.block-hero-slider .hero-slide-title {

		top: 45%;

		right: auto;

		left: 50%;

		transform: translate(-50%, -50%);

		text-align: center;

		font-size: 1.5rem;

	}

}



.block-hero-slider .row .header {

	margin-top:10%;

	margin-bottom: 20px;

}



.block-hero-slider  .center .button {

	position: absolute;

	bottom: 40px;

	left: 0;

	right: 0;

	width: 400px;

}



@media screen and (min-width:1700px) {

	.block-hero-slider .right-side .header {margin-top:3%;}

}



.block-hero-slider .header p {

	--font-size: var(--lg-media) 15px;

	margin-bottom: 35px;

	font-size: var(--font-size, 32px);

	font-weight: 600;

	color: #74717D;

	position:relative;

}



.block-hero-slider .header svg {

	--width: var(--lg-media) 268px;

	width: var(--width, auto);

	height: auto;

}



.block-hero-slider .swiper {

	width: 100%;

	height: auto;

	aspect-ratio:19/6;

	position:relative;

	overflow:hidden;

}



.block-hero-slider .swiper-slide {

	text-align: center;

	font-size: 18px;

	background: #fff;

	display: flex;

	flex-direction: column;

	align-items: stretch;

}



.block-hero-slider .hero-slide-native-image {

	isolation: isolate;

}



.block-hero-slider .hero-slide-image {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: -1;

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: top center;

}



.block-hero-slider .button {

	width: 300px;

	font-size: 26px;

	bottom: 10%;

	height: 60px;

	line-height: 60px;

	display: inline-block;

	margin: 20px auto;

	text-transform:uppercase;

}



.block-hero-slider .header p.banner-txt {

	padding-top:30px;

	color:#444444;

	text-transform:uppercase;

	font-size:50px;

	line-height:50px;

	font-weight:bold;

	letter-spacing:2px;

}



.block-hero-slider .header p.banner-txt > span {

	color:#A80F29;

	font-size:60px;

}

.block-hero-slider .header p.banner-txt > span > span {

	font-size:86px;

}



.block-hero-slider .left-side .header {margin-top:0;margin-bottom:10px;width:400px;text-align:center;}



.block-hero-slider .left-side .header p.banner-txt {

	color:#A80F29;

	line-height:75px;

	font-size:68px;

	margin-bottom:0;

}



.block-hero-slider .left-side .header p.banner-txt > span {

	color:#444444;

	font-size:86px;

}



.block-hero-slider .left-side .header p.banner-txt-sml {

	color:#444444;

	font-size:20px;

	letter-spacing:2px;

	margin-top:15px;

	margin-bottom:10px;

}



.block-hero-slider .left-side .header p.banner-txt-sml > span {

	color:#A80F29;

}



.block-hero-slider .left-side .header p.handwriting {

	color:#444444;

	font-size:33px;

	margin-top:25px;

	font-weight:normal;

	font-family:Allura, cursive;

	transform: rotate(-3deg);

}



.block-hero-slider .left-side .button {

	width:22%;

	min-width:100px;

	position:absolute;

	left:10.7%;

	bottom:13%;

}



@media screen and (max-width:1300px) {

	.block-hero-slider .left-side .button {bottom:-20px;}

}



.block-hero-slider .hero-swiper {

	--navigation-size: var(--lg-media) 20px;

	--swiper-theme-color: #323232;

	--swiper-navigation-size: var(--navigation-size, 32px);

}



.block-hero-slider .hero-swiper.swiper-container-horizontal > .swiper-pagination-bullets {

	bottom:20px;

}



.block-hero-slider .hero-swiper .swiper-button-prev, .hero-swiper .swiper-button-next {

	bottom:20px;

}



.block-hero-slider .hero-slider-1 .swiper-pagination-bullets, .block-hero-slider .hero-slider-1 .swiper-button-prev, .block-hero-slider .hero-slider-1 .swiper-button-next {

	display:none;

}



.block-hero-slider .swiper-slide {

	background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

}



.block-hero-slider .right-side .button {position:absolute;bottom:40px;right:10.7%;min-width:100px;}

.block-hero-slider .header p {visibility:hidden;}



@media screen and (max-width:800px) {

	.block-hero-slider .swiper {height:auto;aspect-ratio:7/12;}

	.bbblock-hero-slider .row .header {margin-top:150px;margin-bottom:0;max-width:100%;}

	.block-hero-slider .header svg {width:100%;max-width:450px;}

	.block-hero-slider .header p {font-size:20px;}

	.block-hero-slider .right-side .header p.banner-txt {position:absolute;bottom:-10px;left:0;right:0;font-size:30px;line-height:35px;}

	.block-hero-slider .right-side .header p.banner-txt > span {font-size:30px;}

	.block-hero-slider .right-side .header p.banner-txt > span > span {font-size:58px;}

	.block-hero-slider .header p.banner-txt > span {font-size:50px;}

	.block-hero-slider .header p.banner-txt > span > span {font-size:76px;}

	.block-hero-slider .left-side .header {width:100%;position:absolute;bottom:70px;}

	.block-hero-slider .left-side .button, .block-hero-slider .right-side .button, .block-hero-slider .center .button {width:80%;max-width:400px;}

	.block-hero-slider .right-side .button {position:absolute;bottom:40px;left:0;right:0;}

	.block-hero-slider .left-side .button {bottom:0px;left:0;right:0;}

	.block-hero-slider .left-side {position:absolute;bottom:40px;left:0;right:0;}

	.block-hero-slider .left-side .header p.handwriting {margin-top:5px;margin-bottom:20px;}

	.block-hero-slider .right-side .header {height:80%;}

	.hero-slide-43 > .container > .row {display:block;}

	.block-hero-slider .hero-slide-43 .right-side .header {position:absolute;top:0;margin-top:0;margin-bottom:20px;left:0;right:0;padding-top:140px;}

	.block-hero-slider .header p {margin-bottom:0;visibility:visible;}

	.block-hero-slider .swiper-slide {

		background-size: cover;

		background-position: bottom center;

		background-repeat: no-repeat;

	}

	.block-hero-slider .hero-slide-image {

		object-position: bottom center;

	}

}



@media screen and (max-width:420px) {

	.block-hero-slider .swiper {aspect-ratio:7/12;}

	.block-hero-slider .right-side .button {bottom:40px;}

	.block-hero-slider .left-side .button {bottom:70px;}

	.block-hero-slider .left-side {bottom:0px;}

	.block-hero-slider .hero-slide-43 .right-side .header {padding-top:120px;}

	.block-hero-slider .right-side .header p.banner-txt {font-size:25px;line-height:30px;bottom:0;}

	.block-hero-slider .right-side .header p.banner-txt > span {font-size:25px;}

	.block-hero-slider .right-side .header p.banner-txt > span > span {font-size:48px;}

}

@media screen and (max-width:380px) {

	.block-hero-slider .hero-slide-43 .right-side .header {padding-top: 110px;}

}



div.santa {

	display: block;

	position: relative;

	overflow: visible;

}



div.santa > img {

	--scale: var(--sm-media) 0.70;

	display: block;

	position: absolute;

	overflow: visible;

	top: 0;

	left: 0;

	z-index: 100;

	transform: scale(var(--scale, 1.00));

}



div.santa-sm-block > img {

	--position: var(--sm-media) relative;

	position: var(--position, absolute) !important;

}



div.santa-block > img {

	position: relative !important;

}



div.santa > img:hover {

	cursor: pointer;

	--animation: var(--sm-media) sm-santa;

	animation: var(--animation, santa) 1s linear infinite alternate;

}



@keyframes sm-santa {

	0% { transform: scale(0.70); }

	50% { transform: scale(0.75); }

	100% { transform: scale(0.70); }

}



@keyframes santa {

	0% { transform: scale(1.00); }

	50% { transform: scale(1.05); }

	100% { transform: scale(1.00); }

}



div.santa.s6 > img {

	--top: var(--sm-media) -118px;

	--left: var(--sm-media) 50px;

	top: var(--top, -130px) !important;

	left: var(--left, 330px) !important;

}



div.santa.s8 > img {

	--top: var(--sm-media) -160px;

	--left: var(--sm-media) 280px;

	top: var(--top, -70px) !important;

	left: var(--left, 220px) !important;

}



div.santa.s24 > img {

	--top: var(--sm-media) 0px;

	--left: var(--sm-media) 100px;

	top: var(--top, -132px) !important;

	left: var(--left, 930px) !important;

}



div.santa.s28 > img {

	--top: var(--sm-media) 0px;

	--left: var(--sm-media) 50px;

	top: var(--top, -140px) !important;

	left: var(--left, 600px) !important;

}



div.santa.s29 > img {

	--top: var(--sm-media) 0px;

	--left: var(--sm-media) 0px;

	top: var(--top, 0px) !important;

	left: var(--left, 10px) !important;

}



div.santa.s54 > img {

	--top: var(--sm-media) -110px;

	--left: var(--sm-media) -20px;

	top: var(--top, -124px) !important;

	left: var(--left, 30px) !important;

}



div.santa.s56 > img {

	--top: var(--sm-media) -50px;

	--left: var(--sm-media) 40px;

	top: var(--top, -5px) !important;

	left: var(--left,500px) !important;

}



div.santa.s64 > img {

	--top: var(--sm-media) -110px;

	--left: var(--sm-media) -20px;

	top: var(--top, -234px) !important;

	left: var(--left, -10px) !important;

}



div.santa.s65 > img {

	--top: var(--sm-media) 0px;

	--left: var(--sm-media) 50px;

	top: var(--top, -140px) !important;

	left: var(--left, 900px) !important;

}



div.santa.s66 > img {

	--top: var(--sm-media) -180px;

	--left: var(--sm-media) 167px;

	top: var(--top, -70px) !important;

	left: var(--left, 113px) !important;

}



div.santa.s73 > img {

	--top: var(--sm-media) -208px;

	--left: var(--sm-media) 50px;

	top: var(--top, -230px) !important;

	left: var(--left, 330px) !important;

}



div.santa.s75 > img {

	--top: var(--sm-media) -90px;

	--left: var(--sm-media) 190px;

	top: var(--top, -50px) !important;

	left: var(--left,500px) !important;

}



div.santa.s77 > img {

	--top: var(--sm-media) 0px;

	--left: var(--sm-media) 60px;

	top: var(--top, -155px) !important;

	left: var(--left, 930px) !important;

}



div.santa.s81 > img {

	--top: var(--sm-media) 0px;

	--left: var(--sm-media) 0px;

	top: var(--top, 0px) !important;

	left: var(--left, 10px) !important;

}



.popup .popup-santa-31 {

	position: absolute;

	top: -126px;

	left: 25px;

	z-index: 100;

}



.popup .popup-santa-59 {

	position: absolute;

	top: -225px;

	left: 25px;

	z-index: 100;

}



#header {

	--lg-padding-top: var(--lg-media) 55px;

	--xl-padding-top: 0;

	padding-top: var(--lg-padding-top, var(--xl-padding-top));

}



#header.sticky {

	--xl-padding-top: 124px;

}



#header .header {

	position: relative;

	z-index: 1000;

	background-color: #FFFFFF;

	box-shadow: 0 0 75px 0 rgba(1, 2, 4, .12);

}



#header.sticky .header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

}



#header .header .info-bar {

	padding-top: 20px;

	color: #74717D;

	font-size: 14px;

	line-height: 1;

}



#header.sticky .header .info-bar {

	display: none;

}



#header .header .info-bar a:hover {

	color: #AA222E;

}



#header .header .info-bar .contacts .fi-phone {

	font-size: 12px;

}



#header .header .info-bar .contacts .fi-mail {

	font-size: 10px;

}



#header .header .info-bar .contacts span {

	margin: 0 25px 0 8px;

}



#header .header .info-bar .contacts a span {

	margin: 0 0 0 8px;

}



#header .header .info-bar .socials .fi {

	font-size: 18px;

}



#header .header .info-bar .socials a ~ a {

	margin-left: 7px;

}



#header .header .info-bar .languages {

	padding-left: 20px;

}



#header .header .info-bar .languages a {

	font-weight: 500;

	cursor: pointer;

}



#header .header .info-bar .languages a:hover {

	color: #AA222E;

}



#header .header .info-bar .languages a.current {

	font-weight: 700;

	text-decoration: underline;

}



#header .header nav .nav a {

	white-space: nowrap;

	transition: text-shadow .1s ease-in-out;

}



#header .header nav .nav a:hover, #header .header nav .nav a.active, #header .header nav .nav .main-item:hover .main-link {

	text-shadow: 0 0 1px #18191F;

}



#header .header nav .nav .main {

	list-style: none;

}



#header .header nav .nav .main-item {

	display: inline-block;

	position: relative;

}



#header .header nav .nav .main-link {

	display: inline-block;

	padding: 30px 10px;

}



#header .header nav .nav .sub {

	position: absolute;

	top: 100%;

	z-index: 1000;

	padding: 18px 0;

	list-style: none;

	background-color: #FFFFFF;

	box-shadow: 0px 4px 24px rgba(232, 233, 235, 0.25);

	visibility: hidden;

	opacity: 0;

	transition: visibility .1s ease-in-out, opacity .1s ease-in-out;

	max-height: calc(100vh - 150px);

    overflow: auto;

}



#header .header nav .nav .sub-item {

	padding: 0 25px;

	line-height: 40px;

}



#header .header nav .nav .sub-link {

	display: block;

}



#header .header nav .nav .main-item:hover .sub {

	visibility: visible;

	opacity: 1;

}



#header .header nav .buttons .button {

	width: 160px;

	padding: 0;

	font-size: 14px;

}



#header .header nav .buttons .button.btn-1 {

	margin: 0 5px 0 20px;

}



#header .header nav .cart {

	position: relative;	

}



#header .header nav .cart .link {

	position: relative;

	display: inline-block;

	width: 50px;

	height: 50px;

	margin-left: 2px;

}



#header .header nav .cart .link .fi {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	font-size: 30px;

	color: #74717D;

}



#header .header nav .cart .link .count {

	position: absolute;

	right: -2px;

	bottom: -2px;

	display: flex;

	align-items: center;

	justify-content: center;

	min-width: 25px;

	height: 25px;

	padding: 0 3px;

	color: #FFFFFF;

	background-color: #AA222E;

	border-radius: 15px;

	font-size: 14px;

	font-weight: 500;

}



#header .header nav .cart .preview {

	position: absolute;

	top: 100%;

	right: 0;

	width: 500px;

	margin-top: 14px;

	padding: 25px;

	color: #FFFFFF;

	background-color: #AA222E;

	font-size: 16px;

	visibility: hidden;

	opacity: 0;

	transition: visibility .1s ease-in-out, opacity .1s ease-in-out;

}



#header .header nav .cart:hover .preview {

	visibility: visible;

	opacity: 1;

}



#header .header nav .cart .preview::before {

	content: '';

	position: absolute;

	top: -14px;

	left: 0;

	width: 100%;

	height: 14px;

}



#header .header nav .cart .preview header {

	margin-bottom: 20px;

	padding-bottom: 10px;

	border-bottom: 1px solid rgba(255, 255, 255, .5);

	font-weight: 600;

}



#header .header nav .cart .preview .cart-item {

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	padding: 5px 0;

}



#header .header nav .cart .preview .cart-item :last-child {

	padding-left: 25px;

	font-weight: 600;

	white-space: nowrap;

}



#header .header nav .cart .preview footer {

	margin-top: 20px;

	padding-top: 10px;

	border-top: 1px solid rgba(255, 255, 255, .5);

	text-align: right;

}



#header .header nav .cart .preview footer .summary {

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	margin-bottom: 20px;

	font-weight: 600;

}



#header .header nav .cart .preview footer .summary :last-child {

	padding-left: 25px;

	white-space: nowrap;

}



#header .header nav .cart .preview footer .button {

	padding: 0 25px;

	font-size: 14px;

}



#header .mobile-header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 1000;

	background-color: #FFFFFF;

	box-shadow: 0 0 10px 0 rgba(1, 2, 4, .3);

	transition: transform .3s ease-in-out;

}



#header .mobile-header.slide-up {

	transform: translateY(-100%);

}



#header .mobile-header .left-side, #header .mobile-header .right-side {

	flex: 0 0 65px;

	line-height: 0;	

}



#header .mobile-header .left-side .hamburger {

	display: inline-block;

	position: relative;

	width: 25px;

	height: 17px;

	margin-left: 20px;

	cursor: pointer;

}



#header .mobile-header .left-side .hamburger span {

	display: inline-block;

	position: absolute;

	left: 0;

	width: 100%;

	height: 3px;

	background-color: #18191F;

	transition: .2s ease-in-out;

}



#header .mobile-header .left-side .hamburger span:nth-child(1) {

	top: 0;

}



#header .mobile-header .left-side .hamburger span:nth-child(2), #header .mobile-header .left-side .hamburger span:nth-child(3) {

	top: 7px;

}



#header .mobile-header .left-side .hamburger span:nth-child(4) {

	top: 14px;

}



#header .mobile-header .left-side .hamburger.visible span:nth-child(1), #header .mobile-header .left-side .hamburger.visible span:nth-child(4) {

	top: 7px;

	left: 50%;

	width: 0;

}



#header .mobile-header .left-side .hamburger.visible span:nth-child(2) {

	transform: rotate(45deg);

}



#header .mobile-header .left-side .hamburger.visible span:nth-child(3) {

	transform: rotate(-45deg);

}



#header .mobile-header .right-side a {

	position: relative;

	display: inline-block;

	width: 65px;

	height: 55px;

	background-color: #AA222E;

	transition: none;

}



#header .mobile-header .right-side a .fi {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, calc(-50% - 4px));

	font-size: 22px;

	color: #FFFFFF;

}



#header .mobile-header .right-side a .circle {

	position: absolute;

	right: 14px;

	bottom: 14px;

	display: flex;

	align-items: center;

	justify-content: center;

	min-width: 15px;

	height: 15px;

	padding: 0 2px;

	color: #AA222E;

	background-color: #FFFFFF;

	border-radius: 10px;

	font-size: 14px;

	font-weight: 600;

}



#header .mobile-header .right-side a .circle.count {

	font-size: 12px;

}



#footer h3 {

	margin-bottom: 30px;

	font-size: 24px;

	font-weight: 700;

	line-height: 1;

}



#footer ul {

	list-style: none;

}



#footer .top-part {

	--padding: var(--lg-media) 30px;

	--text-align: var(--lg-media) center;

	padding: var(--padding, 80px) 0;

	text-align: var(--text-align, left);

	background-color: #FDF8F4;

}



#footer .top-part ul li {

	padding-top: 3px;

	padding-bottom: 3px;

}



#footer .top-part ul li a:hover {

	color: #AA222E;

}



#footer .top-part .contacts {

	--font-size: var(--lg-media) 14px;

	font-size: var(--font-size, 16px);

}



#footer .top-part .medals img {

	width: auto;

	max-height: 120px;

	transition: opacity .2s ease-in-out;

}



#footer .top-part .medals img:hover {

	opacity: .8;

}



#footer .top-part .contacts ul li .fi {

	margin-right: 8px;

}



#footer .top-part .watch-social-links {

	padding-right: 12px;

	font-weight: 700;

}



#footer .top-part .slide-header {

	position: relative;

	border-bottom: 1px solid #D8D8D8;

	line-height: 60px;

}



#footer .top-part .slide-down{

	text-align: left;

}



#footer .top-part .slide-down .fi {

	font-size: 8px;

	position: absolute;

	top: 25px;

	right: 10px;

	transition: .2s ease-in-out;

}



#footer .top-part .slide-down .fi.rotate {

	transform: rotate(180deg);

}



#footer .top-part .slide-down .footer-slide {

	display: none;

}



#footer .top-part .watch-payment-methods {

	--font-size: var(--lg-media) 16px;

	--font-weight: var(--lg-media) 400;

	font-size: var(--font-size, 24px);

	font-weight: var(--font-weight, 700);

}



#footer .top-part .block-payment-methods svg {

	max-height: 25px;

}



#footer .bottom-part {

	--padding: var(--lg-media) 30px;

	--font-size: var(--lg-media) 16px;

	padding: var(--padding, 80px) 0;

	font-size: var(--font-size, 14px);

	color: #FFFFFF;

	background-color: #23212A;

}



#footer .bottom-part .container {

	--max-width: var(--lg-media) 375px;

	max-width: var(--max-width, none);

}



#footer .bottom-part h3 {

	--font-size: var(--lg-media) 18px;

	--font-weight: var(--lg-media) 400;

	--text-align: var(--lg-media) center;

	font-size: var(--font-size, 24px);

	font-weight: var(--font-weight, 700);

	text-align: var(--text-align, left);

	color: #FFFFFF;

}



#footer .bottom-part ul li, #footer .bottom-part div.province {

	padding-top: 4px;

	padding-bottom: 4px;

}



#footer .bottom-part .province {

	font-weight: 600;

	text-transform: uppercase;

}



#footer .bottom-part ul li a {

	border-bottom: 1px solid transparent;

	transition: border-color .1s ease-in-out;

}



#footer .bottom-part .province span {

	position: relative;

	cursor: pointer;

}



#footer .bottom-part .province .fi {

	font-size: 8px;

	position: absolute;

	top: 7px;

	left: 10px;

	transition: .2s ease-in-out;

}



#footer .bottom-part .province .fi.rotate {

	transform: rotate(180deg);

}



#footer .bottom-part ul li a:hover {

	border-color: #FFFFFF;

}



#footer .bottom-part .button.btn-6 {

	--shift: 50px;

	padding-right: var(--shift);

	padding-left: 30px;

	line-height: 42px;

}



#footer .bottom-part .button.btn-6 .fi {

	width: var(--shift);

	font-size: 10px;

	transition: .2s ease-in-out;

}



#footer .bottom-part .button.btn-6 .fi.rotate {

	transform: translateY(-50%) rotate(180deg);

}



#footer .bottom-part #cities.show-flex {

	display: flex!important;

	margin-top: 40px;

}



#footer .bottom-part #seo {

	font-size: 14px;

}



#mobile-nav {

	position: fixed;

	top: 0;

	left: -100%;

	bottom: 0;

	width: 100%;

	z-index: 1000;

	background-color: #FFFFFF;

	overflow-y: auto;

	transition: left .2s ease-in-out;

}



#mobile-nav.visible {

	left: 0;

}



#mobile-nav .button {

	width: 100%;

	padding: 0;

	font-size: 15px;

	line-height: 68px;

	border-radius: 0;

}



#mobile-nav ul {

	list-style: none;

}



#mobile-nav .main-item {

	position: relative;

	border-bottom: 1px solid #D8D8D8;

}



#mobile-nav .main-link {

	display: block;

	padding: 0 10px;

	line-height: 60px;

	transition: text-shadow .2s ease-in-out;

}



#mobile-nav .main-link:hover, #mobile-nav .main-link.visible {

	text-shadow: 0 0 1px #18191F;

}



#mobile-nav .main-link img.star {

	vertical-align: -5px;

}



#mobile-nav .main-item > span {

	position: absolute;

	top: 0;

	right: 0;

	width: 40px;

	height: 60px;

	cursor: pointer;

}



#mobile-nav .main-item > span .fi {

	position: absolute;

	top: calc(50% - 4px);

	right: 10px;

	font-size: 8px;

	transition: .2s ease-in-out;

}



#mobile-nav .main-item > span.visible .fi {

	transform: rotate(180deg);

}



#mobile-nav .sub {

	display: none;

}



#mobile-nav .sub-item {

	border-top: 1px solid #D8D8D8;

}



#mobile-nav .sub-link {

	display: block;

	padding: 0 10px 0 40px;

	line-height: 48px;

	font-size: 14px;

	transition: text-shadow .2s ease-in-out;

}



#mobile-nav .sub-link:hover {

	text-shadow: 0 0 1px #18191F;

}



#mobile-nav .footer {

	padding: 25px 0;

}



#mobile-nav .footer .languages a {

	font-size: 27px;

	font-weight: 700;

}



#mobile-nav .footer .languages a .fi {

	margin-left: 5px;

	font-size: 8px;

	vertical-align: middle;

}



#mobile-nav .footer .languages a:hover {

	color: #AA222E;

}



#mobile-nav .footer .languages a.current {

	font-weight: 700;

	text-decoration: underline;

}



.block-social-links {

	--height: var(--lg-media) 38px;

	height: var(--height, 26px);

}



.block-social-links a {

	--width: var(--lg-media) 38px;

	--height: var(--lg-media) 38px;

	--line-height: var(--lg-media) 36px;

	--border: var(--lg-media) 1px solid #18191F;

	--border-radius: var(--lg-media) 50%;

	display: inline-block;

	width: var(--width, auto);

	height: var(--height, 26px);

	text-align: center;

	line-height: var(--line-height, 26px);

	border: var(--border, none);

	border-radius: var(--border-radius, 0);

	transition: .2s ease-in-out;

}



.block-social-links a .fi {

	--font-size: var(--lg-media) 18px;

	font-size: var(--font-size, 26px);

	line-height: inherit;

}



.block-social-links a ~ a {

	margin-left: 10px;

}



.block-social-links a:hover {

	color: #AA222E;

	border-color: #AA222E;

}



.block-products.bg-color {

	background-color: #F8F8F8;

}



.block-products .row {

	--max-height: var(--sm-media) 750px;

	max-height: var(--max-height, none);

	margin-left: 0;

	margin-right: 0;

}



.block-products .product {

	--max-width: var(--sm-media) 242px;

	position: relative;

	max-width: var(--max-width, 344px);

	--lg-height: var(--lg-media) 420px;

	--sm-height: var(--sm-media) 335px;

	height: var(--sm-height, var(--lg-height,117%));

	background-color: #FFFFFF;

	border-radius: 10px;

	box-shadow: 10px 10px 20px rgba(197, 200, 205, .15);

}



.block-products .product .image {

	position: relative;

	background-color: #F0EFED;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

}



.block-products .product .image img:first-child {

	max-width: 100%;

	height: auto;

	vertical-align: middle;

}



.block-products .product .image img:last-child {

	position: absolute;

	max-width: 45%;

	height: auto;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	margin: auto;

	transform: scale(1);

	transition: transform .2s ease-in-out;

}



.block-products .product:hover .image img:last-child {

	--scale: var(--lg-media) 1;

	transform: scale(var(--scale, 1.1));

}



.block-products .product .badge {

	position: absolute;

	top: 0;

	left: 0;

	max-width: 27.5%;

	padding: 3% 4%;

}



.block-products .product .badge img {

	max-width: 100%;

	height: auto;

	filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, .25));

}



.block-products .product .content {

	padding: 8px 20px 50px;

	color: #74717D;

}



.block-products .product .content .price {

	--margin-bottom: var(--lg-media) 5px;

	--font-size: var(--lg-media) 11px;

	margin-bottom: var(--margin-bottom, 16px);

	font-size: var(--font-size, 13px);

	text-align: right;

}



.block-products .product .content .price .icon-info {

	display:inline-block;

	width:12px;

	height:12px;

	margin-left:5px;

	margin-right:0;

	font-size:8px;

	line-height:12px;

	color: #5e5d5d;

	cursor:pointer;

	border-radius:50%;

	border:1px solid #5d5c5c;

	text-align:center;

	position: absolute;

	z-index: 10;

}





/* Odstepy dobrane pod dwuwierszowy warunek ceny (kalorycznosc + prog).

   Wczesniejszy ujemny margines gornym wciagal etykiete pod kwote, a 5 px

   do tytulu sklejalo ja z nazwa diety - przy krotkim "Cena w promocji"

   to uchodzilo, przy dluzszym tekscie robi sie ciasno.

   Regula dotyczy wylacznie kafelkow; koszyk ma wlasna w cart.css:52. */

.block-products .product .content .price-info-label {

	display:none;

	--margin: var(--lg-media) 0 0 10px;

	margin: var(--margin, -6px 0 14px);

	padding:0;

	color:#74717D;

	font-size:10px;

	line-height:13px;

	text-align:right;

}



.block-products .product .content .title {

	--min-height: var(--sm-media) 60px;

	--font-size: var(--lg-media) 18px;

	min-height: var(--min-height, 0);

	margin-bottom: 8px;

	font-size: var(--font-size, 21px);

	font-weight: 600;

	color: #18191F;

}



.block-products .product .content .description {

	margin-bottom: 20px;

	font-size: 15px;

}



.block-products .product .content .menu {

	--font-size: var(--lg-media) 11px;

	position: absolute;

	bottom: 30px;

	font-size: var(--font-size, 14px);

	font-weight: 500;

}



.block-products .product .content .menu .fi {

	--font-size: var(--lg-media) 7px;

	margin-left: 9px;

	font-size: var(--font-size, 9px);

	vertical-align: middle;

}



.block-products .product .content .menu:hover {

	color: #AA222E;

}



.block-products .product .anchor-overlay {

	bottom: 115px;

	z-index: 1;

}



.block-products .product .content .btw {

	max-height: none;

}



.block-products .product .content .btw .row {

	align-items: center;

}



.block-products .product .content .btw .btw-val {

	font-size:14px;

}



.block-products .product .cart {

	--height: var(--lg-media) 90px;

	--visibility: var(--lg-media) visible;

	--opacity: var(--lg-media) 1;

	position: absolute;

	width: 100%;

	height: var(--height, 100px);

	left: 0;

	bottom: 15px;

	text-align: center;

	/* visibility: var(--visibility, hidden); */

	/* opacity: var(--opacity, 0); */

	transition: visibility .2s ease-in-out, opacity .2s ease-in-out;

}



.block-products .product:hover .cart {

	visibility: visible;

	opacity: 1;

	transition-delay: .2s;

}



.block-products .product .cart .button {

	/* --width: var(--lg-media) 215px; */

	/* --margin-right: var(--lg-media) 15px; */

	--padding: var(--lg-media) 0;

	--font-size: var(--lg-media) 16px;

	width: 80%;

	/* margin-right: var(--margin-right, 0); */

	padding: var(--padding, 0 50px);

	font-size: var(--font-size, 16px);

	line-height: 38px;

}



.block-products .product .content .description a.toggle-text {

	text-decoration: underline;

	position: relative;

	z-index: 2;

}



.block-products .product .content .description i {

	--font-size: var(--lg-media) 8px;

	margin-left: 5px;

	font-size: var(--font-size, 10px);

	vertical-align: middle;

}



#hero {

	--height: var(--lg-media) auto;

	position: relative;

	height: var(--height, 742px);

	background-color: #F8F8F8;

	overflow: hidden;

}



#hero .mint-1 {

	position: absolute;

	top: -55px;

	left: -78px;

	width: 180px;

	height: auto;

	transform: rotate(128deg);

}



#hero .mint-2 {

	position: absolute;

	bottom: 0;

	left: -135px;

	width: 185px;

	height: auto;

	transform: rotate(49deg);

}



#hero .parsley-1 {

	position: absolute;

	top: -93px;

	left: 0;

	right: 0;

	width: 250px;

	height: auto;

	margin: 0 auto;

	transform: rotate(160deg);

}



#hero .container {

	--max-width: var(--lg-media) 375px;

    max-width: var(--max-width, none);

	height: 100%;

}



#hero .container > .row {

	height: 100%;

}



#hero .container .row .header {

	--margin-top: var(--lg-media) 30px;

	margin-top: var(--margin-top, 0);

	margin-bottom: 55px;

}



#hero .container .row .header p {

	--margin-bottom: var(--lg-media) 15px;

	--font-size: var(--lg-media) 15px;

	margin-bottom: var(--margin-bottom, 20px);

	font-size: var(--font-size, 32px);

	font-weight: 600;

	color: #74717D;

}



#hero .container .row .header svg {

	--width: var(--lg-media) 268px;

	width: var(--width, auto);

	height: auto;

}



#hero .container .row .left-side .carousel {

	position: relative;

	margin-bottom: 20px;

}



#hero .container .row .left-side .carousel::before {

	content: '';

	position: absolute;

	bottom: 40%;

	left: -100vw;

	right: -100vw;

	width: calc(100vw + 30px);

	height: calc(100vw + 30px);

	max-height: 415px;

	margin: 0 auto;

	border: 2px dashed #AA222E;

	border-radius: 50%;

}



#hero .container .row .left-side .carousel .slide {

	position: relative;

}



#hero .container .row .left-side .carousel .slide.invisible {

	visibility: hidden;

	opacity: 0;

}



#hero .container .row .left-side .carousel .slide .ornament {

	position: absolute;

	top: -22%;

	right: 13px;

	max-width: 88%;

	transform: rotate(88deg);

}



#hero .container .row .left-side .carousel .slide .product {

	position: relative;

	max-width: 80%;

}



#hero .container .row .left-side .carousel .preloader {

	position: absolute;

	top: 0;

	left: 0;

}



#hero .container .row .left-side .footer {

	--margin-top: var(--lg-media) 35px;

	margin-top: var(--margin-top, 140px);

}



#hero .container .row .left-side .footer .fi {

	--color: var(--lg-media) #74717D;

	font-size: 30px;

	color: var(--color, #AA222E);

}



#hero .container .row .left-side .footer p {

	--font-size: var(--lg-media) 10px;

	margin-top: 8px;

	font-size: var(--font-size, 15px);

	color: #74717D;

}



#hero .container .row .right-side {

	position: relative;

}



#hero .container .row .right-side .carousel, #hero .container .row .right-side .preloader {

	position: absolute;

	top: 0;

	right: -150px;

	bottom: 0;

	width: 550px;

	height: 550px;

	margin: auto 0;

}



#hero .container .row .right-side .carousel .circle {

	width: 100%;

	height: 100%;

	transition-property: transform;

}



#hero .container .row .right-side .carousel .circle::before {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	border: 2px dashed #AA222E;

	border-radius: 50%;

}



#hero .container .row .right-side .carousel .slide {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	transition-property: transform;

}



#hero .container .row .right-side .carousel .slide .ornament {

	position: absolute;

	top: -28px;

	right: 0;

	bottom: 0;

	left: -80px;

	margin: auto;

}



#hero .container .row .right-side .carousel .slide .product {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	margin: auto;

}



#hero .container .row .right-side .carousel .slide .badge {

	position: absolute;

	top: 55px;

	left: 0;

	padding: 18px 24px;

	background: rgba(255, 255, 255, 0.55);

	border: 1px solid #E8E8E8;

	border-radius: 8px;

	backdrop-filter: blur(15px);

	visibility: hidden;

	opacity: 0;

	transition-property: visibility, opacity;

}



#hero .container .row .right-side .carousel .slide .badge.visible {

	visibility: visible;

	opacity: 1;

}



#hero .container .row .right-side .carousel .slide .badge::after {

	content: '';

	position: absolute;

	right: 4px;

	bottom: 4px;

	width: 6px;

	height: 6px;

	background: rgba(255, 255, 255, 0.7);

	border-radius: 50%;

}



#hero .container .row .right-side .carousel .slide .badge p:first-child {

	margin-bottom: 14px;

	font-size: 15px;

	font-weight: 500;

	line-height: 1;

}



#hero .container .row .right-side .carousel .slide .badge p + p {

	font-size: 13px;

	font-weight: 400;

	line-height: 1;

}



#hero .container .row .right-side .carousel .slide .badge p + p .fi {

	margin-left: 8px;

	font-size: 8px;

	font-weight: 600;

	vertical-align: baseline;

	transition: margin-left .2s ease-in-out;

}



#hero .container .row .right-side .carousel .slide .badge:hover p + p .fi {

	margin-left: 12px;

}



#hero.hero-banner {background:#FFF;height:500px;height:calc(100vh - 123px);overflow:hidden;}

#hero.hero-banner .container .row .right-side {

	position:static;

}



#hero.hero-banner .container .row .right-side .header {

	position:relative;

}

#hero.hero-banner #logo-cont {

	background:#FFF;

	position:relative;

}

#hero.hero-banner .container .row .right-side .header::before {

	content: '';

	position: absolute;

	top:-360%;

	left:78%;

	width: 220%;

	height: 700%;

	margin: 0 auto;

	border: 4px dashed #AA222E;

	border-radius: 50%;

	transform: rotate(-90deg);

}

#hero.hero-banner #banner-txt {

	padding-top:40px;

	color:#444444;

	text-transform:uppercase;

	font-size:50px;

	line-height:50px;

	font-weight:bold;

	letter-spacing:-2px;

}

#hero.hero-banner #banner-txt > span {

	color:#A80F29;

	font-size:60px;

}

#hero.hero-banner #banner-txt > span > span {

	font-size:86px;

}

#hero.hero-banner .button {

	width:300px;

	font-size:26px;

	position:absolute;

	left:0;

	right:0;

	bottom:10%;

	height: 60px;

	line-height: 60px;

	display:inline-block;

	margin:0 auto;

}

#hero.hero-banner .mint-1 {

	left:-110px;

	top:-83px;

}

#hero.hero-banner .mint-2 {

	left:-100px;

	bottom:-100px;

	transform:rotate(90deg);

}

#hero.hero-banner .parsley-1 {

	top:-70px;

	left:24%;

	z-index:100;

}

#hero.hero-banner .bazyl-1 {

	position: absolute;

	bottom: -20px;

	right: 10px;

	width: 100px;

	height: auto;

	transform: rotate(20deg);

}

#hero.hero-banner .bazyl-2 {

	position: absolute;

	top: 50%;

	left: 100px;

	width: 120px;

	height: auto;

	transform: rotate(20deg);

}

#hero.hero-banner .mint {

	position: absolute;

	top: 55%;

	left: 48%;

	width: 100px;

	height: auto;

}

#hero.hero-banner .mint-3 {

	position: absolute;

	top: 25%;

	left: 35%;

	width: 100px;

	height: auto;

}

#hero.hero-banner .tray-1 {

	position: absolute;

	bottom: 0;

	left: 15%;

	width: 28%;

	height: auto;

}

#hero.hero-banner .tray-2 {

	position: absolute;

	top: 5%;

	left: 15%;

	width: 17%;

	height: auto;

	transform: rotate(10deg);

}

#hero.hero-banner .tray-3, #hero.hero-banner .sygnet {

	display:none;

}

@media screen and (max-width:1320px) {

	#hero.hero-banner .container {max-width:100%;padding:0;}

	#hero .container .row .header svg {width:90%;max-width:350px;}

	#hero .container .row .header p {margin-top:20px;margin-bottom:5px;font-size:20px;}

	#hero.hero-banner .button {position:static;}

	#hero.hero-banner {height:auto;}

	#hero.hero-banner .container .row .right-side .header {

		padding-top:100px;

		background-image: url('../images/bg-line_c84a43fa2a.jpg');

		background-repeat: no-repeat;

		background-size: auto;

		background-position: center 0;

		margin-top:0;

		margin-bottom:30px;

	}

	#hero.hero-banner #banner-txt {padding-top:220px;}

	#hero.hero-banner .container .row .right-side .header::before {display:none;}

	#hero.hero-banner .tray-1 {top:220px;left:0;right:0;width:450px;margin:0 auto;display:block;padding-right:150px;z-index:49;}

	#hero.hero-banner .tray-2 {width:570px;left:0;right:0;top:50px;margin:0 auto;display:block;padding-right:400px;z-index:49;}

	#hero.hero-banner .tray-3 {

		position: absolute;

		right:0;

		left:0;

		top:320px;

		width:450px;

		height:auto;

		margin:0 auto;

		display:block;

		padding-left:300px;

		z-index:49;

	}

	#hero.hero-banner .sygnet {

		position: absolute;

		right:-10px;

		top:-10px;

		width:140px;

		height:auto;

		display:block;

	}

	#hero.hero-banner .mint {

		top: 210px;

		left: 0;

		right: 0;

		width: 200px;

		display: block;

		margin: 0 auto;

		padding-left: 140px;

	}

	#hero.hero-banner .mint-3 {

		top: 40px;

		left: 0;

		right: 0;

		width: 60px;

		display: block;

		margin: 0 auto;

		padding-right: 10px;

	}

	#hero.hero-banner .bazyl-2 {

		top: 480px;

		left: -30px;

		right: 0;

		width: 420px;

		display: block;

		margin: 0 auto;

		padding-right: 350px;

	}

}

@media screen and (max-width:500px) {

	#hero.hero-banner .container .row .right-side .header {background-image: url('../images/bg-line2_65e0724077.jpg');}

}



.what-you-get {

	--padding-top: var(--md-media) 40px;

	--text-align: var(--md-media) left;

	position: relative;

	padding-top: var(--padding-top, 100px);

	text-align: var(--text-align, center);

}



.what-you-get .mint-1 {

	position: absolute;

	top: -20px;

	right: 0;

	width: 43px;

	overflow: hidden;

}



.what-you-get .mint-1 img {

	width: 128px;

	height: auto;

	transform: rotate(-132deg);

}



.what-you-get .mint-2 {

	position: absolute;

	top: 250px;

	left: 0;

	width: 75px;

	padding: 14px 0 7px;

	overflow: hidden;

}



.what-you-get .mint-2 img {

	width: 250px;

	height: auto;

	transform: translateX(-158px) rotate(74deg);

}



.what-you-get .container {

	--overflow: var(--md-media) hidden;

	overflow: var(--overflow, visible);

}



.what-you-get .main-description {

	--max-width: var(--md-media) none;

	--margin: var(--md-media) 30px 0 0;

	--font-size: var(--md-media) 14px;

	max-width: var(--max-width, 720px);

	margin: var(--margin, 50px auto 0);

	font-size: var(--font-size, 15px);

	font-weight: 400;

	color: #74717D;

}



.what-you-get .points {

	--margin-top: var(--md-media) 0;

	--padding: var(--md-media) 0;

	margin-top: var(--margin-top, 120px);

	padding: var(--padding, 50px 0);

}



.what-you-get .points .image {

	--max-width: var(--md-media) 350px;

	--margin: var(--md-media) 40px auto;

	position: relative;

	max-width: var(--max-width, none);

	margin: var(--margin, 0);

	text-align: center;

}



.what-you-get .points .image .circle {

	position: absolute;

	top: -30%;

	left: -30%;

	z-index: -1;

	width: 160%;

	height: 160%;

	background-color: #F8F8F8;

	border-radius: 50%;

}



.what-you-get .points .image img {

	vertical-align: middle;

}



.what-you-get .points .row .row {

	height: 100%;

}



.what-you-get .points .point {

	--max-width: var(--md-media) none;

	--padding-left: var(--md-media) 65px;

	--md-shift-x: var(--md-media) auto;

	--lg-shift-x: var(--lg-media) -20px;

	--shift-x: var(--md-shift-x, var(--lg-shift-x, -50px));

	--md-shift-y: var(--md-media) auto;

	--shift-y: var(--md-shift-y, -50px);

	position: relative;

	max-width: var(--max-width, 250px);

	padding-left: var(--padding-left, 0);

}



.what-you-get .points .point-1 {

	top: var(--shift-y);

	right: var(--shift-x);

}



.what-you-get .points .point-2 {

	left: var(--shift-x);

}



.what-you-get .points .point-3 {

	bottom: var(--shift-y);

	right: var(--shift-x);

}



.what-you-get .points .point-4 {

	top: var(--shift-y);

	left: var(--shift-x);

}



.what-you-get .points .point-5 {

	right: var(--shift-x);

}



.what-you-get .points .point-6 {

	bottom: var(--shift-y);

	left: var(--shift-x);

}



.what-you-get .points .point .title {

	--position: var(--md-media) static;

	--font-size: var(--md-media) 16px;

	--font-weight: var(--md-media) 700;

	position: var(--position, relative);

	display: inline-block;

	font-size: var(--font-size, 18px);

	font-weight: var(--font-weight, 600);

}



.what-you-get .points .point .title .digit {

	--font-size: var(--md-media) 60px;

	--color: var(--md-media) #AA222E;

	--opacity: var(--md-media) .55;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	z-index: -1;

	font-size: var(--font-size, 100px);

	font-weight: 600;

	color: var(--color, #F2F3F4);

	opacity: var(--opacity, 1);

}



.what-you-get .points .point .title .digit.on-left {

	--left: var(--md-media) 0;

	left: var(--left, -25px);

}



.what-you-get .points .point .title .digit.on-right {

	--left: var(--md-media) 0;

	--right: var(--md-media) auto;

	left: var(--left, auto);

	right: var(--right, -25px);

}



.what-you-get .points .point .title span {

	--display: var(--md-media) inline;

	display: var(--display, block);

}



.what-you-get .points .point .description {

	--margin-top: var(--md-media) 8px;

	--font-size: var(--md-media) 14px;

	margin-top: var(--margin-top, 15px);

	font-size: var(--font-size, 15px);

	font-weight: 400;

	color: #74717D;

}



.block-1 {

	position: relative;

}



.block-1 .mint {

	position: absolute;

	top: -160px;

	right: 0;

	width: 118px;

	padding: 18px 0 15px;

	overflow: hidden;

}



.block-1 .mint img {

	width: 250px;

	height: auto;

	transform: rotate(-80.7deg);

}



.block-1 .tomato {

	position: absolute;

	left: 0;

	bottom: -135px;

	width: 145px;

	overflow: hidden;

}



.block-1 .tomato img {

	transform: translateX(-112px) rotate(8deg);

}



.block-1 .main-description {

	--font-size: var(--md-media) 14px;

	font-size: var(--font-size, 17px);

}



.block-1 .blocks {

	position: relative;

}



.block-1 .blocks .waves {

	position: absolute;

	top: -30px;

	left: 0;

	width: 100%;

	height: 252px;

	z-index: -1;

	background-repeat: repeat-x;

}



.block-1 .blocks .block {

	--width: var(--md-media) 264px;

	--padding: var(--lg-media) 45px 22px;

	width: var(--width, auto);

	height: 100%;

	padding: var(--padding, 50px 35px);

	background-color: rgba(255, 255, 255, .95);

	border: 1px solid #E8E8E8;

	border-radius: 10px;

	box-shadow: 10px 40px 50px rgba(229, 233, 246, 0.4);

}



.block-1 .blocks .block.clickable {

	position: relative;

	transition: background-color .2s ease-in-out;

}



.block-1 .blocks .block.clickable:hover {

	background-color: rgba(232, 232, 232, .95);

}



.block-1 .blocks .block .icon .fi {

	font-size: 34px;

	color: #74717D;

}



.block-1 .blocks .block .title {

	--font-size: var(--md-media) 20px;

	font-size: var(--font-size, 18px);

	font-weight: 600;

	text-transform: uppercase;

}



.block-1 .blocks .block .description {

	--font-size: var(--md-media) 13px;

	font-size: var(--font-size, 15px);

	font-weight: 400;

	color: #74717D;

}



.block-opinions {

	position: relative;

}



.block-opinions .tomato {

	position: absolute;

	top: -30px;

	left: 0;

	width: 135px;

	overflow: hidden;

}



.block-opinions .tomato img {

	transform: translateX(-125px) rotate(7deg);

}



.block-opinions .opinion {

	position: relative;

	height: 100%;

	padding: 120px 35px 60px;

	background-color: #FFFFFF;

	border: 1px solid #E8E8E8;

	border-radius: 20px;

	box-shadow: 15px 20px 20px rgba(229, 233, 246, 0.4);

}



.block-opinions .opinion .image {

	position: absolute;

	top: -90px;

	right: 0;

	left: 0;

	width: 180px;

	height: 180px;

	margin: 0 auto;

	overflow: hidden;

	border-radius: 50%;

	background-color: #FFFFFF;

	background-size: auto 100%;

	background-position: 50% 50%;

    background-repeat: no-repeat;

	outline: 10px solid #FFFFFF;

}



.block-opinions .opinion .title {

	margin-bottom: 40px;

	font-size: 20px;

	font-weight: 700;

	text-align: center;

}



.block-opinions .opinion .description {

	font-size: 15px;

	font-weight: 400;

	text-align: center;

	color: #74717D;

}



.block-2 {

	--max-height: 650px;

	--sm-shift: var(--sm-media) 0;

	--shift: var(--sm-shift, 7%);

}



.block-2.bg-color-0 {

	background-color: #FFFFFF;

}



.block-2.bg-color-1 {

	background-color: #E4F4FF;

}



.block-2.bg-color-2 {

	background-color: #F8F8F8;

}



.block-2.bg-color-3 {

	background-color: #FDF8F4;

}



.block-2.bg-color-4 {

	background-color: #393B42;

}



.block-2.bg-color-4 .h1 {

	color: #FFFFFF;

}



.block-2.bg-color-4 .right-side .content .description {

	color: #FFFFFF;

}



.block-2 .row {

	max-width: 1920px;

	margin: 0 auto;

	overflow: hidden;

}



.block-2 .centered-txt .left-side {

	padding-right: var(--shift);

}



.block-2 .reversed .left-side {

	--order: var(--sm-media) 0;

	order: var(--order, 2);

}



.block-2 .centered-txt.reversed .left-side {

	padding-left: var(--shift);

	padding-right: 0;

}



.block-2 .left-side {

	max-height: var(--max-height);

	overflow: hidden;

}



.block-2 .left-side .radius {

	--border-radius: var(--sm-media) 0;

	max-height: var(--max-height);

	overflow: hidden;

	border-radius: var(--border-radius, 0 10px 10px 0);

}



.block-2 .reversed .left-side .radius {

	border-radius: var(--border-radius, 10px 0 0 10px);

}



.block-2 .container .left-side .radius {

	border-radius: var(--border-radius, 10px);

}



.block-2 .left-side img {

	width: 100%;

	height: auto;

	vertical-align: top;

}



.block-2 .centered-img .right-side {

	padding-left: var(--shift);

}



.block-2 .reversed .right-side {

	--order: var(--sm-media) 0;

	order: var(--order, 1);

}



.block-2 .centered-img.reversed .right-side {

	padding-left: 0;

	padding-right: var(--shift);

}



.block-2 .right-side .content {

	--max-width: var(--sm-media) none;

	width: calc(100% - (2 * var(--shift)));

	max-width: var(--max-width, 500px);

}



.block-2 .reversed .right-side .content {

	margin-left: auto;

}



.block-2 .container .right-side .content {

	width: auto;

}



.block-2 .right-side .content.bg-color {

	--padding: var(--sm-media) 0 0 50px;

	padding: var(--padding, 25px 0);

}



.block-2 .right-side .content .title {

	--margin: var(--sm-media) 20px 0;

	--font-size: var(--sm-media) 24px;

	margin: var(--margin, 0 0 30px);

	font-size: var(--font-size, 36px);

	font-weight: 600;

}



.block-2 .right-side .content .title h2 {

	font-weight: 600;

}



.block-2 .right-side .content .description {

	--font-size: var(--sm-media) 14px;

	position: relative;

	z-index: 1;

	font-size: var(--font-size, 15px);

	font-weight: 400;

	color: #74717D;

}



.block-2 .right-side .content .description .extra-description {

	--left: var(--sm-media) 0;

	--width: var(--sm-media) 100%;

	--padding-x: var(--sm-media) 0;

	display: none;

	position: absolute;

	left: var(--left, calc(-100% - 50vw));

	z-index: -1;

	width: var(--width, calc(200% + 100vw));

	margin-top: -2em;

	padding: 2em var(--padding-x, 50vw) 0;

	background: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, #FFFFFF .5em);

}



.block-2 .reversed .right-side .content .description .extra-description {

	left: var(--left, -50vw);

}



.block-2 .right-side .content .button-box {

	--margin-top: var(--sm-media) 25px;

	margin-top: var(--margin-top, 50px);

}



.block-2 .right-side .content .button-box .button {

	--width: var(--sm-media) 100%;

	width: var(--width, auto);

}



.block-2 .right-side .content .button-box .anchor {

	position: relative;

	margin-right: 28px;

	color: #AA222E;

	font-size: 16px;

	font-weight: 400;

	cursor: pointer;

	border-bottom: 1px solid #AA222E;

	transition: border-color .2s ease-in-out;

}



.block-2 .right-side .content .button-box .anchor:hover {

	border-color: transparent;

}



.block-2 .right-side .content .button-box .anchor .fi {

	position: absolute;

	top: 50%;

	right: -28px;

	transform: translateY(-50%);

	font-size: 12px;

}



.block-haccp-certificate .block-2 .right-side .content .title h2 {

	--font-size: var(--md-media) 2rem;

	--font-weight: var(--sm-media) 700;

	font-size: var(--font-size, 2.25rem);

	font-weight: var(--font-weight, 600);

}



.block-delivery {

	position: relative;

}



.block-delivery .ornament-1 {

	position: absolute;

	top: -120px;

	left: 0;

	width: 50px;

	padding: 52px 0 67px;

	overflow: hidden;

}



.block-delivery .ornament-1 img {

	width: 265px;

	height: auto;

	transform: translateX(-160px) rotate(75deg);

}



.block-delivery .ornament-2 {

	position: absolute;

	bottom: -130px;

	right: 0;

	width: 67px;

	padding: 8px 0 18px;

	overflow: hidden;

}



.block-delivery .ornament-2 img {

	width: 240px;

	height: auto;

	transform: rotate(-58deg);

}



.block-delivery .left-side {

	position: relative;

}



.block-delivery .left-side .map {

	position: absolute;

	top: -35px;

	right: 0;

	left: 0;

	max-width: 350px;

	margin: 0 auto;

	z-index: -1;

	opacity: .2;

}



.block-delivery .left-side .title {

	margin-bottom: 30px;

}



.block-delivery .left-side .description {

	max-width: 400px;

	font-size: 15px;

	font-weight: 400;

	color: #74717D;

}



.block-delivery .left-side .search, #popup-postal-code .search {

	position: relative;

	text-align: left;

}



.block-delivery .left-side .search input, #popup-postal-code .search input {

	transition: none;

}



.block-delivery .left-side .search input:focus, #popup-postal-code .search input:focus {

	border-radius: 25px;

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

}



.block-delivery .left-side .search .results, #popup-postal-code .search .results {

	display: none;

	position: absolute;

	top: calc(100% - 1px);

	width: 100%;

	z-index: 1000;

	overflow: hidden;

	background-color: #FFFFFF;

	border: 1px solid #A8A8A8;

	border-top: none;

	border-bottom-left-radius: 25px;

	border-bottom-right-radius: 25px;

	box-shadow: -8px 0px 4px -4px rgba(168, 168, 168, .28), 8px 0 4px -4px rgba(168, 168, 168, .28), 0 8px 4px -4px rgba(168, 168, 168, .28);

}



.block-delivery .left-side .search input:focus + .results, #popup-postal-code .search input:focus + .results {

	display: block;

}



.block-delivery .left-side .search .results .separator, #popup-postal-code .search .results .separator {

	margin: 0 10px 4px;

	border-top: 1px solid #A8A8A8;

}



.block-delivery .left-side .search .results ul, #popup-postal-code .search .results ul {

	max-height: 234px;

	overflow: auto;

	list-style: none;

}



#popup-postal-code .search .results ul {

	padding: 8px 0;

	max-height: 150px;

}



.block-delivery .left-side .search .results ul li, #popup-postal-code .search .results ul li {

	padding: 8px 20px;

	font-size: 15px;

	font-weight: 600;

	cursor: default;

}



#popup-postal-code .search .results ul li {

	padding: 3px 20px

}



.block-delivery .left-side .search .results ul li.preloader, #popup-postal-code .search .results ul li.preloader {

	height: auto;

}



.block-delivery .left-side .search .results ul li.preloader::after, #popup-postal-code .search .results ul li.preloader::after {

	top: calc(50% - 10px);

	left: calc(50% - 10px);

	width: 20px;

	height: 20px;

	border-width: 2px;

}



.block-delivery .left-side .search .results ul li.option, #popup-postal-code .search .results ul li.option {

	cursor: pointer;

}



.block-delivery .left-side .search .results ul li.option:hover, #popup-postal-code .search .results ul li.option::hover {

	background-color: rgba(225, 137, 92, 0.18);

}



.block-delivery .left-side .search .results ul li.option span, #popup-postal-code .search .results ul li.option span {

	color: #A8A8A8;

}



.block-delivery .left-side .button, #popup-postal-code .button {

	--width: var(--md-media) 100%;

	--md-shift: var(--md-media) 50px;

	--shift: var(--md-shift, 65px);

	width: var(--width, auto);

	padding-right: var(--shift);

}



.block-delivery .left-side .button .fi, #popup-postal-code .button .fi {

	width: var(--shift);

}



.block-delivery .left-side .my-location {

	--margin-top: var(--md-media) 30px;

	display: inline-block;

	margin-top: var(--margin-top, 50px);

	color: #74717D;

	cursor: pointer;

}



.block-delivery .left-side .my-location .fi {

	position: relative;

	top: 3px;

	margin-right: 10px;

	font-size: 22px;

}



.block-delivery .right-side {

	text-align: right;

}



#delivery-map {

	vertical-align: top;

}



#delivery-map path {

	fill: #FFFFFF;

	/*transition: fill 1s ease-in-out;*/

}



#delivery-map.p1 path:nth-child(1),

#delivery-map.p2 path:nth-child(2),

#delivery-map.p3 path:nth-child(3),

#delivery-map.p4 path:nth-child(4),

#delivery-map.p5 path:nth-child(5),

#delivery-map.p6 path:nth-child(6),

#delivery-map.p7 path:nth-child(7),

#delivery-map.p8 path:nth-child(8),

#delivery-map.p9 path:nth-child(9),

#delivery-map.p10 path:nth-child(10),

#delivery-map.p11 path:nth-child(11),

#delivery-map.p12 path:nth-child(12),

#delivery-map.p13 path:nth-child(13),

#delivery-map.p14 path:nth-child(14),

#delivery-map.p15 path:nth-child(15),

#delivery-map.p16 path:nth-child(16) {

	fill: rgba(225, 137, 92, 0.18);

}



#popup-delivery-zone-status .popup-wrapper {

	max-width: 375px;

}



#popup-delivery-zone-status .popup-content {

	text-align: center;

}



#popup-delivery-zone-status .popup-content .title {

	font-size: 18px;

	font-weight: 700;

	color: #18191F;

}



#popup-delivery-zone-status .popup-content .description {

	margin-top: 20px;

	font-size: 14px;

	font-weight: 400;

	color: #74717D;

}



#popup-delivery-zone-status .popup-content .button {

	width: 100%;

	margin-top: 25px;

	padding: 0 22px;

}



.block-social-media .socials a .fi {

	--font-size: var(--md-media) 26px;

	font-size: var(--font-size, 46px);

}



.block-social-media .socials a ~ a {

	margin-left: 25px;

}



.block-social-media .socials a:hover {

	color: #AA222E;

}



.block-social-media iframe {

	display: block;

}



.block-leave-number {

	position: relative;

}



.block-leave-number .wrapper {

	--md-padding: var(--md-media) 40px 20px;

	--lg-padding: var(--lg-media) 40px 40px 30px;

	position: relative;

	max-width: 1064px;

	margin: 0 auto;

	padding: var(--md-padding, var(--lg-padding, 40px 65px 30px));

	color: #FFFFFF;

	background-color: #AA222E;

	border-radius: 25px;

}



.block-leave-number .ornament-1 {

	position: absolute;

	top: -59px;

	right: -98px;

	width: 230px;

	height: auto;

	z-index: -1;

	transform: rotate(59deg) scaleX(-1);

}



.block-leave-number .ornament-2 {

	position: absolute;

	left: 50px;

	bottom: 0;

}



.block-leave-number .ornament-3 {

	position: absolute;

	right: 0;

	bottom: -50px;

	width: 130px;

	padding: 60px 0 40px;

	z-index: -1;

	overflow: hidden;

}



.block-leave-number .ornament-3 img {

	width: 210px;

	height: auto;

	transform: rotate(100deg);

}



.block-leave-number .content {

	--margin: var(--md-media) 0 auto;

	--margin-left: var(--md-media) 0;

	--text-align: var(--md-media) center;

	max-width: 680px;

	margin: var(--margin, 0);

	margin-left: var(--margin-left, 320px);

	text-align: var(--text-align, left);

}



.block-leave-number .button {

	--shift: 65px;

	padding-right: var(--shift);

}



.block-leave-number .button .fi {

	width: var(--shift);

}



.block-leave-number .checkbox {

	--font-size: var(--md-media) 10px;

	font-size: var(--font-size, 14px);

	font-weight: 400;

}



.block-leave-number .checkbox a {

	text-decoration: underline;

}



.block-leave-number .checkbox a:hover {

	text-decoration: none;

	text-shadow: 0 0;

}



.block-leave-number textarea {

	resize: none;

	border-radius: 25px;

	min-height: 100px;

	overflow: hidden;

}



.block-leave-number .text-1 {

	--font-size: var(--md-media) 32px;

	font-size: var(--font-size, 36px);

	font-weight: 600;

	line-height: 1.3;

}



.block-leave-number .text-2 {

	--font-size: var(--md-media) 14px;

	font-size: var(--font-size, 15px);

	font-weight: 400;

}



.block-leave-number .text-3 {

	--font-size: var(--md-media) 30px;

	font-size: var(--font-size, 34px);

	font-weight: 600;

}



.block-leave-number .text-3 .fi {

	--margin-right: var(--md-media) 20px;

	--font-size: var(--md-media) 25px;

	margin-right: var(--margin-right, 25px);

	font-size: var(--font-size, 28px);

}



.block-6 .content {

	--padding: var(--sm-media) 45px 20px 65px;

	--border-radius: var(--sm-media) 0;

	position: relative;

	z-index: 0;

	padding: var(--padding, 45px 65px 65px);

	overflow: hidden;

	color: #FFFFFF;

	background-color: #AA222E;

	border-radius: var(--border-radius, 10px);

	text-shadow: 0 0 15px #AA222E, 0 0 15px #AA222E, 0 0 15px #AA222E, 0 0 15px #AA222E, 0 0 15px #AA222E;

}



.block-newsletter {

	position: relative;

}



.block-newsletter .wrapper {

	--md-padding: var(--md-media) 40px 20px;

	--lg-padding: var(--lg-media) 40px 40px 30px;

	position: relative;

	max-width: 1064px;

	margin: 0 auto;

	padding: var(--md-padding, var(--lg-padding, 40px 65px 30px));

	color: #FFFFFF;

	background-color: #AA222E;

	border-radius: 25px;

	overflow: hidden;

}



.block-newsletter .content {

	--margin: var(--md-media) 0 auto;

	margin: var(--margin, 0);

	text-align: left;

	position: relative;

	z-index: 0;

}



.block-newsletter .content .ornament-2 {

	position: absolute;

	z-index: -1;

	right: -165px;

	bottom: -80px;

}



.block-newsletter .content .ornament-3 {

	position: absolute;

	z-index: -1;

	right: -80px;

	top: -60px;

}



.block-newsletter .title-1 {

	--font-size: var(--md-media) 16px;

	font-size: var(--font-size, 25px);

	font-weight: 600;

	line-height: 1.5;

	margin-bottom: 15px;

}



.block-newsletter .title-2 {

	--font-size: var(--md-media) 21px;

	font-size: var(--font-size, 25px);

	font-weight: 800;

	line-height: 35px;

}



.block-newsletter .button {

	--shift: 65px;

	padding-right: var(--shift);

}



.block-newsletter .button .fi {

	width: var(--shift);

}



.block-newsletter .checkbox {

	--font-size: var(--md-media) 12px;

	font-size: var(--font-size, 14px);

	font-weight: 400;

}



.block-newsletter .checkbox a {

	text-decoration: underline;

}



.block-newsletter .checkbox a:hover {

	text-decoration: none;

	text-shadow: 0 0;

}



.product-header {

	--padding: var(--md-media) 50px 0;

	position: relative;

	padding: var(--padding, 100px 0);

	background-color: #F8F8F8;

	overflow: hidden;

}



.product-header .image .img {

	--max-width: var(--md-media) 60%;

	max-width: var(--max-width, 100%);

	position:relative; 

	display: inline-block;

}



.product-header .image .img img.badge{

	--xs-width: var(--xs-media) 60%;

	--sm-width: var(--sm-media) 80%;

	--md-width: var(--md-media) 100%;

	width: var(--xs-width, var(--sm-width, var(--md-width, 100%)));

	--margin-top: var(--md-media) 15px;

	margin-top: var(--margin-top, 0);

}



.product-header .image .img div.badge{

	position:absolute;

}



.product-header .content {

	--max-width: var(--md-media) var(--sm-media-min-width);

	max-width: var(--max-width, none);

}



.product-header .content .kcal {

	--margin-top: var(--md-media) 20px;

	--font-size: var(--md-media) 12px;

	--font-weight: var(--md-media) 400;

	margin-top: var(--margin-top, 25px);

	font-size: var(--font-size, 15px);

	font-weight: var(--font-weight, 500);

	color: #74717D;

}



.product-header .content .description {

	--margin-top: var(--md-media) 20px;

	--font-size: var(--md-media) 14px;

	--font-weight: var(--md-media) 400;

	margin-top: var(--margin-top, 25px);

	font-size: var(--font-size, 15px);

	font-weight: var(--font-weight, 500);

	color: #74717D;

}



.product-header .content .btw {

	margin-top: 20px;

	font-size: 13px;

	font-weight: 400;

	color: #74717D;

}



.product-header .content .btw i {

	font-size: 14px;

}



.product-header .content .icons {

	--margin-top: var(--md-media) 35px;

	--text-align: var(--md-media) center;

	margin-top: var(--margin-top, 50px);

	text-align: var(--text-align, left);

}



.product-header .content .icons .fi {

	--margin-bottom: var(--md-media) 12px;

	margin-bottom: var(--margin-bottom, 15px);

	font-size: 32px;

	color: #74717D;

}



.product-header .content .icons p {

	--width: var(--md-media) 100%;

	--font-size: var(--md-media) 10px;

	--font-weight: var(--md-media) 400;

	width: var(--width, 75%);

	font-size: var(--font-size, 15px);

	font-weight: var(--font-weight, 500);

	color: #74717D;

}



.product-header .button {

	--width: var(--md-media) 100%;

	--margin-top: var(--md-media) 20px;

	width: var(--width, 250px);

	margin-top: var(--margin-top, 90px);

	position: relative;

	bottom: 0px;

	/* height: 100%; */

}



.product-header .ornament-1 {

	--xs-top: var(--xs-media) -108px;

	--sm-top: var(--sm-media) -105px;

	--xs-left: var(--xs-media) -115px;

	--sm-left: var(--sm-media) -112px;

	--xs-scale: var(--xs-media) .5;

	--sm-scale: var(--sm-media) .75;

	position: absolute;

	top: var(--xs-top, var(--sm-top, -100px));

	left: var(--xs-left, var(--sm-left, -110px));

	transform: rotate(320deg) scale(var(--xs-scale, var(--sm-scale, 1)));

}



.product-header .ornament-2 {

	position: absolute;

	top: -220px;

	left: calc(50% - 490px);

	transform: rotate(177deg);

}



.product-header .ornament-3 {

	--top: var(--lg-media) -144px;

	--right: var(--lg-media) -120px;

	--rotate: var(--lg-media) 73deg;

	--xs-scale: var(--xs-media) .5;

	--sm-scale: var(--sm-media) .75;

	position: absolute;

	top: var(--top, -214px);

	right: var(--right, calc(50% - 160px));

	transform: rotate(var(--rotate, 115deg)) scale(var(--xs-scale, var(--sm-scale, 1)));

}



.product-header .ornament-4 {

	position: absolute;

	right: -88px;

	bottom: 82px;

	width: 160px;

	height: auto;

	transform: matrix(-0.35, -0.94, -0.94, 0.35, 0, 0);

}



.product-menu {

	--margin-top: var(--md-media) 35px;

	margin-top: var(--margin-top, 70px);

}



.product-menu .swiper-container {

	--padding-bottom: var(--lg-media) 60px;

}



.product-menu .mini-menu {

	margin-top: 35px;

}



.product-menu .mini-menu .meal {

	max-width: 220px;

}



.product-menu .mini-menu .meal img {

	--margin-bottom: var(--md-media) 10px;

	margin-bottom: var(--margin-bottom, 15px);

	vertical-align: top;

	border-radius: 5px;

}



.product-menu .mini-menu .meal .title {

	--font-size: var(--md-media) 14px;

	margin-bottom: 5px;

	font-size: var(--font-size, 18px);

	font-weight: 600;

}



.product-menu .mini-menu .meal .description {

	--font-size: var(--md-media) 12px;

	font-size: var(--font-size, 15px);

	font-weight: 400;

	color: #74717D;

}



.product-menu .full-menu {

	--margin-top: var(--md-media) 40px;

	--padding-y: var(--md-media) 40px;

	display: none;

	position: relative;

	margin-top: var(--margin-top, 70px);

	padding: var(--padding-y, 70px) 0;

	background-color: #F8F8F8;

	overflow: hidden;

}



.product-menu .full-menu h2 {

	margin-bottom: 35px;

}



.product-menu .full-menu p.info {

	color: #74717D;

	font-size: 15px;

}



.product-menu .full-menu .days .day {

	--padding: var(--md-media) 40px;

	height: 100%;

	padding: var(--padding, 50px 40px);

	background-color: #FFFFFF;

	border-radius: 10px;

	box-shadow: 8px 8px 20px 5px rgba(195, 200, 205, .10);

}



.product-menu .full-menu .days .day .meal ~ .meal {

	--margin-top: var(--md-media) 20px;

	margin-top: var(--margin-top, 30px);

}



.product-menu .full-menu .days .day .meal .title {

	font-size: 14px;

	font-weight: 600;

}



.product-menu .full-menu .days .day .meal .description {

	--font-size: var(--md-media) 12px;

	font-size: var(--font-size, 14px);

	font-weight: 400;

}



.product-menu .full-menu .days .day .ornament {

	position: absolute;

	left: -192px;

	transform: translateY(-100%) rotate(75deg);

}



.product-menu .full-menu .in-menu-box {

	position: relative;

	margin-top: 40px;

}



.product-menu .full-menu .in-menu-box::before {

	content: '';

	position: absolute;

	top: 50%;

	left: -20px;

	right: -20px;

	height: 100%;

	background-color: #FFFFFF;

}



.product-menu .full-menu .in-menu {

	position: relative;

}



.product-menu .full-menu .in-menu .ornament {

	--top: var(--xs-media) -30px;

	--right: var(--xs-media) auto;

	--bottom: var(--xs-media) auto;

	--left: var(--xs-media) -90px;

	--width: var(--xs-media) 140px;

	--rotate: var(--xs-media) 78deg;

	position: absolute;

	z-index: 1;

	top: var(--top, auto);

	right: var(--right, -125px);

	bottom: var(--bottom, -74px);

	left: var(--left, auto);

	width: var(--width, auto);

	height: auto;

	transform: rotate(var(--rotate, 69deg));

}



.product-menu .full-menu .in-menu .content {

	--padding: var(--md-media) 40px 25px;

	position: relative;

	z-index: 2;

	padding: var(--padding, 50px 35px);

	color: #FFFFFF;

	background-color: #AA222E;

	border-radius: 10px;

	box-shadow: 8px 8px 20px 5px rgba(195, 200, 205, .10);

}



.product-menu .full-menu .in-menu .content svg {

	--fill: #FFFFFF;

}



.product-menu .full-menu .in-menu .content .title {

	--font-size: var(--md-media) 24px;

	margin-top: 10px;

	font-size: var(--font-size, 36px);

	font-weight: 600;

	line-height: 1.11em;

}



.product-menu .full-menu .in-menu .content .description {

	--margin-top: var(--md-media) 25px;

	margin-top: var(--margin-top, 70px);

}



.product-menu .full-menu .in-menu .content .description .row ~ .row {

	--margin-top: var(--md-media) 20px;

	margin-top: var(--margin-top, 30px);

}



.product-menu .full-menu .in-menu .content .description .row .circle {

	--diameter: var(--md-media) 40px;

	width: var(--diameter, 45px);

	height: var(--diameter, 45px);

	text-align: center;

	background-color: #AF002E;

	border-radius: 50%;

}



.product-menu .full-menu .in-menu .content .description .row .circle .fi {

	--font-size: var(--md-media) 18px;

	font-size: var(--font-size, 22px);

	line-height: var(--diameter, 45px);

}



.product-menu .full-menu .in-menu .content .description .row .col {

	padding-left: 15px;

	font-size: 14px;

	font-weight: 400;

}



.product-menu .full-menu .in-menu .content .btn-cart-box {

	--margin-top: var(--md-media) 40px;

	margin-top: var(--margin-top, 60px);

	text-align: center;

}



.product-menu .full-menu .in-menu .content .btn-cart-box .button {

	--width: var(--md-media) 100%;

	width: var(--width, auto);

}



.product-menu .full-menu .days .in-menu, .product-menu .full-menu .days .in-menu .content {

	height: 100%;

}



.product-menu .full-menu .btn-hide-box {

	--margin-top: var(--md-media) 40px;

	margin-top: var(--margin-top, 70px);

	text-align: center;

}



.product-menu .full-menu .btn-hide-box .hide-full-menu {

	position: relative;

	display: inline-block;

	color: #AA222E;

	font-size: 16px;

	font-weight: 400;

	cursor: pointer;

	border-bottom: 1px solid #AA222E;

	transition: border-color .2s ease-in-out;

}



.product-menu .full-menu .btn-hide-box .hide-full-menu .fi {

	position: absolute;

	top: 50%;

	left: -23px;

	transform: translateY(-50%);

	font-size: 8px;

}



.product-menu .full-menu .btn-hide-box .hide-full-menu:hover {

	border-color: transparent;

}



.product-menu .btn-show-box {

	--margin-top: var(--md-media) 35px;

	margin-top: var(--margin-top, 50px);

	text-align: center;

}



.product-menu .btn-show-box .show-full-menu {

	--width: var(--md-media) 100%;

	width: var(--width, 350px);

	max-width: var(--sm-media-min-width);

}



.favorite-dishes {

  padding: 40px 20px;

  margin: 0 auto;

}



.favorite-dishes h2 {

	margin:20px 0 35px;

}



.favorite-dishes h2 span {

	color:#AA222E;

}



.favorite-dishes-description {

	--font-size: var(--md-media) 14px;

	margin: -15px 0 45px;

	font-size: var(--font-size, 15px);

	font-weight: 500;

	color: #74717D;

}



.favorite-dishes-description p {

	margin: 0;

}



.favorite-dishes .slide {

  background-color: #ebebeb;

  overflow: hidden;

  box-shadow: 0 4px 8px rgba(0,0,0,0.06);

  display: flex;

  flex-direction: column;

  width:270px;

  padding:0;

  overflow:hidden;

  margin-right:20px;

  border-radius:10px;

  position: relative;

}



.favorite-dishes .rating-container {

  position: absolute;

  top:0;

  width:100%;

  height:110px;

  background:rgba(0,0,0,0.02);

}



.favorite-dishes .slide > img {

  width: 100%;

  height: auto;

  display: block;

}



.favorite-dishes .rating {

  position: absolute;

  top: 25px;

  left: 0;

  background: white;

  border-radius: 0 20px 20px 0;

  padding: 4px 10px 4px 20px;

  display: flex;

  align-items: center;

  font-size: 1rem;

  font-weight: 600;

  color: #111;

  box-shadow: 0 2px 4px rgba(0,0,0,0.1);

}



.favorite-dishes .stars {

  color: gold;

  margin-right: 5px;

}



.favorite-dishes .fav-content {

  padding: 16px;

  font-size: 0.95rem;

  position:absolute;

  top:300px;

}



.favorite-dishes .fav-content p {

  margin: 0 0 12px;

  font-weight:500;

  font-size:14px;

  clear:both;

  padding-top:10px;

}



.favorite-dishes .icons {

	min-height:28px;

}



.favorite-dishes .icons img {

	width:25px;

	height:25px;

	margin:0 3px 3px;

	float:right;

}



.favorite-dishes .star {

  width: 20px;

  height: 20px;

  display: inline-block;

  margin-right: 2px;

}



.product-video {

	--margin-top: var(--md-media) 35px;

	margin-top: var(--margin-top, 70px);

}



.product-video h2 {

	font-weight: 600;

}



.product-video .description {

	--font-size: var(--sm-media) 14px;

	margin-top: 20px;

	font-size: var(--font-size, 15px);

	font-weight: 400;

	color: #74717D;

}



/* mini cennik na stronie produktu - flaga products.show_price_table.

   Paleta i proporcje kolumn jak w tabeli na /cennik (.tpl-19-prices), zeby

   klient widzial te same liczby w tym samym ukladzie w obu miejscach. */

/* overflow jak w .tpl-19 - ornament banera wystaje poza jego obrys

   i bez tego robi poziomy scroll na waskich ekranach */

.product-prices {

	--margin-top: var(--md-media) 35px;

	position: relative;

	margin-top: var(--margin-top, 70px);

	overflow: hidden;

}



.product-prices h2 {

	font-weight: 600;

	text-align: center;

}



/* szerokosc reguluje siatka: tabela w md-col, baner w md-col-auto - tak jak na /cennik.

   Padding trzymaja elementy w srodku, zeby pasek naglowka siegal krawedzi boksu. */

.product-prices .box {

	overflow: hidden;

	padding-bottom: 18px;

	background-color: #F8F8F8;

	border-radius: 5px;

}



.product-prices .row {

	margin-top: 25px;

}



/* pasek naglowka na ciemnym tle - to samo miejsce i ten sam kolor

   co pasek z nazwa diety na /cennik (.tpl-19-prices .desktop .product .name) */

.product-prices .lead {

	padding: 16px 25px;

	color: #FFFFFF;

	background-color: #393B42;

	border-radius: 5px;

	text-align: center;

}



.product-prices .lead .type {

	font-size: 15px;

	font-weight: 400;

}



.product-prices .lead .value {

	margin-top: 2px;

	font-size: 28px;

	font-weight: 700;

}



.product-prices .lead .terms {

	margin-top: 4px;

	font-size: 13px;

	font-weight: 400;

	color: #D8D7DB;

}



.product-prices table {

	width: 100%;

	border-collapse: collapse;

	font-size: 15px;

	font-weight: 400;

	color: #18191F;

	text-align: center;

}



.product-prices table thead th {

	padding: 12px;

	border-bottom: 1px solid #B6B5BB;

	font-size: 13px;

	font-weight: 400;

	color: #74717D;

}



.product-prices table thead th:first-child,

.product-prices table tbody td:first-child {

	width: 30%;

	border-right: 1px solid #B6B5BB;

}



.product-prices table thead th:nth-child(2),

.product-prices table tbody td:nth-child(2) {

	width: 35%;

	border-right: 1px solid #B6B5BB;

}



.product-prices table tbody tr:nth-child(even) {

	background-color: #FFFFFF;

}



.product-prices table tbody td {

	padding: 12px;

}



/* obie kwoty tak samo - bez wyrozniania ktorejkolwiek */

.product-prices table tbody td + td {

	font-weight: 700;

	color: #18191F;

}



.product-prices .note {

	margin-top: 14px;

	padding: 0 25px;

	font-size: 12px;

	font-weight: 400;

	color: #74717D;

}



.product-prices .full-price-list {

	display: inline-block;

	margin-top: 8px;

	margin-left: 25px;

	font-size: 14px;

	color: #18191F;

	text-decoration: underline;

	text-underline-offset: 3px;

}



.product-prices .full-price-list:hover {

	text-decoration: none;

}



/* Waskie ekrany: wiersz przebudowany zamiast scrolla - kalorycznosc po lewej,

   obie kwoty jedna pod druga po prawej, kazda z wlasna etykieta. */

@media screen and (max-width:600px) {

	.product-prices .box {

		padding-bottom: 16px;

	}



	.product-prices .lead {

		padding: 14px 20px;

	}



	/* w ukladzie wierszowym boczny odstep daje tabela, bo box go nie ma */

	.product-prices table {

		padding: 0 20px;

	}



	.product-prices .note {

		padding: 0 20px;

	}



	.product-prices .full-price-list {

		margin-left: 20px;

	}



	.product-prices table,

	.product-prices table tbody {

		display: block;

	}



	.product-prices table thead {

		display: none;

	}



	.product-prices table tbody tr {

		display: grid;

		grid-template-columns: max-content 1fr;

		column-gap: 12px;

		align-items: center;

		padding: 8px 0;

		border-bottom: 1px solid #B6B5BB;

	}



	.product-prices table tbody tr:last-child {

		border-bottom: 0;

	}



	.product-prices table tbody td {

		padding: 2px 0;

	}



	/* szerokosci i linie pionowe sa tylko dla ukladu tabelarycznego */

	.product-prices table tbody td:first-child,

	.product-prices table tbody td:nth-child(2) {

		width: auto;

		border-right: 0;

	}



	.product-prices table tbody td.kcal-cell {

		grid-row: span 2;

		white-space: nowrap;

		text-align: left;

	}



	.product-prices table tbody td[data-label] {

		display: flex;

		align-items: baseline;

		justify-content: space-between;

		column-gap: 10px;

		white-space: nowrap;

		text-align: right;

	}



	/* etykieta moze sie zawinac, kwota nie - "73,90" i "zl" maja zostac razem */

	.product-prices table tbody td[data-label]::before {

		content: attr(data-label);

		flex: 0 1 auto;

		font-size: 11px;

		font-weight: 400;

		color: #74717D;

		white-space: normal;

		text-align: left;

	}

}



.product-description {

	--margin-top: var(--md-media) 35px;

	margin-top: var(--margin-top, 70px);

}



.product-description .block-2 .right-side .content {

	max-width: none;

}



.trust-pilot {

	--margin-top: var(--md-media) 35px;

	margin-top: var(--margin-top, 70px);

}



.block-see-also-products {

	--sm-padding: var(--sm-media) 50px 0;

	--lg-padding: var(--lg-media) 0 0 50px;

	--background-color: var(--sm-media) #F8F8F8;

	padding: var(--sm-padding, var(--lg-padding, 0 0 68px));

	background-color: var(--background-color, #FFFFFF);

}



.block-see-also-products .block-products header h2 {

	--text-align: var(--sm-media) left;

	font-weight: 600;

	text-align: var(--text-align, center);

}



.block-3 {

	position: relative;

	overflow: hidden;

}



.block-3 .ornament {

	position: absolute;

	top: 122px;

	right: -129px;

	width: 220px;

	height: auto;

	transform: rotate(-135deg);

}



.block-3 .container {

	max-width: 1104px;

}



.block-3 h2 {

	font-weight: 600;

	text-align: center;

}



.block-3 .blocks {

	--padding-top: var(--md-media) 50px;

	padding-top: var(--padding-top, 100px);

}



.block-3 .blocks .toggler .icon {

	flex: 0 0 40px;

	font-size: 20px;

	line-height: 20px;

	color: #AA222E;

}



.block-3 .blocks .toggler .title {

	--font-size: var(--sm-media) 16px;

	--font-weight: var(--sm-media) 400;

	font-size: var(--font-size, 18px);

	font-weight: var(--font-weight, 600);

}



.block-3 .blocks .toggler .arrow {

	font-size: 8px;

	line-height: 8px;

}



.block-3 .blocks .toggler .arrow .fi {

	transition: transform .2s ease-in-out;

}



.block-3 .blocks .toggler.active .arrow .fi {

	transform: rotate(-180deg);

}



.block-3 .blocks .toggler .fi {

	vertical-align: top;

}



.block-3 .blocks .description {

	--display: var(--sm-media) none;

	--padding-left: var(--sm-media) 0;

	--font-size: var(--sm-media) 14px;

	display: var(--display, block);

	margin-top: 15px;

	padding-left: var(--padding-left, 40px);

	font-size: var(--font-size, 15px);

	font-weight: 400;

	color: #74717D;

}



.block-4 .icon {

	--flex: var(--sm-media) 0 0 65px;

	flex: var(--flex, 0 0 100%);

}



.block-4 .icon .circle {

	--sm-diameter: var(--sm-media) 50px;

	--diameter: var(--sm-diameter, 70px);

	width: var(--diameter);

	height: var(--diameter);

	text-align: center;

	background-color: #FAEAE2;

	border-radius: 50%;

}



.block-4 .icon .circle .fi {

	--font-size: var(--sm-media) 25px;

	font-size: var(--font-size, 35px);

	line-height: var(--diameter);

	color: #AA222E;

}



.block-4 .title {

	--margin-top: var(--sm-media) 0;

	--font-size: var(--sm-media) 16px;

	--font-weight: var(--sm-media) 700;

	margin-top: var(--margin-top, 20px);

	font-size: var(--font-size, 21px);

	font-weight: var(--font-weight, 600);

}



.block-4 .description {

	--margin-top: var(--sm-media) 5px;

	--font-size: var(--sm-media) 13px;

	margin-top: var(--margin-top, 20px);

	font-size: var(--font-size, 15px);

	font-weight: 400;

	color: #74717D;

}



.tpl-16-header .block-2 .right-side .content .title h5 {

	color: #AA222E;

}



.tpl-16-certificates .block-2 {

	--padding: var(--sm-media) 50px 0;

	padding: var(--padding, 100px 0);

}



.tpl-16-certificates .block-2 .left-side {

	--padding: var(--sm-media) 0 20px 10px;

	padding: var(--padding, 0);

	text-align: center;

}



.tpl-16-certificates .block-2 .left-side img {

	width: auto;

	max-width: 100%;

}



.tpl-16-certificates .block-2 .right-side .content {

	padding: 0;

}



.tpl-16-certificates .block-2 .right-side .content .title svg {

	--display: var(--sm-media) none;

	display: var(--display, inline);

	margin-bottom: 15px;

}



.tpl-17-promos .promo {

	--margin-top: var(--sm-media) 35px;

	margin-top: var(--margin-top, 50px);

}



.tpl-17-promos .promo > .title {

	margin-bottom: 10px;

	font-size: 24px;

	font-weight: 700;

	line-height: 1.3;

	text-align: center;

}



.tpl-17-promos .promo > .row {

	background-color: #FFFFFF;

	border-radius: 10px;

	box-shadow: 10px 40px 50px rgba(229, 233, 246, 0.4);

}



.tpl-17-promos .promo .left-side {

	position: relative;

	text-align: center;

}



.tpl-17-promos .promo .left-side > img {

	--border-radius: var(--sm-media) 10px;

	vertical-align: top;

	border-radius: var(--border-radius, 10px 0 0 10px);

}



.tpl-17-promos .promo .left-side .sticker {

	position: absolute;

	left: 50%;

	bottom: 0;

	width: 225px;

	transform: translateX(-50%);

}



.tpl-17-promos .promo .left-side .sticker > img {

	position: absolute;

	z-index: -1;

	width: 80px;

	height: auto;

}



.tpl-17-promos .promo .left-side .sticker .ornament-1 {

	left: -22px;

	bottom: -7px;

	transform: rotate(-138deg);

}



.tpl-17-promos .promo .left-side .sticker .ornament-2 {

	top: -8px;

	right: -18px;

	transform: rotate(32.5deg);

}



.tpl-17-promos .promo .left-side .sticker .description {

	--padding: var(--sm-media) 10px 0;

	padding: var(--padding, 20px 0);

	background-color: rgba(255, 255, 255, 0.8);

	border-radius: 10px;

	box-shadow: 10px 40px 50px rgba(229, 233, 246, 0.4);

	backdrop-filter: blur(6px);

	text-align: center;

}



.tpl-17-promos .promo .left-side .sticker .description p:nth-child(1) {

	--font-size: var(--sm-media) 18px;

	font-size: var(--font-size, 21px);

	font-weight: 600;

	color: #74717D;

}



.tpl-17-promos .promo .left-side .sticker .description p:nth-child(2) {

	--font-size: var(--sm-media) 36px;

	font-size: var(--font-size, 48px);

	font-weight: 700;

	color: #AA222E;

	line-height: .9;

}



.tpl-17-promos .promo .left-side .sticker .description p:nth-child(3) {

	--font-size: var(--sm-media) 18px;

	font-size: var(--font-size, 24px);

	font-weight: 600;

	color: #AA222E;

}



.tpl-17-promos .promo .left-side .sticker .description .toggle-details {

	margin-top: 10px;

	padding-top: 10px;

	font-size: 18px;

	font-weight: 600;

	color: #74717D;

	border-top: 1px solid #D8D8D8;

}



.tpl-17-promos .promo .left-side .sticker .description .toggle-details .fi {

	margin-left: 10px;

	font-size: 7px;

	vertical-align: middle;

	transition: transform .2s ease-in-out;

}



.tpl-17-promos .promo .left-side .sticker .description .toggle-details.active .fi {

	transform: rotate(180deg);

}



.tpl-17-promos .promo .right-side {

	--display: var(--sm-media) none;

	--sm-padding: var(--sm-media) 25px 20px;

	--md-padding: var(--md-media) 25px 50px;

	display: var(--display, block);

	padding: var(--sm-padding, var(--md-padding, 25px 50px 25px 95px));

}



.tpl-17-promos .promo .right-side .title {

	margin-bottom: 10px;

	font-size: 34px;

	font-weight: 700;

	line-height: 1.3;

}



.tpl-17-promos .promo .right-side .description {

	--font-size: var(--sm-media) 14px;

	font-size: var(--font-size, 16px);

	font-weight: 400;

	color: #74717D;

}



.tpl-17-promos .promo .right-side .buttons {

	--padding-top: var(--sm-media) 25px;

	padding-top: var(--padding-top, 35px);

}



.tpl-17-promos .promo .right-side .buttons .button {

	width: 225px;

	padding: 0;

}



.tpl-17-promos-info {

	--margin: var(--sm-media) 35px 0;

	--padding: var(--sm-media) 25px 20px;

	--font-size: var(--sm-media) 13px;

	margin: var(--margin, 50px 0);

	padding: var(--padding, 50px);

	font-size: var(--font-size, 16px);

	font-weight: 500;

	color: #000000;

	background-color: #F1F9FF;

	border-radius: 10px;

}



.tpl-17-promos-info .fi {

	font-size: 50px;

	color: #3959DD;

}



.block-5 .circle {

	--sm-diameter: var(--sm-media) 50px;

	--diameter: var(--sm-diameter, 70px);

	width: var(--diameter);

	height: var(--diameter);

	text-align: center;

	background-color: #FAEAE2;

	border-radius: 50%;

}



.block-5 .circle .fi {

	--font-size: var(--sm-media) 18px;

	font-size: var(--font-size, 25px);

	line-height: var(--diameter);

	color: #000000;

}



.block-5 .title {

	--font-size: var(--sm-media) 18px;

	--font-weight: var(--sm-media) 500;

	font-size: var(--font-size, 21px);

	font-weight: var(--font-weight, 600);

}



.block-5 .description {

	--padding-left: var(--sm-media) 0;

	--font-size: var(--sm-media) 14px;

	padding-left: var(--padding-left, 95px);

	font-size: var(--font-size, 15px);

}



.block-6 {

	position: relative;

}



.block-6 .ornament-1 {

	position: absolute;

	z-index: -1;

	left: -47px;

	bottom: -41px;

	width: 185px;

	height: auto;

	transform: rotate(-138deg);

}



.block-6 .content {

	--padding: var(--sm-media) 45px 20px 65px;

	--border-radius: var(--sm-media) 0;

	position: relative;

	z-index: 0;

	padding: var(--padding, 45px 65px 65px);

	overflow: hidden;

	color: #FFFFFF;

	background-color: #AA222E;

	border-radius: var(--border-radius, 10px);

	text-shadow: 0 0 15px #AA222E, 0 0 15px #AA222E, 0 0 15px #AA222E, 0 0 15px #AA222E, 0 0 15px #AA222E;

}



.block-6 .content .ornament-2 {

	position: absolute;

	z-index: -1;

	right: -165px;

	bottom: -80px;

}



.block-6 .content .ornament-3 {

	position: absolute;

	z-index: -1;

	right: -20px;

	bottom: -4px;

}



.block-6 .content .title {

	--text-align: var(--sm-media) center;

	font-size: 36px;

	font-weight: 600;

	text-align: var(--text-align, left);

}



.block-6 .content .description {

	margin-top: 30px;

	font-size: 15px;

	font-weight: 400;

}



.block-contact .block-5 .description p + p {

	--margin-top: var(--sm-media) 30px;

	margin-top: var(--margin-top, 40px);

}



.block-contact .block-5 .description p a {

	font-weight: 600;

}



.block-contact .block-6 .content .description p + p {

	margin-top: 10px;

}



.block-contact .block-6 .content .description .fi {

	margin-right: 10px;

}



.tpl-8-company-data .block-5 {

	--margin-top: var(--sm-media) 40px;

	margin-top: var(--margin-top, 100px);

}



.tpl-8-company-data .block-5 .circle .fi {

	--font-size: var(--sm-media) 14px;

	font-size: var(--font-size, 20px);

}



.tpl-8-company-data .block-5 .description p + p {

	--margin-top: var(--sm-media) 0;

	margin-top: var(--margin-top, 12px);

}



.tpl-8-move-delivery {

	--margin-bottom: var(--sm-media) 65px;

	--padding: var(--sm-media) 30px 30px 50px;

	position: relative;

	margin-top: 25px;

	margin-bottom: var(--margin-bottom, 0);

	padding: var(--padding, 65px 50px);

	background: rgba(255, 255, 255, 0.8);

	box-shadow: 8px 8px 20px 5px rgba(197, 200, 205, 0.1);

	border-radius: 10px;

}



.tpl-8-move-delivery .ornament {

	position: absolute;

	z-index: -1;

	right: -20px;

	bottom: -50px;

	width: 85px;

	padding: 10px 0;

	overflow: hidden;

}



.tpl-8-move-delivery .ornament img {

	width: 130px;

	height: auto;

	transform: rotate(-112deg);

}



.tpl-8-move-delivery .image {

	--width: var(--sm-media) 85px;

	width: var(--width, auto);

	height: auto;

}



.tpl-8-move-delivery .title {

	font-size: 18px;

	font-weight: 600;

}



.tpl-8-move-delivery .description {

	--font-size: var(--sm-media) 14px;

	margin-top: 10px;

	font-size: var(--font-size, 15px);

	font-weight: 400;

}



.block-7 .item {

	background-color: #FFFFFF;

	box-shadow: 10px 40px 40px rgba(231, 233, 235, .25);

	border-radius: 5px;

	transition: padding .2s ease-in-out, background-color .2s ease-in-out;

}



.block-7 .item.active {

	padding: 15px 0;

	background-color: #F3F6FA;

}



.block-7 .item:hover {

	background-color: #F3F6FA;

}



.block-7 .item + .item {

	--margin-top: var(--sm-media) 10px;

	margin-top: var(--margin-top, 12px);

}



.block-7 .item .toggler {

	--padding: var(--sm-media) 15px 10px 15px 20px;

	padding: var(--padding, 15px 35px 15px 50px);

	cursor: pointer;

	transition: background-color .2s ease-in-out;

}



.block-7 .item .toggler .title {

	--font-size: var(--sm-media) 16px;

	font-size: var(--font-size, 21px);

	font-weight: 500;

	transition: text-shadow .2s ease-in-out;

}



.block-7 .item.active .toggler .title {

	text-shadow: 0 0 1px #18191F;

}



.block-7 .item .toggler .icon .fi {

	font-size: 8px;

	vertical-align: middle;

	transition: transform .2s ease-in-out;

}



.block-7 .item.active .toggler .icon .fi {

	transform: rotate(180deg);

}



.block-7 .item .description {

	--padding: var(--sm-media) 0 20px 15px;

	--font-size: var(--sm-media) 14px;

	display: none;

	padding: var(--padding, 0 50px 15px);

	color: #74717D;

	font-size: var(--font-size, 15px);

	font-weight: 400;

}



.tpl-19 {

	--padding: var(--sm-media) 30px 0 35px;

	--background-color: var(--sm-media) #F8F8F8;

	position: relative;

	padding: var(--padding, 60px 0 70px);

	background-color: var(--background-color, transparent);

	overflow: hidden;

}



.tpl-19 > .ornament-1 {

	position: absolute;

	top: -14px;

	right: -76px;

	width: 125px;

	height: auto;

	transform: rotate(-126deg);

}



.tpl-19 > .ornament-2 {

	position: absolute;

	z-index: -1;

	left: -155px;

	bottom: 150px;

	width: 230px;

	height: auto;

	transform: rotate(82deg);

}



.tpl-19 .promo-logo {vertical-align: -8px; margin-right: 10px;}



.tpl-19-products .mobile {

	margin-bottom: 35px;

}



.tpl-19-products .mobile label {

	display: block;

	margin: 25px 0 5px;

	font-size: 14px;

	font-weight: 500;

}



.tpl-19-products .mobile select {

	width: 100%;

	padding: 14px 46px;

	font-family: 'Poppins';

	font-size: 14px;

	font-weight: 600;

	text-align: center;

	color: #74717D;

	background-color: #FFFFFF;

	border: 1px solid #C8D3E7;

	border-radius: 32px;

	appearance: none;

	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABFSURBVHgBncvBDQAgCEPRjuAGuqmjMJIjOIqCgZsa4Cc9NQ8AOm8FJ+bUM8giByI8ogySCm9c0NAPEexCVuNNXUWw9kMb7oM0BwQUAD8AAAAASUVORK5CYII=);

	background-position: right 20px top 50%;

    background-repeat: no-repeat;

}



.tpl-19-products .mobile .kcals select {

	display: none;

}



.tpl-19-products .mobile .kcals select.active {

	display: block;

}



.tpl-19-products .desktop {

	margin: 22px 0 60px;

	text-align: center;

}



.tpl-19-products .desktop span {

	display: inline-block;

	margin: 8px 2px 0;

	padding: 8px 15px;

	font-size: 15px;

	font-weight: 400;

	color: #444444;

	border: 1px solid #FFFFFF;

	border-radius: 20px;

	cursor: pointer;

	transition: color .2s ease-in-out, border-color .2s ease-in-out;

}



.tpl-19-products .desktop span:hover, .tpl-19-products .desktop span.active {

	color: #AA222E;

	border-color: #AA222E;

}



.tpl-19-prices .mobile .product {

	display: none;

}



.tpl-19-prices .mobile .product.active {

	display: block;

}



.tpl-19-prices .mobile .product .head {

	padding: 10px;

	color: #FFFFFF;

	background-color: #393B42;

	border-radius: 5px;

	text-align: center;

}



.tpl-19-prices .mobile .product .head .name {

	font-size: 18px;

	font-weight: 400;

}



.tpl-19-prices .mobile .product .head .kcal {

	margin-top: 3px;

	font-size: 14px;

	font-weight: 400;

}



.tpl-19-prices .mobile .product .price {

	display: flex;

	flex-direction: column;

	height: 100%;

	padding: 15px 10px;

	color: #18191F;

	background-color: #FFFFFF;

	border-radius: 5px;

	text-align: center;

}



.tpl-19-prices .mobile .product .price .type {

	flex: 1 0 auto;

	font-size: 14px;

	font-weight: 400;

}



.tpl-19-prices .mobile .product .price .value {

	margin-top: 12px;

	font-size: 18px;

	font-weight: 700;

}



.tpl-19-prices .desktop .product {

	display: none;

	background-color: #F8F8F8;

	border-radius: 5px;

}



.tpl-19-prices .desktop .product.active {

	display: block;

}



.tpl-19-prices .desktop .product .name {

	padding: 15px 0;

	color: #FFFFFF;

	background-color: #393B42;

	border-radius: 5px;

	font-size: 21px;

	font-weight: 600;

	text-align: center;

}



/* nazwa diety linkuje do strony produktowej - styl dziedziczony z naglowka */

.tpl-19-prices .desktop .product .name a, .tpl-19-prices .mobile .product .head .name a {

	color: inherit;

	text-decoration: underline;

	text-underline-offset: 3px;

}



.tpl-19-prices .desktop .product .name a:hover, .tpl-19-prices .mobile .product .head .name a:hover {

	text-decoration: none;

}



.tpl-19-prices .desktop .product table {

	width: 100%;

	border-collapse: collapse;

	font-size: 15px;

	font-weight: 400;

	text-align: center;

}



.tpl-19-prices .desktop .product table thead tr th {

	padding: 12px;

	border-bottom: 1px solid #B6B5BB;

	font-weight: 400;

}



.tpl-19-prices .desktop .product table thead tr th:first-child, .tpl-19-prices .desktop .product table tbody tr td:first-child {

	width: 40%;

	border-right: 1px solid #B6B5BB;

}



.tpl-19-prices .desktop .product table thead tr th:last-child, .tpl-19-prices .desktop .product table tbody tr td:last-child {

	width: 60%;

}



/* trzy kolumny - gdy obowiazuje prog cenowy */

.tpl-19-prices .desktop .product.has-threshold table thead tr th:first-child, .tpl-19-prices .desktop .product.has-threshold table tbody tr td:first-child {

	width: 30%;

}



.tpl-19-prices .desktop .product.has-threshold table thead tr th:nth-child(2), .tpl-19-prices .desktop .product.has-threshold table tbody tr td:nth-child(2) {

	width: 35%;

	border-right: 1px solid #B6B5BB;

}



.tpl-19-prices .desktop .product.has-threshold table thead tr th:last-child, .tpl-19-prices .desktop .product.has-threshold table tbody tr td:last-child {

	width: 35%;

}



.tpl-19-prices .desktop .product table tbody tr:nth-child(even) {

	background-color: #FFFFFF;

}



.tpl-19-prices .desktop .product table tbody tr td + td {

	font-weight: 700;

	color: #74717D;

}



.tpl-19-prices .desktop .product table tbody tr td {

	padding: 12px;

}



.tpl-19-more-logo {

	margin-bottom: 10px;

	text-align: center;

}



.tpl-19-more-logo .logo {

	width: 170px;

	height: auto;

}



.tpl-19-box-1 {

	--width: var(--sm-media) 100%;

	position: relative;

	z-index: 0;

	width: var(--width, 300px);

	padding: 30px 20px;

	color: #FFFFFF;

}



.tpl-19-box-1::before {

	content: '';

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #AA222E;

	border-radius: 10px;

}



.tpl-19-box-1 .ornament {

	position: absolute;

	z-index: -2;

	right: -35px;

	bottom: -58px;

	width: 185px;

	height: auto;

	transform: rotate(145deg);

}



.tpl-19-box-1 .title {

	width: 100%;

	max-width: 200px;

	margin: 0 auto;

	font-size: 17px;

	font-weight: 700;

	line-height: 1.3;

	text-align: left;

}



.tpl-19-box-1 .image-box {

	margin-top: 16px;

}



.tpl-19-box-1 .promo-image {

	display: block;

	width: 100%;

	max-width: 200px;

	margin: 0 auto;

	height: auto;

}



.tpl-19-box-1 .description {

	width: 100%;

	max-width: 200px;

	margin: 20px auto 0;

	font-size: 15px;

	font-weight: 500;

	line-height: 1.35;

}



.tpl-19-box-1 .description-mobile {

	width: 100%;

	max-width: 200px;

	margin: 20px auto 0;

}



.tpl-19-box-1 .description-mobile .circle {

	--diameter: 44px;

    width: var(--diameter);

    height: var(--diameter);

    text-align: center;

    background-color: #AF002E;

    border-radius: 50%;

}



.tpl-19-box-1 .description-mobile .circle .fi {

	font-size: 21px;

	line-height: var(--diameter);

}



.tpl-19-box-1 .description-mobile .text {

	font-size: 17px;

	font-weight: 500;

	line-height: 1.3;

}



.tpl-19-box-1 .button-box {

	margin-top: 25px;

	text-align: center;

}



.tpl-19-box-1 .button-box .button {

	--width: var(--sm-media) 100%;

	width: var(--width, 100%);

	color: #18191F;

}



.tpl-19-box-1 .button-box .button:hover {

	color: #FFFFFF;

}



.tpl-19-box-promos {

	--width: var(--sm-media) 100%;

	position: relative;

	width: var(--width, 300px);

}



.tpl-19-box-promos .block-7 .item {

	margin-top: 15px;

}



.tpl-19-box-promos .block-7 .item:not(:hover):not(.active) {

	background-color: rgba(255, 255, 255, .8);

}



.tpl-19-box-promos .block-7 .item .toggler {

	padding: 20px;

}



.tpl-19-box-promos .block-7 .item .toggler .title {

	font-size: 15px;

}



.tpl-19-box-promos .block-7 .item .description {

	padding: 0 20px 20px;

}



.tpl-19-box-promos .block-7 .item .description .button {

	width: 225px;

	padding: 0;

}



.tpl-19-box-2 {

	--margin-top: var(--sm-media) 35px;

	--padding: var(--sm-media) 20px 20px 30px;

	max-width: 910px;

	margin-top: var(--margin-top, 60px);

	padding: var(--padding, 20px 50px);

	background-color: #AA222E;

	color: #FFFFFF;

	border-radius: 10px;

}



.tpl-19-box-2 .image-1 {

	--right: var(--sm-media) -20px;

	--width: var(--sm-media) 125px;

	position: relative;

	top: -20px;

	right: var(--right, 0);

	width: var(--width, auto);

	height: auto;

	vertical-align: top;

}



.tpl-19-box-2 .description {

	--font-size: var(--sm-media) 18px;

	font-size: var(--font-size, 15px);

	font-weight: 400;

}



.tpl-19-box-2 .description :last-child {

	--font-size: var(--sm-media) 24px;

	margin-top: 10px;

	font-size: var(--font-size, 21px);

	font-weight: 600;

}



.tpl-19-box-2 .image-2 {

	position: relative;

	top: -50px;

	right: -20px;

	vertical-align: top;

}



.block-8 .title {

	--margin-bottom: var(--sm-media) 25px;

	--font-size: var(--sm-media) 24px;

	--font-weight: var(--sm-media) 500;

	margin-bottom: var(--margin-bottom, 50px);

	font-size: var(--font-size, 36px);

	font-weight: var(--font-weight, 600);

}



.block-8 .icon {

	--sm-diameter: var(--sm-media) 50px;

	--diameter: var(--sm-diameter, 70px);

	width: var(--diameter);

	height: var(--diameter);

	text-align: center;

	background-color: #FAEAE2;

	border-radius: 50%;

}



.block-8 .icon .fi {

	--font-size: var(--sm-media) 25px;

	font-size: var(--font-size, 35px);

	line-height: var(--diameter);

	color: #AA222E;

}



.block-8 .description {

	--font-size: var(--md-media) 16px;

	--font-weight: var(--md-media) 400;

	font-size: var(--font-size, 18px);

	font-weight: var(--font-weight, 600);

}



.tpl-11-cities {

	--padding: var(--sm-media) 35px 0;

	--background-color: var(--sm-media) #FDF8F4;

	margin-top: 25px;

	padding: var(--padding, 0);

	background-color: var(--background-color, transparent);

}



.tpl-11-cities .header {

	--font-size: var(--sm-media) 18px;

	--font-weight: var(--sm-media) 500;

	font-size: var(--font-size, 15px);

	font-weight: var(--font-weight, 400);

}



.tpl-11-cities .cities {

	--margin: var(--sm-media) 5px -3px 0;

	margin: var(--margin, 30px -3px 0);

}



.tpl-11-cities .cities a, .tpl-11-cities .cities span {

	--margin: var(--sm-media) 18px 3px 0;

	--font-size: var(--sm-media) 14px;

	--color: var(--sm-media) #3C64B1;

	--text-decoration: var(--sm-media) underline;

	display: inline-block;

	margin: var(--margin, 5px 5px 0);

	font-size: var(--font-size, 21px);

	font-weight: 400;

	color: var(--color, #74717D);

	text-decoration: var(--text-decoration, none);

	border-bottom: 1px solid transparent;

    transition: color .2s ease-in-out, border-color .2s ease-in-out;

}



.tpl-11-cities .cities a:hover {

	--border-color: var(--sm-media) transparent;

	color: #AA222E;

	border-color: var(--border-color, #AA222E);

}



.tpl-11-cities .cities span {

	text-decoration: none;

	transition: none;

}



.tpl-11-description {

	--margin-top: var(--sm-media) 40px;

	margin-top: var(--margin-top, 100px);

}



.tpl-11-description .block-2 .right-side .content {

	--max-width: var(--sm-media) none;

	width: auto;

	max-width: var(--max-width, 660px);

	padding-left: 20px !important;

}



.tpl-11-cities-seo {

	--margin: var(--sm-media) 40px 0 20px;

	margin: var(--margin, 65px 0);

}



.tpl-11-cities-seo h2 {

	margin-bottom: 40px;

	font-weight: 600;

	text-align: center;

}



.block-delivery-products .block-products header, .block-delivery-products-city .block-products header {

	--margin-bottom: var(--sm-media) 35px;

	--text-align: var(--xs-media) left;

	max-width: 750px;

	margin-bottom: var(--margin-bottom, 68px);

	text-align: var(--text-align, center);

}



.block-delivery-products-city .block-products header {

	max-width: 860px;

}



.block-delivery-products .block-products footer, .block-delivery-products-city .block-products footer {

	--margin-top: var(--lg-media) 40px;

	margin-top: var(--margin-top, 50px);

	text-align: center;

}



.tpl-12-service-area {

	--margin-top: var(--sm-media) 45px;

	--padding: var(--sm-media) 45px 0;

	--background-color: var(--sm-media) #FDF8F4;

	position: relative;

	margin-top: var(--margin-top, 100px);

	padding: var(--padding, 0);

	background-color: var(--background-color, transparent);

}



.tpl-12-service-area .ornament-1 {

	position: absolute;

	top: -50px;

	right: 0;

	z-index: -1;

	width: 80px;

	overflow: hidden;

}



.tpl-12-service-area .ornament-1 img {

	width: 120px;

	height: auto;

	transform: rotate(20.32deg);

}



.tpl-12-service-area .ornament-2 {

	position: absolute;

	left: 0;

	bottom: -55px;

	z-index: -1;

	width: 82px;

	overflow: hidden;

}



.tpl-12-service-area .ornament-2 img {

	width: 160px;

	height: auto;

	transform: translateX(-80px) rotate(-129.44deg);

}



.tpl-12-service-area h2 {

	--font-weight: var(--sm-media) 500;

	font-weight: var(--font-weight, 600);

	text-align: center;

}



.tpl-12-service-area .list {

	--margin-top: var(--sm-media) 25px;

	margin-top: var(--margin-top, 50px);

}



.tpl-12-service-area .list .title {

	--font-size: var(--sm-media) 14px;

	--font-weight: var(--sm-media) 500;

	font-size: var(--font-size, 18px);

	font-weight: var(--font-weight, 600);

}



.tpl-12-service-area .list .description {

	--margin-top: var(--sm-media) 8px;

	margin-top: var(--margin-top, 25px);

}



.tpl-12-service-area .list .description ul {

	--column-count: var(--sm-media) auto;

	--list-style-type: var(--sm-media) none;

	--line-height: var(--sm-media) 1.3;

	column-count: var(--column-count, 2);

	list-style-type: var(--list-style-type, disc);

	line-height: var(--line-height, normal);

}



.tpl-12-service-area .list .description ul.stretch {

	column-count: var(--column-count, 4);

}



.tpl-12-service-area .list .description ul li {

	--display: var(--sm-media) inline;

	--font-size: var(--sm-media) 14px;

	--color: var(--sm-media) #18191F;

	display: var(--display, list-item);

	padding: 5px 0;

	font-size: var(--font-size, 15px);

	color: var(--color, #74717D);

}



.tpl-12-transport-info {

	--sm-margin-top: var(--sm-media) 50px;

	--lg-margin-top: var(--lg-media) 80px;

	margin-top: var(--sm-margin-top, var(--lg-margin-top, 100px));

}



.tpl-12-transport-info .block-1 .blocks .slide {

	flex: 0 0 100%;

}



.tpl-12-transport-info .block-1 .blocks .block {

	width: 100%;

}



.tpl-12-transport-info .block-1 .blocks .block .description {

	--font-size: var(--md-media) 24px;

	font-size: var(--font-size, 36px);

	font-weight: 500;

	color: #18191F;

	line-height: 1.3;

	text-align: center;

}



.tpl-6-transport-info {

	--sm-margin-top: var(--sm-media) 50px;

	--lg-margin-top: var(--lg-media) 80px;

	margin-top: var(--sm-margin-top, var(--lg-margin-top, 100px));

}



.tpl-6-transport-info .block-1 {

	z-index: -1;

}



.tpl-6-transport-info .block-1 .blocks .slide {

	flex: 0 0 100%;

}



.tpl-6-transport-info .block-1 .blocks .block {

	width: 100%;

}



.tpl-6-transport-info .block-1 .blocks .block .description {

	--font-size: var(--md-media) 24px;

	font-size: var(--font-size, 36px);

	font-weight: 500;

	color: #18191F;

	line-height: 1.3;

	text-align: center;

}



.tpl-12-description .block-2 .right-side .content .title h1 {

	--font-size: var(--md-media) 1.9rem;

    font-size: var(--font-size, 2.85rem);

}



.tpl-12-long-description {

	--margin-y: var(--sm-media) 40px;

	margin: var(--margin-y, 75px) 0;

}



.tpl-12-long-description .text-wrapper {

	--font-size: var(--sm-media) 14px;

	font-size: var(--font-size, 15px);

	font-weight: 400;

	color: #74717D;

}



#popup-main-page .popup-wrapper,

#popup-login-register .popup-wrapper {

	max-width: 500px;

}



#popup-login-register .popup-content h4 {

	font-weight: 500;

	text-align: center;

}



#popup-login-register .popup-content .message {

	display: none;

	margin-top: 8px;

	text-align: center;

	color: #AA222E;

}



#popup-login-register .popup-content form {

	--margin: var(--sm-media) 20px 0;

	margin: var(--margin, 40px 0);

}



#popup-login-register .popup-content form .form-floating ~ .form-floating {

	margin-top: 15px;

}



#popup-login-register .popup-content .password-change {

	margin-top: 10px;

	text-align: right;

}



#popup-login-register .popup-content .password-change a {

	font-size: 14px;

	color: #3C64B1;

	text-decoration: underline solid transparent;

	transition: text-decoration-color .2s ease-in-out;

}



#popup-login-register .popup-content .password-change a:hover {

	text-decoration-color: #3C64B1;

}



#popup-login-register .popup-content .content-toggle {

	text-align: center;

}



#popup-login-register .popup-content .content-toggle a {

	font-weight: 500;

	color: #AA222E;

	text-decoration: underline solid transparent;

	transition: text-decoration-color .2s ease-in-out;

}



#popup-login-register .popup-content .content-toggle a:hover {

	text-decoration-color: #AA222E;

}



#popup-login-register .popup-content .description, .tpl-13 form .description {

	margin-top: 15px;

	font-size: 14px;

	font-weight: 400;

	color: #74717D;

}



#popup-login-register .popup-content .description a, .tpl-13 form .description a {

	color: #3C64B1;

	text-decoration: underline solid #3C64B1;

	transition: text-decoration-color .2s ease-in-out;

}



#popup-login-register .popup-content .description a:hover, .tpl-13 form .description a:hover {

	text-decoration-color: transparent;

}



#popup-login-register .popup-content form .button {

	width: 100%;

	margin-top: 30px;

	line-height: 56px;

}



#popup-santa .popup-wrapper {

	max-width: 500px;

}



#popup-santa .popup-content h4 {

	font-weight: 500;

	text-align: center;

	margin-bottom: 10px;

}



#popup-santa .popup-content p {

	text-align: center;

	padding: 0 0 5px;

}



#popup-santa .popup-content a {

	text-decoration: underline;

}



#popup-santa .popup-content code {

	font-weight: 700;

	font-size: 1.25em;

}



.block-latest-on-blog header .description {

	--margin-top: var(--lg-media) 12px;

	margin-top: var(--margin-top, 25px);

	font-size: 15px;

	font-weight: 400;

	color: #74717D;

}



.block-blog-posts .post {

	position: relative;

	max-width: 600px;

	margin: 0 auto;

}



.block-blog-posts .post .image {

	--margin-bottom: var(--md-media) 15px;

	margin-bottom: var(--margin-bottom, 18px);

	overflow: hidden;

	border-radius: 10px;

	transition: opacity .2s ease-in-out;

}



.block-blog-posts .post:hover .image {

	opacity: .8;

}



.block-blog-posts .post .image img {

	vertical-align: top;

	transition: transform .2s ease-in-out;

}



.block-blog-posts .post:hover .image img {

	transform: scale(1.1);

}



.block-blog-posts .post .categories {

	--font-size: var(--md-media) 12px;

	--font-weight: var(--md-media) 600;

	position: relative;

	z-index: 1;

	padding-right: 10px;

	font-size: var(--font-size, 14px);

	font-weight: var(--font-weight, 500);

	color: #AA222E;

}



.block-blog-posts .post .categories a {

	text-transform: uppercase;

	text-decoration: underline solid transparent;

	transition: text-decoration-color .2s ease-in-out;

}



.block-blog-posts .post .categories span {

	text-transform: uppercase;

}



.block-blog-posts .post .categories a:hover {

	text-decoration-color: #AA222E;

}



.block-blog-posts .post .date {

	--font-size: var(--md-media) 12px;

	font-size: var(--font-size, 14px);

	font-weight: 400;

	color: #A8A8A8;

}



.block-blog-posts .post h3 {

	--margin-top: var(--md-media) 15px;

	--font-size: var(--md-media) 18px;

	margin-top: var(--margin-top, 10px);

	font-size: var(--font-size, 21px);

	font-weight: 600;	

}



.block-blog-posts .post .description {

	--margin-top: var(--md-media) 12px;

	--font-size: var(--md-media) 14px;

	margin-top: var(--margin-top, 22px);

	font-size: var(--font-size, 15px);

	font-weight: 400;

	color: #74717D;

}



#fixed-phone {

	position:fixed;

	bottom:10px;

	left:10px;

	z-index:50;

	border-radius:50%;

	width:60px;

	height:60px;

	font-size:28px;

	background:#AA222E;

	border:3px solid #FFF;

	text-align:center;

	/* padding-top:9px; */

	line-height: 60px;

	color:#FFF;

	display: none;

	box-shadow: 0 4px 12px rgba(0,0,0,0.3);

}



#fixed-phone.shown {

	--display: var(--xs-media) block;

	display: var(--display, none);

}



.tpl-1-seo-description .block-2 .right-side .content {

    max-width: none;

}



.tpl-1-seo-description .block-2 .right-side .content .description .extra-description {

	display: block;

}



.alert-box {

	width: 100%;

    display: block;

    font-size: 14px;

    font-weight: normal;

    background-color: #43AC6A;

	color: #FFFFFF;

	text-align:center;

	z-index: 1000;

}

.alert-box .container {

	position: relative;

	padding-top: 15px;

	padding-bottom: 15px;

}

.alert-box.warning { 

	background-color: #FFAF00;

}

.alert-box.alert { 

	background-color: #AA222E;

}



.alert-box .close {

	position: absolute;

	top: 50%;

	right: 15px;

    color: #ffffff;

    font-size: 1.3rem;

	transform: translateY(-50%);

	padding: 5px;

}



#cookies-policy {

	display:none; 

	font-family: 'Poppins';

	font-size:0.9rem;

	width: 100%;

	position:fixed;

	bottom:0;

	z-index:999;

	background-color:#fff;

	padding:15px;

	box-shadow: 8px 8px 8px 8px #aaa;

}



#cookies-policy .close {

	position:absolute;

	top:-10px;

	right:4px;

	font-size:1.1rem;

	cursor:pointer;

	color:#555;

}



#cookies-policy .title {

	text-align: center;

	font-weight: 700;

}



#cookies-policy #cookies-policy-text {

	text-align: justify;

}



#cookies-policy #cookies-settings {

	cursor:pointer;

}



#cookies-policy .last {

	--order: var(--lg-media) 0;

	order: var(--order, 1);

}



#cookies-policy>div {

	margin:0 auto;

	line-height:1.5rem;

}



#cookies-policy .show-more {

	color:#4859FF;

	cursor: pointer;

}

#cookies-policy>div a {

	text-decoration:underline;

}



#cookies-policy .container {

	position: relative;

}



#popup-cookies-settings .popup-wrapper {

	max-width: 700px;

}



#popup-cookies-settings .title {

	text-align: center;

	font-weight: 700;

}



#hide_me {

	display: none;

}



.block-9 .item {

	--md-padding: var(--md-media) 60px 25px;

	--lg-padding: var(--lg-media) 60px 35px;

	--border-radius: var(--xs-media) 0;

	position: relative;

	height: 100%;

	padding: var(--md-padding, var(--lg-padding, 60px 70px));

	border-radius: var(--border-radius, 10px);

	overflow: hidden;

}



.block-9 .item.color-set-1 {

	color: #18191F;

	background-color: #E3F4FF;

}



.block-9 .item.color-set-2 {

	color: #FFFFFF;

	background-color: #F2CF4D;

}



.block-9 .item.color-set-3 {

	color: #FFFFFF;

	background-color: #393B42;

}



.block-9 .item.color-set-4 {

	color: #FFFFFF;

	background-color: #AA222E;

}



.block-9 .item.color-set-4 .button {

	background-color:#393B42;

    border: 1px solid#393B42;

}



.block-9 .item.color-set-4 .button:hover {

	background-color:#555862;

    border: 1px solid#555862;

}



.block-9 .item img {

	position: absolute;

	right: 0;

	bottom: 0;

	transition: transform .2s ease-in-out;

}



.block-9 .item:hover img {

	transform: scale(1.1);

}



.block-9 .item .overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: transparent;

	transition: background-color .2s ease-in-out;

}



.block-9 .item:hover .overlay {

	background-color: rgba(0, 0, 0, .05);

}



.block-9 .item .content {

	--xs-max-width: var(--xs-media) 70%;

	--md-max-width: var(--md-media) 75%;

	--lg-max-width: var(--lg-media) 300px;

	display: flex;

	flex-direction: column;

	position: relative;

	min-width: 235px;

	max-width: var(--xs-max-width, var(--md-max-width, var(--lg-max-width, 320px)));

	height: 100%;

}



.block-9 .item .content.mobile-fluid {

	--xs-max-width: var(--xs-media) none;

	--md-max-width: var(--md-media) none;

}



.block-9 .item .content.desktop-fluid {

	--lg-max-width: none;

}



.block-9 .item .content .title-1 {

	--font-size: var(--lg-media) 15px;

	position: absolute;

	bottom: 100%;

	left: 0;

	font-size: var(--font-size, 16px);

	font-weight: 500;

	color: #AA222E;

}



.block-9 .item .content .title-2 {

	--margin-bottom: var(--lg-media) 15px;

	--font-size: var(--lg-media) 32px;

	--font-weight: var(--lg-media) 700;

	margin-bottom: var(--margin-bottom, 22px);

	font-size: var(--font-size, 36px);

	font-weight: var(--font-weight, 600);

	line-height: 1.35;

}



.block-9 .item .content .description {

	--font-size: var(--lg-media) 15px;

	flex-grow: 1;

	font-size: var(--font-size, 16px);

	font-weight: 500;

}



.block-9 .item .content .action {

	--margin-top: var(--lg-media) 35px;

	margin-top: var(--margin-top, 50px);

}



.product-header.is-flex-product {

	--margin-top: var(--md-media) -125px;

	margin-top: var(--margin-top, 0);

	padding: var(--padding, 80px 0);

	background-color: #FEF9EF;

}



.product-header.is-flex-product .image .img {

	--xs-max-width: var(--xs-media) 100%;

	--sm-max-width: var(--sm-media) 80%;

	--md-max-width: var(--md-media) 60%;

	max-width: var(--xs-max-width, var(--sm-max-width, var(--md-max-width, 100%)));

	position:relative; 

	display: inline-block

}

.product-header.is-flex-product .image .img img.badge {

	--margin-top: var(--md-media) 100px;

	margin-top: var(--margin-top, 0);

}



.product-header.is-flex-product .content h1 span {

	color: #FFAF00;

}



.product-header.is-flex-product .content .kcal {

	color: #18191F;

}



.product-header.is-flex-product .content .description {

	color: #18191F;

}



.product-header.is-flex-product .content .icons .fi {

	color: #18191F;

}



.product-header.is-flex-product .content .icons p {

	color: #18191F;

}



.is-flex-product .block-1 .main-title h3 {

	color: #FFAF00;

}



.is-flex-product .block-1 .blocks .block .ornament span {

	display: inline-block;

	width: 33px;

	line-height: 33px;

	text-align: center;

	font-size: 24px;

	font-weight: 600;

	color: #FFFFFF;

	background-color: #FFAF00;

	border-radius: 50%;

}



.is-flex-product .block-3 .blocks .toggler .icon {

	color: #FFAF00;

}



.product-faq {

	--margin-top: var(--md-media) 50px;

	margin-top: var(--margin-top, 100px);

}



.product-faq h2 {

	margin-bottom: 40px;

}



.homepage-faq h2 {

	margin-bottom: 40px;

}



.block-products .product.is-flex-product .image {

	background-color: #FFEFCC;

}



.block-products .product.is-flex-product .content .menu:not(:hover), .block-products .product.is-voucher-product .content .menu:not(:hover) {

	color: #FFAF00;

}



.block-11{

	--background-color: var(--md-media) #393B42;

	background-color: var(--background-color, #393B42);

	width: 100%;

	margin-top: 30px;

}



.block-11 .item {

	--md-padding: var(--md-media) 140px 25px 30px 25px;

	--lg-padding: var(--lg-media) 160px 0 35px 0;

	--border-radius: var(--xs-media) 0;

	position: relative;

	height: 100%;

	padding: var(--md-padding, var(--lg-padding, 160px 0 35px 0));

	border-radius: var(--border-radius, 10px);

	overflow: hidden;

	--md-ml: var(--md-media), 0;

	margin-left: var(--md-ml, -45px)

}

.block-11 .button{

	--md-width: var(--md-media) 100%;

	width: var(--md-width, 200px);

}

.block-11 .item img {

	position: absolute;

	right: 0;

	bottom: -20px;

	transition: transform .2s ease-in-out;

	scale: 0.9;

	right: -20px;

}



.block-11 .item:hover img {

	transform: scale(1.1);

}



.block-11 .item .overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: transparent;

	transition: background-color .2s ease-in-out;

}



.block-11 .item .content {

	--xs-max-width: var(--xs-media) 100%;

	--md-max-width: var(--md-media) 75%;

	--lg-max-width: var(--lg-media) 300px;

	display: flex;

	flex-direction: column;

	position: relative;

	min-width: 235px;

	max-width: var(--xs-max-width, var(--md-max-width, var(--lg-max-width, 320px)));

	height: 100%;

}



.block-11 .item .content.mobile-fluid {

	--xs-max-width: var(--xs-media) none;

	--md-max-width: var(--md-media) none;

}



.block-11 .item .content.desktop-fluid {

	--lg-max-width: none;

}



.block-11 .item .content.desktop-fluid p{

	width: 65%;

}



.block-11 .right{

	float: right;

}



.block-11 .f13{

	font-size: 13px;

}



.block-11 .item .content .title-1 {

	--font-size: var(--lg-media) 15px;

	position: absolute;

	bottom: 110%;

	left: 0;

	font-size: var(--font-size, 16px);

	font-weight: 500;

	color: #AA222E;

}



.block-11 .item .content .title-1 h2{

	--width: var(--md-media) 80%;

	width: var(--width, 100%);

}





.block-11 .item .content .description {

	--font-size: var(--lg-media) 15px;

	flex-grow: 1;

	font-size: var(--font-size, 16px);

	font-weight: 500;

}



.block-11 .border-bottom{

	border-bottom: 1px solid #FFFFFF;

}

.block-11 .font-red{

	color: #AA222E;

}

.block-11 .i-arrow-12{

	font-size: 12px;

}

.block-11 .red-arrow:after{

	content: '';

	display: inline-block;

	height: 55px;

	transform: rotate(50deg);

	width: 2px;

	position: absolute;

	margin: 0px 40px;

	border: 1px solid black;

	top: -5px;

}

.text-wrapper .block-10 p{

	margin: 0;

}

.block-10 .banner{

	width: 100%;

	max-width: 600px;

	min-height: 300px;

	margin: 0 auto;

	margin-bottom: 30px;

	background: #F2CF4D;

	border-radius: 10px;

	vertical-align: top;

	padding: 0 25px 25px 25px;

}

.block-10 .text-left p{

	color: #ffffff;

	padding-top: 20px;

	font-weight: 600;

	line-height: 32px;

	font-size: 21px;

}



.block-10 .text-left p:not(:first-child){

	padding-top: 10px;

	font-size: 15px;

	font-weight: 500;

	line-height: 25px;

}



.block-10 .header-banner-button{

	color: white;

	--font-size: var(--sm-media) 14px;

	font-size: var(--font-size, 16px)!important;

	padding: 15px!important;

	line-height: 15px!important;

	width: 100%;

	border-radius: 30px!important;

	font-weight: 600!important;

	margin-top: 20px;

}



.block-22 {

	--sm-max-height: var(--sm-media) 100vh;

	--max-height: var(--sm-max-height, 719px);

	--sm-shift: var(--sm-media) 0;

	--shift: var(--sm-shift, 7%);

	position: relative;

	background: #F1F9FF;

}



.block-22 .row {

	max-width: 1920px;

	margin: 0 auto;

	overflow: hidden;

}



.block-22 .left-side {

	--sm-display: var(--sm-media) absolute;

	position: var(--sm-display, static);

	--sm-width: var(--sm-media) 100%;

	width: var(--sm-width, auto);

	max-height: var(--max-height);

	--vertical-align: var(--sm-media) top;

	vertical-align: var(--vertical-align, middle);

	overflow: hidden;

}



.block-22 .left-side .content {

	--max-width: var(--sm-media) none;

	max-width: var(--max-width, 500px);

	width: auto;

	margin-left: auto;

	--text-align: var(--sm-media) center;

	text-align: var(--text-align, left);

}



.block-22 .left-side .content .title {

	font-weight: 600;

	--font-size: var(--sm-media) 24px;

	font-size: var(--font-size, 36px);

	--margin: var(--sm-media) 30px 0 50px;

	margin: var(--margin, 0 0 30px);

}



.block-22 .left-side .content h1 {

	--font-weight: var(--sm-media) 600;

	font-weight: var(--font-weight, 700);

	--font-size: var(--sm-media) 24px;

	font-size: var(--font-size, 46px);

}



.block-22 .left-side .content .description {

	font-weight: 400;

	--font-size: var(--sm-media) 14px;

	font-size: var(--font-size, 15px);

	position: relative;

	z-index: 1;

	margin-top: 1.5em;

	color: #74717D;

}



.block-22 .left-side .content .description .extra-description {

	font-weight: 500;

	--color: var(--sm-media) #AA222E;

	color: var(--color, #74717D);

}



.block-22 .right-side {

	--padding-left: var(--sm-media) 0px;

	padding-left: var(--padding-left, 100px);

	max-height: var(--max-height);

	overflow: hidden;

}



.block-22 .right-side .background {

	width: 100%;

	height: var(--max-height);

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

}



.block-22 .earth-grow {

	--sm-display: var(--sm-media) none;

	display: var(--sm-display, block);

	position: absolute;

	bottom: 0;

	left: 0;

	width: 206px;

	height: 309px;

	padding: 0;

	overflow: hidden;

}



.block-22 .earth-grow-sm {

	--sm-display: var(--sm-media) block;

	display: var(--sm-display, none);

	position: absolute;

	top: 40%;

	left: 0;

	width: 79px;

	height: 156px;

	padding: 0;

	overflow: hidden;

}



.block-23 .title h2 {

	font-weight: 600;

	--font-size: var(--sm-media) 24px;

	font-size: var(--font-size, 36px);

	--margin-top: var(--md-media) 40px;

	margin-top: var(--margin-top, 80px);

	--margin-bottom: var(--md-media) 30px;

	margin-bottom: var(--margin-bottom, 40px);

}



.block-23 .description {

	font-weight: 400;

	--font-size: var(--sm-media) 14px;

	font-size: var(--font-size, 15px);

	margin-top: 1.5em;

	color: #74717D;

}



.block-23 .description .extra-description {

	font-weight: 500;

	--color: var(--sm-media) #AA222E;

	color: var(--color, #74717D);

}



.block-23 img {

	--padding-top: var(--sm-media) 20px;

	padding-top: var(--padding-top, 50px);

	--padding-left: var(--sm-media) 30px;

	padding-left: var(--padding-left, 0px);

	--padding-right: var(--sm-media) 30px;

	padding-right: var(--padding-right, 0px);

}



.block-24 {

	--margin-top: var(--sm-media) 50px;

	margin-top: var(--margin-top, 100px);

}



.block-24 .background {

	width: 100%;

	background-position: top center;

	background-repeat: no-repeat;

	--background-size: var(--sm-media) 150vw;

	background-size: var(--background-size, 100vw);

	--padding: var(--sm-media) 50px 20px 0;

	padding: var(--padding, 100px 50px 0);

}



.block-24 .content {

	--background-color: var(--sm-media) #F1F9FF;

	background-color: var(--background-color, #FFFFFF);

	--padding: var(--sm-media) 30px 20px;

	padding: var(--padding, 100px 150px);

	border-radius: 20px;

}



.block-24 .title h2 {

	font-weight: 600;

	--font-size: var(--sm-media) 18px;

	font-size: var(--font-size, 24px);

	--margin-top: var(--sm-media) 00px;

	margin-top: var(--margin-top, 10px);

}



.block-24 .description {

	font-weight: 400;

	--font-size: var(--sm-media) 14px;

	font-size: var(--font-size, 15px);

	margin-top: 1.5em;

	color: #74717D;

}



.block-24 .description .extra-description {

	display: none;

	padding: 0;

	margin: 0;

}



.block-24 .description .extra-description:before {

	 display: block;

	 width: 100%;

	 height: 1px;

	 content: '';

 }



.block-24 .button-box {

	--margin-top: var(--sm-media) 25px;

	margin-top: var(--margin-top, 50px);

}



.block-24 .button-box .button {

	--width: var(--sm-media) 100%;

	width: var(--width, auto);

}



.block-24 .button-box .anchor {

	font-weight: 400;

	font-size: 16px;

	position: relative;

	margin-right: 28px;

	color: #AA222E;

	cursor: pointer;

	border-bottom: 1px solid #AA222E;

	transition: border-color .2s ease-in-out;

}



.block-24 .button-box .anchor:hover {

	border-color: transparent;

}



.block-24 .button-box .anchor .fi {

	position: absolute;

	top: 50%;

	left: -28px;

	transform: translateY(-50%);

	font-size: 12px;

}



.w100p{

	width:100%;

}



.font-white{

	color: #ffffff;

}



.tpl-9, .tpl-change-password, .tpl-13, .tpl-error {

	--margin-top: var(--md-media) 35px;

	margin-top: var(--margin-top, 80px);

}



.tpl-9 .container, .tpl-change-password .container, .tpl-13 .container {

	max-width: 640px;

}



.tpl-9 h1, .tpl-change-password h1, .tpl-13 h1, .tpl-error h1 {

	margin-bottom: 15px;

}



.tpl-9 form, .tpl-change-password form, .tpl-13 form {

	--margin-top: var(--md-media) 20px;

	margin-top: var(--margin-top, 30px);

}



.tpl-9 form .form-floating ~ .form-floating, .tpl-change-password form .form-floating ~ .form-floating, .tpl-13 form .form-floating ~ .form-floating {

	margin-top: 15px;

}



.tpl-9 form .button, .tpl-change-password form .button, .tpl-13 form .button {

	margin-top: 20px;

}



.tpl-9 ~ .block-leave-number, .tpl-change-password ~ .block-leave-number, .tpl-13 ~ .block-leave-number, .tpl-error ~ .block-leave-number {

	--margin: var(--md-media) 50px 0;

	margin: var(--margin, 200px 0 100px);

}



.tpl-13 form .status {

	display: none;

	margin-top: 20px;

}



.tpl-21-blocks h2 {

	font-weight: 600;

	--font-size: var(--sm-media) 24px;

	font-size: var(--font-size, 36px);

	--max-width: var(--sm-media) 100%;

	max-width: var(--max-width, 1280px);

	width: auto;

	--padding: var(--sm-media) 0 20px;

	padding: var(--padding, 0 0);

	--margin: var(--sm-media) 0 auto 30px;

	margin: var(--margin, 0 auto 20px);

}



.tpl-21-blocks .block-4 .title {

	font-weight: 600;

	--font-size: var(--sm-media) 16px;

	font-size: var(--font-size, 21px);

}



.tpl-21-blocks .block-4 .description {

	font-weight: 400;

	--font-size: var(--sm-media) 13px;

	font-size: var(--font-size, 15px);

}



.tpl-21-blocks .block-2 .title {

	font-weight: 600;

	--font-size: var(--sm-media) 24px;

	font-size: var(--font-size, 36px);

}



.tpl-21-blocks .block-2 .description {

	font-weight: 400;

	--font-size: var(--sm-media) 14px;

	font-size: var(--font-size, 15px);

}

.tpl-21-blocks .block-2 .description strong {

	font-weight: 600;

	--font-size: var(--sm-media) 14px;

	font-size: var(--font-size, 18px);

}



.tpl-21-blocks-end .block-2:last-child {

	--background-color: var(--sm-media) #FDF8F4;

	background-color: var(--background-color, transparent);

	--padding-bottom: var(--sm-media) 50px;

	padding-bottom: var(--padding-bottom, 10px);

	--z-index: var(--sm-media) 1;

	z-index: var(--z-index, 0);

}



.tpl-21-education .block-1 .mint-sm {

	position: absolute;

	top: -250px;

	right: 0;

	width: 118px;

	padding: 18px 0 15px;

	overflow: hidden;

	z-index: -1;

}



.tpl-21-education .block-1 .mint-sm img {

	width: 250px;

	height: auto;

	transform: rotate(-80.7deg);

}



.tpl-21-education .block-1 h2 {

	font-weight: 600;

	--font-size: var(--sm-media) 24px;

	font-size: var(--font-size, 36px);

}



.tpl-21-education .block-1 .main-description {

	font-weight: 400;

	--font-size: var(--sm-media) 14px;

	font-size: var(--font-size, 15px);

}



/* reCAPTCHA v3 badge on left */

.grecaptcha-badge {

	width: 70px !important;

	overflow: hidden !important;

	transition: all 0.3s ease !important;

	left: 4px !important;

	--bottom: var(--xs-media) 100px;

	bottom: var(--bottom, 10px) !important;

}

.grecaptcha-badge:hover {

	width: 256px !important;

}



#popup-calculator-cpm .popup-wrapper {

	--max-width: var(--lg-media) 550px;

	max-width: var(--max-width, 1100px);

	--padding: var(--lg-media) 40px 0;

	padding: var(--padding, 60px 0);

}



#popup-calculator-cpm .popup-content {

	--padding: var(--lg-media) 0 20px;

	padding: var(--padding, 0 110px);

	overflow-y: auto;

}



#popup-calculator-cpm .popup-content h2 {

	font-weight: 700;

	--font-size: var(--lg-media) 24px;

	font-size: var(--font-size, 40px);

	text-align: center;

	line-height: 124%;

	letter-spacing: 0.02em;

}



#popup-calculator-cpm .popup-content h4 {

	--font-weight: var(--lg-media) 700;

	font-weight: var(--font-weight, 600);

	--font-size: var(--lg-media) 14px;

	font-size: var(--font-size, 21px);

	--line-height: var(--lg-media) 18px;

	line-height: var(--line-height, 32px);

	--letter-spacing: var(--lg-media) 0.3px;

	letter-spacing: var(--letter-spacing, 0);

}



#popup-calculator-cpm .popup-content h5 {

	--font-weight: var(--lg-media) 700;

	font-weight: var(--font-weight, 600);

	--font-size: var(--lg-media) 14px;

	font-size: var(--font-size, 18px);

	--line-height: var(--lg-media) 18px;

	line-height: var(--line-height, 124%);

	letter-spacing: 0.3px;

}



#popup-calculator-cpm .popup-content .calculator-pagination {

	transform: translateX(35px);

	margin-top: 25px;

	margin-bottom: 40px;

}



#popup-calculator-cpm .popup-content .calculator-pagination  .calculator-pagination-step .calculator-pagination-bullet {

	text-align: center;

	line-height: 2;

	color: #00000066;

	display: inline-block;

	background-color:#E4E4E5;

	border: 1px solid #E4E4E5;

	border-radius: 50%;

	width:33px;

	height: 33px;

}



#popup-calculator-cpm .popup-content .calculator-pagination  .calculator-pagination-step.active .calculator-pagination-bullet {

	color: #CE0036;

	background-color:#FFFFFF;

	border: 1px solid #CE0036;

}



#popup-calculator-cpm .popup-content .calculator-pagination  .calculator-pagination-step.completed .calculator-pagination-bullet {

	color: #FFFFFF;

	background-color:#CE0036;

	border: 1px solid #CE0036;

}



#popup-calculator-cpm .popup-content .calculator-pagination  .calculator-pagination-step .calculator-pagination-separator {

	display: inline-block;

	width: 150px;

	border-bottom: #E4E4E5 1px solid;

	position: relative;

	top: -4px;

	margin-left: -4px;

}



#popup-calculator-cpm .popup-content .calculator-pagination  .calculator-pagination-step.completed .calculator-pagination-separator {

	border-bottom: #CE0036 1px solid;

}



#popup-calculator-cpm .popup-content .calculator-pagination  .calculator-pagination-step label {

	display: block;

	text-align: center;

	transform: translateX(-42%);

	margin-top: 10px;

	font-size: 14px;

}



#popup-calculator-cpm .popup-content #calculator-step-1 h4 {

	--margin-top: var(--lg-media) 50px;

	margin-top: var(--margin-top, 0);

}



#popup-calculator-cpm .popup-content #calculator-step-1 #calculator-goal {

	column-gap: 5%;

	--margin-top: var(--lg-media) 10px;

	margin-top: var(--margin-top, 40px);

	--margin-bottom: var(--lg-media) 0px;

	margin-bottom: var(--margin-bottom, 56px);

}



#popup-calculator-cpm .popup-content #calculator-step-1 #calculator-goal input {

	display: none;

}



#popup-calculator-cpm .popup-content #calculator-step-1 #calculator-goal label {

	--width: var(--lg-media) 100%;

	width: var(--width, 30%);

	height: 52px;

	position: relative;

	border-radius: 50px;

	border: 1px solid #B8BCCA;

	cursor: pointer;

	line-height: 48px;

	--text-align: var(--lg-media) left;

	text-align: var(--text-align, center);

	font-weight: 400;

	--font-size : var(--lg-media) 14px;

	font-size: var(--font-size, 15px);

	--letter-spacing: var(--lg-media) 0.3px;

	letter-spacing: var(--letter-spacing, 0.5px);

	margin-bottom: 9px;

	--padding-left: var(--lg-media) 60px;

	padding-left: var(--padding-left, 0px);

}



#popup-calculator-cpm .popup-content #calculator-step-1 #calculator-goal label.active {

	font-weight: 700;

	border: 1px solid #FAEFEB;

	background: #FAEFEB;

}



#popup-calculator-cpm .popup-content #calculator-step-1 #calculator-goal .input-checked {

	position: absolute;

	top: 15px;

	left: 20px;

	background: #0000001A;

	border: 1px solid #0000001A;

	width: 20px;

	height: 20px;

	--border-radius: var(--lg-media) 50px;

	border-radius: var(--border-radius, 0px);

}



#popup-calculator-cpm .popup-content #calculator-step-1 #calculator-goal .calculator-goal.active .input-checked {

	background: #CE0036;

	border: 1px solid #CE0036;

}



#popup-calculator-cpm .popup-content #calculator-step-1 #calculator-goal svg {

	position: relative;

	top: 1px;

	left: 3px;

	display: none;

	width: 12px;

}



#popup-calculator-cpm .popup-content #calculator-step-1 #calculator-goal > label.active .input-checked svg {

	display: block;

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters {

	--margin-top: var(--lg-media) 40px;

	margin-top: var(--margin-top, 0px);

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .form-floating {

	--margin-top: var(--lg-media) 5px;

	margin-top: var(--margin-top, 15px);

	--margin-bottom: var(--lg-media) 10px;

	margin-bottom: var(--margin-bottom, 30px);

	--margin-right: var(--lg-media) 0px;

	margin-right: var(--margin-right, 80px);

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .form-floating input {

	display: inline-block;

	--width: var(--lg-media) 100%;

	width: var(--width, 210px);

	padding: 20px 20px 10px 20px;

	--font-size : var(--lg-media) 13px;

	font-size: var(--font-size, 14px);

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .form-floating.error input {

	border: 1px solid #CE0036;

	background: #FAEFEB;

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .form-floating label {

	--font-size : var(--lg-media) 13px;

	font-size: var(--font-size, 14px);

	padding: 14px 21px;

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .form-floating.error label::before {

	background: #FAEFEB;

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .form-floating div {

	display: inline-block;

	position: absolute;

	top: 25%;

	margin-left: 10px;

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .form-floating div.error-message {

	display: block;

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	padding: 5px 10px;

	color: #CE0036;

	font-size: 12px;

	font-weight: 500;

	--text-align: var(--lg-media) right;

	text-align: var(--text-align, left);

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters #calculator-sex {

	display: block;

	--width: var(--lg-media) 100%;

	width: var(--width, 30%);

}





#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters #calculator-sex input {

	display: none;

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters #calculator-sex label {

	--display: var(--lg-media) inline-block;

	display: var(--display, block);

	position: relative;

	height: auto;

	cursor: pointer;

	line-height: 48px;

	width: 150px

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters #calculator-sex label.active {

	font-weight: 700;

	/* border: 1px solid #FAEFEB; */

	/* background: #FAEFEB; */

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters #calculator-sex .input-checked {

	display: inline-block;

	background: #0000001A;

	border: 1px solid #0000001A;

	width: 20px;

	height: 20px;

	margin-bottom: -4px;

	margin-right: 17px;

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters #calculator-sex .calculator-sex.active .input-checked {

	background: #CE0036;

	border: 1px solid #CE0036;

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters #calculator-sex svg {

	position: relative;

	top: 1px;

	left: 3px;

	display: none;

	width: 12px;

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters #calculator-sex > label.active .input-checked svg {

	display: block;

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .calculator-activity #calculator-activity {

	--border-radius : var(--lg-media) 10px;

	border-radius: var(--border-radius, 50px);

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .calculator-activity select#calculator-activity {

	padding: 20px 20px 10px 20px;

	--font-size : var(--lg-media) 13px;

	font-size: var(--font-size, 14px);

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .calculator-activity select#calculator-activity:focus {

	--box-shadow: var(--lg-media) 0 0 4px 4px rgba(217, 229, 245, .28);

	box-shadow: var(--box-shadow,  0 0 4px 4px rgba(168, 168, 168, .28));

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .calculator-activity select#calculator-activity.selected {

	--background: var(--lg-media) #D9E5F5;

	background: var(--background, #FFFFFF);

	--border: var(--lg-media) 1px solid #D9E5F5;

	border: var(--border, 1px solid #A8A8A8);

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .calculator-activity select#calculator-activity.selected option {

	--background: var(--lg-media) #D9E5F5;

	background: var(--background, #FFFFFF);

}



#popup-calculator-cpm .popup-content #calculator-step-2 #calculator-parameters .calculator-activity label.selected::before {

	--background: var(--lg-media) #D9E5F5;

	background: var(--background, #FFFFFF);

}



#popup-calculator-cpm .popup-content #calculator-step-3 h5 {

	font-weight: 700;

	--font-size: var(--lg-media) 15px;

	font-size: var(--font-size, 24px);

	line-height: 32px;

	letter-spacing: 0;

	margin-top: 30px;

	margin-bottom: 20px;

	text-align: center;

}



#popup-calculator-cpm .popup-content #calculator-step-3 .calculator-action {

	text-align: center;

	--margin-top: var(--lg-media) 30px;

	margin-top: var(--margin-top, 50px);

	--margin-bottom: var(--lg-media) 50px;

	margin-bottom: var(--margin-bottom, 90px);

}



#popup-calculator-cpm .popup-content #calculator-step-3 .row {

	justify-content: center;

	align-items: center;

}



#popup-calculator-cpm .popup-content #calculator-step-3 .icon {

	--margin-right: var(--lg-media) 10px;

	margin-right: var(--margin-right, 40px);

}



#popup-calculator-cpm .popup-content #calculator-step-3 .text {

	--max-width: var(--lg-media) 240px;

	max-width: var(--max-width, 260px);

	--font-weight: var(--lg-media) 400;

	font-weight: var(--font-weight, 500);

	--font-size: var(--lg-media) 12px;

	font-size: var(--font-size, 18px);

	line-height: 145%;

	letter-spacing: 0.5px;

	--margin-right: var(--lg-media) 0px;

	margin-right: var(--margin-right, 45px);

}

#popup-calculator-cpm .popup-content #calculator-step-3 .text span span {

	font-weight: 700;

}



#popup-calculator-cpm .popup-content #calculator-step-3 .phone {

	margin-right: 10px;

}



#popup-calculator-cpm .popup-content #calculator-step-3 .phone-no {

	font-size: 30px;

}



#popup-calculator-cpm .popup-content .calculator-step-next {

	text-align: right;

}



header .top-bar {text-align:center;padding:10px;}

header .top-bar.black {background:#000;color:#FFF;}