

/* Start:/local/templates/conferum/template_styles.css?17609525634431*/
@font-face {
	font-family: "Exo2 Light";
	src: url("/local/templates/conferum/fonts/exo-2/Exo2-Light.woff2") format("woff2"), url("/local/templates/conferum/fonts/exo-2/Exo2-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Exo2 Regular";
	src: url("/local/templates/conferum/fonts/exo-2/Exo2-Regular.woff2") format("woff2"), url("/local/templates/conferum/fonts/exo-2/Exo2-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Exo2 Medium";
	src: url("/local/templates/conferum/fonts/exo-2/Exo2-Medium.woff2") format("woff2"), url("/local/templates/conferum/fonts/exo-2/Exo2-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Exo2 Semi Bold";
	src: url("/local/templates/conferum/fonts/exo-2/Exo2-SemiBold.woff2") format("woff2"), url("/local/templates/conferum/fonts/exo-2/Exo2-SemiBold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Exo2 Bold";
	src: url("/local/templates/conferum/fonts/exo-2/Exo2-Bold.woff2") format("woff2"), url("/local/templates/conferum/fonts/exo-2/Exo2-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--main-color: #6646AB;
	--main-text-color: #000000;
	--main-background: #E7EAF6;
	--main-background-more: #ffffff;
	--main-background-button-one: #3BB456;
	--main-background-button-one--hover: #22943B;
	--main-background-button-one--active: #198230;
	--main-background-button-two: #6646AB;
	--main-background-button-two--hover: #5531A0;
	--main-background-button-two--active: #5531A0;
	--main-background-button-three: #ffffff;
	--main-background-button-three--hover: #E7EAF6;
	--main-background-button-three--active: #CED8FF;
	--main-background-button-radio: #ffffff;
	--main-background-button-radio--hover: #ffffff;
	--main-background-button-radio--checked: #6646AB;
	--main-color-link: #6646AB;
	--main-color-link--hover: #5531A0;
	--main-basket-color: #5531A0;
	--main-up-arrow-color: #5531A0;
	--gray-text: #5A6C77;
	--basket-main: rgba(102, 70, 171, 0.24);
	--basket-select: rgba(102, 70, 171, 0.08);
	--font-size-14px:14px;
	--font-size-16px:16px;
	--font-size-18px:18px;
	--font-size-16px:16px;
	--font-size-20px:20px;
	--font-size-13px: 13px;
	--font-size-24px: 24px;
	--font-size-20px: 20px;
	--font-size-32px: 32px;
	--step-complited: #D0EDD7;
	--step-error: #F6CECE;
	--order-detail-profile-info: #DBD3EB;
	
}


* {
	font-family: 'Exo2 Regular', 'Arial', sans-serif !important;
	box-sizing: border-box !important;
}

*::before,
*::after {
	box-sizing: inherit !important;
}

html,
body {
	height: 100%;
	font-size: 20px;
	line-height: 130%;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	scroll-behavior: smooth;
	scrollbar-gutter: stable;
	margin: 0;
}

a{
	color: var(--main-color);
}


main {
	width: min(100%, 1672px);
	display: flex;
	flex-flow: column;
	flex: 1 0 auto;
	margin: 0 auto;
}

.scroll-lock {
	overflow: hidden;
}

.visually-hidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

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

input[type='number'] {
	-moz-appearance: textfield;
}

.fa {
	font: normal normal normal 14px/1 FontAwesome !important;
}

.header__more-search-icon {
	cursor: pointer;
}

.developer_gf {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 11px;
	margin: 0;
	padding: 0;
	max-width: 285px;
	width: 100%;
}
  
.developer_gf:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
  
.developer_gf__title {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
	padding: 0;
	max-width: 214px;
}
  
.developer_gf__logo {
	display: block;
	width: 60px;
	height: 60px;
	background-image: url("/local/templates/conferum/./images/footer/Gendalf_logo.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: background-image 0.3s 
	ease, opacity 0.3s 
	ease;
}
  
.developer_gf:hover .developer_gf__logo {
	background-image: url("/local/templates/conferum/./images/footer/Gendalf_logo_hover.svg");
}
/* End */


/* Start:/local/templates/conferum/css/header.css?17670200369774*/
.header {
	width: min(100%, 1672px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 23px 1.28% 15px;
	margin: 0 auto;
	gap: clamp(0rem, -2.6995rem + 2.9787vw, 0.875rem);
}

@media (max-width: 1600px) {
	.header {
		padding: 23px 16px 15px;
	}
}

@media (max-width: 1024px) {
	.header {
		flex-flow: row wrap;
		gap: 30px 0;
	}

	.header--active {
		height: 100dvh;
		position: fixed;
		top: 0;
		left: 0;
		background-color: var(--main-background-more);
		z-index: 1000;
	}
}

@media (max-width: 768px) {
	.header {
		gap: 15px 0;
	}
}

#bx_incl_area_1,
.header__logo-link {
	width: 16.2%;
	height: auto;
	display: block;
}

@media (max-width: 1200px) {
	#bx_incl_area_1,
	.header__logo-link {
		width: 16.6%;
	}
}

@media (max-width: 1024px) {
	#bx_incl_area_1,
	.header__logo-link {
		width: 28.5%;
	}
}

@media (max-width: 768px) {
	#bx_incl_area_1,
	.header__logo-link {
		order: 1;
	}
}

#bx_incl_area_1 .header__logo-link {
	width: 100%;
}

@media (max-width: 1024px) {
	#bx_incl_area_1 .header__logo-link {
		width: 100%;
	}
}

.header__logo {
	width: 100%;
	height: 100%;
	display: block;
}

.header__dialog {
	width: 46.2%;
	min-width: auto;
	display: block !important;
	position: relative !important;
	top: 0;
	left: 0;
	border: none;
	padding: 0;
	margin: 0;
}


@media (max-width: 1024px) {
	.header__dialog {
		order: 4;
		width: 100%;
		height: 100%;
		display: none !important;
	}

	.header--active .header__dialog {
		display: block !important;
	}
}

.header-search-info-container {
	display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1300px) {
	.header-search-info-container {
		gap: 15px;
	}
}

@media (max-width: 768px) {
	.header-search-info-container {
		order: 3;
		width: 100%;
		margin: auto;
		gap: 5px;
	}
}

.header__search-container {
	width: 183px;
}

@media (max-width: 1250px) {
	.header__search-container {
		width: 207px;
	}
}

@media (max-width: 1200px) {
	.header__search-container {
		width: 180px;
	}
}

@media (max-width: 768px) {
	.header__search-container {
		order: 2;
		width: 155px;

	}
}

#bx_incl_area_2,
.header__navigation {
	width: 100%;
	display: flex;
	align-items: center;
	max-width: 675px;
}

#bx_incl_area_2 .header__navigation {
	width: 100%;
}

.header__navigation-list {
	width: 100%;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	margin: 0;
}

@media (max-width: 1024px) {
	.header__navigation-list {
		flex-flow: column;
		gap: 30px 0;
		align-items: flex-start;
	}
}

.header__navigation-item {
	position: relative;
}

.header__navigation-item--active::before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--main-color);

}

.header__navigation-item-link {
	font-family: 'Exo2 Medium', 'Arial', sans-serif !important;
	font-size: 18px;
	line-height: 32px;
	font-weight: 500;
	text-decoration: none;
	color: var(--main-text-color);
}

@media (max-width: 1250px) {
	.header__navigation-item-link {
		font-size: 16px;
	}
}

.header__navigation-item-link:hover {
	color: var(--main-color);
}

.header__more-container {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	gap: 5px 0;
}

@media (max-width: 1023.99px) {
	.header__more-container {
		flex-flow: column;
		gap: 0 30px;
	}
}

@media (max-width: 768px) {
	.header__more-container {
		order: 3;
		width: auto;
		flex-flow: row;
		gap: 10px 0;
		width: 100%;
	}
}

.header__more-container #bx_incl_area_3 {
	flex-direction: column;
    display: flex;
}
.bx-soa-cart-total-line.bx-soa-cart-total-line-total{
	padding-bottom: 20px !important;

}

.header__more-phone-link {
	font-family: 'Exo2 Bold', 'Arial', sans-serif !important;
	font-size: 20px;
	font-weight: 700;
	text-decoration: underline;
	color: var(--main-color);
	text-decoration-skip-ink: none;
}

@media (max-width: 1550px) {
	.header__more-phone-link {
		font-size: 18px;
	}
}

@media (max-width: 1250px) {
	.header__more-phone-link {
		font-size: 16px;
	}
}

@media (max-width: 1024px) {
	.header__more-phone-link {
		font-size: 18px;
	}
}

@media (max-width: 768px) {
	.header__more-phone-link {
		font-size: 16px;
		margin: auto;
	}
}

.header__more-search-container {
	position: relative;
}

.header__more-search {
	width: 100%;
	height: 35px;
	background: #FFF;
	border: none;
	border-radius: 34px;
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.25);
	padding: 0 0 0 16px;
	font-size: 13px;
}

