/* Start:/local/templates/fotobook/styles.css?168793987927561*/
:root {
	--fb-primary: #243c51;
	--fb-secondary: #506577;
	--fb-secondary75: #7c8b99;
	--fb-secondary50: #a1aeb8;
	--fb-secondary20: #dbdfe3;
	--fb-secondary10: #edeff1;
	--fb-secondary5: #f6f7f8;
	--fb-secondary2: #fbfcfc;
	--fb-dark: #141e28;
	--fb-pink: #d3236c;
	--fb-pink-old: #e72576;
	--fb-pink-active: #fe0365;
	--fb-pink-touch: #bc004f;
	--fb-pink40: #f5a7c8;
	--fb-pink20: #fad3e4;
	--fb-pink10: #fde8f1;
	--fb-blue: #2085c7;
	--fb-blue-active: #088ae6;
	--fb-blue40: #a5cde8;
	--fb-blue20: #c8e2f1;
	--fb-blue10: #e8f3f9;
	--fb-blue5: #f2f8fb;
	--fb-deepblue: #1e61ac;
	--fb-violet: #7f41cb;
	--fb-violet-active: #7f11f6;
	--fb-violet40: #cbb2ea;
	--fb-violet20: #e5d9f5;
	--fb-violet10: #f2ecfa;
	--fb-green: #1ab248;
	--fb-green-active: #0fca21;
	--fb-green-dark: #008f2c;
	--fb-green20: #d1f0da;
	--fb-green10: #e7f7ec;
	--fb-orange: #ed6b1b;
	--fb-orange-active: #ff4c01;
	--fb-orange20: #fbe1d1;
	--fb-orange10: #fdf0e7;
	--fb-red: #f44336;
	--fb-red40: #fbb3ae;
	--fb-red20: #fdd9d7;
	--fb-red10: #feeceb;
	--fb-yellow: #ffb728;
	--fb-yellow20: #fff0d3;
	--fb-yellow10: #fff8e9;
	--fb-gradient-pink: linear-gradient(135deg, #ffe3d6, #fec9d7);
	--fb-gradient-violet: linear-gradient(135deg, #ceedff, #d6bcf9);
	--fb-gradient-blue: linear-gradient(135deg, #c8e2f1, #a8c9fc);
	--fb-gradient-orange: linear-gradient(135deg, #ffefcf, #f8c6a9);
	--fb-gradient-green: linear-gradient(135deg, #9ce644, #3dbf72);
	--fb-gradient-stock: linear-gradient(135deg, #f44336, #ed6b1b);
	--fb-gradient-profi: linear-gradient(135deg, #f80, #ffb728);
	--fb-gradient-tirazh: linear-gradient(135deg, #7f41cb, #2085c7);
	--fb-gradient-gray: linear-gradient(135deg, #dbdfe3, #a1aeb8);
	--fb-shadow: 0 5px 20px 0 rgba(80, 101, 119, 0.16);
	--fb-shadow-hover: 0 10px 20px 0 rgba(80, 101, 119, 0.32);
	--fb-shadow-small: 0 3px 6px 0 rgba(80, 101, 119, 0.16);
	--fb-shadow-popup: 0 0 10px 0 rgba(80, 101, 119, 0.32);
}

/* -------------------------------------------- Main styles */
*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
	-webkit-tap-highlight-color: transparent;
}

*:focus {
	outline: none;
}

html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body {
	height: 100%;
	color: var(--fb-primary);
	font-family: "FB Sans", -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

img {
	display: block;
	border: none;
}

button,
input,
select,
textarea {
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
	font: inherit;
	color: inherit;
	letter-spacing: inherit;
}

button[type="button"],
button[type="reset"],
button[type="submit"] {
	cursor: pointer;
	-webkit-appearance: none;
}

input[type="checkbox"] {
	cursor: pointer;
}

input[type="number"] {
	-webkit-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

textarea {
	resize: none;
	overflow: hidden;
	-webkit-appearance: none;
}

/* -------------------------------------------- Typography */
p {
	margin-bottom: 16px;
	line-height: 1.48;
}

p:last-child {
	margin-bottom: 0;
}

h1,
.title1 {
	font-size: 36px;
	line-height: 1.32;
	font-weight: bold;
	margin-bottom: 32px;
}

.titleProduct {
	font-size: 36px;
	line-height: 1.32;
	font-weight: bold;
	margin-bottom: 16px;
}

h2 {
	font-size: 28px;
	line-height: 1.32;
	font-weight: bold;
	margin: 32px 0 24px;
}

h3 {
	font-size: 22px;
	line-height: 1.48;
	font-weight: bold;
	margin: 24px 0 8px;
}

h4 {
	font-size: 18px;
	line-height: 1.48;
	font-weight: bold;
	margin: 16px 0 8px;
}

.title2 {
	font-size: 28px;
	line-height: 1.32;
	font-weight: bold;
	margin: 0 0 24px;
}

.title3 {
	font-size: 22px;
	line-height: 1.48;
	font-weight: bold;
	margin: 0 0 8px;
}

.title4 {
	font-size: 18px;
	line-height: 1.48;
	font-weight: bold;
	margin: 0 0 8px;
}

.title5 {
	font-size: 16px;
	line-height: 1.48;
	font-weight: bold;
}
.title6 {
	font-size: 14px;
	line-height: 1.48;
	font-weight: bold;
}

a {
	text-decoration: none;
	color: var(--fb-pink);
	transition: 0.2s;
}

a:hover {
	text-decoration: underline;
	color: var(--fb-pink-active);
}

a.noDecor,
a.noDecor:hover {
	text-decoration: none;
	color: inherit;
}

a.linkBlue {
	color: var(--fb-blue);
}

a.linkBlue:hover {
	color: var(--fb-blue-active);
}

a.linkViolet {
	color: var(--fb-violet);
}

a.linkViolet:hover {
	color: var(--fb-violet-active);
}

a.linkOrange {
	color: var(--fb-orange);
}

a.linkOrange:hover {
	color: var(--fb-orange-active);
}

a.linkGray {
	color: var(--fb-secondary);
}

a.linkGray:hover {
	color: var(--fb-primary);
}

/* -------------------------------------------- Lists */
ul {
	margin-bottom: 16px;
}

li {
	list-style: "\2014\202F\202F";
	line-height: 1.48;
	margin-bottom: 8px;
	margin-left: 18px;
}
li:last-child {
	margin-bottom: 0;
}

ul > p {
	margin-bottom: 8px;
	font-weight: bold;
}

/* -------------------------------------------- Wrappers */
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px;
}

.wrapperNoP {
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
}

.wrapperGallery {
	max-width: 992px;
	min-height: 290px;
	margin: 0 auto 64px;
	padding: 0 16px;
	text-align: center;
}

.wrapperText {
	max-width: 768px;
	padding: 0 16px;
	margin: 0 auto 64px;
}

/* -------------------------------------------- Colors */
.cWhite {
	color: #fff;
}

.cDark {
	color: var(--fb-dark);
}

.cPrimary {
	color: var(--fb-primary);
}

.cSecondary {
	color: var(--fb-secondary);
}

.cSecondary75 {
	color: var(--fb-secondary75);
}

.cSecondary50 {
	color: var(--fb-secondary50);
}

.cPink {
	color: var(--fb-pink);
}

.cViolet {
	color: var(--fb-violet);
}

.cBlue {
	color: var(--fb-blue);
}

.cDeepblue {
	color: var(--fb-deepblue);
}

.cBlue10 {
	color: var(--fb-blue10);
}

.cOrange {
	color: var(--fb-orange);
}

.cRed {
	color: var(--fb-red);
}

.cYellow {
	color: var(--fb-yellow);
}

.cGreen {
	color: var(--fb-green);
}

/* -------------------------------------------- Gradients */
.bgGradientPink {
	background-image: var(--fb-gradient-pink);
}

.bgGradientViolet {
	background-image: var(--fb-gradient-violet);
}

.bgGradientOrange {
	background-image: var(--fb-gradient-orange);
}

.bgGradientBlue {
	background-image: var(--fb-gradient-blue);
}

.bgGradientPinkLink,
.bgGradientVioletLink,
.bgGradientBlueLink,
.bgGradientOrangeLink {
	position: relative;
}

.bgGradientPinkLink::before,
.bgGradientVioletLink::before,
.bgGradientBlueLink::before,
.bgGradientOrangeLink::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	transition: 0.3s;
	opacity: 0.6;
	z-index: -1;
}

.bgGradientPinkLink::before {
	background-image: var(--fb-gradient-pink);
}

.bgGradientVioletLink::before {
	background-image: var(--fb-gradient-violet);
}

.bgGradientBlueLink::before {
	background-image: var(--fb-gradient-blue);
}

.bgGradientOrangeLink::before {
	background-image: var(--fb-gradient-orange);
}

.bgGradientPinkLink:hover::before,
.bgGradientVioletLink:hover::before,
.bgGradientBlueLink:hover::before,
.bgGradientOrangeLink:hover::before {
	opacity: 1;
}

.bgGradientPinkLink:hover .cPink {
	color: var(--fb-pink-active);
}

.bgGradientVioletLink:hover .cViolet {
	color: var(--fb-violet-active);
}

.bgGradientBlueLink:hover .cBlue {
	color: var(--fb-blue-active);
}

.bgGradientOrangeLink:hover .cOrange {
	color: var(--fb-orange-active);
}

/* -------------------------------------------- Text Gradients */

.textGradientVioletBlue {
	background-image: linear-gradient(90deg, #7f11f6, #088ae6);
	color: transparent;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

/* -------------------------------------------- Additional styles */
.secondary {
	font-size: 14px;
	line-height: 1.48;
}

.fBold {
	font-weight: bold;
}

.textCenter {
	text-align: center;
}

.textCross {
	text-decoration: line-through;
}

.textCapsTracking {
	letter-spacing: 0.75px;
}

.blockCenter {
	margin: 0 auto;
	text-align: center;
}

.blockText {
	margin-bottom: 32px;
}

.blockTextAddition {
	border-top: 1px solid var(--fb-secondary10);
	padding-top: 16px;
	margin-bottom: 32px;
}

.blockOff {
	opacity: 0.25;
	pointer-events: none;
}

.popUpLink {
	cursor: pointer;
	color: var(--fb-orange);
	font-size: 13px;
	border-bottom: 1px dotted;
	margin-left: 10px;
	height: 20px;
}
.popUpLink:hover {
	color: var(--fb-orange-active);
}

.withLove {
	width: 100%;
	height: 80px;
	background: url("/images/email/fb-respect.jpg") no-repeat right center;
	background-size: contain;
}

/* -------------------------------------------- Buttons */
.btn {
	display: inline-block;
	cursor: pointer;
	max-width: 100%;
	min-width: 160px;
	padding: 8px 32px;
	border-radius: 8px;
	line-height: 1.48;
	text-align: center;
	color: #fff;
	background-color: var(--fb-pink);
	transition: transform 0.1s, background-color 0.2s;
}

.btn:hover,
.btn:focus {
	color: #fff;
	text-decoration: none;
	background-color: var(--fb-pink-active);
}

.btn:active {
	transform: scale(0.985);
	background-color: var(--fb-pink-touch);
}

.btnSecondary {
	display: inline-block;
	cursor: pointer;
	max-width: 100%;
	min-width: 160px;
	padding: 8px 32px;
	border-radius: 8px;
	line-height: 1.48;
	text-align: center;
	color: var(--fb-secondary);
	background-color: var(--fb-secondary10);
	transition: transform 0.1s, background-color 0.2s;
}

.btnSecondary:hover,
.btnSecondary:focus {
	color: var(--fb-primary);
	text-decoration: none;
	background-color: var(--fb-secondary20);
}

.btnSecondary:active {
	transform: scale(0.985);
}

.btn:disabled,
.btn.disabled,
.btnSecondary:disabled,
.btnSecondary.disabled {
	pointer-events: none;
	color: #fff;
	background-color: var(--fb-secondary20);
}

.btn:disabled:active,
.btn.disabled:active,
.btnSecondary:disabled:active,
.btnSecondary.disabled:active {
	transform: none;
}

.btnLong {
	width: 100%;
}

.btnCenter {
	display: flex;
	justify-content: center;
	margin-bottom: 32px;
}

.btnLoading {
	color: transparent !important;
	background: var(--fb-pink) url("/images/icons/loadingLight.svg") no-repeat center;
	background-size: 36px;
}
.btnLoadingSmall {
	color: transparent !important;
	background: var(--fb-pink) url("/images/icons/loadingLight.svg") no-repeat center;
	background-size: 30px;
}

.icoLoading {
	background: url("/images/icons/loadingDark.svg") no-repeat 30% 20%;
	background-size: 48px;
}

.btnGroupVertical > button:not(:last-child) {
	margin-bottom: 16px;
}

/* -------------------------------------------- customLable */
.customLabel {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	color: var(--fb-secondary);
}

.customLabelRequired::after {
	content: "\202F\002A";
	color: var(--fb-red);
}

/* -------------------------------------------- Skeleton loading... */

.templateImgSkeleton {
	height: 150px;
	margin-bottom: 10px;
}
.templateNameSkeleton {
	width: 50%;
	height: 23px;
}

.skeletonBlock {
	position: relative;
	max-width: 100%;
	overflow: hidden;
	background-color: var(--fb-secondary5);
	border-radius: 8px;
}
.skeletonBlock::before {
	position: absolute;
	content: "";
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, transparent 0%, var(--fb-secondary2) 50%, transparent 100%);
	animation: skeleton 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes skeleton {
	from {
		left: -100%;
	}
	to {
		left: 100%;
	}
}

/* -------------------------------------------- customInput */
.customInput {
	color: var(--fb-primary);
	width: 100%;
	background-color: var(--fb-secondary10);
	padding: 8px 12px;
	border-radius: 8px;
	border: 2px solid var(--fb-secondary10);
	margin-bottom: 24px;
	transition: 0.2s;
}

.customInput:hover {
	background-color: var(--fb-secondary20);
	border: 2px solid var(--fb-secondary20);
}

.customInput:focus {
	background-color: #fff;
	border: 2px solid var(--fb-pink-active);
}

.customInput::placeholder {
	color: var(--fb-secondary75);
	font-size: 14px;
}

.customInputPass {
	position: relative;
	width: 100%;
}

.customInputPassIco {
	cursor: pointer;
	content: "";
	position: absolute;
	right: 0;
	width: 40px;
	height: 40px;
	background: url("/images/icons/ico-eye-hide.svg") no-repeat center;
}

.customInputPassIcoOpen {
	background: url("/images/icons/ico-eye-show.svg") no-repeat center;
}

/* -------------------------------------------- customTextarea */
.customTextarea {
	color: var(--fb-primary);
	width: 100%;
	min-height: 90px;
	background-color: var(--fb-secondary10);
	padding: 12px;
	border-radius: 8px;
	border: 2px solid var(--fb-secondary10);
	margin-bottom: 24px;
	transition: background-color 0.2s, border 0.2s;
}

.customTextarea:hover {
	background-color: var(--fb-secondary20);
	border: 2px solid var(--fb-secondary20);
}

.customTextarea:focus {
	background-color: #fff;
	border: 2px solid var(--fb-pink-active);
}

.customTextarea::placeholder {
	color: var(--fb-secondary);
	font-size: 14px;
}

/* -------------------------------------------- customCheckbox */
.customCheckboxDefault {
	position: absolute;
	left: 3px;
	top: 3px;
	opacity: 0;
}

.customCheckbox {
	display: block;
	margin-left: 32px;
	cursor: pointer;
	position: relative;
}

.customCheckbox:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	left: -32px;
	top: 2px;
	border: solid 2px var(--fb-secondary20);
	border-radius: 4px;
	transition: 0.1s;
}

.customCheckbox:hover:after {
	border: solid 2px var(--fb-pink-active);
}

.customCheckboxDefault:checked + .customCheckbox:after {
	background-color: var(--fb-pink-active);
	border: solid 2px var(--fb-pink-active);
}

.customCheckbox:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	left: -32px;
	top: 2px;
	background: url("/images/icons/ico-checkbox.svg") no-repeat 5px center;
	z-index: 1;
	opacity: 0;
}

.customCheckboxDefault:checked + .customCheckbox:before {
	opacity: 1;
}

.confirmForm {
	position: relative;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.48;
	color: var(--fb-secondary75);
}

/* -------------------------------------------- customCheckboxSwitch */
.customCheckboxSwitch {
	-webkit-appearance: none;
	position: relative;
	top: 2px;
	width: 28px;
	height: 14px;
	margin-right: 4px;
	background-color: var(--fb-secondary50);
	border-radius: 8px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	transition: 0.2s ease-in-out;
}

.customCheckboxSwitch:checked {
	background-color: var(--fb-green);
}

.customCheckboxSwitch::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(36, 60, 81, 0.5);
	transform: translateX(0);
	transition: 0.2s ease-in-out;
}

.customCheckboxSwitch:checked::before {
	transform: translateX(12px);
}

/* -------------------------------------------- customDropdown */
.customDropdown {
	width: 100%;
}

.customDropdownWrapper {
	position: relative;
}

.customDropdownSelect {
	position: relative;
	display: flex;
	height: 40px;
	padding: 0 40px 0 16px;
	cursor: pointer;
	align-items: center;
	background-color: var(--fb-secondary10);
	border-radius: 8px;
	transition: 0.2s;
}

.customDropdownSelect:hover,
.customDropdownSelect .selectActive {
	background-color: var(--fb-secondary20);
}

.customDropdownSelect:hover .customDropdownIco,
.selectActive .customDropdownIco {
	opacity: 1;
}

.customDropdownInput {
	display: flex;
	width: 100%;
	white-space: nowrap;
}

.customDropdownIco {
	position: absolute;
	right: 0;
	opacity: 0.5;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	transition: 0.2s;
}

.customDropdownIco:before {
	content: "";
	position: absolute;
	top: 13px;
	width: 10px;
	height: 6px;
	background: url("/images/icons/ico-arrow-up-dark-small.svg") no-repeat center;
	transition: 0.1s ease-out;
}

.customDropdownIco:after {
	content: "";
	position: absolute;
	bottom: 13px;
	width: 10px;
	height: 6px;
	background: url("/images/icons/ico-arrow-down-dark-small.svg") no-repeat center;
	transition: 0.1s ease-out;
}

.customDropdownIcoToggle:before {
	top: 11px;
}

.customDropdownIcoToggle:after {
	bottom: 11px;
}

.customDropdownList {
	position: absolute;
	width: 100%;
	top: 100%;
	overflow: hidden;
	background-color: #fff;
	border-radius: 8px;
	border: 1px solid var(--fb-secondary10);
	box-shadow: var(--fb-shadow-small);
	opacity: 0;
	visibility: hidden;
	transition: 0.2s;
	z-index: 10;
}

.customDropdownList.listActive {
	opacity: 1;
	transform: translateY(4px);
	visibility: initial;
}

.customDropdownItem {
	height: 40px;
	display: flex;
	align-items: center;
	padding: 0 40px 0 16px;
	cursor: pointer;
	white-space: nowrap;
}

.customDropdownItem:hover {
	background-color: var(--fb-secondary10);
}

.customDropdownItemHighlight {
	color: var(--fb-pink);
	background-color: var(--fb-secondary5);
}

/* -------------------------------------------- customRadioGroup */
.customRadioGroupContent {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 2px 4px;
	border-radius: 8px;
	background-color: var(--fb-secondary10);
}

.customRadioGroupItem [type="radio"]:checked,
.customRadioGroupItem [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}
.customRadioGroupItem [type="radio"]:checked + label,
.customRadioGroupItem [type="radio"]:not(:checked) + label {
	cursor: pointer;
	display: block;
	padding: 6px 12px;
	margin: 2px 0;
	border-radius: 8px;
	color: var(--fb-secondary75);
	font-weight: bold;
	text-align: center;
	transition: all 0.2s ease;
}
.customRadioGroupItem [type="radio"]:not(:checked) + label:hover {
	color: var(--fb-secondary);
}
.customRadioGroupItem [type="radio"]:checked + label {
	color: var(--fb-pink-active);
	background-color: #fff;
}

/* -------------------------------------------- customAccordion */
.customAccordionToggle {
	position: sticky;
	top: 40px;
	display: flex;
	align-items: center;
	cursor: pointer;
	background-color: var(--fb-secondary10);
	border-radius: 4px;
	height: 48px;
	font-weight: bold;
	padding-left: 16px;
	transition: 0.2s ease-out;
}
.customAccordionToggle:hover {
	background-color: var(--fb-secondary20);
}
.customAccordionToggle:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
	height: 48px;
	background: url("/images/icons/ico-arrow-down-dark-small.svg") no-repeat center;
	transition: transform 0.2s ease-out;
}
.customAccordionToggleActive {
	background-color: var(--fb-secondary20);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.customAccordionToggleActive:after {
	transform: rotate(180deg);
}
.customAccordionInner {
	overflow: hidden;
	display: none;
}
.customAccordionInner .showInner {
	display: block;
}
.customAccordionContent {
	font-size: 14px;
	line-height: 19px;
	overflow: hidden;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid var(--fb-secondary10);
	border-top: 0;
}

/* -------------------------------------------- Banners bLock */
.bannerTitle {
	margin-bottom: 16px;
	font-size: 42px;
	line-height: 1.32;
	font-weight: bold;
}

.bannerSubTitle {
	font-size: 22px;
	line-height: 1.48;
	margin-bottom: 8px;
}

.bannerPromocode {
	margin-bottom: 4px;
}

.bannerPromocode span {
	cursor: pointer;
	position: relative;
	display: inline-block;
	background-color: var(--fb-blue10);
	border-radius: 4px;
	padding: 4px 6px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.75px;
	margin-left: 4px;
}

.bannerPromocodeCopy {
	display: inline;
	opacity: 0;
	transition: 0.3s;
}

.bannerPromocodeCopy::after {
	content: "Нажмите, чтобы скопировать";
	position: absolute;
	left: calc(100% + 10px);
	color: #fff;
	background-color: var(--fb-secondary);
	padding: 0 6px;
	font-size: 13px;
	line-height: 20px;
	border-radius: 3px;
	text-transform: none;
	font-weight: normal;
	letter-spacing: normal;
	white-space: nowrap;
}

.bannerPromocodeCopy::before {
	content: "";
	position: absolute;
	top: 9px;
	left: calc(100% + 7px);
	transform: rotate(45deg);
	background-color: var(--fb-secondary);
	width: 9px;
	height: 9px;
	border-radius: 2px;
}

.bannerPromocodeCopyActive::after {
	content: "Промокод скопирован";
	background-color: var(--fb-green);
}

.bannerPromocodeCopyActive::before {
	background-color: var(--fb-green);
}

.bannerPromocode span:hover .bannerPromocodeCopy {
	opacity: 1;
}

/* -------------------------------------------- Color tags */
.tags {
	line-height: 24px;
	padding: 0 8px;
	border-radius: 4px;
	width: max-content;
	font-size: 13px;
}

.tagPink {
	background-color: var(--fb-pink20);
	color: var(--fb-pink);
}

.tagRed {
	background-color: var(--fb-red20);
	color: var(--fb-red);
}

.tagViolet {
	background-color: var(--fb-violet20);
	color: var(--fb-violet);
}

.tagBlue {
	background-color: var(--fb-blue20);
	color: var(--fb-blue);
}

.tagGray {
	background-color: var(--fb-secondary10);
	color: var(--fb-secondary75);
}

/* -------------------------------------------- News block */

/* Стиль для вставки видео */
.newsMedia {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 32px auto;
	border-radius: 8px;
}
.newsMedia::after {
	padding-top: 56.25%;
	display: block;
	content: "";
}
.newsMedia > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

/* Промокод */
.stockPromocode {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 24px 0 32px;
}
.stockPromocode > span {
	margin-bottom: 8px;
}

.stockCode {
	position: relative;
	cursor: pointer;
	color: var(--fb-pink-active);
	border: 2px solid var(--fb-pink-active);
	border-radius: 8px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1.8px;
	padding: 8px 48px;
	transition: 0.1s;
}
.stockCode:hover {
	color: #fff;
	background-color: var(--fb-pink-active);
}
.stockCode:active {
	border: 2px solid var(--fb-pink-touch);
	background-color: var(--fb-pink-touch);
}

/* -------------------------------------------- Multiple buttons sales */
.stockLinks {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 16px 0;
}
.stockLinks a {
	margin: 0 8px 16px;
}

/* -------------------------------------------- Sale rules */
.stockTerms {
	color: var(--fb-secondary);
	background-color: var(--fb-secondary2);
	padding: 16px 24px;
	margin: 24px 0 40px;
	border-top: 1px solid var(--fb-secondary20);
	border-bottom: 1px solid var(--fb-secondary20);
}
.stockTerms ul {
	margin: 0;
}
.stockTerms li {
	font-size: inherit;
	line-height: 1.48;
	margin-bottom: 4px;
}
.stockTerms li:last-child {
	margin-bottom: 0;
}

.stockTermsAddition {
	line-height: 1.48;
	padding: 8px 16px;
	color: var(--fb-secondary);
	border-left: 4px solid var(--fb-red);
}

/* -------------------------------------------- Sale rules old */
.detailNewsTerms {
	color: var(--fb-secondary);
	background-color: var(--fb-blue5);
	font-size: 14px;
	padding: 24px 24px 16px;
	margin: 32px 0;
	border-top: 1px solid var(--fb-blue10);
	border-bottom: 1px solid var(--fb-blue10);
}

.detailNewsTermsTitle {
	margin-bottom: 4px;
	font-weight: bold;
}

.detailNewsTerms ul {
	margin: 0;
}

.detailNewsTerms li {
	font-size: inherit;
	line-height: 1.48;
	margin-bottom: 4px;
}
.detailNewsTerms li:last-child {
	margin-bottom: 0;
}

/* -------------------------------------------- PopUp */
.bodyOverflow {
	overflow: hidden;
	margin-right: 17px;
}

.popUp {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(20, 30, 40, 0.9);
	z-index: 10000;
}

.popUpContainer {
	position: relative;
	width: 100%;
	max-width: 768px;
	overflow: hidden;
	margin: auto 8px;
	padding: 24px;
	background-color: #fff;
	box-shadow: var(--fb-shadow-hover);
	border-radius: 10px;
}

.popUpClose {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	width: 56px;
	height: 56px;
	border-radius: 4px;
	background: url("/images/icons/ico-close.svg") no-repeat center;
	background-size: 16px;
	opacity: 0.6;
	transition: opacity 0.2s;
}

.popUpClose:hover {
	opacity: 1;
}

.popUpHead {
	font-size: 28px;
	line-height: 1, 48;
	font-weight: bold;
	margin-bottom: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.popUpContent {
	margin-bottom: 32px;
}

.popUpContentWarn {
	display: inline-block;
	line-height: 1.48;
	font-weight: bold;
	color: var(--fb-red);
	background-color: var(--fb-red20);
	border-radius: 4px;
	padding: 2px 8px;
}

.popUpButtons {
	display: flex;
	justify-content: center;
}

.popUpButtons > div {
	margin: 0 8px;
}
.popUpButtons > div:first-child {
	margin-left: 0;
}
.popUpButtons > div:last-child {
	margin-right: 0;
}

/* -------------------------------------------- Additional info */

.attentionText {
	margin: 16px 0;
	padding: 8px 16px;
	font-size: 14px;
	line-height: 1.48;
	border-radius: 8px;
	background-color: var(--fb-violet10);
	border: 1px solid var(--fb-violet20);
	color: var(--fb-violet);
}
.attentionText a {
	text-decoration: underline;
}

.attentionTextGood {
	margin: 16px 0;
	padding: 8px 16px;
	font-size: 14px;
	line-height: 1.48;
	border-radius: 8px;
	background-color: var(--fb-green10);
	border: 1px solid var(--fb-green20);
	color: var(--fb-green);
}
.attentionTextBad {
	margin: 16px 0;
	padding: 8px 16px;
	font-size: 14px;
	line-height: 1.48;
	border-radius: 8px;
	background-color: var(--fb-red10);
	border: 1px solid var(--fb-red20);
	color: var(--fb-red);
}
.attentionTextWarning {
	margin: 16px 0;
	padding: 8px 16px;
	font-size: 14px;
	line-height: 1.48;
	border-radius: 8px;
	background-color: var(--fb-orange10);
	border: 1px solid var(--fb-orange20);
	color: var(--fb-orange);
}
.attentionHigh {
	margin: 16px 0;
	padding: 16px;
	line-height: 1.48;
	border-radius: 8px;
	background-color: var(--fb-red10);
	border: 1px solid var(--fb-red20);
	color: var(--fb-red);
}

/* -------------------------------------------- plugins Fixes */
/* Fix Owl Carousel for CLS */
.owl-carousel {
	display: block;
}

/* -------------------------------------------- bx-component-debug (?show_page_exec_time=Y) */
div.bx-component-debug {
	border-radius: 8px;
	color: var(--fb-secondary75);
	background-color: var(--fb-secondary20);
	background-image: none;
	font-family: Verdana;
	text-align: left;
}
div.bx-debug-summary {
	position: fixed;
	bottom: 16px;
	left: 16px;
	padding: 8px 16px;
	font-size: 12px;
	z-index: 9999;
}
span#bx_main_exec_time {
	font-weight: bold;
	color: var(--fb-secondary);
}

/* -------------------------------------------- adaptive */
@media screen and (max-width: 768px) {
	.bannerTitle {
		font-size: 36px;
	}
	.bannerText p {
		font-size: 14px;
		line-height: 1.48;
		margin-bottom: 4px;
	}
	.bannerText p:last-child {
		margin-bottom: 0;
	}
	.mainBannerDots {
		display: none;
	}
	.bannerPromocodeCopy::after,
	.bannerPromocodeCopy::before {
		display: none;
	}
}

@media screen and (max-width: 576px) {
	.wrapper,
	.wrapperGallery,
	.wrapperText {
		padding: 0 8px;
	}
	h1,
	.title1,
	.titleProduct {
		font-size: 28px;
		margin-bottom: 24px;
	}
	h2,
	.title2 {
		font-size: 22px;
		margin-bottom: 16px;
	}
	h3,
	.title3 {
		font-size: 18px;
	}
	h4,
	.title4 {
		font-size: 16px;
	}
	.bannerTitle {
		font-size: 28px;
	}
	.bannerSubTitle {
		font-size: 18px;
	}
	.popUpButtons {
		flex-direction: column;
	}
	.popUpContainer {
		padding: 16px 16px 0;
	}
	.popUpButtons > div {
		margin: 0 0 16px;
	}
	.stockLinks a {
		margin: 0 0 16px;
	}
}

/* End */


/* Start:/local/templates/fotobook/template_styles.css?174358166132689*/
/* Header */
.topLine {
	position: sticky;
	top: 0;
	font-size: 14px;
	background-color: #fff;
	box-shadow: var(--fb-shadow-small);
	z-index: 999;
}
.topLineContent {
	max-width: 1200px;
	height: 40px;
	margin: 0 auto;
	padding: 0 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.topLineContentLeft {
	display: flex;
	flex: 1;
}
.topLineContentCenter {
	display: none;
	flex: 3;
	justify-content: center;
}
.topLineContentRight {
	flex: 1;
}
.topLineContentSocial {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 16px;
}

/* ----------------------------------- User menu */
.topLineMenu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.topLineMenu a {
	color: var(--fb-secondary);
	white-space: nowrap;
}
.topLineMenu a:hover {
	text-decoration: none;
	color: var(--fb-pink-active);
}
.topLineMenu a.linkViolet {
	color: var(--fb-violet);
}
.topLineMenu a.linkViolet:hover {
	color: var(--fb-violet-active);
}

.topLineMenu .btnLogin {
	padding: 4px 12px;
	margin-right: 8px;
	border-radius: 4px;
	color: var(--fb-secondary);
	background-color: var(--fb-secondary10);
	transition: 0.2s;
}
.topLineMenu .btnLogin:hover {
	color: var(--fb-primary);
	background-color: var(--fb-secondary20);
}
.topLineMenu .btnLogin:active {
	background-color: var(--fb-secondary50);
}
.topLineMenu .btnRegister {
	padding: 4px 12px;
	background-color: var(--fb-pink10);
	border-radius: 4px;
	color: var(--fb-pink);
	transition: 0.2s;
}
.topLineMenu .btnRegister:hover {
	color: var(--fb-pink);
	background-color: var(--fb-pink20);
}
.topLineMenu .btnRegister:active {
	background-color: var(--fb-pink40);
}

.topLineBasket {
	display: flex;
	align-items: center;
	margin: 0 16px;
	padding: 0 16px;
	border-left: 1px solid var(--fb-secondary10);
	border-right: 1px solid var(--fb-secondary10);
}
.topLineBasket svg {
	margin-right: 8px;
}
.topLineBasket svg .topLineSvgBasket {
	transition: 0.2s;
	fill: var(--fb-secondary50);
}
.topLineBasket:hover svg .topLineSvgBasket {
	fill: var(--fb-pink-active);
}

.basketSmall {
	position: relative;
	padding: 2px 6px;
	background-color: var(--fb-secondary5);
	border-radius: 4px;
	color: var(--fb-secondary);
	font-size: 13px;
	text-align: center;
}
.topLineBasket:hover .basketSmall {
	color: var(--fb-pink);
	background-color: var(--fb-pink10);
}

.topLineUser {
	position: relative;
}
.topLineUser a {
	display: flex;
	align-items: center;
}
.topLineUser:hover .topLineUserLink {
	color: var(--fb-pink-active);
}
.topLineUserLink img {
	position: relative;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	border-radius: 50%;
	font-size: 0;
	background-color: var(--fb-secondary10);
}
.topLineUser svg {
	margin-left: 8px;
	margin-top: 1px;
}
.topLineUser svg .topLineSvgArrowDown {
	transition: 0.2s;
	fill: var(--fb-secondary75);
}
.topLineUser:hover svg .topLineSvgArrowDown {
	fill: var(--fb-pink-active);
}

.topLineUserMenu {
	position: absolute;
	right: -4px;
	top: 20px;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-8px);
	transition: 0.2s;
}
.topLineUserMenuContent {
	position: relative;
	margin-top: 20px;
	padding: 8px;
	border-radius: 8px;
	box-shadow: var(--fb-shadow);
	background-color: #fff;
}
.topLineUserMenuContent::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	top: -4px;
	right: 24px;
	background-color: #fff;
	transform: rotate(45deg);
}
.topLineUser:hover .topLineUserMenu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
a.topLineUserMenuItem {
	font-size: 14px;
	line-height: 1.48;
	padding: 4px 24px 4px 16px;
	border-radius: 4px;
	background-color: #fff;
	transition: 0.2s;
}
a.topLineUserMenuItem[data-item="profile"] {
	padding-right: 8px;
}
a:hover.topLineUserMenuItem {
	background-color: var(--fb-secondary10);
}
a.topLineUserMenuItemGray {
	color: var(--fb-secondary75);
}
.topLineUserMenuBageProfi {
	margin-left: 8px;
	padding: 0 4px;
	border-radius: 4px;
	background: var(--fb-gradient-profi);
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}
.topLineUserMenuBalance {
	font-weight: bold;
	color: var(--fb-pink-active);
}
.topLineUserMenuSep {
	width: 100%;
	height: 1px;
	background-color: var(--fb-secondary10);
	margin: 4px 0;
}

/* ----------------------------------- Mobile user menu */
.topLineMenuMob {
	display: none;
	align-items: center;
	justify-content: flex-end;
}
.topLineMenuMob a {
	white-space: nowrap;
	color: var(--fb-secondary);
}
.topLineMenuMob a:hover {
	text-decoration: none;
	color: var(--fb-pink-active);
}

.topLineIcoMob {
	position: relative;
	display: flex;
	align-items: center;
}
.topLineIcoMob svg {
	height: 40px;
}
.topLineIcoMob svg .topLineSvg {
	transition: 0.2s;
	fill: var(--fb-secondary50);
}
.topLineIcoMob:hover svg .topLineSvg {
	fill: var(--fb-pink-active);
}

.basketSmallMob {
	position: absolute;
	top: 2px;
	left: 16px;
	padding: 2px 6px;
	background-color: var(--fb-pink);
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	text-align: center;
}

/* ----------------------------------- Mobile user menu */
.topLineMob {
	display: none;
	flex: 1;
}
.itemProfile {
	font-size: 0;
	color: transparent;
}
.icoBurger {
	position: relative;
	top: -1px;
	background-color: var(--fb-secondary50);
}
.icoBurger .icoBurgerLine1 {
	position: absolute;
	width: 24px;
	height: 3px;
	top: 0;
	left: 0;
	border-radius: 2px;
	background-color: inherit;
	transition: 0.2s ease-out;
}
.icoBurger .icoBurgerLine2 {
	position: absolute;
	width: 24px;
	height: 3px;
	top: 8px;
	left: 0;
	border-radius: 2px;
	background-color: inherit;
	transition: 0.2s ease-out;
}
.icoBurger .icoBurgerLine3 {
	position: absolute;
	width: 24px;
	height: 3px;
	top: -8px;
	left: 0;
	border-radius: 2px;
	background-color: inherit;
	transition: 0.2s ease-out;
}
.icoBurgerClose .icoBurgerLine1 {
	width: 0;
	opacity: 0;
}
.icoBurgerClose .icoBurgerLine2 {
	top: -1px;
	transform: rotate(-45deg);
}
.icoBurgerClose .icoBurgerLine3 {
	top: -1px;
	transform: rotate(45deg);
}
.icoMobMenu:hover {
	cursor: pointer;
}
.icoMobMenu:hover .icoBurger {
	background-color: var(--fb-pink-active);
}
.icoMobMenu input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
.icoMobMenu label {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.mobMenu {
	display: none;
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	width: 90%;
	height: calc(100% - 48px);
	top: 48px;
	background-color: #fff;
	transform: translateX(-100%);
	transition: transform 0.3s ease-out;
	z-index: 8888;
}
.mobMenuShow {
	display: block;
	transform: translateX(0);
	box-shadow: var(--fb-shadow-hover);
}

.mobMenuItemHead,
.mobMenuItemHeadSingle {
	border-bottom: 1px solid var(--fb-secondary10);
	cursor: pointer;
	color: var(--fb-deepblue);
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	text-transform: uppercase;
	position: relative;
	font-weight: bold;
	padding-left: 16px;
	cursor: pointer;
}

.mobMenuItemHead:hover,
.mobMenuItemHeadSingle:hover {
	background-color: var(--fb-secondary10);
}

.mobMenuItemHead:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 64px;
	height: 48px;
	background: url("/images/icons/ico-arrow-down-dark-small.svg") no-repeat center;
	transition: transform 0.2s ease-out;
}
.mobMenuItemСontent {
	border-bottom: 1px solid var(--fb-secondary10);
	background-color: var(--fb-secondary2);
	overflow: hidden;
	display: none;
	padding: 0 16px;
}

.mobMenuItemActive {
	background-color: var(--fb-secondary10);
}
.mobMenuItemActive:after {
	transform: rotate(180deg);
}

.mobMenuItemHeadProfile {
	display: flex;
	justify-content: space-between;
	background-color: var(--fb-violet20);
	color: var(--fb-violet);
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	text-transform: uppercase;
	position: relative;
	font-weight: bold;
	padding: 0 24px 0 16px;
}
.mobMenuItemHeadProfileAvatar {
	display: flex;
}
.mobMenuItemHeadProfileAvatar img {
	width: 32px;
	height: 32px;
	margin: auto;
	border-radius: 50%;
}

.mobMenuItemСontentProfile {
	border-bottom: 1px solid var(--fb-violet20);
	background-color: var(--fb-violet10);
	overflow: hidden;
	padding: 0 16px;
}

.mobMenuItemTitle {
	font-size: 18px;
	line-height: 1.48;
	font-weight: bold;
	margin: 16px 0 8px;
}
.mobMenuItemLinks {
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
	padding: 0 16px 0 8px;
}
.mobMenuItemLinks a {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	text-decoration: none;
	color: var(--fb-primary);
	line-height: 1.48;
}
.mobMenuItemLinks a:hover {
	color: var(--fb-pink-active);
}
.mobMenuItemLinks a:last-child {
	margin-bottom: 0;
}
.mobMenuItemLinkBalance {
	color: var(--fb-pink);
	font-weight: bold;
}
a.mobMenuItemMore {
	font-size: 14px;
	color: var(--fb-pink);
}
a.mobMenuItemMore:hover {
	color: var(--fb-pink-active);
}
a.mobMenuViolet {
	color: var(--fb-violet);
}
a.mobMenuGray {
	color: var(--fb-secondary);
}

.mobMenuBtn {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 8px 0;
	padding: 0 16px;
}
.mobMenuItemLinksAfter {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 0 16px 16px;
}
.mobMenuItemLinksAfter a {
	font-size: 18px;
	margin: 0 4px 8px;
}
.mobMenuItemAuth {
	text-align: center;
	padding: 0 16px 32px;
}

.topLineAdditionMenu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: 24px;
}
.topLineAdditionMenu a {
	white-space: nowrap;
	margin-right: 16px;
	color: var(--fb-secondary);
}
.topLineAdditionMenu a:last-child {
	margin-right: 0;
}
.topLineAdditionMenu a:hover {
	text-decoration: none;
	color: var(--fb-pink-active);
}

.mobMenuWT {
	font-size: 14px;
    padding: 8px 0 8px 16px;
}
/* ----------------------------------- Top line info */
.topLineInfo {
	/*display: flex;*/
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	font-size: 13px;
	line-height: 1.32;
	text-align: center;
}
.topLineInfo a {
	background-color: rgba(255, 255, 255, 0.25);
	padding: 4px 16px;
	margin-left: 16px;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	white-space: nowrap;
}
.topLineInfo a:hover {
	background-color: rgba(255, 255, 255, 1);
	color: var(--fb-pink-active);
}

/* ----------------------------------- Header */
.headerContent {
	display: flex;
	justify-content: space-between;
	height: 80px;
}
.headerContentLeft,
.headerContentRight {
	display: flex;
	align-items: center;
}

.headerPhone:first-child {
	margin-right: 32px;
}
a.headerPhoneNum {
	display: block;
	color: var(--fb-primary);
	font-size: 28px;
	text-decoration: none;
}
a.headerPhoneNum:hover {
	color: var(--fb-pink-active);
}
.subPhone {
	display: inline-block;
	color: var(--fb-secondary);
	font-size: 14px;
}
.callMy {
	cursor: pointer;
	color: var(--fb-orange-active);
	border-bottom: 1px dotted;
}
.additionTopInfo {
	font-size: 14px;
	margin-left: 32px;
	margin-bottom: 0;
	color: var(--fb-secondary);
}

/* ----------------------------------- Main menu */
.mainMenu {
	background-color: var(--fb-blue20);
}
.mainMenuContainer {
	position: relative;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 10;
}

.mainMenuItem {
	position: relative;
	height: 100%;
}
a.mainMenuItemLink {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 16px;
	font-size: 15px;
	letter-spacing: 0.4px;
	color: var(--fb-deepblue);
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
}
.mainMenuItem:hover a.mainMenuItemLink {
	background-color: #fff;
}
.mainMenuItem:hover a.mainMenuItemLinkAccent {
	background-color: var(--fb-blue40);
}

.subMenu {
	display: flex;
	position: absolute;
	background-color: #fff;
	text-decoration: none;
	top: 48px;
	left: 0;
	white-space: nowrap;
	padding: 0 32px 16px 16px;
	border-radius: 0 0 8px 8px;
	box-shadow: var(--fb-shadow);
	transition: 0.2s;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
}
.mainMenuItem:last-child .subMenu {
	right: 0;
	left: unset;
}
.mainMenuItem:hover .subMenu {
	padding-bottom: 20px;
	visibility: visible;
	opacity: 1;
}
.subMenuCol {
	margin-right: 56px;
	transform: translateY(-4px);
	transition: 0.2s;
}
.subMenuCol:last-child {
	margin-right: 0;
}
.mainMenuItem:hover .subMenuCol {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.subMenuColTitle {
	font-size: 18px;
	margin: 24px 0 8px;
	font-weight: bold;
}

.subMenuItem {
	margin-left: 8px;
}

.subMenuItem a {
	display: block;
	color: var(--fb-primary);
	line-height: 1.48;
	margin-bottom: 8px;
	transition: 0.2s;
}
.subMenuItem a:last-child {
	margin-bottom: 0;
}
.subMenuItem a:hover {
	color: var(--fb-pink-active);
}
.subMenuItem a.menuItemMore {
	font-size: 14px;
	color: var(--fb-pink);
}
.subMenuItem a.menuItemMore:hover {
	color: var(--fb-pink-active);
}

.subMenuItem a.menuLinkPink {
	color: var(--fb-pink);
}
.subMenuItem a.menuLinkViolet {
	color: var(--fb-violet);
}
.subMenuItem a.menuLinkGray {
	color: var(--fb-secondary);
}
.subMenuItem a.menuLinkPink:hover {
	color: var(--fb-pink-active);
}
.subMenuItem a.menuLinkViolet:hover {
	color: var(--fb-violet-active);
}
.subMenuItem a.menuLinkGray:hover {
	color: var(--fb-primary);
}

/* ----------------------------------- EmojiIcons Menu */

.emoji::after {
	position: absolute;
	margin-left: 2px;
}

.emoji-fire::after {
	content: "🔥";
}
.emoji-redheart::after {
	content: "❤️";
}
.emoji-christmastree::after {
	content: "🎄";
}
.emoji-graduationcap::after {
	content: "🎓";
}

/* ----------------------------------- Profile menu */
.profileMenu {
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 32px;
}
.profileMenu::before {
	position: absolute;
	height: 2px;
	width: 100%;
	bottom: 0;
	background-color: var(--fb-secondary10);
	content: "";
}
.profileMenuItem {
	position: relative;
	color: var(--fb-secondary);
	font-weight: bold;
	margin: 0 16px;
	height: 48px;
	line-height: 48px;
}
.profileMenuItem:hover {
	color: var(--fb-pink-active);
	text-decoration: none;
}
.profileMenuItem::before {
	position: absolute;
	content: "";
	bottom: 0;
	height: 2px;
	width: 100%;
	background-color: transparent;
	transition: 0.2s;
}
.profileMenuItem:hover::before {
	background-color: var(--fb-pink-active);
}

.profileMenuItemActive {
	color: var(--fb-pink-active);
}
.profileMenuItemActive:hover {
	color: var(--fb-pink-active);
}
.profileMenuItemActive::before {
	position: absolute;
	content: "";
	bottom: 0;
	height: 2px;
	background-color: var(--fb-pink-active);
	width: 100%;
}

.profileMenuAuth {
	margin: 16px 0 32px;
	background-color: var(--fb-red20);
	border-radius: 8px;
	color: var(--fb-red);
	padding: 16px;
	text-align: center;
}
.profileMenuAuth a {
	color: var(--fb-red);
	font-weight: bold;
	text-decoration: underline;
}
.profileMenuAuth a:hover {
	text-decoration: underline;
}

/* ----------------------------------- Addition menu */
.additionMenu {
	display: flex;
	justify-content: space-between;
	margin-bottom: 32px;
}
.additionMenuItem,
.additionMenuItemBlank {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1;
	height: 48px;
	padding: 0 24px;
	border-radius: 8px;
	margin-right: 8px;
}
.additionMenuItem:last-child {
	margin-right: 0;
}
.additionMenuItem:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 24px;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	background: url("/images/icons/ico-arrow-right-white-small.svg") no-repeat center;
	transition: 0.2s ease-out;
	opacity: 0;
}
.additionMenuItem:hover:after {
	right: 16px;
	opacity: 1;
}

/* ----------------------------------- Multi elements block */
.blockMultiEl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
.blockMultiElHead {
	margin: 0;
	font-size: 28px;
	font-weight: bold;
}
.blockMultiElLine {
	flex: 1;
	margin: 0 32px;
	height: 1px;
	background-color: var(--fb-secondary10);
}
.blockMultiEl > a {
	white-space: nowrap;
}
.blockMultiElArrows {
	margin-left: 24px;
	display: flex;
}
.blockMultiElArrows > div {
	width: 40px;
	height: 40px;
	background-color: var(--fb-secondary10);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.1s;
}
.blockMultiElArrows > div:hover {
	cursor: pointer;
	background-color: var(--fb-pink-active);
}
.blockMultiElArrowPrev {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.blockMultiElArrowNext {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.blockMultiElArrows div svg {
	fill: var(--fb-secondary);
	transition: 0.1s;
}
.blockMultiElArrows div:hover svg {
	fill: #fff;
}
.arrowsDisable {
	opacity: 0.4;
	pointer-events: none;
}

/* ----------------------------------- Cards themes */
.cardsTheme {
	margin-top: -24px;
}
.cardsThemeItem {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 24px 0 48px;
	width: 240px;
	height: 240px;
	border-radius: 8px;
	box-shadow: var(--fb-shadow);
	transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
}
.cardsThemeItem:hover {
	box-shadow: var(--fb-shadow-hover);
	transform: scale(1.05);
}
.cardsThemeItem img {
	border-radius: 8px;
	width: 232px;
	height: 232px;
}
.cardsThemeName {
	position: absolute;
	bottom: 32px;
	color: #fff;
}

/* ----------------------------------- Cards product */
.cardsProduct {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 32px;
}
.cardProductItem {
	position: relative;
	width: 336px;
	margin: 0 16px 32px;
	border-radius: 8px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: var(--fb-shadow);
	transition: 0.2s ease-out;
}
.cardProductItem:hover {
	box-shadow: var(--fb-shadow-hover);
}
.cardProductItemImg {
	height: 192px;
	overflow: hidden;
}
.cardProductItemImg img {
	width: 100%;
	object-fit: cover;
	transition: 0.5s ease-out;
}
.cardProductItem:hover img {
	transform: scale(1.05);
}
.cardProductItemContent {
	padding: 16px 24px 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.cardProductItemHead {
	font-size: 28px;
	line-height: 1.32;
	font-weight: bold;
	margin-bottom: 8px;
	text-align: center;
}
.cardProductItemHeadNoP {
	font-size: 28px;
	line-height: 1.32;
	font-weight: bold;
	text-align: center;
}
.cardProductItemSubHead {
	line-height: 1.48;
	margin-bottom: 8px;
}
.cardProductItemText {
	font-size: 14px;
	line-height: 1.48;
	margin-bottom: 8px;
}
.cardProductItemPrice {
	display: flex;
	align-items: baseline;
	margin-bottom: 4px;
}
.cardProductItemPriceMin {
	color: var(--fb-deepblue);
	font-size: 24px;
}
.cardProductItemPriceOld {
	font-size: 18px;
	color: var(--fb-secondary);
	text-decoration: line-through;
	margin-left: 16px;
}
.cardProductVip {
	position: absolute;
	font-size: 14px;
	pointer-events: none;
	top: 8px;
	right: 8px;
	padding: 4px 8px 4px 24px;
	border-radius: 4px;
	color: var(--fb-secondary2);
	background: var(--fb-primary) url("/images/icons/ico-checkbox.svg") no-repeat 7px center;
	z-index: 1;
}
.cardProductTime {
	margin-bottom: 16px;
	color: var(--fb-secondary);
	font-size: 14px;
}

/* ----------------------------------- Info block */
.blocksInfo {
	margin-bottom: 64px;
}
.blockInfo {
	display: flex;
	flex-wrap: wrap;
	border-radius: 8px;
	margin-bottom: 48px;
	overflow: hidden;
	background-color: var(--fb-secondary5);
}
.blockInfoIndent {
	margin-bottom: 60px;
}
.blockInfoContent {
	flex: 1;
	padding: 32px 32px 32px 40px;
}
.blockInfoImg {
	flex: 1;
}
.blockInfoText {
	margin-bottom: 24px;
}
.blockInfoLinks {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.blockInfoLinks a {
	margin-bottom: 8px;
	margin-right: 24px;
}
.blockInfoLinks a:last-child {
	margin-right: 0;
}
.blockInfoImg {
	flex: 1;
}
.blockInfoEditors {
	background: url("/images/main-editors.png") no-repeat center;
	background-size: contain;
}
.blockInfoUploaders {
	background: url("/images/main-uploaders.png") no-repeat center;
	background-size: contain;
}
.blockInfoDesignCalendar {
	background: url("/images/main-designcalendar.png") no-repeat center;
	background-size: cover;
}
.blockInfoPhoto {
	background: url("/images/main-photouploader.png") no-repeat center bottom;
	background-size: contain;
}
.blockInfoBox {
	background: url("/images/main-box.png") no-repeat left center;
	background-size: cover;
}
.blockInfoSert {
	background: url("/images/main-sert.png") no-repeat center;
	background-size: cover;
}

/* ----------------------------------- HowTo block */
.howTo {
	background-color: var(--fb-blue10);
	max-width: 768px;
	border-radius: 8px;
	margin: 0 auto 24px;
	padding: 16px 32px 24px;
}
.howTo ul {
	margin-bottom: 24px;
}
.howTo li {
	position: relative;
	list-style: none;
	margin-left: 48px;
	margin-bottom: 32px;
	font-size: 18px;
	line-height: 1.48;
	counter-increment: section;
}
.howTo li:last-child {
	margin-bottom: 0;
}
.howTo li::before {
	content: counter(section);
	position: absolute;
	left: -48px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--fb-pink);
}

.howTo p {
	margin-bottom: 0;
}

.howToItemCounter {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--fb-pink);
	margin-right: 16px;
}

/* ----------------------------------- Subscribe to Telegram block */
.subscribeTelegramBlock {
	margin: 0 auto 40px;
	max-width: 680px;
}
.subscribeTelegramMessage {
	position: relative;
	padding: 16px 128px 16px 24px;
	margin-bottom: 16px;
	border-radius: 8px;
	background: var(--fb-secondary2) url("/images/sticker-hello.gif") no-repeat;
	background-position: calc(100% - 16px) center;
	background-size: 96px;
	box-shadow: 0 6px 16px 0 rgba(80, 101, 119, 0.24);
}
.subscribeTelegramMessage::after {
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	bottom: -7px;
	left: 82px;
	border-bottom-right-radius: 2px;
	background-color: var(--fb-secondary2);
	transform: rotate(45deg);
}
.subscribeTelegramHeader {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
	font-size: 22px;
}
.subscribeTelegramHeader svg {
	flex-shrink: 0;
	width: 32px;
	margin-right: 24px;
}
.subscribeTelegramInfo {
	font-size: 14px;
	line-height: 1.48;
	color: var(--fb-secondary);
}
.subscribeTelegramButton {
	display: inline-block;
	margin-left: 16px;
	padding: 10px 24px;
	border-radius: 50px;
	cursor: pointer;
	color: #fff;
	background-color: #1d98dc;
}
.subscribeTelegramButton:hover {
	background-color: #0e8ed4;
	color: #fff;
	text-decoration: none;
}

/* ----------------------------------- POD */
.podContainer {
	position: fixed;
	left: 88px;
	bottom: 0;
	z-index: 999;
	display: flex;
	align-items: center;
	transform: translateY(100%);
	opacity: 0;
}
.podContainerShow {
	transform: translateY(-64px);
	transition-property: transform;
	transition-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
	transition-duration: 0.25s;
	opacity: 1;
}

.podSticker {
	position: absolute;
	left: -72px;
	bottom: -4px;
	width: 110px;
	height: 125px;
	background: url("/images/pod-sticker.png") no-repeat center;
	background-size: 100%;
	z-index: 999;
	transition: transform 0.2s ease-in-out;
}

.podSticker:hover {
	transform: scale(1.08);
}
.podBlock {
	position: relative;
	padding: 8px 16px 8px 56px;
	border-radius: 8px;
	background-color: var(--fb-secondary2);
	box-shadow: var(--fb-shadow-small);
}

.podHeader {
	margin-bottom: 2px;
	font-weight: bold;
}
.podSubheader {
	margin-bottom: 8px;
	font-size: 14px;
	color: var(--fb-secondary);
}
.podPriceBlock {
	margin-bottom: 8px;
	font-weight: bold;
	color: var(--fb-pink);
}
.podOldPrice {
	position: relative;
	display: inline-block;
	margin-left: 8px;
	font-weight: normal;
	color: var(--fb-secondary);
	text-decoration: line-through;
}

.podCodeBlock {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: var(--fb-secondary);
}
.podCode {
	border-radius: 4px;
	background-color: var(--fb-secondary10);
	margin-left: 8px;
	padding: 3px 6px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.podActiveTo {
	position: absolute;
	left: 48px;
	bottom: -22px;
	color: var(--fb-secondary);
	font-size: 13px;
}

.podClose {
	cursor: pointer;
	position: absolute;
	content: "";
	right: -8px;
	top: -8px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--fb-secondary75) url("/images/icons/ico-close-white.svg") no-repeat center;
	outline: 2px solid #fff;
	transition: background-color 0.1s;
}
.podClose:hover {
	background-color: var(--fb-secondary);
}

.podSmall {
	position: fixed;
	z-index: 999;
	bottom: 152px;
	right: 32px;
	width: 64px;
	height: 64px;
	background: url("/images/pod-sticker.png") no-repeat center;
	background-size: contain;
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	transition: 0.2s ease-in-out;
}
.podSmall:hover {
	transform: scale(1.06);
}
.podSmallHide {
	visibility: hidden;
	transform: translateY(8px);
	opacity: 0;
}
.podSmallMob {
	position: fixed;
	z-index: 999;
	bottom: 88px;
	right: 16px;
	width: 56px;
	height: 56px;
	background: url("/images/pod-sticker.png") no-repeat center;
	background-size: contain;
}

/* ----------------------------------- footerMenu */
footer {
	overflow: hidden;
}
.footerMenu {
	background-color: var(--fb-blue10);
}
.footerMenuContent {
	padding: 32px 0;
	display: flex;
	justify-content: space-between;
}
.footerContacts {
	display: flex;
	flex-direction: column;
	margin-right: 16px;
}
.footerPhones {
	margin: 24px 0 16px;
}
.footerPhone:first-child {
	margin-bottom: 16px;
}
a.footerPhoneNum {
	display: flex;
	color: var(--fb-primary);
	font-size: 22px;
	text-decoration: none;
}
a.footerPhoneNum:hover {
	color: var(--fb-pink-active);
}

.footerEmail {
	margin-bottom: 16px;
}
.footerEmail a {
	display: block;
	font-size: 14px;
	line-height: 1.48;
}

a.privacyLink {
	display: block;
	font-size: 14px;
	line-height: 1.48;
	color: var(--fb-secondary);
}
a.privacyLink:hover {
	color: var(--fb-pink-active);
}

.footerMenuTitle {
	font-size: 18px;
	line-height: 1.48;
	margin-bottom: 8px;
	color: var(--fb-deepblue);
	font-weight: bold;
}
.footerMenuCol {
	margin-right: 8px;
}
.footerMenuCol:last-child {
	margin-right: 0;
}
.footerMenuCol a {
	display: block;
	color: var(--fb-primary);
	line-height: 1.48;
	margin-bottom: 4px;
	transition: 0.2s;
}
.footerMenuCol a:hover {
	color: var(--fb-pink-active);
}
.footerMenuCol a:last-child {
	margin-bottom: 0;
}

.downLine {
	background-color: var(--fb-primary);
}
.downLineContent {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.copyright {
	font-size: 14px;
	color: #fff;
}
.copyrightMob {
	display: none;
	font-size: 14px;
	margin-top: 24px;
}

.social {
	display: block;
}
.socialMob {
	display: none;
	margin-bottom: 24px;
}

.socialIconsLight,
.socialIconsDark,
.socialIconsHeader {
	display: flex;
	justify-content: center;
	font-size: 0;
}

.socialItemLight,
.socialItemDark,
.socialItemHeader {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	margin: 0 4px;
}

.socialItemLight:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
.socialItemLight svg {
	fill: var(--fb-secondary20);
	transition: 0.2s;
}
.socialItemLight:hover svg {
	fill: #fff;
}

.socialItemDark svg {
	fill: var(--fb-secondary75);
	transition: 0.2s;
}
.socialItemDark:hover svg {
	fill: var(--fb-secondary);
}

.socialItemHeader svg {
	fill: var(--fb-secondary50);
	transition: 0.2s;
}
.socialItemHeader:hover svg {
	fill: var(--fb-pink-active);
}

/* ----------------------------------- footerFeedback */
.footerFeedbackWrapper {
	background: url("/images/feedback-bg.jpg") no-repeat center;
	background-size: cover;
}
.footerFeedback {
	display: flex;
	align-items: center;
	height: 160px;
	margin: 0 auto;
}
.footerFeedbackTitle {
	flex: 1;
	font-size: 28px;
	line-height: 1.24;
	font-weight: bold;
}
.footerFeedbackText {
	flex: 2;
	margin: 0 16px;
}

/* ----------------------------------- Cookie */
.cookieTerms {
	width: 100%;
	justify-content: center;
	display: none;
}
.cookieTermsContent {
	max-width: 992px;
	display: flex;
	align-items: center;
	position: fixed;
	bottom: 32px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: var(--fb-shadow-hover);
	padding: 16px 24px;
	margin: 0 16px;
	z-index: 999;
}
.cookieText {
	font-size: 14px;
	line-height: 1.48;
	margin-right: 24px;
}
.cookieText > span {
	display: block;
	margin-bottom: 4px;
}

/* ----------------------------------- PopUp small */
.changes-popup {
	display: flex;
	position: fixed;
	align-items: center;
	right: 32px;
	top: 160px;
	min-width: 320px;
	min-height: 80px;
	padding: 12px 48px 12px 16px;
	border-radius: 8px;
	background: var(--fb-gradient-green);
	box-shadow: var(--fb-shadow-popup);
	z-index: 999;
}
.changes-popup p {
	font-weight: bold;
	margin-bottom: 8px;
}
.changes-popup a {
	color: #fff;
	text-decoration: underline;
}
.changes-popup .closePopup {
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 4px;
	right: 8px;
	top: 8px;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0);
	background-image: url("/images/icons/ico-close.svg");
	background-position: center;
	background-repeat: no-repeat;
	transition: background-color 0.2s, transform 0.1s;
}
.changes-popup .closePopup:hover {
	background-color: rgba(255, 255, 255, 0.6);
}
.changes-popup .closePopup:active {
	transform: scale(0.9);
	background-color: rgba(255, 255, 255, 0.8);
}

/* ----------------------------------- Error 404 */
.page404 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 32px auto 64px;
	text-align: center;
}
.page404Img {
	margin: 8px 0 48px;
}
.page404Img img {
	width: 80%;
	margin: 0 auto;
}
.page404Title {
	color: var(--fb-secondary);
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 8px;
	font-weight: bold;
}

/* ----------------------------------- Adaptive */
@media screen and (max-width: 1200px) {
	a.mainMenuItemLink {
		font-size: 14px;
		padding: 0 8px;
	}
}

@media screen and (max-width: 992px) {
	.topLineAdditionMenu {
		display: none;
	}
	.additionTopInfo {
		display: none;
	}
	.mainMenuContainer {
		height: 40px;
	}
	a.mainMenuItemLink {
		font-size: 12px;
	}
	.subMenu {
		top: 40px;
	}
	.subMenuColTitle {
		font-size: 16px;
		margin: 16px 0 8px;
	}
	.subMenuItem a {
		font-size: 14px;
		margin-bottom: 4px;
	}
	.subMenuCol:nth-last-child(-n + 2) {
		margin-right: 0;
	}
	.subMenuColDop {
		display: none;
	}
	.additionMenu {
		display: none;
	}
	.blockMultiElArrows {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.topLine {
		margin-bottom: 16px;
	}
	.topLineContent {
		height: 48px;
		padding: 0 32px 0 16px;
	}
	.topLineContentLeft {
		display: none;
	}
	.topLineMob {
		display: flex;
	}
	.topLineContentCenter {
		display: flex;
	}
	.topLineContentSocial {
		display: none;
	}
	.topLineMenu {
		display: none;
	}
	.topLineMenuMob {
		display: flex;
	}
	/*.mobMenu {
		display: block;
	}*/
	header {
		display: none;
	}
	.blockInfoImg {
		display: none;
	}
	.blockMultiElHead {
		flex: 1;
		font-size: 22px;
		margin-right: 8px;
	}
	.blockMultiElLine {
		display: none;
	}
	.profileMenu {
		display: none;
	}
	.cookieTermsContent {
		flex-direction: column;
	}
	.cookieTermsContent span {
		margin-bottom: 10px;
		margin-right: 0;
	}
	.footerMenuCol {
		display: none;
	}
	.footerMenuContent {
		padding: 24px 0;
		justify-content: center;
	}
	.footerContacts {
		text-align: center;
		align-items: center;
		margin-right: 0;
	}
	.footerPhoneNum {
		justify-content: center;
	}
	.downLine {
		display: none;
	}
	.socialMob {
		display: flex;
	}
	.copyrightMob {
		display: block;
	}
	.footerFeedback img {
		display: none;
	}
	.footerFeedback {
		flex-direction: column;
		height: 100%;
		padding-top: 16px;
		padding-bottom: 24px;
		text-align: center;
	}
	.footerFeedbackText {
		margin: 8px 0 16px;
	}
}

@media screen and (max-width: 576px) {
	.topLineInfo a {
		margin-left: 8px;
	}
	.blockInfo {
		margin-bottom: 32px;
	}
	.blockInfoContent {
		padding: 24px 16px 16px;
	}
	.blockInfoLinks {
		justify-content: center;
	}
	.blockInfoLinks a {
		margin-right: 0;
	}
	.cardsThemeItem {
		width: 160px;
		height: 160px;
	}
	.cardsThemeItem img {
		width: 152px;
		height: 152px;
	}
	.cardsThemeName {
		bottom: 21px;
		font-size: 14px;
	}
	.cardProductItem {
		width: 100%;
		margin: 0 0 32px;
	}
	.subscribeTelegramBlock {
		margin: 0 16px 32px;
	}
	.subscribeTelegramMessage {
		padding-right: 64px;
		background-position: calc(100% - 8px) calc(100% - 16px);
		background-size: 72px;
	}
}
/* End */


/* Start:/personal/bonus/bonus.css?16463060051118*/
.bonusContent {
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--fb-secondary10);
}

.bonusBlock {
	flex-shrink: 0;
	position: relative;
	margin-right: 24px;
	margin-bottom: 20px;
	padding: 16px 16px 0;
	width: 256px;
	height: 96px;
	border-radius: 10px;
	background: var(--fb-gradient-pink);
}

.bonusBlock::after {
	content: "";
	position: absolute;
	width: 32px;
	height: 32px;
	top: 10px;
	right: 10px;
	background: url("/personal/images/ico-bonus.svg") no-repeat center;
}
.bonusBlockTitle {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	height: 20px;
	align-items: center;
	margin-bottom: 10px;
}

.bonusBlockQuantity {
	color: var(--fb-pink-active);
	font-weight: bold;
	font-size: 56px;
	line-height: 48px;
}

.bonusInfoText {
	color: var(--fb-secondary);
	font-size: 14px;
	margin-bottom: 5px;
}

.bonusInfoCost {
	color: var(--fb-deepblue);
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
	.bonusContent {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* End */
/* /local/templates/fotobook/styles.css?168793987927561 */
/* /local/templates/fotobook/template_styles.css?174358166132689 */
/* /personal/bonus/bonus.css?16463060051118 */