/* CUSTOM PRELOAD */
#loader-wrapper{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:#fff;animation:loader 1s linear;animation-iteration-count:1;animation-fill-mode:forwards}
@keyframes loader{
0%{opacity:1}
70%{opacity:1}
99%{opacity:0}
100%{display:none;visibility:hidden;z-index:-10;opacity:0}
}
/* RESET STYLES */
*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
button,input[type="submit"],input[type="reset"]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}
.clear{clear:both;overflow:hidden;height:0px;font-size:0px;display:block}
html:not(.touch-screen)::-webkit-scrollbar,html:not(.touch-screen) *::-webkit-scrollbar{width:6px;height:6px}
html:not(.touch-screen)::-webkit-scrollbar-track,html:not(.touch-screen) *::-webkit-scrollbar-track{background:var(--color-violet)}
html:not(.touch-screen)::-webkit-scrollbar-thumb,html:not(.touch-screen) *::-webkit-scrollbar-thumb{background:var(--gradient-main)}
:focus,:active,:visited{outline:none}
/* GLOBAL SETTINGS */
:root{--color-white:#fff;--color-black:#040404;--color-red:#ff0000;--color-violet:#271039;--gradient-main:linear-gradient(266.42deg, #ff17b0 46.27%, #a189ff 79.1%);--gap-xxl:200px;--gap-xl:100px;--gap-l:80px;--gap-m:50px;--gap-s:30px;--gap-xs:15px;--gap-xxs:10px;--font-primary:"TTRoundsNueue";--font-secondary:"ProximaSoftExCn";--bs-gutter-x:25px}
@media (max-width: 1550px){
:root{--gap-xxl:150px}
}
@media (max-width: 767px){
:root{--gap-xxl:50px;--gap-xl:50px;--gap-l:40px;--gap-m:25px;--gap-s:20px;--gap-xs:10px}
}
html{height:100%}
body{height:100%}
#content-block{overflow:hidden;position:relative}
.overflow-hidden{overflow:hidden}
html.overflow-hidden body{overflow:hidden}
.popup-wrapper,.cookies-informer{display:none}
section{margin-bottom:var(--gap-xxl)}
section:first-child{margin-top:180px}
section:last-child{margin-bottom:0}
.section-title{position:relative;text-align:center;margin-bottom:var(--gap-m)}
@media (max-width: 767px){
section:first-child{margin-top:100px}
}
.title{font-weight:bold;font-family:var(--font-secondary);letter-spacing:0.02em}
.text-gradient{background:linear-gradient(266.42deg, #ff17b0 46.27%, #a189ff 79.1%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
a.text-gradient{position:relative}
a.text-gradient::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;transition:0.5s;opacity:0;visibility:hidden;background:linear-gradient(266.42deg, #ff17b0 46.27%, #a189ff 79.1%)}
a.text-gradient:hover::after{opacity:1;visibility:visible}
/*spacers*/
.mb-s{margin-bottom:var(--gap-s)}
.mb-m{margin-bottom:var(--gap-m)}
.mb-l{margin-bottom:var(--gap-l)}
.mb-xl{margin-bottom:var(--gap-xl)}
.mb-xxl{margin-bottom:var(--gap-xxl)}
.mt-s{margin-top:var(--gap-s)}
.mt-m{margin-top:var(--gap-m)}
.mt-l{margin-top:var(--gap-l)}
.mt-xl{margin-top:var(--gap-xl)}
.mt-xxl{margin-top:var(--gap-xxl)}
.spacer{clear:both;height:1px}
/* TYPOGRAPHY */
body{font-family:var(--font-primary);line-height:1.35;color:var(--color-white);height:100%;overflow:hidden;font-weight:500;background:var(--color-violet)}
/* titles */
h1,.h1{font-size:clamp(30px, 4.5vw, 72px);line-height:0.93}
h2,.h2{font-size:clamp(32px, 4vw, 62px);line-height:1}
h3,.h3{font-size:clamp(24px, 3vw, 55px);line-height:1.2}
h4,.h4{font-size:clamp(20px, 2.5vw, 36px);line-height:1.06}
h5,.h5{font-size:clamp(15px, 2vw, 24px);line-height:1.4}
b{font-weight:700}
strong{font-weight:600}
.nobr{white-space:nowrap}
a{cursor:pointer;text-decoration:none;outline:none;color:inherit;transition:all 0.3s linear}
a:link,a:visited,a:active,a:hover{cursor:pointer;text-decoration:none;outline:none}
iframe{border:none;outline:none}
ul,ol{list-style:none}
img{max-width:100%}
.image img{display:block;width:100%}
.image-cover,.video-cover{position:relative}
.video-cover video,.image-cover img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.text-m{font-size:clamp(14px, 2vw, 20px);font-weight:300}
.text-l{font-size:clamp(16px, 2.1vw, 24px);font-weight:300}
.text-xl{font-size:clamp(18px, 2.3vw, 30px);font-weight:300}
.italic,i{font-style:italic}
.uppercase{text-transform:uppercase}
.text a{color:var(--color-black);font-weight:600;text-decoration:underline}
@media (min-width: 1200px){
.text a:hover{text-decoration:none}
}
.text > *:not(:last-child){margin-bottom:0.5em}
.color-gradient{background:linear-gradient(266.42deg, #ff17b0 46.27%, #a189ff 79.1%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.underline{text-decoration:underline}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
/* BUTTONS */
.btn{display:inline-flex;position:relative;cursor:pointer;text-decoration:none;font-weight:500;line-height:1;color:var(--color-white);font-size:24px;transition:0.5s;white-space:nowrap;align-items:center;text-transform:uppercase;font-family:var(--font-secondary)}
.btn_main{background:linear-gradient(269.86deg, #ff17b0 4.21%, #4323f4 99.86%);background-size:200% 100%;box-shadow:0px 11px 39px rgba(205, 26, 123, 0.52);background-position:left;color:var(--color-white);transition:0.5s;height:45px;padding:0 35px;border-radius:9px;justify-content:center}
.btn svg{vertical-align:middle;margin-left:var(--gap-xxs)}
.btn:active{transform:scale(0.97);transition:0.002s}
.btn.btn-close{height:40px;width:40px;padding:0}
/*media*/
@media (min-width: 1200px){
.btn_main:hover{background-position:right}
}
@media (max-width: 767px){

}
/* HOVERABLE GRADIENT */
.hover-gradient-wrap{position:relative;display:inline-block}
.hover-gradient{position:relative;display:inline-block;cursor:pointer}
.hover-gradient::before{content:"";position:absolute;left:0;width:100%;top:0;height:100%;background:var(--color-violet);opacity:0;transition:0.3s linear}
.hover-gradient span{position:absolute;font-size:inherit;font-weight:inherit;left:0;top:0;width:100%;height:100%;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transition:0.3s linear}
.hover-gradient.active::before,.hover-gradient.active span{opacity:1}
@media (min-width: 1200px){
.hover-gradient-wrap:hover .hover-gradient::before,.hover-gradient-wrap:hover .hover-gradient span,.hover-gradient:hover::before,.hover-gradient:hover span{opacity:1}
}
/* END HOVERABLE GRADIENT */
/* HEADER */
header{position:fixed;top:0;width:100%;z-index:20;padding:0;font-size:16px;transition:0.4s;padding-top:var(--gap-xl);background:var(--color-violet);transition:0.5s}
header::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition:0.5s;z-index:-1}
header.scrolled{padding-top:var(--gap-s);padding-bottom:var(--gap-xs)}
header.scrolled::before{background:#2710395b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.header{display:flex;align-items:flex-start;width:100%;justify-content:space-between;color:var(--color-white)}
.header__menu-btn{display:none}
.header__logo{width:218px}
.header__link{font-size:16px}
.header__right{display:flex;align-items:center;gap:var(--gap-l);padding-top:var(--gap-xxs)}
@media (max-width: 1199px){
header{padding-top:var(--gap-m)}
.header{position:relative;align-items:center}
header.scrolled{padding-top:var(--gap-xs);padding-bottom:var(--gap-xs)}
.header__right{position:absolute;right:0;top:71px;z-index:1;flex-direction:column;align-items:flex-end;pointer-events:none;gap:var(--gap-s)}
.header__link{pointer-events:all;width:100%;justify-content:flex-end;padding:0;padding-left:15px;margin-top:1px;transform:translateX(calc(100% + 200px));font-size:26px}
.open-menu .header__link:nth-child(2){transition:0.5s 0.1s}
.open-menu .header__link:nth-child(3){transition:0.5s 0.2s}
.open-menu .header__link:nth-child(4){transition:0.5s 0.3s}
.open-menu .header__link{transform:translateX(0)}
header.open-menu::before{height:100vh;background:#271039bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.header__menu-btn{display:block;height:auto;width:30px}
.header__menu-btn:before,.header__menu-btn:after,.header__menu-btn span{background:var(--color-white);content:"";display:block;height:2px;border-radius:3px;margin:7px 0;transition:0.5s}
.open-menu .header__menu-btn:before{transform:translateY(9px) rotate(-135deg)}
.open-menu .header__menu-btn:after{transform:translateY(-9px) rotate(135deg)}
.open-menu .header__menu-btn span{transform:scale(0)}
}
@media (max-width: 767px){
.header__logo{width:150px}
}
/* LEFT_RIGHT */
.lr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-s);align-items:center}
.lr__content{display:grid;gap:var(--gap-s)}
.lr__image{position:relative;z-index:1;align-self:flex-start}
.lr__image .lr__decor{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;filter:drop-shadow(0px 4px 34px rgba(255, 23, 176, 0.6));z-index:-1}
@media (max-width: 991px){
.lr{grid-template-columns:1fr}
.lr__image{grid-row:1;max-width:500px;justify-self:center}
}
/* END LR */
/* MAIN LR */
.main-lr__buttons{display:flex;flex-wrap:wrap;gap:var(--gap-s) var(--gap-l);align-items:center}
.main-lr .lr__image{width:100%}
.main-lr .image-cover{padding-bottom:93.8%;width:100%}
@media (max-width: 991px){

}
@media (max-width: 767px){
.main-lr{text-align:center}
.main-lr__buttons{flex-direction:column;align-items:center}
.main-lr__buttons .btn_link{font-size:0}
.main-lr__buttons .btn_link svg{margin:0}
}
/* END MAIN LR */