@media (max-width: 1200px) {
	.header__more-search {
		padding: 0 43px 0 9px;
	}
}

@media (max-width: 768px) {
	.header__more-search {
		padding: 0 14px 0 9px;
		height: 30px;
		font-size: 13px;
	}
}

.header__more-search-icon {
	width: 24px;
    height: 23px;
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
}

.header__more-search-icon path{
 stroke: var(--main-color);
}

@media (max-width: 768px) {
	.header__more-search-icon {
		width: 14px;
    	height: 14px;
		right: 9px;
	}
}

.header__button-menu-container {
	display: none;
}

@media (max-width: 1024px) {
	.header__button-menu-container {
		display: block;
	}
}

@media (max-width: 768px) {
	.header__button-menu-container {
		order: 2;
	}
}

.header__button-menu-hamburger {
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

.header__button-menu-hamburger--hidden {
	display: none;
}

.header__button-menu-hamburger-icon {
	width: 100%;
	height: 100%;
	display: block;
}

.header__button-menu-close {
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

.header__button-menu-close--hidden {
	display: none;
}

.header__button-menu-close-icon {
	width: 100%;
	height: 100%;
	display: block;
}

.header__button-to-top {
	width: 64px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	right: 2%;
	background: transparent;
	border: none;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	z-index: 10000;
	transition-property: opacity, visibility, transform;
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
	padding: 0;
	margin: 0;
}

@media (max-width: 1024px) {
	.header__button-to-top {
		width: 50px;
		height: 50px;
		top: 86%;
		right: 15px;
	}
}

@media (max-width: 768px) {
	.header__button-to-top {
		display: none;
	}
}

@media (min-width: 1024px) {
	.header__button-to-top:hover {
		transform: scale(1.2);
	}
}

.header__button-to-top--show {
	opacity: 1;
	visibility: visible;
}

.header__button-to-top-icon {
	width: 100%;
	height: 100%;
	display: block;
}


.header__account-info__info-conainer{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.header__account-info__info-conainer__login-container{
	position: relative;
	height: 48px;
}
.header-not-auth{
	background: #6646AB;
	width: 134px;
	height: 100%;
	border-radius: 29px;
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 8px;
	z-index: 20;
}
.header-not-auth a{
	color: #FFFFFF;
	font-family: Exo 2;
	font-size: 20px;
	font-weight: 500;
	line-height: 26.4px;
	text-align: center;
	text-decoration: none;
}
.header__account-info__info-conainer__login-container:hover .dropdown-content{
	display: block;
}

.dropdown-content{
	position: absolute;
	top: 0;
	right: 0;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f3f1f9;
	top: 50px;
	right: 50%;
	transform: translateX(50%);
	min-width: 165px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1000;
	border-radius: 15px;
	border: 1px solid var(--main-color);
	padding: 12px 0;
}

.dropdown-content a {
	color: #5A6C77;
	padding: 8px;
	text-decoration: none;
	display: block;
	border-radius: 50px;
	margin: 0 8px;
	font-family: Exo;
	font-size: 16px;
	font-weight: 400;
	line-height: 21.26px;
	text-align: left;
}
.dropdown-content a.logout-link{
	margin-top: -8px;
}

.dropdown-content a:hover {
	background-color: #DBD3EB; 
}

.dropdown-content--not-auth{
	z-index: 19;
    min-width: 135px !important;
	top: 16px;
	padding-top: 45px;
	padding-bottom: 4px;
}
.dropdown-content--not-auth .header__link--reg{
	margin-top: -8px;
}
.header__account-info--mobile{
	display: none;
}
@media (max-width: 1440px) {
	.header__dialog {
		width: 40%;
	}
	.header__navigation-item-link,
	.header__more-phone-link {
        font-size: 14px;
    }
}
@media (max-width: 1024px) {
    .header__dialog {
        order: 4;
        width: 100%;
        height: 100%;
        display: none !important;
    }
	.header__navigation-list {
        flex-flow: column;
        gap: 5px 0;
        align-items: flex-start;
    }
	.header__navigation-item-link,
	.header__more-phone-link {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
	.header__account-info{
		display: none;
	}
	.header__account-info--mobile{
		display: block;
	}
	.login-container--header-mobile{
		height: 25px;
		width: 2px;
		background-color: var(--main-color);
		margin: 0;
	}
}

/* End */


/* Start:/local/templates/conferum/css/footer.css?17588102405786*/
.footer {
	flex: 0 0 auto;
	width: 100%;
	min-height: 191px;
	height: auto;
	background: var(--main-color);
	padding: 30px 15px;
	margin: 0 auto;
}

@media (max-width: 1023.99px) {
	.footer {
		min-height: auto;
		padding: 50px;
	}
}

@media (max-width: 767.99px) {
	.footer {
		min-height: auto;
		padding: 50px 15px 27px;
	}
}

.footer__cooki {
	width: min(calc(100% - 20px), 931px);
	display: grid;
	grid-template-columns: 1fr 157px;
	align-items: center;
	gap: 0 21px;
	position: fixed;
	left: 50%;
	bottom: 90px;
	transform: translateX(-50%);
	background: #F3F0F8;
	border-radius: 31px;
	padding: 13px;
	margin: 0 auto;
	z-index: 1000000;
}

@media (max-width: 768px) {
	.footer__cooki {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 12px 0;
		padding: 20px 25px;
	}
}

.footer__cooki-text {
	font-family: 'Exo2 Regular', 'Arial', sans-serif;
	font-size: 14px;
	line-height: 150%;
	text-wrap: balance;
	color: var(--main-text-color);
	padding: 0 0 0 14px;
	margin: 0;
}

.footer__cooki-text-link {
	text-decoration: underline;
	color: var(--main-text-color);
	cursor: pointer;
}

.footer__cooki-button {
	width: 157px;
	height: 40px;
	font-family: 'Exo2 Semi Bold', 'Arial', sans-serif;
	font-size: 20px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--main-background-more);
	background: var(--main-background-button-two);
	border: none;
	border-radius: 20px;
	cursor: pointer;
	transition-property: background;
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

@media (min-width: 1024px) {
	.footer__cooki-button:hover {
		background: var(--main-background-button-two--hover);
	}
}

@media (min-width: 1024px) {
	.footer__cooki-button:active {
		background: var(--main-background-button-two--active);
	}
}

.footer__container {
	width: min(100%, 1372px);
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	flex-direction: column;
}

@media (max-width: 767.99px) {
	.footer__container {
		display: grid;
		justify-content: initial;
		gap: 30px 0;
	}
}

.footer__container_wrapper {
	/* width: min(100%, 1372px); */
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

@media (max-width: 767.99px) {
	.footer__container_wrapper {
		display: grid;
		justify-content: initial;
		gap: 30px 0;
	}
}

.footer__logo-link {
	/* width: 18.96%; */
	width: 100%;
	height: auto;
}

.footer__information {
	width: 18.96%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 5px;
}

.footer__reserved {
	font-size: 18px;
	color: #ffffff;
}

@media (max-width: 1199px) {
	.footer__reserved {
		font-size: 16px;
		padding-bottom: 10px;
	}
}

@media (max-width: 767.99px) {
	.footer__logo-link {
		grid-row: 2 / 3;
		/* width: 50%; */
		margin: 0 auto;
	}

	.footer__information {
		margin: 0 auto;
		/* width: 18.96%; */
		width: 50%;
		height: auto;
	}

	.footer__reserved {
		font-size: 20px;
	}
}

.footer__logo {
	width: 100%;
	height: 100%;
}

.footer__center {
	align-self: flex-end;
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 10px 0;
}

@media (max-width: 767.99px) {
	.footer__center {
		grid-row: 3 / 4;
	}
}

.footer__center-button {
	width: 64px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

@media (min-width: 1024px) {
	.footer__center-button:hover circle,
	.footer__center-button:hover path {
		stroke-width: 3px;
	}
}

.footer__center-button-icon {
	width: 100%;
	height: 100%;
}

.footer__center-text {
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	color: var(--main-background-more);
	margin: 0;
}

.footer__social-list {
	list-style: none;
	display: flex;
	gap: 0 30px;
	padding: 0;
	margin: 0;
}

@media (max-width: 767.99px) {
	.footer__social-list {
		grid-row: 1 / 2;
		justify-content: center;
	}
}

.footer__social-item-link {
	width: 64px;
	height: 64px;
	display: block;
}

.footer__social-item-link-icon {
	width: 100%;
	height: 100%;
}

.footer__statistics {
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-divider {
	position: relative;
	z-index: 1000;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
}

.footer-logo-parthner {
    width: 60px;
} 

@media (max-width: 767px) {
    .footer-logo-parthner {
        width: 54px;
    }
}

.footer-parthner {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Open Sans';
	font-size: 12px;
	color: #ffffff;
	margin: 16px 0;
}

.footer-logo {
	display: block;
	width: 60px;
	height: 60px;
	background-image: url('/local/templates/conferum/images/footer/fut-logo.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: background-image 0.3s ease, opacity 0.3s ease;
}

.footer-parthner:hover .footer-logo {
	background-image: url('/local/templates/conferum/images/footer/fut-logo-color.svg');
}

.footer-partner-text {
	font-weight: 400; 
	font-size: 12px; 
	color: #ffffff;
	display: flex;
	line-height: 1.1;
}

.footer-partner-link {
	font-weight: 400; 
	font-size: 12px; 
	color: #ffffff;
	text-decoration: none;
	color: #ffffff;
}

.footer-bottom {
	width: 100%;
	background: var(--main-color);
	padding: 0 50px 0 50px;
}

.footer-bottom-wrapper {
	margin: 0 auto;
	width: min(100%, 1372px);
	position: relative; 
}

@media (max-width: 767px) {
	.footer-logo {
		width: 54px;
		height: 61px;
	}

	.footer-partner-text {
		flex-direction: column;
	}

	.footer-parthner {
		justify-content: center;
		padding-top: 16px;
	}

	.footer-bottom {
		width: 100%;
		background: var(--main-color);
		padding: 0;
	}

	.footer-bottom-wrapper {
		width: 100%;
	}

	.footer-divider {
		position: absolute;
		top: 0;
	}
}


/* End */


/* Start:/local/templates/conferum/css/pages/index/style.css?177582187416480*/
.main {
	width: 100%;
}

.banner {
	width: min(100%, 1672px);
	height: auto;
	max-height: 521px;
	position: relative;
	margin: 0 auto;
}


.banner__swiper {
	width: 100%;
	height: 100%;
	user-select: none;
}
.banner__swiper-slide.swiper-slide{
	min-height: 521px;
	width: 100%;
	position: relative;
}

@media (max-width: 767px) {
	.banner{
		width: 100%;
	}
	.banner__swiper-slide.swiper-slide{
		min-height: 264px;
	}
}

.banner__swiper-slide-image {
	width: 100%;
	height: max-content;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.banner__swiper-button-prev,
.banner__swiper-button-next {
	width: 23px;
	height: 23px;
	display: block;
	position: absolute;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 100;
}

.banner__swiper-button-prev {
	left: 64px !important;
}

@media (max-width: 1024px) {
	.banner__swiper-button-prev {
		left: 0px !important;
	}
}

.banner__swiper-button-next {
	right: 64px !important;
}

@media (max-width: 1024px) {
	.banner__swiper-button-next {
		right: 0px !important;
	}
}

.banner__swiper-button-prev::after,
.banner__swiper-button-next::after {
	display: none;
}

.banner__button {
	width: 354px;
	height: 65px;
	font-family: 'Exo2 Medium', 'Arial', sans-serif !important;
	font-size: 22px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(100% - 29px);
	left: 50%;
	transform: translateX(-50%);
	color: var(--main-background-more);
	background: var(--main-background-button-one);
	border: 6px solid var(--main-background-more);
	border-radius: 29px;
	cursor: pointer;
	z-index: 10;
	transition-property: background;
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

@media (max-width: 1024px) {
	.banner__button {
		width: max-content;
		height: 65px;
		font-size: 16px;
		padding: 10px;
	}
}

@media (min-width: 1024px) {
	.banner__button:hover {
		background: var(--main-background-button-one--hover);
	}
}

@media (min-width: 1024px) {
	.banner__button:active {
		background: var(--main-background-button-one--active);
	}
}

.about {
	width: min(100%, 1380px);
	display: grid;
	grid-template-columns: 1fr 351px;
	gap: 0 49px;
	padding: 117px 15px 123px;
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.about {
		grid-template-columns: 1fr;
		gap: 30px 0;
		padding: 50px;
	}
}

@media (max-width: 768px) {
	.about {
		grid-template-columns: 1fr;
		gap: 30px 0;
		padding: 50px 15px;
	}
}

.about__title {
	grid-column: 1 / 3;
	font-family: 'Exo2 Semi Bold', 'Arial', sans-serif !important;
	font-size: 48px;
	font-weight: 600;
	color: var(--main-color);
	margin: 0 0 35px;
}

@media (max-width: 1024px) {
	.about__title {
		font-size: 32px;
		text-align: left;
		margin: 0;
	}
}

.about__content-container {
	grid-column: 1 / 2;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px 4.13%;
	position: relative;
	padding: 0 2.69% 0 0;
}

@media (max-width: 1024px) {
	.about__content-container {
		font-size: 16px;
		grid-column: 1 / 3;
		grid-template-columns: 1fr;
		gap: 20px 0;
		padding: 0;
	}
}

.about__content-container::before {
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: var(--main-color);
}

@media (max-width: 1024px) {
	.about__content-container::before {
		content: none;
	}
}

.about__content {
	margin: 0;
}

.about__image-container {
	grid-column: 2 / 3;
	width: 100%;
	height: auto;
	display: flex;
	flex-flow: column;
	gap: 36px 0;
}

@media (max-width: 1024px) {
	.about__image-container {
		grid-column: 1 / 3;
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		justify-content: space-between;
		gap: 0 30px;
	}
}

.about__image-1 {
	width: 351px;
	height: 127px;
	object-fit: contain;
}

@media (max-width: 1024px) {
	.about__image-1 {
        width: 100%;
        height: 80px;
    }
}

.about__image-2 {
	width: 219px;
	height: 174px;
	object-fit: contain;
}

@media (max-width: 1024px) {
	.about__image-2 {
        width: 100%;
        height: 80px;
    }
}

.advantage {
	width: 100%;
	min-height: 806px;
	height: auto;
	background: var(--main-background);
}

@media (max-width: 1024px) {
	.advantage {
		min-height: auto;
	}
}

.advantage__container {
	width: min(100%, 1372px);
	padding: 85px 15px 113px;
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.advantage__container {
		padding: 50px;
	}
}

@media (max-width: 768px) {
	.advantage__container {
		padding: 50px 15px;
	}
}

.advantage__title {
	font-family: 'Exo2 Semi Bold', 'Arial', sans-serif !important;
	font-size: 48px;
	font-weight: 600;
	color: var(--main-color);
	margin: 0 0 39px;
}

@media (max-width: 1024px) {
	.advantage__title {
		font-size: 32px;
		text-align: left;
		margin: 0 0 30px;
	}
}

.advantage__list {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 23px 22px;
	padding: 0;
	margin: 0;
	counter-reset: advantage-list 0;
}

@media (max-width: 1024px) {
	.advantage__list {
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}
}

@media (max-width: 768px) {
	.advantage__list {
		grid-template-columns: 1fr;
		gap: 30px 0;
	}
}

.advantage__item {
	height: 241px;
	position: relative;
	counter-increment: advantage-list 1;
	perspective: 600px;
	cursor: pointer;
}

.advantage__item-flip {
	width: 100%;
	height: 100%;
	position: relative;
	transform-style: preserve-3d;
	transition: transform 0.5s linear;
}

.advantage__item:hover .advantage__item-flip {
	transform: rotateY(-180deg);
}

.advantage__item-face {
	position: absolute;
	inset: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	border-radius: 19px;
	box-sizing: border-box;
}

.advantage__item-face--front {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	background: var(--main-color);
	padding: 56px 103px 40px 32px;
}

.advantage__item-face--front::before {
	content: counter(advantage-list);
	width: 72px;
	height: 72px;
	font-family: 'Exo2 Light', 'Arial', sans-serif !important;
	font-size: 48px;
	font-weight: 300;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 30px;
	left: 32px;
	color: var(--main-background-more);
	border: 2px solid var(--main-background-more);
	border-radius: 50%;
}

.advantage__item-face--back {
	transform: rotateY(180deg);
	background: var(--main-background-more);
	color: var(--main-text-color);
	display: flex;
	align-items: center;
	padding: 16px 24px;
	overflow: auto;
	outline: 2px solid #6646AB;
	outline-offset: -1px;
}

.advantage__item-back-text {
	margin: 0;
	font-size: 16px;
	line-height: 130%;
}

@media (max-width: 1024px) {
	.advantage__item-face--back {
		padding: 12px;
	}
	.advantage__item-back-text {
		font-size: 14px;
	}
}


.advantage__item-text {
	font-size: 18px;
	color: var(--main-background-more);
}

@media (max-width: 1024px) {
	.advantage__item-text {
		font-size: 16px;
	}
}

.advantage__item-icon {
	width: min(200px, 42.56%);
	height: auto;
	position: absolute;
	bottom: 0;
	right: 0;
}

.industries {
	width: 100%;
	background: var(--main-background);
	padding: 52px 0 162px;
}

@media (max-width: 1024px) {
	.industries {
		padding: 50px 0;
	}
}

.industries__container {
	width: min(100%, 1373px);
	padding: 0 15px;
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.industries__container {
		padding: 0 50px;
	}
}

@media (max-width: 768px) {
	.industries__container {
		padding: 0 15px;
	}
}


.industries__title {
	font-family: 'Exo2 Semi Bold', 'Arial', sans-serif !important;
	font-size: 48px;
	line-height: 130%;
	font-weight: 600;
	color: var(--main-color);
	margin: 0 0 60px;
}

@media (max-width: 1024px) {
	.industries__title {
		font-size: 32px;
		text-align: left;
		margin: 0 0 30px;
	}
}

.industries__list {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px 28px;
	padding: 0;
	margin: 0;
}

@media (max-width: 1024px) {
	.industries__list {
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}
}

@media (max-width: 768px) {
	.industries__list {
		grid-template-columns: 1fr;
		gap: 30px 0;
	}
}

.industries__item-link {
	height: 100%;
	text-decoration: none;
	display: block;
	border-radius: 10px 10px 0px 0px;
	transition-property: box-shadow;
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

.industries__item-link:hover {
	box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, 0.50);
	border-radius: 10px 10px 0px 0px;
}

.industries__item-figure {
	height: 100%;
	display: flex;
	flex-flow: column;
	padding: 0;
	margin: 0;
}

.industries__item-picture {
	width: 100%;
	height: 310px;
	object-fit: cover;
	margin: 0;
}

@media (max-width: 1024px) {
	.industries__item-picture {
		height: 250px;
		display: block;
	}
}

@media (max-width: 768px) {
	.industries__item-picture {
		height: 200px;
		display: block;
	}
}

.industries__item-image {
	width: 100%;
	height: 310px;
	object-fit: cover;
	border-radius: 10px 10px 0px 0px;
	margin: 0;
}

@media (max-width: 1024px) {
	.industries__item-image {
		height: 250px;
		display: block;
	}
}

@media (max-width: 768px) {
	.industries__item-image {
		height: 200px;
		display: block;
	}
}

.industries__item-figcaption {
	height: 100%;
	font-family: 'Exo2 Bold', 'Arial', sans-serif !important;
	font-size: 24px;
	line-height: 130%;
	font-weight: 700;
	display: flex;
	align-items: flex-end;
	color: var(--main-background-more);
	background: var(--main-color);
	padding: 30px 18px 30px 37px;
	margin: 0;
}

.industries__item-link:hover .industries__item-figcaption {
	background: var(--main-color);
}

.partners {
	width: 100%;
	min-height: 426px;
	height: auto;
	background: url('/local/templates/conferum/images/index/partners/partners.jpg') no-repeat 0 0 / cover;
	padding: 26px 15px 75px;
}

@media (max-width: 1024px) {
	.partners {
		min-height: auto;
		padding: 50px;
	}
}

@media (max-width: 768px) {
	.partners {
		min-height: auto;
		padding: 50px 15px;
	}
}

.partners__title {
	width: min(100%, 1672px);
	font-family: 'Exo2 Semi Bold', 'Arial', sans-serif !important;
	font-size: 48px;
	line-height: 130%;
	font-weight: 600;
	text-align: center;
	color: var(--main-background-more);
	margin: 0 auto 58px;
}

@media (max-width: 1024px) {
	.partners__title {
		font-size: 32px;
		text-align: left;
		margin: 0 0 30px;
	}
}

.partners_list {
	width: min(100%, 1282px);
	height: 203px;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	padding: 0;
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.partners_list {
		height: auto;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}
}

@media (max-width: 768px) {
	.partners_list {
		height: auto;
		grid-template-columns: 1fr;
		gap: 45px 0;
	}
}

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

.partners__item::before {
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: var(--main-background-more);
}

@media (max-width: 1024px) {
	.partners__item::before {
		content: none;
	}
}

.partners__item:last-child::before {
	content: none;
}

.partners__item-figure {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
	padding: 24px 40px 0;
	margin: 0;
}

@media (max-width: 1024px) {
	.partners__item-figure {
		padding: 0;
	}
}

.partners__item:first-child .partners__item-figure {
	padding: 24px 40px 0 0;
}

@media (max-width: 1024px) {
	.partners__item:first-child .partners__item-figure {
		padding: 0;
	}
}

.partners__item:last-child .partners__item-figure {
	padding: 24px 0 0 40px;
}

@media (max-width: 1024px) {
	.partners__item:last-child .partners__item-figure {
		padding: 0;
	}
}

.partners__item-icon {
	width: 100%;
	height: 95px;
}

@media (max-width: 1024px) {
	.partners__item-icon {
		width: 140px;
		height: auto;
	}
}

.partners__item-figcaption {
	font-family: 'Exo2 Regular', 'Arial', sans-serif;
	font-size: 22px;
	text-align: center;
	color: var(--main-background-more);
	margin: 0;
}

@media (max-width: 1024px) {
	.partners__item-figcaption {
		display: none;
	}
}

.contacts {
	width: 100%;
	height: auto;
	background: var(--main-color);
	padding: 108px 15px 112px;
}

@media (max-width: 1024px) {
	.contacts {
		min-height: auto;
		padding: 50px 50px 0;
	}
}

@media (max-width: 768px) {
	.contacts {
		min-height: auto;
		padding: 50px 15px 0;
	}
}

.contacts__container {
	width: min(100%, 1372px);
	display: grid;
	grid-template-columns: 41.14% 1fr;
	gap: 0 5.62%;
	position: relative;
	padding: 0 0 112px;
	margin: 0 auto;
}

@media (max-width: 1024px) {
	.contacts__container {
		grid-template-columns: 1fr 1fr;
		gap: 30px;
		padding: 0;
		margin: 0;
	}
}

@media (max-width: 768px) {
	.contacts__container {
		grid-template-columns: 1fr;
		gap: 30px 0;
		padding: 0;
		margin: 0;
	}
}

.contacts__container::before {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--main-background-more);
}

.contacts__title {
	grid-column: 1 / 2;
	font-family: 'Exo2 Semi Bold', 'Arial', sans-serif !important;
	font-size: 48px;
	font-weight: 600;
	margin: 0 0 30px;
	color: var(--main-background-more);
	text-decoration: none;
}
.contacts__title:hover {
	text-decoration: underline;
}
@media (max-width: 1024px) {
	.contacts__title {
		font-size: 32px;
		text-align: left;
		margin: 0;
	}
}

@media (max-width: 768px) {
	.contacts__title {
		font-size: 32px;
		text-align: left;
		margin: 0;
	}
}

.contacts__item-address {
	grid-column: 1 / 2;
	font-style: normal;
	margin: 0;
}

.contacts__item-address-inn {
	padding-left: 70px;
	margin: 0 0 30px 0;
}


.contacts__item-address-inn-text {
	font-size: 24px;
	color: var(--main-background-more);
	padding: 0;
    margin: 10px 0px;
}

@media (max-width: 768px) {
	.contacts__item-address-inn-text {
		font-size: 18px;
		max-width: 150px;
	}
}

.contacts__list {
	list-style: none;
	display: flex;
	flex-flow: column;
	gap: 30px 0;
	padding: 0;
	margin: 0;
}

.contacts__item {
	display: grid;
	grid-template-columns: 50px 1fr;
	gap: 0 20px;
	color: var(--main-background-more);
}

.contacts__item-icon {
	grid-row: 1 / 3;
	width: 100%;
	height: 45px;
}

.contacts__item-link {
	grid-row: 1 / 2;
	font-family: 'Exo2 Bold', 'Arial', sans-serif !important;
	font-size: 25px;
	line-height: 130%;
	font-weight: 700;
	color: var(--main-background-more);
}

@media (max-width: 1024px) {
	.contacts__item-link{
		font-size: 16px;
	}
}

.contacts__item-link--email {
	grid-row: 1 / 2;
	font-family: 'Exo2 Regular', 'Arial', sans-serif !important;
	font-size: 24px;
	text-decoration: underline;
}

@media (max-width: 1024px) {
	.contacts__item-link--email {
		font-size: 16px;
	}
}

.contacts__item-text {
	grid-row: 2 / 3;
	font-size: 24px;
	line-height: 130%;
	margin: 0;
}

@media (max-width: 1024px) {
	.contacts__item-text {
		font-size: 16px;
	}
}

.contacts__map {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	width: min(100%, 628px);
	height: 490px;
	margin: 0 0 0 auto;
}

@media (max-width: 1024px) {
	.contacts__map {
		grid-column: 2 / 3;
		grid-row: 2 / 4;
		height: 300px;
		margin: 0;
	}
}

@media (max-width: 768px) {
	.contacts__map {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
		height: auto;
		margin: 0;
	}
}

.consultation-dialog {
	width: min(100%, 616px);
	background: var(--main-background);
	border: none;
	border-radius: 30px;
	padding: 0;
	margin: auto;
}

@media (max-width: 1024px) {
	.consultation-dialog {
		width: min(100%, 500px);
	}
}

@media (max-width: 768px) {
	.consultation-dialog {
		width: min(100%, 340px);
	}
}

.consultation-dialog::backdrop {
	background: #00000050;
}

.consultation-dialog__container {
	padding: 20px 71px;
}

@media (max-width: 768px) {
	.consultation-dialog__container {
		padding: 20px 15px;
	}
}

.consultation-dialog__title {
	font-family: 'Exo2 Semi Bold', 'Arial', sans-serif !important;
	font-size: 22px;
	line-height: 130%;
	font-weight: 500;
	text-align: center;
	color: var(--main-text-color);
	margin: 0 0 20px;
}

@media (max-width: 1024px) {
	.consultation-dialog__title {
		width: 100%;
		font-size: 20px;
	}
}

.consultation-dialog__button-close {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 16px;
	right: 20px;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.consultation-dialog__button-close-icon {
	width: 100%;
	height: 100%;
	display: block;
}

.consultation-dialog__button-close-icon path{
	fill: var(--main-color);
}
/* End */


/* Start:/local/components/gendalf/basket.icon/templates/gf_online_store/style.css?17388515762387*/
.header__cart-dialog {
	width: min(100%, 1129px);
	position: relative;
	border: none;
	border-radius: 30px;
	padding: 0;
	margin: auto;
}

.header__cart-dialog::backdrop {
	background: #00000050;
}

.header__cart-dialog-iframe {
	width: min(100%, 1129px);
	height: 650px;
	border: none;
	padding: 0;
	margin: 0;
}

@media (width < 1024px) {
	.header__cart-dialog-iframe {
		border-radius: 30px;
	}
}

.header__cart-dialog-iframe--height {
	height: 650px;
}

.header__cart-dialog-button-close {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 16px;
	right: 20px;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

.header__cart-dialog-button-close-icon {
	width: 100%;
	height: 100%;
	display: block;
}

.header__cart-dialog-button-close-icon path{
	fill: var(--main-color);
}

.header__cart {

}

.header__cart-button {
	width: 64px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 65%;
	right: 2%;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	opacity: 1;
	visibility: visible;
	z-index: 10000;
	transition-property: opacity, visibility, transform;
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

@media (max-width: 1024px) {
	.header__cart-button {
		width: 50px;
		height: 50px;
		top: 75%;
		right: 15px;
	}
}

@media (min-width: 1024px) {
	.header__cart-button:hover {
		transform: scale(1.2);
	}
}

.header__cart-button::before {
	content: attr(value);
	width: 16px;
	height: 16px;
	font-family: 'Exo2 Semi Bold', 'Arial', sans-serif !important;
	font-size: 12px;
	line-height: 130%;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	color: var(--main-color);
	background: white;
	border-radius: 50%;
}

@media (max-width: 1024px) {
	.header__cart-button::before {
		top: 5px;
	}
}

.header__cart-button--have-goods circle {
	fill: #3BB456;
}

.header__cart-button-icon circle {

	fill: var(--main-basket-color);
}

.header__button-to-top-icon circle{
	fill: var(--main-up-arrow-color);
	stroke: var(--main-up-arrow-color);
}

/* End */


/* Start:/local/cookie_policy/s1/style.css?176339619522905*/
/**
 * Cookie Policy Widget Styles
 * Единый набор CSS переменных для всех элементов виджета
 */

:root {
    /* Основные цвета виджета */
    --cookie-widget-bg: #dbd3eb;
    --cookie-widget-text: #000000;
    --cookie-widget-shadow: rgba(0, 0, 0, 0.1);

    /* Кнопки виджета */
    --cookie-btn-accept-bg: #3bb456;
    --cookie-btn-accept-text: #ffffff;
    --cookie-btn-accept-shadow: rgba(76, 175, 80, 0.3);
    --cookie-btn-reject-bg: #6b6b6b;
    --cookie-btn-reject-text: #ffffff;

    /* Размеры виджета */
    --cookie-widget-max-width: 28rem;
    --cookie-widget-padding: 1.5rem;
    --cookie-widget-border-radius: 0.8rem;
    --cookie-widget-gap: clamp(0.6rem, 0.6923rem + 0.2564vw, 1rem);
    --cookie-widget-transform-y: 6.25rem;
    --cookie-widget-side-margin: 40px;

    /* Модальное окно */
    --cookie-modal-bg: #ffffff;
    --cookie-modal-overlay-bg: rgba(0, 0, 0, 0.5);
    --cookie-modal-max-width: 28rem;
    --cookie-modal-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.2);
    --cookie-modal-max-height: 41.5rem;
    --cookie-modal-max-height-mobile: 95vh;
    --cookie-modal-border-radius-full: 50%;
    --cookie-modal-description-gap: 0.45rem;
    --cookie-modal-footer-gap: 0.6rem;

    /* Кнопки модального окна */
    --cookie-modal-btn-accept-bg: #2196f3;
    --cookie-modal-btn-accept-text: #ffffff;
    --cookie-modal-btn-accept-shadow: rgba(33, 150, 243, 0.3);

    /* Группы cookie */
    --cookie-group-bg-hover: #ffffff;
    --cookie-group-gap: 0.6rem;
    --cookie-group-padding: 1rem;
    --cookie-group-mobile-padding: 0.6rem;
    --cookie-group-mobile-min-height: 4.6875rem;
    --cookie-group-title-margin-bottom: 0.25rem;
    --cookie-checkbox-margin-top: 2px;
    --cookie-checkbox-tick-top: 2px;
    --cookie-checkbox-tick-left: 8px;
    --cookie-checkbox-tick-width: 6px;
    --cookie-checkbox-tick-height: 14px;
    --cookie-checkbox-tick-border-width: 0 2px 2px 0;

    /* Предупреждение */
    --cookie-warning-bg: #fff3cd;
    --cookie-warning-border: #ffc107;
    --cookie-warning-text: #856404;
    --cookie-warning-padding: 1rem;
    --cookie-warning-no-js-padding: 1.5rem;
    --cookie-warning-border-radius: 0.5rem;
    --cookie-warning-small-radius: 0.8rem;
    --cookie-warning-modal-padding: 0.6rem;
    --cookie-warning-text-min-width: 16.875rem;
    --cookie-warning-text-max-width: 27.625rem;
    --cookie-warning-text-width-mobile: 91%;
    --cookie-warning-text-min-width-mobile: 260px;
    --cookie-warning-icon-size-mobile: 20px;

    /* Анимация */
    --cookie-animation-duration: 0.3s;
    --cookie-animation-short: 0.2s;
    --cookie-animation-ease: ease;
    --cookie-button-transform: translateY(-0.125rem);
    --cookie-button-shadow: 0 0.25rem 0.6rem;

    /* Размеры элементов */
    --cookie-image-max-width: 6.25rem;
    --cookie-button-padding: 12px 20px;
    --cookie-button-border-radius: 0.8rem;
    --cookie-button-min-width: 6rem;
    --cookie-button-max-width: 6.3rem;
    --cookie-modal-button-min-width: 8.75rem;
    --cookie-button-border-radius-small: 0.8rem;

    /* Типографика */
    --cookie-font-family: "Regular", sans-serif;
    --cookie-font-size-small: 0.6rem;
    --cookie-font-size-base: 0.8125rem;
    --cookie-font-size-medium: 0.7rem;
    --cookie-font-size-large: 1rem;

    /* Текст и цвета */
    --cookie-text-muted: #71808e;
    --cookie-buttons-gap: 1rem;

    /* Дополнительные цвета для новых элементов */
    --cookie-btn-accept-hover-new: #22943b;
    --cookie-btn-reject-hover-new: #9a9a9a;
    --cookie-modal-close-color-new: #71808e;
    --cookie-modal-close-hover-color-new: #1d1e1f;
    --cookie-modal-close-size-new: 1.25rem;
    --cookie-modal-close-line-width: 1.25rem;
    --cookie-modal-close-line-height: 0.125rem;

    /* Цвета для групп cookie */
    --cookie-group-border-color: #a6aeb5;
    --cookie-group-bg-color: #f3f1f9;
    --cookie-group-checkbox-border: #6b6b6b;
    --cookie-group-checkbox-bg: #f3faff;
    --cookie-group-checkbox-checked-bg: #3bb456;
    --cookie-group-checkbox-checked-border: #3bb456;
    --cookie-group-checkbox-disabled-bg: #6b6b6b;
    --cookie-group-checkbox-disabled-border: #6b6b6b;
    --cookie-group-checkbox-checkmark: #dfe9f2;
    --cookie-group-description-color: #71808e;
    --cookie-scrollbar-hover-color: #5a6b7a;
    --cookie-scrollbar-mobile-track-bg: #e8edf3;
    --cookie-scrollbar-mobile-thumb-color: #5a6b7a;
    --cookie-scrollbar-mobile-thumb-hover: #4a5560;
    --cookie-scrollbar-mobile-thumb-active: #3a4550;

    /* Цвета для модального окна */
    --cookie-modal-header-bg: #dbd3eb;
    --cookie-modal-header-border: #6646ab;
    --cookie-modal-body-bg: #ffffff;
    --cookie-modal-footer-bg: #dbd3eb;
    --cookie-modal-footer-border: #6646ab;
    --cookie-modal-title-size: 1.2rem;
    --cookie-modal-button-save-bg: #3bb456;
    --cookie-modal-button-save-text: #ffffff;

    /* Цвета для предупреждения */
    --cookie-warning-border-new: #af5a0a;
    --cookie-warning-text-new: #af5a0a;
    --cookie-warning-icon-size: 2.375rem;

    /* Размеры в rem */
    --cookie-widget-padding-rem: 1.5rem;
    --cookie-widget-border-radius-rem: 0.8rem;
    --cookie-group-gap-rem: 0.5rem;
    --cookie-group-border-radius-rem: 0.8rem;
    --cookie-checkbox-size-rem: 1.5rem;
    --cookie-modal-max-height-rem: 18.75rem;
    --cookie-scrollbar-padding: 0.5rem;
    --cookie-scrollbar-width: 0.5rem;
    --cookie-scrollbar-radius: 0.3125rem;
    --cookie-scrollbar-width-mobile: 12px;
    --cookie-scrollbar-radius-mobile: 6px;
    --cookie-scrollbar-border-mobile: 3px;
    --cookie-scrollbar-min-height-mobile: 40px;

    /* Ширины текстовых элементов */
    --cookie-text-item-min-width: 16.4rem;
    --cookie-text-item-max-width: 23.3rem;

    /* Адаптивные размеры для мобильных устройств */
    --cookie-modal-mobile-max-width: 17.5rem; /* 350px */
    --cookie-modal-mobile-max-height: 38.5625rem; /* 617px */
    --cookie-modal-header-mobile-padding: 0.8rem; /* 16px */
    --cookie-modal-title-mobile-size: 1rem; /* 20px */
    --cookie-modal-body-mobile-padding: 0.8rem; /* 16px */
    --cookie-modal-body-mobile-gap: 0.6rem; /* 12px */
}

.cookie-policy-window {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(var(--cookie-widget-transform-y));
    opacity: 0;
    z-index: 9999;
    transition: all var(--cookie-animation-duration) ease-out;
    box-shadow: var(--cookie-button-shadow) var(--cookie-widget-shadow);
    border-radius: var(--cookie-widget-border-radius);
    background: var(--cookie-widget-bg);
    width: calc(100% - var(--cookie-widget-side-margin));
    max-width: var(--cookie-widget-max-width);
}

.cookie-policy-window.cookie-policy-noscript {
    display: block;
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    box-shadow: none;
    background: transparent;
}

.cookie-policy-window.cookie-policy-visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

.cookie-policy-content {
    display: flex;
    flex-direction: column;
    gap: var(--cookie-widget-gap);
    padding: clamp(0.8rem, 0.8846rem + 0.5128vw, 1.2rem);
}

.cookie-policy-image {
    text-align: center;
}

.cookie-policy-image img {
    max-width: var(--cookie-image-max-width);
    height: auto;
}

.cookie-policy-text {
    color: var(--cookie-widget-text);
    font-weight: 400;
    font-size: var(--cookie-font-size-medium);
    line-height: 130%;
    font-family: var(--cookie-font-family);
    text-align: center;
}

.cookie-policy-anchor {
    color: var(--cookie-widget-text);
    font-weight: 400;
    font-size: var(--cookie-font-size-medium);
    line-height: 120%;
    font-family: var(--cookie-font-family);
    text-align: left;
    text-decoration: underline;
}

.cookie-policy-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--cookie-buttons-gap);
}

.cookie-policy-button,
button.cookie-policy-button {
    flex: 1;
    transition: all var(--cookie-animation-short) var(--cookie-animation-ease);
    cursor: pointer;
    border: none;
    border-radius: var(--cookie-button-border-radius);
    padding: var(--cookie-button-padding);
    width: 100%;
    min-width: var(--cookie-button-min-width);
    max-width: var(--cookie-button-max-width);
    font-weight: 400;
    font-size: var(--cookie-font-size-medium);
    line-height: 100%;
    font-family: var(--cookie-font-family);
    user-select: none;
    text-align: center;
}

.cookie-policy-noscript .cookie-policy-warning {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--cookie-warning-border);
    border-radius: var(--cookie-warning-small-radius);
    background: var(--cookie-warning-bg);
    padding: clamp(1rem, 0.8846rem + 0.5128vw, 1.5rem);
    color: var(--cookie-warning-text);
    font-weight: 500;
    font-size: var(--cookie-font-size-medium);
    line-height: 1.6;
}

* .cookie-policy-text-item {
    margin: 0;
    width: 100%;
    min-width: var(--cookie-text-item-min-width);
    max-width: var(--cookie-text-item-max-width);
    color: var(--cookie-warning-text-new);
    font-weight: 400;
    font-size: var(--cookie-font-size-medium);
    line-height: 120%;
    font-family: var(--cookie-font-family);
    text-align: center;
}

.cookie-policy-text-item {
    margin: 0;
    width: 100%;
    min-width: var(--cookie-text-item-min-width);
    max-width: var(--cookie-text-item-max-width);
    color: var(--cookie-warning-text-new);
    font-weight: 400;
    font-size: var(--cookie-font-size-medium);
    line-height: 120%;
    font-family: var(--cookie-font-family) !important;
    text-align: center;
}

#js-cookie-policy-accept {
    background: var(--cookie-btn-accept-bg);
    color: var(--cookie-btn-accept-text);
}

#js-cookie-policy-accept:hover {
    background: var(--cookie-btn-accept-hover-new);
}

#js-cookie-policy-reject {
    background: var(--cookie-btn-reject-bg);
    color: var(--cookie-btn-reject-text);
}

#js-cookie-policy-reject:hover {
    background: var(--cookie-btn-reject-hover-new);
}

.cookie-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: 10000;
    transition: opacity var(--cookie-animation-duration)
        var(--cookie-animation-ease);
    background: var(--cookie-modal-overlay-bg);
    width: 100%;
    height: 100%;
}

.cookie-modal-overlay.cookie-modal-visible {
    opacity: 1;
}

.cookie-modal {
    display: flex;
    flex-direction: column;
    transform: scale(0.9);
    transition: transform var(--cookie-animation-duration)
        var(--cookie-animation-ease);
    box-shadow: var(--cookie-modal-shadow);
    border-radius: var(--cookie-widget-border-radius-rem);
    background: var(--cookie-modal-bg);
    max-width: clamp(
        var(--cookie-modal-mobile-max-width),
        100vw - 2rem,
        var(--cookie-modal-max-width)
    );
    max-height: clamp(
        var(--cookie-modal-mobile-max-height),
        100vh - 2rem,
        var(--cookie-modal-max-height)
    );
}

.cookie-modal-visible .cookie-modal {
    transform: scale(1);
}

.cookie-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--cookie-modal-header-border);
    border-top-right-radius: var(--cookie-widget-border-radius-rem);
    border-top-left-radius: var(--cookie-widget-border-radius-rem);
    background-color: var(--cookie-modal-header-bg);
    padding: clamp(
            var(--cookie-modal-header-mobile-padding),
            1.2rem + 0.5vw,
            var(--cookie-widget-padding-rem)
        )
        clamp(
            var(--cookie-modal-header-mobile-padding),
            1.2rem + 0.5vw,
            var(--cookie-widget-padding-rem)
        )
        1rem;
}

.cookie-modal-title {
    margin: 0;
    color: #6646ab;
    font-weight: 700;
    font-size: clamp(
        var(--cookie-modal-title-mobile-size),
        1.2rem + 0.3vw,
        var(--cookie-modal-title-size)
    );
    line-height: 100%;
    font-family: var(--cookie-font-family);
}

.cookie-modal-close {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    transition: all var(--cookie-animation-short) var(--cookie-animation-ease);
    cursor: pointer;
    border: none;
    border-radius: var(--cookie-modal-border-radius-full);
    background: none;
    padding: 0;
    width: var(--cookie-modal-close-size-new);
    height: var(--cookie-modal-close-size-new);
    color: var(--cookie-modal-close-color-new);
    font-size: var(--cookie-modal-close-size-new);
    line-height: 1;
}

.cookie-modal-close::before,
.cookie-modal-close::after {
    position: absolute;
    background-color: var(--cookie-modal-close-color-new);
    width: var(--cookie-modal-close-line-width);
    height: var(--cookie-modal-close-line-height);
    content: "";
}

.cookie-modal-close::before {
    transform: rotate(45deg);
}

.cookie-modal-close::after {
    transform: rotate(-45deg);
}

.cookie-modal-close:hover::before,
.cookie-modal-close:hover::after {
    background-color: var(--cookie-modal-close-hover-color-new);
}

.cookie-modal-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    gap: clamp(var(--cookie-modal-body-mobile-gap), 0.8rem + 0.2vw, 1rem);
    background-color: var(--cookie-modal-body-bg);
    padding: clamp(1rem, 0.8846rem + 0.5128vw, 1.5rem);
}

