:root{--1X:0.625vw;--2X:1.25vw;--3X:1.875vw;--4X:2.5vw}
@media(min-width: 1440px){:root{--1X:9px;--2X:18px;--3X:27px;--4X:36px}
}
body{min-width: auto}
body.mob-menu{overflow: hidden}
#header{position: sticky;top: 0;z-index: 1000;width: 100%;background-color: #FFF;transition: background .1s ease,top 0.5s ease-out}
#header .account{cursor: default}
#header_pre{height: 72px}
body.partner #header{z-index:1002}
.page-price #header{background: var(--colors-slate-200)}
.page-home #header{background: transparent}
#header.header_alt{box-shadow: 0 0 24px rgba(17, 39, 62, 0.08)}
#header.scr{background: var(--colors-alpha-light-90);box-shadow: 0 0 0 1px var(--colors-alpha-light-100),0 0 24px rgba(17, 39, 62, 0.08);backdrop-filter: blur(8px)}
#header.page-post{transition: top 0.8s ease-in-out}
#header .wrap,#header2 .wrap{position: relative;top: 0;z-index: 1}
#header .wrap{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0 80px;max-width: 1280px;height: 72px;transition: background .1s ease}
.promo-page #header .wrap{box-sizing: content-box}
#header2 .wrap{max-width: 1280px;height: 50px;margin: 0 auto;padding: 0 var(--2X);-webkit-transition: .3s ease}
#header .wrap .back_{display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;padding: 5px var(--2X);line-height:0}
#header .wrap .back_{width: 50px;padding-left: 0}
#header .wrap .block-column{flex: 1;display: flex;justify-content: center;align-items: center;flex-direction: column}
body.news #header,body.news #header .wrap,body.news #header .block-column{}
#header2 .search{float: right;margin: 5px 0 5px -40px}
#header .header__menu{margin-left: 28px}
body.news #header .header__menu{}
#header .menu{flex-direction: row;display: flex;justify-content: center;padding: 0;list-style-type: none}
ul.menu a.col{display: flex;align-items: center;padding: 6px 12px;border-radius: 10px;transition: box-shadow .3s ease-in-out}
ul.menu.ava a.col{padding: 0}
#header ul.menu.ava a.col:active{background: unset}
ul.menu a.col:not([href]){cursor: default}
ul.menu a.col span{padding: 0 4px;font-family: 'Inter',sans-serif;font-weight: 500;font-size: 15px;line-height: 24px;color: var(--colors-slate-trans-700)}
.bd_cat ul.menu a.col_m0{background: var(--CAT_OPAC1)}
ul.menu a.col::first-letter{text-transform: uppercase}
#header .menu > li{position: relative;transition: all .3s ease-in-out}
#header .menu > li > div > ul:not(.two_columns),ul.two_columns ul:not(.single_column){display: none;position: absolute;top: 80px;left: 0;z-index: 1001;width: 100%;min-width: 240px;box-sizing: border-box;padding: 12px;background: #fff;border-radius: 12px;box-shadow: 0 0 0 1px var(--colors-slate-trans-200),0 0 0 8px rgba(226,232,240,0.3),0 2px 6px 0 rgba(43,56,87,0.4)}
#header .menu > li > div ul.col_m2{row-gap: 0;width: 488px;padding: 0}
#header .menu > li:last-child > div ul{left: auto;right:0}
#header .menu > li:last-child > div ul.col_m5{right: -12px}
#header .menu > li > div ul{display: flex !important;flex-direction: column;row-gap: 8px;opacity: 0;visibility: hidden;transition: top .2s cubic-bezier(0,0.40,0.20,1),opacity .2s ease-in-out,visibility .2s ease-in-out;transition-delay: 0.1s}
#header .menu > li:hover > div ul,#header .menu > li > div ul.menuItem-open{top: 52px;opacity: 1;visibility: visible}
ul.menuItem-open ul.two_columns,ul.menuItem-open ul.single_column{top: 60px !important;opacity: 1 !important;visibility: visible !important}
#header .menu > li ul.two_columns{flex-direction: row;column-gap: 24px;flex-wrap: wrap;width: 456px;padding: 0;list-style-type: none}
#header .menu > li ul.single_column{padding: 0}
#header .menu > li > div li{border-radius: 8px}
#header .menu > li > div li:not(.two_columns){display: block;width: 216px;box-sizing: border-box}
#header .menu > li > div li.alt{width: 100%;padding: 8px 12px;border-radius: 0 0 12px 12px;border-top: 1px solid var(--colors-slate-trans-100);background: linear-gradient(90deg,#FBF4DA 0%,#DAEFFB 100%)}
#header .menu > li > div a{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 4px;flex-wrap: nowrap;padding: 6px 12px;border-radius: 8px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 14px;line-height: 20px;color: var(--colors-slate-trans-900);text-overflow: ellipsis;transition: all .2s ease-in-out}
#header li.ava__logout:hover a{color: var(--colors-rose-600)}
#header .menu > li > div li.alt a{justify-content: unset}
#header ul.menu.header__lang ul.col_m0{min-width: 124px}
#header ul.menu.header__lang ul.col_m0 li{width: unset}
.bd_cat #header .menu0 > li > div ul.col_m1 a:hover{background: var(--CAT_OPAC1)}
ul.menu svg{width: 20px;height: 20px}
ul.menu a.col svg{fill: var(--colors-slate-trans-500);transition: transform 0.3s ease-in-out}
.p20{margin-right: 20px}
#header2 .search ._search:hover:before,#header2 .search ._search:focus:before{transform: scale(1.1)}
#header2 .search ._search:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;border-radius:50%;transition: 0.25s}
#header2 .search ~ .account,#header .account ~ .search{padding-right: 0}
#header2 .search ._search{border-radius: 30px;padding: 0;position: relative}
#header .account svg,#header2 .search svg{width: 40px;height: 40px}
.account__open{display: inline-block;padding: 6px 20px;border-radius: 20px;color:inherit;border: 2px solid #333;margin: 15px var(--2X) 15px var(--1X) !important;cursor: pointer;transition: background 0.3s;font: 500 14px/24px var(--FONT1);white-space: nowrap}
.account__signup{padding: 8px 7px 8px 20px;margin: -8px -7px -8px -20px;border-radius: 100% 0 0 100%}
.account__login{padding: 8px 20px 8px 7px;margin: -8px -20px -8px -7px;border-radius: 0 100% 100% 0}
.account__open.alt .account__login{opacity: 1}
.account__login,.account__onlyLogin,.account__signup,.account__line{color:inherit;text-transform:inherit;font:inherit}
.account__onlyLogin{padding: 8px 20px;margin: -8px -20px}
.account__line{font-weight:100;margin:0 2px}
.account__login,.account__line,.account__open.alt .account__signup{opacity:0.7}
.account__login:focus,.account__signup:hover,.account__signup:focus{opacity:1}
.bd_cat .account__open{border-color: var(--CAT_COLOR);color: var(--CAT_COLOR)}
.account__open:hover,.account__open:focus-within{background-color: var(--GREEN);border-color: var(--GREEN);color: #fff}
.news .account__open:hover,.news .account__open:focus-within{background-color: var(--CAT_COLOR_DEF);border-color: var(--CAT_COLOR_DEF);color: #fff}
.bd_cat .account__open:hover,.bd_cat .account__open:focus-within{background-color: var(--CAT_COLOR);border-color: var(--CAT_COLOR);color: #fff}
body:not(.news) .account__open{background:var(--MAGENTA);border-color:var(--MAGENTA);color:#fff;transition:0.3s;box-shadow:0 0 0 12px transparent}
body:not(.news) .account__open:active,body:not(.news) .account__open:focus-within{transition:none;box-shadow:0 0 0 6px var(--MAGENTA_OPAC2)}
#header .menu-lang{margin-left: 8px}
#header .menu-lang svg{fill: var(--colors-slate-500)}
#header .menu-lang .btn-header{padding: 6px 8px}
@media(min-width:480px){body.page-home #header:not(.scr2) .account__open{border-color:#333;background-color:#fff;color:#333}
body.page-home #header:not(.scr2) .account__open:hover,body.page-home #header:not(.scr2) .account__open:focus-within{background-color: var(--MAGENTA);border-color: var(--MAGENTA);color: #fff}
body.page-wbutton #header:not(.scr2) .account__open{border-color:#333;background-color:#fff;color:#333}
body.page-wbutton #header:not(.scr2) .account__open:hover,body.page-wbutton #header:not(.scr2) .account__open:focus-within{background-color: var(--MAGENTA);border-color: var(--MAGENTA);color: #fff}
}
#header .progress div{background: var(--CAT_COLOR)}
ul.menu a{color:rgba(0, 0, 0, 0.6)}
ul.menu a.col_1:hover,ul.menu a.col_1.act{color:var(--CAT_COLOR1)}
ul.menu a.col_2:hover,ul.menu a.col_2.act{color:var(--CAT_COLOR2)}
ul.menu a.col_3:hover,ul.menu a.col_3.act{color:var(--CAT_COLOR3)}
ul.menu a.col_1:before{background: var(--CAT_COLOR1)}
ul.menu a.col_2:before{background: var(--CAT_COLOR2)}
ul.menu a.col_3:before{background: var(--CAT_COLOR3)}
ul.menu a.col_m2,ul.menu a.col_m3,ul.menu a.col_m4{color:#333}
ul.menu li{border-radius: 10px;transition: all .2s ease-in-out}
ul.menu li.two_columns{padding: 16px 12px;list-style-type: none}
#header ul.menu li:not(.two_columns):not(.single_column):not(.alt):hover,#header ul.menu li:not(.two_columns):not(.single_column):not(.alt).menuItem-hovered{background: var(--colors-slate-trans-100)}
#header .header__account ul.menu.ava > li:hover{background: none !important}
#header ul.menu li.ava__logout:hover{background: var(--colors-rose-50) !important}
#header .header__account ul.menu > li:hover{background: unset}
#header ul.menu li a:active,#header .wrap a.col:not(.col_m3):not(.col_m5).is-active{background: var(--colors-slate-trans-200);box-shadow: unset}
#header ul.menu li.ava__logout a:active{background: var(--colors-rose-100)}
ul[class^="col"]:not(.col_m2):not(.col_m5) li a:active{background: var(--colors-slate-trans-200)}
.scroll-title span{color: var(--CAT_COLOR)}
#header .name{padding: 0 6px;font-family: 'Work Sans',sans-serif;font-weight: 600;font-size: 24px;line-height: 24px;color: var(--colors-slate-900);cursor: default}
#header .name a{color: var(--colors-slate-900)}
.page-register .name a{cursor: default}
#header .name a ~ a,#header .name a ~ span{border-radius:30px;margin-left:-5px}
#header .name a ~ a:hover{transition:0.3s;background: var(--CAT_COLOR_DEF_OPAC)}
#header .name a:hover{color: #000}
body:not(.bd_cat) #header .name a b{font-weight: inherit;color: var(--CAT_COLOR_DEF)}
#header .name a b:after{content:' ';margin:0 0 0 5px}
#header .name_hov{position:relative}
#header .name_hov:before{content: '';position: absolute;left: 50%;right: 50%;top: 0;height: 2px;transition: all 1s ease;-webkit-transition: all 1s ease;opacity: 0.2;background:#333}
#header .name_hov:hover:before{left: 0;right: 0;opacity: 1}
a.logo svg{fill: var(--CAT_COLOR)}
#header2 .search a svg,#header2 .search button svg{fill: rgba(0, 0, 0, 0.6);transform: scale(0.8)}
#header2 .search a:hover svg,#header2 .search button:hover svg{fill: #000000}
#header .progress div{height: 0;opacity: 1}
#header .progress{position: absolute;left: 0;right: 0;bottom: 70px;height: 2px;background: #fff;z-index: 10}
#header .header__logo{display: flex;align-items: center;padding: 7px 6px;border-radius: 42px;cursor: pointer}
.page-register #header .header__logo svg{cursor: pointer}
#header .header__logo svg{width: 42px;height: 42px;transition: fill .4s ease-in-out;fill: var(--colors-slate-900)}
#header .header__logo:hover svg,#header .header__logo.is-hover svg{fill: var(--colors-slate-700)}
#header .header__logo > a{position: relative;display: block;height: 42px}
#header .header__logo span{font-family: 'Work Sans',sans-serif;font-weight: 600;font-size: 24px;line-height: 24px;color: var(--colors-slate-900)}
.page-home #header .header__logo span{cursor: default}
.page-register #header .name span{margin-left: 12px;font-size: 20px}
#header .name span.only_screen{color: var(--colors-slate-400)}
#header .header__caption{margin-left: 8px;margin-right: 12px}
#header .header__caption span{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 20px;line-height: 24px;color: var(--colors-slate-trans-400);cursor: default;white-space: nowrap}
.news.bd_cat #header .header__caption span{cursor: unset}
#header .back_ svg{width: 60px;height: 60px;transition: .3s;-webkit-transition: .3s ease;fill: #999;transform:scale(0.7);margin:0 -10px}
.scroll-title{position: absolute;transition: top 0.3s ease;-webkit-transition: top 0.3s ease}
#header.header_alt .scroll-title{top: 0}
#header .scroll-title{display: block;width: 100%;padding-left: 18px;box-sizing: border-box;overflow: hidden;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 18px;line-height: 70px;color: var(--colors-slate-900);white-space: nowrap;text-overflow: ellipsis}
#header .scroll-title span{font-weight: 600}
.block-column{display: flex;flex-direction: column;align-self: flex-start;width: 100%}
.block-original{top: 0}
.header_alt .block-original,.header_alt .block-special{top: -70px;height: 72px}
.block-original,.block-special{display: flex;align-items: center;width: 100%;height: 72px;position: relative;top: 0;transition: .3s ease .3s}
.block-special{display:block;height: 0;overflow: hidden}
.block-name-header{position: relative;top: 0;transition: .3s;height: 70px}
.block-name-post{height: 70px;transition: .3s}
#header:hover .block-column .block-original,#header:hover .block-column .block-special{top: 0;transition: .3s ease .5s}
#header:hover .block-column .block-special{height: 0}
body.bd_auth #header .block-column .block-original,body.bd_auth #header .block-column .block-special{transition: 1s ease 2s}
.header__account .menu-icon{position: relative;display: none;width: 32px;height: 32px;padding: 4px;border-radius: 10px;transition: background .2s ease-in-out}
.header__account .menu-icon:hover{background: var(--colors-slate-trans-200);cursor: pointer}
.header__account .menu-icon:before,.header__account .menu-icon:after{content: '';position: absolute;top: 14px;left: 11px;display: block;width: 18px;height: 2px;border-radius: 2px;background: var(--colors-slate-500);transition: top .3s ease-in-out .3s,transform .3s ease-in-out}
.header__account .menu-icon:after{top: 24px}
.header__account .menu-icon.is-open:before,.header__account .menu-icon.is-open:after{top: 19px;transform: rotate(45deg);transition: top .3s ease-in-out,transform .3s ease-in-out .3s}
.header__account .menu-icon.is-open:after{transform: rotate(-45deg)}
#header .menu.menu-lang > li > div li:not(.two_columns){max-width: 140px}
#header .menu.menu-lang > li > div > ul{min-width: 164px}
.bg_tag{background-color: #0bb;text-align: center;color: #fff;height: 15vw;display: flex;justify-content: center;align-items: center;padding: 50px 10px 10px}
.subtitle.bg_tag h1{padding: 0;font-size: 100px;font-size: 7vw;font-weight: bold}
.subtitle.bg_tag h1 span{float: none;margin: 0;font-size: 70px;font-size: 5vw;color: #70cfcf}
.tags.tags__,.tags.tags_{font-family: "Fira Sans"}
#catalog .tags.tags_{height: 220px;overflow: hidden}
#header #header2 .search .acc img{float: right;border-radius: 24px;transform: scale(0.75,0.75);-webkit-transform: scale(0.75,0.75);width: 48px;height: 48px}
@media(max-width: 992px){#header .wrap > div:nth-child(1){}
}
@media(max-width: 992px){ul.menu a{font-size:1rem}
}
@media(max-width: 992px){ul.menu a{padding: 0 10px}
}
@media(max-width: 992px){.account__open{text-transform: capitalize;margin: 0}
}
@media(max-width: 768px){ul.menu a{padding: 0 10px}
ul.menu a:hover:before,ul.menu a.act:before{left: 10px;right: 10px}
.col_3 span:first-child{display: none}
}
.bd_support[data-lang="9"] #header .wrap .header__menu,.bd_support[data-lang="5"] #header .wrap .header__menu,.bd_support[data-lang="11"] #header .wrap .header__menu{display: none}
@media(max-width: 1240px){.bd_support #header .wrap .header__menu{display: none}
.bd_support .wrap .header__login{display: none}
.bd_support .header__account .menu-icon{display: block}
.bd_support #header .wrap .menu-lang{display: none}
}
@media(max-width: 1124px){.news #header .wrap .header__menu{display: none}
.news .wrap .header__login{display: none}
.news .header__account .menu-icon{display: block}
body:not(.page-register) #header .wrap .menu-lang{display: none}
}
@media(max-width: 1060px){#header .wrap .header__menu{display: none}
body:not(.partner) .wrap .header__login{display: none}
.header__account .menu-icon{display: block}
}
@media(max-width: 992px){#header .wrap{padding: 0 40px}
.header_alt #header .wrap{top: -70px}
#header .wrap > div.search:not(.user-active){width:0}
#header #header .wrap .user-active{width: max-content}
#header.header_alt #header .wrap .block-special{top: 0}
#header #header .wrap .block-original{transition: none}
.header_alt #header .wrap .block-original,.header_alt #header .wrap .block-special{top: 0}
#header.header_alt .scroll-title{position: relative}
#header.header_alt #header .wrap .scroll-title{position: absolute}
#header.header_hid{top: -188px}
#header2 .search ~ .account,#header .account ~ .search{padding-right: 0}
}
@media(max-width: 480px){.account__line,.account__login{display: none}
}
#header2{position: sticky;width: 100%;z-index: 999;background-color: var(--colors-alpha-light-80);cursor: n-resize;height: 50px;transition: opacity 0.5s ease 0.5s,top 0.85s;top: 72px;backdrop-filter: saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px);box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset,0 5px 10px rgba(0, 0, 0, 0.04);opacity: 1}
#header2 .menu{padding: 0 0 0 30px}
#header2 .menu li{float:left;list-style-type:none;padding:0;margin:0}
body.news #header2 ul.menu a.col{line-height:50px;font-size:1rem}
#header2.header_alt{top:20px;transition: opacity 0.5s,top 0.5s ease 0.5s;opacity: 0}
#header:hover ~ #header2{top: 72px}
@media(max-width: 992px){#header2 .menu{padding-left:60px}
#header.header_hid ~ #header2{top:-50px;transition: 0.5s}
}
@media(max-width: 768px){#header2 .wrap{margin:0;padding:0 var(--2X) 0 10px}
#header2 .menu{padding-left:0}
#header.header_hid ~ #header2{top: -50px !important;transition: 0.5s}
body.news #header2 ul.menu a.col{padding:0 10px}
}
#header .menu > li,#header .menu > li > a:not(.col_m3){cursor: default}
#header .menu > li.landing{display: none}
.bd_enterprise.bd_landing #header .header__menu{display: none}
@media(min-width: 768px){.bd_landing #header .header__menu .menu{display: flex !important}
}
.header_notif{position: relative;display: flex;justify-content: center;align-items: center;padding: 10px 20px;box-sizing: border-box;z-index: 1001;flex-direction: row-reverse}
.header_notif-news{gap: 10px;background: #F2F2FA}
.header_notif-partner{background: var(--colors-orange-100)}
.header_notif-price{gap: 10px;background: var(--colors-slate-900)}
.header_notif-en{gap: 8px;background: linear-gradient(90deg,#FBF4DA 0%,#DAEFFB 100%)}
.header_notif span{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 14px;line-height: 20px;color: var(--colors-slate-trans-900);cursor: default}
.header_notif a span{font-size: 14px;line-height: 20px}
.header_notif:not(.header_notif-partner) span:first-of-type{margin-left: auto}
.header_notif-price span{color: var(--colors-slate-0)}
.header_notif:not(.header_notif-partner) svg{width: 20px;height: 20px}
.header_notif-partner svg{margin-right: 148px;width: 134px;height: 20px;flex-shrink: 0}
.header_notif-partner.is-logged svg{display: none}
.header_notif-en svg:first-of-type{width: 24px;height: 24px;vertical-align: top}
.header_notif-en .notif_content svg{order: 0}
.header_notif svg.notif_close{flex-shrink: 0;margin-left: auto;fill: var(--colors-graphite-trans-700);cursor: pointer;transition: fill 0.1s ease-in-out}
.header_notif svg.notif_close:hover{fill: var(--colors-graphite-trans-900)}
.header_notif-price svg.notif_close{fill: var(--colors-slate-500)}
.header_notif-price svg.notif_close:hover{fill: var(--colors-slate-0)}
.header_notif-news a svg{padding: 0 4px;fill: var(--colors-blue-600)}
.header_notif-price a svg{padding: 0 4px;fill: var(--colors-blue-400)}
.header_notif a,.header_notif a span{color: var(--colors-blue-600);cursor: pointer}
.header_notif-price a span{color: var(--colors-blue-400)}
.header_notif-news a,.header_notif-price a{display: flex;align-items: center;gap: 4px}
.header_notif-price.is-logged a{display: none}
.header_notif a{position: relative}
.header_notif a:after{content: '';position: absolute;top: 100%;left: 0;width: 0;height: 1px;background: var(--colors-blue-600);transition: 0s}
.header_notif-price a:after{background: var(--colors-blue-400)}
.header_notif-news a:after,.header_notif-price a:after{top: calc(100% - 2px)}
.header_notif a:hover:after{width: 100%;transition: 0.3s}
.header_notif-news a:hover:after,.header_notif-price a:hover:after{width: calc(100% - 32px)}
.notif_content{display: flex;align-items: center;gap: 28px}
.notif_close + .notif_content{margin-left: auto}
.header_notif-en .notif_content{display: block;gap: 0}
.header_notif-partner:not(.is-logged) .notif_content{justify-content: end;margin: 0 auto;max-width: 1280px;width: 100%;padding: 0 58px}
.header_notif-partner.is-logged .notif_content{justify-content: center;margin-left: 0}
.header__account{display: flex;align-items: center;gap: 4px}
.news .header__account{margin-left: 20px}
.header__account .ava img{width: 36px;height: 36px;border-radius: 18px;outline: 2px solid var(--colors-alpha-dark-10);outline-offset: -2px}
.header__account .ava__login svg,.header__account .ava__logout svg{fill: var(--colors-slate-700)}
.header__account .ava__logout:hover svg{fill: var(--colors-rose-600)}
.wrap-mobile .header__login{margin-top: 20px;margin-bottom: 40px}
.wrap-mobile .header__signup,.wrap-mobile .header__enter{margin-top: 48px}
.wrap-mobile .header__enter{margin-bottom: 80px}
.btn-header-reg .signup__circle1,.btn-header-reg .signup__circle2,.btn-header-reg .signup__circle3{width: 48px;height: 48px;border-radius: 24px;filter: blur(16px);background-color: #4A67B5;animation-duration: 12s;animation-timing-function: linear;animation-iteration-count: infinite}
.btn-header-reg .signup__circle1{position: absolute;left: -20px;top: -30px;animation-name: signup__circle1}
.btn-header-reg .signup__circle2{position: absolute;right: -30px;top: -5px;animation-name: signup__circle2}
.btn-header-reg .signup__circle3{position: absolute;left: 35px;bottom: -35px;animation-name: signup__circle3}
@keyframes signup__circle1{0%{left:-20px;top:-30px}
25%{left:20px;top:-60px}
50%{left:80px;top:100px}
75%{left:-20px;top:25px}
95%{left:-20px;top:-30px}
}
@keyframes signup__circle2{0%{right:-30px;top:-5px}
25%{right:30px;top:45px}
50%{right:130px;top:-45px}
75%{right:-25px;top:-35px}
95%{right:-30px;top:-5px}
}
@keyframes signup__circle3{0%{left:35px;bottom:-35px}
25%{left:65px;bottom:-55px}
50%{left:50px;bottom:55px}
75%{left:-25px;bottom:-55px}
95%{left:35px;bottom:-35px}
}
.btn-header-reg[disabled] .signup__circle1,.btn-header-reg[disabled] .signup__circle2,.btn-header-reg[disabled] .signup__circle3{display: none}
.header__lang{margin-left: 20px}
#header a.acc{float:right;font:bold 16px/48px var(--FONT1);margin:12px 15px;padding:0}
#header a.acc img{float:right;border-radius:24px;transform:scale(0.75,0.75);-webkit-transform:scale(0.75,0.75);width:48px;height: 48px;transition: 0.3s;-webkit-transition:0.3s}
#header a.acc:hover img{transform:none;-webkit-transform:none}
#header a.logo{transition: 0.3s ease}
#header.header_alt a.logo{transform:scale(0.75,0.75);-webkit-transform:scale(0.75,0.75)}
#header:hover a.logo{transform:scale(1);-webkit-transform:scale(1);transition: 0.3s ease 0.5s}
.header__linkAdminPanel{position:absolute;right:92px;top:80px;font-size:2rem}
.header__linkAdminPanel:hover,.header__linkAdminPanel:focus{text-shadow:0 0 10px var(--MAGENTA)}
#header2 ul.menu a.col{padding: 0 var(--3X);position: relative;font: 1rem/4.4rem var(--FONT1);display: inline-block;white-space: nowrap}
#header2 ul.menu a.col:before{content: '';position: absolute;left: 50%;right: 50%;top: 0;height: 2px;transition: all 1s ease;-webkit-transition: all 1s ease;opacity: 0.2}
#header2 ul.menu li:hover a.col:before,#header2 ul.menu li a.col:focus:before,#header2 ul.menu a.col.act:before{left: var(--3X);right: var(--3X);opacity: 1}
#header2 ul.menu a.col_1:hover,#header2 ul.menu a.col_1.act{color:var(--CAT_COLOR1)}
#header2 ul.menu a.col_2:hover,#header2 ul.menu a.col_2.act{color:var(--CAT_COLOR2)}
#header2 ul.menu a.col_3:hover,#header2 ul.menu a.col_3.act{color:var(--CAT_COLOR3)}
ul[class^="col"]:not(.col_m2):not(.col_m5) span:after,ul.two_columns span:after,li.alt span:after{content: '';position: absolute;top: 50%;right: 28px;z-index: 1;width: 8px;height: 20px;background: var(--colors-slate-0);transform: translate(0,-50%);transition: background .2s ease-in-out}
li.alt span:after{right: unset;background: #F2F3E3}
ul[class^="col"]:not(.col_m2):not(.col_m5) svg,ul.two_columns svg,li.alt svg{position: relative;flex-shrink: 0;right: 5px;opacity: 0;transition: right 0.2s ease-in-out,opacity 0.3s ease}
#header ul[class^="col"]:not(.col_m2):not(.col_m5) li:hover svg,#header ul.single_column li:hover svg,li.alt:hover svg{right: 0;opacity: 1}
#header ul[class^="col"]:not(.col_m2):not(.col_m5) li:hover,#header ul.single_column li:not(.alt):hover{background: var(--colors-slate-100)}
#header ul[class^="col"]:not(.col_m2):not(.col_m5) li a:active,#header ul.single_column li:not(.alt) a:active{background: var(--colors-slate-200)}
#header ul[class^="col"]:not(.col_m2):not(.col_m5) li:hover span:after,#header ul.single_column li:not(.alt):hover span:after{background: var(--colors-slate-100)}
#header ul[class^="col"]:not(.col_m2):not(.col_m5) li a:active span:after,#header ul.single_column li:not(.alt) a:active span:after{background: var(--colors-slate-200)}
#header ul.menu > li:hover > a:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 60px}
#header ul.menu > li:hover > a.col_m5:before{content: '';position: absolute;top: 0;left: -200%;width: 300%;height: 60px}
#header ul.menu > li:hover > a.col_m0:before{content: '';position: absolute;top: 0;left: -100%;width: 200%;height: 60px}
#header .wrap-mobile{display: none;position: fixed;flex-direction: column;width: 100%;background: #FFF;opacity: 0;visibility: hidden;transform: translateY(-100vh);transition: opacity 1.5s ease-in-out,visibility 1.5s ease-in-out,transform .5s ease-in-out;overflow-y: scroll;overflow-x: hidden}
@media(max-width: 1240px){.bd_support #header .wrap-mobile{display: flex}
}
@media(max-width: 1124px){.news #header .wrap-mobile{display: flex}
}
@media(max-width: 1060px){#header .wrap-mobile{display: flex}
}
#header .wrap-mobile.is-open{opacity: 1;visibility: visible;transform: translateY(0px);transition: opacity .3s ease-in-out,visibility .3s ease-in-out,transform .5s ease-in-out;height: calc(100dvh - 70px);bottom: 0}
#header .wrap-mobile button.menu__demo,#header .wrap-mobile button.menu__lang{margin-top: auto;padding: 22px 0;background: var(--colors-slate-trans-100);text-align: center;width: 100%}
#header .wrap-mobile button.menu__lang{background-color: #fff;display: flex;gap: 12px;justify-content: center;align-content: center}
#header .wrap-mobile button.menu__demo span,#header .wrap-mobile button.menu__lang span{font-family: 'Inter',sans-serif;font-size: 15px;font-weight: 500;line-height: 24px;color: var(--black) !important}
#header .wrap-mobile button.menu__lang svg{width: 20px;height: 20px;fill: var(--colors-slate-trans-600);transform: translateY(2px)}
#header .wrap-mobile .header__menu{margin-left: 0;display: flex;flex-direction: column;justify-content: space-between;padding: 40px 40px 0;height: 100%}
#header .wrap-mobile .header__menu .menu{display: block}
#header .wrap-mobile .header__menu .header__menu-top{display: flex;flex-direction: column}
#header .wrap-mobile .header__menu .header__menu-bottom{margin: 0 -40px}
#header .wrap-mobile .menu > li:not(:first-child){border-radius: 0;border-top: 1px solid var(--colors-slate-trans-200)}
#header .wrap-mobile .menu > li:last-child{border-radius: 0;border-bottom: 1px solid var(--colors-slate-trans-200)}
#header .wrap-mobile .menu > li > div{opacity: 1;height: 0;overflow: hidden;transition: all 0.5s ease-in-out}
#header .wrap-mobile .menu > li > div ul{position: unset;gap: 0;margin-top: 2px;padding: 10px 16px;opacity: 1;visibility: visible;border: 0;border-radius: 0;box-shadow: none}
#header .wrap-mobile ul.menu li:hover{background: none !important}
#header .wrap-mobile ul[class^="col"] span:after{display: none}
#header .wrap-mobile ul.menu > li:hover > a:before{display: none}
#header .wrap-mobile .menu > li > div ul.col_m2{width: 100%;padding: 10px 16px}
#header .wrap-mobile ul.menu a.col{justify-content: space-between;padding: 16px 0;background: none}
#header .wrap-mobile ul.menu a.col svg{margin-right: 10px;transition: transform 0.5s ease-in-out}
#header .wrap-mobile ul.menu a.col:hover svg{transform: unset}
#header .wrap-mobile ul.menu a.col.is-active svg{transform: rotate(-180deg)}
#header .wrap-mobile ul.menu a:not(.col):active,#header .wrap-mobile ul[class^="col"] li a.is-touch{background: var(--colors-slate-200)}
#header .wrap-mobile .menu > li > div a{padding: 0 16px;gap: 0;line-height: 40px}
#header .wrap-mobile.is-open .menu li{width: unset}
#header a,#header2 a,.header__logo,.header__signup,.header__login,.header__enter,.menu__demo,.menu__lang{-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.header__enter{margin-right: 8px}
#header .wrap-mobile.is-open .menu li a:focus-visible{box-shadow: none}
#header .header__demo{margin-right: 8px}
#header .header__demo .btn-header-demo svg{fill: var(--colors-slate-trans-500)}
@media only screen and (max-width: 1460px){.bd_support .header__demo{display: none}
}
@media only screen and (max-width: 1440px){#header,#header.scr{background: unset}
body:not(.mob-menu) .page-home #header .wrap{background: transparent}
.page-price #header .wrap{background: #F2F4F6}
#header .wrap{background: var(--colors-alpha-light-100);box-shadow: none;backdrop-filter: none}
.page-home #header.menu-open .wrap,.page-price #header.menu-open .wrap{background: #FFF}
}
@media only screen and (max-width: 1370px){.news .header__demo{display: none}
}
@media only screen and (max-width: 1280px){.header_notif-partner svg,.wrap .header__signup{display: none}
.header_notif-partner:not(.is-logged) .notif_content{justify-content: center;padding: 0}
}
@media only screen and (max-width: 1200px){#header .header__menu{margin-left: 12px}
}
@media only screen and (max-width: 992px){.header_notif-partner svg{display: none}
#header .wrap-mobile .header__menu{padding: 40px 40px 0;height: 100%}
.news .header__account{visibility: visible;opacity: 1;transition: visibility .3s ease-in-out,opacity .3s ease-in-out}
.news .header_alt .header__account{visibility: hidden;opacity: 0;transition: visibility 0s,opacity 0s}
}
@media only screen and (max-width: 768px){.header_notif-news{padding: 12px 20px}
.bd_support #header .name,.bd_support .wrap .header__enter{display: none}
}
@media only screen and (max-width: 720px){.news .wrap .header__enter{display: none}
.bd_support:not(.logged) #header .name{display: none}
}
@media only screen and (max-width: 600px){.notif_content{gap: 18px}
.bd_support #header .name{display: none}
.wrap .header__enter{display: none}
}
@media only screen and (max-width: 560px){#header .wrap{padding: 0 20px}
.header__account{gap: 12px}
.header__lang{margin-left: 12px}
#header .wrap-mobile .header__menu{padding: 40px 20px 0}
}
@media only screen and (max-width: 480px){.header_notif{padding: 12px 16px}
.header_notif span{font-size: 13px}
.header_notif a:after{display: none}
.notif_content > a{align-self: center;margin-left: 0}
.header_notif-news .notif_content > a{margin-right: 10px}
.header_notif:not(.header_notif-en) a{padding: 10px 0}
.header_notif-news a svg{display: none}
.header_notif-news{gap: 10px}
.notif_content{justify-content: flex-start;align-items: flex-start;gap: 20px}
.bd_support .wrap .header__signup,.news .wrap .header__enter{display: none}
#header .wrap-mobile .header__menu{margin-left: 0}
#header.menu-open .wrap{outline: 1px solid var(--colors-slate-trans-200);outline-offset: -1px}
.news #header .name{display: none}
.page-register #header .name{display: none}
body:not(.logged) #header .name{display: none}
}
@media only screen and (max-width: 400px){.wrap .header__enter{display: none}
}
@media only screen and (max-width: 320px){.logged #header .name{display: none}
.news .wrap .header__signup{display: none}
}
.wo1200,.wi1200{display:none}
@media(max-width: 1200px){.w1200{display:none !important}
.wo1200{display:inline}
.wi1200{display:block !important}
}