html,
body{
overflow-x: hidden;
}
body{
background: #0C051E;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: "Inter", sans-serif;
color: #ABA2BF;
margin: 0;
color: color(display-p3 0.6627 0.6353 0.7412);
}
@media (min-width: 768px){
body{
overflow: hidden;
}
}
img{
max-width: 100%;
}
@media (max-width: 768px){
#wpadminbar{
display: none;
}
html{
margin-top: 0 !important;
}
}
a{
color: #fff;
text-decoration: none;
}
body a:where(:not(.wp-element-button)){
text-decoration: none;
}
.header{
position: relative;
&:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1024px;
background: linear-gradient(180deg, #28044A -31.93%, #0C051E 63.09%);
background: linear-gradient(180deg, color(display-p3 0.1412 0.0235 0.2784) -31.93%, color(display-p3 0.0431 0.0196 0.1137) 63.09%);
z-index: -1;
}
}
.header__container > div:not(:nth-child(2)){
flex-grow: 1;
flex-basis: 0;
}
.header__container{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 28px 0;
z-index: 1;
}
.header__nav{
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px){
.header__container{
padding: 13px 0 28px;
}
.header__nav{
display: none;
}
}
.header__action-links{
display: flex;
align-items: center;
justify-content: flex-end;
}
.header__action-link--primary{
border-radius: 8px;
border: 1px solid #472D62;
border: 1px solid color(display-p3 0.2627 0.1804 0.3725);
background: linear-gradient(0deg, #120A2F 0%, #1F053B 100%);
background: linear-gradient(0deg, color(display-p3 0.0667 0.0392 0.1765) 0%, color(display-p3 0.1098 0.0235 0.2196) 100%);
padding: 12px;
display: flex;
align-items: center;
&:hover{
border: 1px solid #472D62;
border: 1px solid color(display-p3 0.2627 0.1804 0.3725);
background: linear-gradient(0deg, #280D44 0%, #280D44 100%);
}
}
.header__action-link:not(.header__action-link--primary):hover{
text-decoration: underline;
text-underline-offset: 4px;
}
@media (max-width: 768px){
.header__action-links img{
display: none;
}
.header__action-link:not(.header__action-link--primary){
display: none;
}
.header__action-link--primary{
padding: 8.5px 10px;
font-size: 12px;
}
.header__burger{
width: 20px;
height: 16px;
margin: 0 0 0 20px;
background: url(//wand1.max-akshentsev.com/wp-content/themes/wand/images/icon-burger.svg) no-repeat center;
}
}
@media (min-width: 768px){
.header__burger{
display: none;
}
}
.header__icon{
margin: 0 0 0 27px;
}
.header__action-link + .header__action-link{
margin: 0 0 0 24px;
}
@media (max-width: 390px){
.header__action-link + .header__action-link{
margin: 0;
}
}
.nav__link + .nav__link{
margin: 0 0 0 32px;
}
.nav__link:hover{
text-decoration: underline;
text-underline-offset: 4px;
}
.logo{
width: 86px;
}
.container{
max-width: 1216px;
margin: 0 auto;
}
@media (max-width: 1256px){
.container{
margin: 0 20px;
}
}
.button{
cursor: pointer;
border-radius: 12px;
border: none;
background: linear-gradient(180deg, #FF0076 0%, #C200A8 100%);
background: linear-gradient(180deg, color(display-p3 0.9765 0.1804 0.4667) 0%, color(display-p3 0.6974 0.1278 0.6404) 100%);
padding: 20px 43px;
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 1;
box-sizing: border-box;
transition: background .3s;
&:hover{
background: linear-gradient(180deg, #FF007E 0%, #FF007E 100%);
}
}
@media (max-width: 768px){
.button{
padding: 10px 43px;
}
}
.footer{
padding: 24px 0 32px;
border-top: 1px solid #37254E;
}
@media (max-width: 768px){
.footer{
padding: 20px 0 26px;
}
}
.footer__wrapper{
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 768px){
.footer__wrapper{
&:nth-child(2){
text-align: center;
flex-wrap: wrap;
justify-content: center;
}
}
.footer__nav{
width: 100%;
display: flex;
justify-content: space-between;
margin: 0 0 30px;
}
}
@media (max-width: 340px){
.footer__nav{
flex-wrap: wrap;
grid-gap: 16px;
}
}
.footer__wrapper + .footer__wrapper{
margin: 24px 0 0;
}
.footer__nav-link{
color: #FFF;
color: color(display-p3 1 1 1);
text-align: center;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 90%; 
opacity: .5;
text-underline-offset: 4px;
}
.footer__nav-link:hover{
text-decoration: underline;
}
.footer__copyright{
color: #FFF;
color: color(display-p3 1 1 1);
text-align: right;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 90%;
opacity: 0.5;
}
.footer__nav-link + .footer__nav-link{
margin: 0 0 0 32px;
}
@media (max-width: 768px){
.footer__copyright{
text-align: center;
}
.footer__nav-link + .footer__nav-link{
margin: 0;
}
}
.media{
display: flex;
justify-content: flex-end;
align-items: center;
}
.media__link img{
width: 24px;
}
.media__link + .media__link{
margin: 0 0 0 32px;
}
@media (max-width: 768px){
.media__link img{
width: 16px;
}
.media__link + .media__link{
margin: 0 0 0 16px;
}
}
.partners{
display: flex;
justify-content: center;
align-items: center;
}
.partners img{
filter: drop-shadow(0px 100000px 0 #534C67);
transform: translateY(-100000px);
max-width: 200px;
max-height: 40px;
}
.partners__logo + .partners__logo{
margin: 0 0 0 32px;
}
@media (max-width: 768px){
.partners__logo + .partners__logo{
margin: 0;
}
.partners{
flex-wrap: wrap;
grid-gap: 25px;
}
.partners img{
max-width: 95px;
max-height: 30px;
}
}
.header-mobile-menu{
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
transition: opacity .3s;
background: linear-gradient(180deg, #28044A -10.7%, #0C051E 28.84%);
background: linear-gradient(180deg, color(display-p3 0.1412 0.0235 0.2784) -10.7%, color(display-p3 0.0431 0.0196 0.1137) 28.84%);
padding: 20px;
box-sizing: border-box;
}
.header-mobile-menu--active{
opacity: 1;
pointer-events: all;
}
.header-mobile-menu__wrapper{
display: flex;
align-items: center;
justify-content: space-between;
}
.header-mobile-menu__wrapper > div:last-child{
width: 16px;
height: 16px;
background: url(//wand1.max-akshentsev.com/wp-content/themes/wand/images/icon-close.svg) no-repeat center;
}
.header-mobile-menu__wrapper + .header-mobile-menu__wrapper{
margin: 25px -20px 0;
padding: 0 20px 20px;
border-bottom: 1px solid rgba(217, 217, 217, .2);
}
.header-mobile-menu__link{
flex-basis: 0;
min-width: 0;
flex-grow: 1;
border-radius: 8px;
border: 1px solid #472D62;
border: 1px solid color(display-p3 0.2627 0.1804 0.3725);
background: linear-gradient(0deg, #120A2F 0%, #1F053B 100%);
background: linear-gradient(0deg, color(display-p3 0.0667 0.0392 0.1765) 0%, color(display-p3 0.1098 0.0235 0.2196) 100%);
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 28px;
padding: 9px;
text-align: center;
box-sizing: border-box;
}
.header-mobile-menu__link + .header-mobile-menu__link{
margin: 0 0 0 20px;
}
.header-mobile-menu__nav{
margin: 30px 0 0;
display: flex;
flex-direction: column;
}
.header-mobile-menu__nav-link{
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 90%;
}
.header-mobile-menu__nav-link + .header-mobile-menu__nav-link{
margin: 22px 0 0;
}