.cookie-modal-description-container {
    display: flex;
    flex-direction: column;
    gap: var(--cookie-modal-description-gap);
}

.cookie-modal-description {
    margin: 0;
    color: var(--cookie-widget-text);
    font-weight: 400;
    font-size: var(--cookie-font-size-medium);
    line-height: 120%;
    font-family: var(--cookie-font-family);
    text-align: left;
}

.cookie-groups {
    display: flex;
    flex-direction: column;
    gap: var(--cookie-group-gap-rem);
    max-height: var(--cookie-modal-max-height-rem);
    overflow-y: auto;
}

.cookie-groups::-webkit-scrollbar {
    width: var(--cookie-scrollbar-width);
}

.cookie-groups::-webkit-scrollbar-track {
    background: transparent;
}

.cookie-groups::-webkit-scrollbar-thumb {
    border-radius: var(--cookie-scrollbar-radius);
    background-color: var(--cookie-group-checkbox-border);
}

.cookie-groups::-webkit-scrollbar-thumb:hover {
    background-color: var(--cookie-scrollbar-hover-color);
}

.cookie-groups::-webkit-scrollbar-button {
    display: none;
}

.cookie-groups {
    scrollbar-color: var(--cookie-group-checkbox-border) transparent;
    scrollbar-width: thin;
}

.cookie-group {
    transition: all var(--cookie-animation-short) var(--cookie-animation-ease);
    border: 1px solid var(--cookie-group-border-color);
    border-radius: var(--cookie-group-border-radius-rem);
    background: var(--cookie-group-bg-color);
}

.cookie-group:hover {
    background: var(--cookie-group-bg-hover);
    border-color: #6646ab;
}

.cookie-group-label {
    display: flex;
    align-items: flex-start;
    gap: var(--cookie-group-gap);
    cursor: pointer;
    padding: var(--cookie-group-padding);
}

.cookie-group-checkbox {
    flex-shrink: 0;
    appearance: none;
    cursor: pointer;
    margin-top: var(--cookie-checkbox-margin-top);
    width: var(--cookie-checkbox-size-rem);
    height: var(--cookie-checkbox-size-rem);
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    border: 1px solid var(--cookie-group-checkbox-border);
    border-radius: 2px;
    background-color: var(--cookie-group-checkbox-bg);
}

.cookie-group-checkbox:checked {
    border-color: var(--cookie-group-checkbox-checked-border);
    background-color: var(--cookie-group-checkbox-checked-bg);
}

.cookie-group-checkbox:hover::after {
    position: absolute;
    top: 4px;
    left: 10px;
    transform: rotate(45deg);
    border: solid var(--cookie-group-checkbox-checkmark);
    border-width: var(--cookie-checkbox-tick-border-width);
    width: 8px;
    height: 16px;
    content: "";
}

.cookie-group-checkbox:checked::after {
    position: absolute;
    top: 4px;
    left: 10px;
    transform: rotate(45deg);
    border: solid var(--cookie-group-checkbox-checkmark);
    border-width: var(--cookie-checkbox-tick-border-width);
    width: 8px;
    height: 16px;
    content: "";
}

.cookie-group-checkbox:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    border-color: var(--cookie-group-checkbox-disabled-border);
    background-color: var(--cookie-group-checkbox-disabled-bg);
}

.cookie-group-info {
    flex: 1;
    min-width: 11.65rem;
}

.cookie-group-title {
    margin-bottom: var(--cookie-group-title-margin-bottom);
    color: var(--cookie-widget-text);
    font-weight: 700;
    font-size: var(--cookie-font-size-large);
    line-height: 100%;
    font-family: var(--cookie-font-family);
    text-align: left;
}

.cookie-group-required {
    color: var(--cookie-text-muted);
    font-weight: 400;
    font-size: var(--cookie-font-size-medium);
    line-height: 100%;
    font-family: var(--cookie-font-family);
}

.cookie-group-description {
    color: var(--cookie-group-description-color);
    font-weight: 400;
    font-size: var(--cookie-font-size-medium);
    line-height: 120%;
    font-family: var(--cookie-font-family);
    text-align: left;
}

.cookie-modal-warning {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    outline: 1px solid var(--cookie-warning-border-new);
    border: none;
    border-radius: var(--cookie-warning-small-radius);
    background: var(--cookie-warning-bg);
    padding: var(--cookie-warning-modal-padding);
    color: var(--cookie-warning-text-new);
    font-size: var(--cookie-font-size-base);
    line-height: 1.6;
    gap: 8px;
}

.cookie-modal-warning-icon {
    width: 100%;
    max-width: var(--cookie-warning-icon-size);
}

.cookie-modal-warning-text {
    margin: 0;
    width: 100%;
    min-width: var(--cookie-warning-text-min-width);
    max-width: var(--cookie-warning-text-max-width);
    color: var(--cookie-warning-text-new);
    font-weight: 400;
    font-size: var(--cookie-font-size-medium);
    line-height: 140%;
    font-family: var(--cookie-font-family);
    text-align: left;
}

.cookie-modal-footer {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cookie-modal-footer-gap);
    border-top: 1px solid var(--cookie-modal-footer-border);
    border-bottom-right-radius: var(--cookie-widget-border-radius-rem);
    border-bottom-left-radius: var(--cookie-widget-border-radius-rem);
    background-color: var(--cookie-modal-footer-bg);
    padding: clamp(
        var(--cookie-modal-header-mobile-padding),
        1.2rem + 0.5vw,
        var(--cookie-widget-padding-rem)
    );
}

.cookie-modal-button {
    flex: 1;
    transition: all var(--cookie-animation-short) var(--cookie-animation-ease);
    cursor: pointer;
    border: none;
    border-radius: var(--cookie-button-border-radius-small);
    padding: var(--cookie-button-padding);
    min-width: var(--cookie-modal-button-min-width);
    font-weight: 600;
    font-size: var(--cookie-font-size-medium);
}

.cookie-modal-button-save {
    background-color: var(--cookie-modal-button-save-bg);
    color: var(--cookie-modal-button-save-text);
    font-weight: 400;
    font-size: var(--cookie-font-size-large);
    line-height: 100%;
    font-family: var(--cookie-font-family);
    text-align: center;
}

.cookie-modal-button-save:hover {
    background: var(--cookie-btn-accept-hover-new);
}

.cookie-modal-button-accept {
    background: var(--cookie-modal-btn-accept-bg);
    color: var(--cookie-modal-btn-accept-text);
}

.cookie-modal-button-accept:hover {
    transform: var(--cookie-button-transform);
    box-shadow: var(--cookie-button-shadow)
        var(--cookie-modal-btn-accept-shadow);
}

@media (max-width: 768px) {
    .cookie-policy-window {
        border-radius: var(--cookie-widget-border-radius)
            var(--cookie-widget-border-radius) 0 0;
        width: 100%;
    }

    .cookie-modal {
        border-radius: var(--cookie-widget-border-radius-rem);
        max-height: var(--cookie-modal-max-height-mobile);
    }

    .cookie-modal-footer {
        flex-direction: column;
        border-bottom-right-radius: var(--cookie-widget-border-radius-rem);
        border-bottom-left-radius: var(--cookie-widget-border-radius-rem);
    }

    .cookie-modal-button {
        min-width: 100%;
    }

    .cookie-policy-noscript .cookie-policy-warning {
        border-radius: 0;
    }

    .cookie-group-label {
        padding: var(--cookie-group-mobile-padding);
        min-height: var(--cookie-group-mobile-min-height);
    }

    .cookie-group-title {
        font-size: var(--cookie-font-size-medium);
    }

    .cookie-modal-warning {
        align-items: flex-start;
        border-radius: var(--cookie-warning-small-radius);
    }

    .cookie-modal-warning-text {
        width: var(--cookie-warning-text-width-mobile);
        min-width: var(--cookie-warning-text-min-width-mobile);
    }

    .cookie-modal-warning-icon {
        max-width: var(--cookie-warning-icon-size-mobile);
        max-height: var(--cookie-warning-icon-size-mobile);
    }

    .cookie-groups {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        scrollbar-color: var(--cookie-scrollbar-mobile-thumb-color)
            var(--cookie-scrollbar-mobile-track-bg);
        scrollbar-width: auto;
    }

    .cookie-groups::-webkit-scrollbar {
        width: var(--cookie-scrollbar-width-mobile);
        -webkit-appearance: none;
        background: transparent;
    }

    .cookie-groups::-webkit-scrollbar-track {
        border-radius: var(--cookie-scrollbar-radius-mobile);
        background: var(--cookie-scrollbar-mobile-track-bg);
    }

    .cookie-groups::-webkit-scrollbar-thumb {
        border: var(--cookie-scrollbar-border-mobile) solid
            var(--cookie-scrollbar-mobile-track-bg);
        border-radius: var(--cookie-scrollbar-radius-mobile);
        background: var(--cookie-scrollbar-mobile-thumb-color);
        min-height: var(--cookie-scrollbar-min-height-mobile);
    }

    .cookie-groups::-webkit-scrollbar-thumb:hover {
        background: var(--cookie-scrollbar-mobile-thumb-hover);
    }

    .cookie-groups::-webkit-scrollbar-thumb:active {
        background: var(--cookie-scrollbar-mobile-thumb-active);
    }
}

/* End */
/* /local/templates/conferum/template_styles.css?17609525634431 */
/* /local/templates/conferum/css/header.css?17670200369774 */
/* /local/templates/conferum/css/footer.css?17588102405786 */
/* /local/templates/conferum/css/pages/index/style.css?177582187416480 */
/* /local/components/gendalf/basket.icon/templates/gf_online_store/style.css?17388515762387 */
/* /local/cookie_policy/s1/style.css?176339619522905 */
