/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under:SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("/dist/css/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under:SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
@font-face{
font-family:'Gilroy';
src:url("/dist/css/font/Gilroy-Regular.eot");
src:local('Gilroy Regular'),local('Gilroy-Regular'),
url("/dist/css/font/Gilroy-Regular.eot?") format('embedded-opentype'),
url("/dist/css/font/Gilroy-Regular.woff2") format('woff2'),
url("/dist/css/font/Gilroy-Regular.woff") format('woff'),
url("/dist/css/font/Gilroy-Regular.ttf") format('truetype');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'Gilroy';
src:url("/dist/css/font/Gilroy-Bold.eot");
src:local('Gilroy Bold'),local('Gilroy-Bold'),
url("/dist/css/font/Gilroy-Bold.eot?") format('embedded-opentype'),
url("/dist/css/font/Gilroy-Bold.woff2") format('woff2'),
url("/dist/css/font/Gilroy-Bold.woff") format('woff'),
url("/dist/css/font/Gilroy-Bold.ttf") format('truetype');
font-weight:bold;
font-style:normal;
}
@font-face{
font-family:'Gilroy';
src:url("/dist/css/font/Gilroy-Black.eot");
src:local('Gilroy Black'),local('Gilroy-Black'),
url("/dist/css/font/Gilroy-Black.eot?") format('embedded-opentype'),
url("/dist/css/font/Gilroy-Black.woff2") format('woff2'),
url("/dist/css/font/Gilroy-Black.woff") format('woff'),
url("/dist/css/font/Gilroy-Black.ttf") format('truetype');
font-weight:900;
font-style:normal;
}
@font-face{
font-family:'Gilroy';
src:url("/dist/css/font/Gilroy-Semibold.eot");
src:local('Gilroy Semibold'),local('Gilroy-Semibold'),
url("/dist/css/font/Gilroy-Semibold.eot?") format('embedded-opentype'),
url("/dist/css/font/Gilroy-Semibold.woff2") format('woff2'),
url("/dist/css/font/Gilroy-Semibold.woff") format('woff'),
url("/dist/css/font/Gilroy-Semibold.ttf") format('truetype');
font-weight:600;
font-style:normal;
}
@font-face{
font-family:'Gilroy';
src:url("/dist/css/font/Gilroy-Medium.eot");
src:local('Gilroy Medium'),local('Gilroy-Medium'),
url("/dist/css/font/Gilroy-Medium.eot?") format('embedded-opentype'),
url("/dist/css/font/Gilroy-Medium.woff2") format('woff2'),
url("/dist/css/font/Gilroy-Medium.woff") format('woff'),
url("/dist/css/font/Gilroy-Medium.ttf") format('truetype');
font-weight:500;
font-style:normal;
}
/*@font-face{*/
/* font-family:'Gilroy';*/
/* src:url("/dist/css/font/Gilroy-light.eot");*/
/* src:local('Gilroy light'),local('Gilroy-light'),*/
/* url("/dist/css/font/Gilroy-light.eot?") format('embedded-opentype'),*/
/* url("/dist/css/font/Gilroy-light.woff2") format('woff2'),*/
/* url("/dist/css/font/Gilroy-light.woff") format('woff'),*/
/* url("/dist/css/font/Gilroy-light.ttf") format('truetype');*/
/* font-weight:400;*/
/* font-style:normal;*/
/*}*/
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
/*Plugins*/
/***** Global styles *****/
.text-shadow{
text-shadow:0 0 12px #fff;
}
.admin-aside{
width:210px;
}
.admin-aside__title{
font-weight:700;
font-size:40px;
line-height:1.2;
margin-bottom:50px;
text-shadow:0 0 12px rgba(255,255,255,0.76);
}
.admin-main{
/*width:calc(100% - 220px);*/
}
.admin-main__head{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:50px;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.admin-main__title{
font-weight:600;
line-height:1.2;
font-size:24px;
}
.admin-wrap{
padding-top:150px;
}
.admin-wrap__row{
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.admin-table{
margin:50px 0;
}
.admin-table table{
border-radius:15px;
font-weight:500;
font-size:14px;
overflow:hidden;
background-color:#0D102C;
}
.admin-table table thead{
background-color:#8169FC;
}
.admin-table table tbody tr{
padding:12px 0;
}
.admin-table table tbody tr:not(:last-child){
border-bottom:2px solid rgba(255,255,255,0.2);
}
.admin-table table tbody img{
height:90px;
width:90px;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}
.admin-table table td,
.admin-table table th{
font-weight:500;
padding:20px 6px;
vertical-align:top;
}
.admin-table table td:first-child,
.admin-table table td:last-child{
padding:20px 12px;
}
.admin-table table input[type=number]{
border-radius:5px;
background-color:#8169FC;
color:#F4FBE0;
padding:5px;
width:auto;
max-width:70px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.row,
.d-flex{
display:-webkit-box !important;
display:-webkit-flex !important;
display:-ms-flexbox !important;
display:flex !important;
}
.flex-column{
flex-direction:column;
}
.flex-wrap{
flex-wrap:wrap;
}
.justify-content-center{
justify-content:center;
}
.align-items-center{
align-items:center;
}
.ai-center{
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.ai-start{
-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start;
}
.ai-end{
-webkit-box-align:end;
-webkit-align-items:flex-end;
-ms-flex-align:end;
align-items:flex-end;
}
.ai-between{
-webkit-box-align:between;
-webkit-align-items:between;
-ms-flex-align:between;
align-items:between;
}
.flex-direction-column-direction{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.flex-1{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.jc-center{
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}
.jc-between{
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.jc-end{
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.jc-start{
-webkit-box-pack:start;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.fd-column{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.background--fixed{
position:absolute;
height:100%;
width:100%;
}
.background--fixed .background__filter{
height:inherit;
width:inherit;
}
.icon{
display:inline-block;
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
height:100%;
width:100%;
}
.mt-1{
margin-top:1rem;
}
.mt-auto{
margin-top:auto;
}
.mr-1{
margin-right:1rem;
}
.mb-1{
margin-bottom:1rem;
}
.mb-2{
margin-bottom:2rem;
}
.bg-dark{
background-color:#0D102C;
}
.avatar{
border-radius:50px;
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
}
.avatar img{
height:100%;
width:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}
.avatar--lg{
height:130px;
width:130px;
}
.avatar--sm{
height:60px;
width:60px;
}
.avatar--xs{
height:50px;
width:50px;
}
table{
width:100%;
border-collapse:collapse;
}
.icon{
height:30px;
width:30px;
background-repeat:no-repeat;
background-position:center;
}
.icon-success{
background-image:url("data:image/svg+xml,%3Csvg width='41' height='36' viewBox='0 0 41 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_30_304)'%3E%3Cpath d='M29.415 11.3525L17.3538 23.4151L11.0006 17.0619' stroke='white' stroke-width='2.40024'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_30_304' x='0.1521' y='0.503906' width='40.1116' height='34.6084' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_30_304'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_30_304' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.button--accent{
font-size:14px;
font-weight:400;
padding:12px 24px;
background:-webkit-gradient(linear,left top,right top,from(#B224EF),to(#7579FF));
background:-o-linear-gradient(left,#B224EF 0%,#7579FF 100%);
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
border-radius:10px;
white-space:nowrap;
}
.actions{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
gap:6px;
}
.actions-link{
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
border-radius:2px;
background-color:#8169FC;
height:15px;
width:15px;
display:inline-block;
background-repeat:no-repeat;
background-position:center;
}
.pagination{
border-radius:5px;
background-color:#8169FC;
display:-webkit-inline-box;
display:-webkit-inline-flex;
display:-ms-inline-flexbox;
display:inline-flex;
overflow:hidden;
}
.page-link{
font-size:14px;
text-align:center;
padding:5px;
text-decoration:none;
background-repeat:no-repeat;
background-position:center;
display:block;
min-width:26px;
}
.page-link:hover,
.page-link.active{
background-color:#B224EF;
}
.page-item.active .page-link{
background-color:#B224EF;
}
.page-link--prev{
height:100%;
background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.80475 4.19526C8.0651 4.45561 8.0651 4.87772 7.80475 5.13807L4.94282 8L7.80475 10.8619C8.0651 11.1223 8.0651 11.5444 7.80475 11.8047C7.5444 12.0651 7.12229 12.0651 6.86194 11.8047L3.52861 8.4714C3.26826 8.21106 3.26826 7.78894 3.52861 7.5286L6.86194 4.19526C7.12229 3.93491 7.5444 3.93491 7.80475 4.19526Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4714 4.19526C12.7318 4.45561 12.7318 4.87772 12.4714 5.13807L9.60948 8L12.4714 10.8619C12.7318 11.1223 12.7318 11.5444 12.4714 11.8047C12.2111 12.0651 11.7889 12.0651 11.5286 11.8047L8.19526 8.4714C7.93491 8.21106 7.93491 7.78894 8.19526 7.5286L11.5286 4.19526C11.7889 3.93491 12.2111 3.93491 12.4714 4.19526Z' fill='white'/%3E%3C/svg%3E%0A");
}
.page-link--next{
height:100%;
background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.19526 4.19526C8.45561 3.93491 8.87772 3.93491 9.13807 4.19526L12.4714 7.5286C12.7318 7.78894 12.7318 8.21106 12.4714 8.4714L9.13807 11.8047C8.87772 12.0651 8.45561 12.0651 8.19526 11.8047C7.93491 11.5444 7.93491 11.1223 8.19526 10.8619L11.0572 8L8.19526 5.13807C7.93491 4.87772 7.93491 4.45561 8.19526 4.19526Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5286 4.19526C3.78895 3.93491 4.21106 3.93491 4.47141 4.19526L7.80474 7.5286C8.06509 7.78894 8.06509 8.21106 7.80474 8.4714L4.47141 11.8047C4.21106 12.0651 3.78895 12.0651 3.5286 11.8047C3.26825 11.5444 3.26825 11.1223 3.5286 10.8619L6.39053 8L3.5286 5.13807C3.26825 4.87772 3.26825 4.45561 3.5286 4.19526Z' fill='white'/%3E%3C/svg%3E%0A");
}
.comments{
padding:15px 40px;
border-radius:15px;
}
.comment-text{
font-weight:500;
font-size:14px;
margin-right:16px;
}
.comment-item{
padding:25px 0;
}
.comment-item:not(:last-child){
border-bottom:2px solid rgba(255,255,255,0.2);
}
.comment-item__content{
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.comment-head{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:24px;
}
.comment-head__content{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
}
.comment-body{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.comment-id--head{
display:block;
padding-top:20px;
font-size:12px;
}
.comment-id--body{
display:none;
}
.comment-email{
font-weight:700;
}
.comment-date{
margin-left:auto;
font-weight:500;
font-size:14px;
}
.form--admin{
max-width:580px;
width:100%;
}
.profile-reflink{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:18px;
margin-bottom:50px
}
.profile-reflink__btn{
position:relative;
display:inline-block;
color:#fff;
cursor:pointer;
border-radius:10px;
font-size:16px;
font-weight:600;
font-family:Gilroy,sans-serif;
text-align:center;
padding:20px
}
.profile-reflink__text{
position:relative;
cursor:pointer;
color:#b2b2b2;
font-weight:400;
border:2px solid #fff;
border-radius:10px;
padding:26px 90px 26px 20px;
background-repeat:no-repeat;
background-position:right 20px center;
-webkit-box-shadow:0 0 8px rgba(255,255,255,.5),inset 0 0 8px rgba(255,255,255,.5);
box-shadow:0 0 8px rgba(255,255,255,.5),inset 0 0 8px rgba(255,255,255,.5);
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.18934 5.68934C4.47064 5.40804 4.85217 5.25 5.25 5.25H12.75C12.9489 5.25 13.1397 5.32902 13.2803 5.46967L17.0303 9.21967C17.171 9.36032 17.25 9.55109 17.25 9.75V20.25C17.25 20.6478 17.092 21.0294 16.8107 21.3107C16.5294 21.592 16.1478 21.75 15.75 21.75H5.25C4.85218 21.75 4.47065 21.592 4.18934 21.3107C3.90804 21.0294 3.75 20.6478 3.75 20.25V6.75C3.75 6.35217 3.90804 5.97064 4.18934 5.68934ZM12.4393 6.75L5.25 6.75L5.25 20.25H15.75V10.0607L12.4393 6.75Z' fill='%23C4C4C4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.18934 2.68934C7.47064 2.40804 7.85217 2.25 8.25 2.25H15.75C15.9489 2.25 16.1397 2.32902 16.2803 2.46967L20.0303 6.21967C20.171 6.36032 20.25 6.55109 20.25 6.75V17.25C20.25 17.6478 20.092 18.0294 19.8107 18.3107C19.5294 18.592 19.1478 18.75 18.75 18.75H16.5C16.0858 18.75 15.75 18.4142 15.75 18C15.75 17.5858 16.0858 17.25 16.5 17.25H18.75V7.06066L15.4393 3.75L8.25 3.75L8.25 6C8.25 6.41421 7.91421 6.75 7.5 6.75C7.08579 6.75 6.75 6.41421 6.75 6V3.75C6.75 3.35217 6.90804 2.97064 7.18934 2.68934Z' fill='%23C4C4C4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14.25C7.5 13.8358 7.83579 13.5 8.25 13.5H12.75C13.1642 13.5 13.5 13.8358 13.5 14.25C13.5 14.6642 13.1642 15 12.75 15H8.25C7.83579 15 7.5 14.6642 7.5 14.25Z' fill='%23C4C4C4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 17.25C7.5 16.8358 7.83579 16.5 8.25 16.5H12.75C13.1642 16.5 13.5 16.8358 13.5 17.25C13.5 17.6642 13.1642 18 12.75 18H8.25C7.83579 18 7.5 17.6642 7.5 17.25Z' fill='%23C4C4C4'/%3E%3C/svg%3E%0A")
}
.profile-reflink__text::before{
content:attr(data-text);
position:absolute;
background-color:#fff;
font-size:12px;
padding:10px;
border-radius:5px;
color:#000;
font-weight:600;
top:-55%;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
z-index:2;
opacity:0;
-webkit-transition:opacity .25s;
-o-transition:opacity .25s;
transition:opacity .25s
}
.profile-reflink__text.isactive::before{
opacity:1
}
.form--admin input[type=date],
.form--admin input[type=datetime-local],
.form--admin input[type=email],
.form--admin input[type=text],
.form--admin input[type=number],
.form--admin select{
border:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:10px;
background:#fff;
height:44px;
width:100%;
margin-top:10px;
margin-bottom:10px;
color:#0D102C;
padding:9px 15px;
}
.form--admin input[type=date]::-webkit-input-placeholder,.form--admin input[type=datetime-local],::-webkit-input-placeholder,.form--admin input[type=email]::-webkit-input-placeholder,.form--admin input[type=text]::-webkit-input-placeholder,.form--admin select::-webkit-input-placeholder{
color:#0D102C;
font-weight:400;
}
.form--admin input[type=datetime-local]::-moz-placeholder,.form--admin input[type=date]::-moz-placeholder,.form--admin input[type=email]::-moz-placeholder,.form--admin input[type=text]::-moz-placeholder,.form--admin select::-moz-placeholder{
color:#0D102C;
font-weight:400;
}
.form--admin input[type=date]:-ms-input-placeholder,.form--admin input[type=datetime-local]:-ms-input-placeholder,.form--admin input[type=email]:-ms-input-placeholder,.form--admin input[type=text]:-ms-input-placeholder,.form--admin select:-ms-input-placeholder{
color:#0D102C;
font-weight:400;
}
.form--admin input[type=date]::-ms-input-placeholder,.form--admin input[type=datetime-local]::-ms-input-placeholder,.form--admin input[type=email]::-ms-input-placeholder,.form--admin input[type=text]::-ms-input-placeholder,.form--admin select::-ms-input-placeholder{
color:#0D102C;
font-weight:400;
}
.form--admin input[type=datetime-local]::placeholder,
.form--admin input[type=date]::placeholder,
.form--admin input[type=email]::placeholder,
.form--admin input[type=text]::placeholder,
.form--admin select::placeholder{
color:#0D102C;
font-weight:400;
}
.form--admin textarea{
background-color:#fff;
border:0;
color:#0D102C;
margin-bottom:10px;
}
.form--admin textarea::-webkit-input-placeholder{
color:#0D102C;
font-weight:400;
}
.form--admin textarea::-moz-placeholder{
color:#0D102C;
font-weight:400;
}
.form--admin textarea:-ms-input-placeholder{
color:#0D102C;
font-weight:400;
}
.form--admin textarea::-ms-input-placeholder{
color:#0D102C;
font-weight:400;
}
.form--admin textarea::placeholder{
color:#0D102C;
font-weight:400;
}
.form--settings{
max-width:780px;
width:100%;
}
.form-row{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.form-field--6{
width:calc(50% - 10px);
}
.form-input{
position:relative;
}
select{
border:2px solid rgba(255,255,255,0.2);
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:10px;
height:44px;
width:100%;
margin-top:10px;
margin-bottom:30px;
color:#fff;
padding:9px 15px;
outline:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:transparent;
background-repeat:no-repeat;
background-position:right 15px center;
background-image:url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.5 5L10 1' stroke='white'/%3E%3C/svg%3E%0A");
}
option{
background-color:#241345;
outline:none;
opacity:0.3;
border:none;
}
input[type=file]:not(.main-content__donate-enter-img-input){
position:absolute;
opacity:0;
visible:hidden;
display:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
input[type=checkbox]{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
height:19px;
width:19px;
border:0;
border-radius:5px;
background:#fff;
}
input[type=checkbox]:checked{
background-image:url(/dist/images/admin_icons/icon-checkmark.svg),-webkit-gradient(linear,left top,right top,from(#B224EF),to(#7579FF));
background-image:url(/dist/images/admin_icons/icon-checkmark.svg),-o-linear-gradient(left,#B224EF 0%,#7579FF 100%);
background-image:url(/dist/images/admin_icons/icon-checkmark.svg),linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
background-repeat:no-repeat;
background-position:center;
}
.input-num{
position:relative;
background-color:#8169FC;
border-radius:5px;
max-width:70px;
}
.input-num input{
background-color:transparent;
font-size:12px;
padding:6px;
color:#F4FBE0;
height:100%;
width:100%;
border:0;
}
.input-num input::-webkit-outer-spin-button,
.input-num input::-webkit-inner-spin-button{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
}
.input-num__controll{
position:absolute;
width:30px;
height:100%;
right:0;
top:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.input-num button{
position:absolute;
cursor:pointer;
height:50%;
width:30px;
border:0;
background-color:transparent;
background-repeat:no-repeat;
background-position:center right 8px;
right:0;
}
.input-num__add{
top:0;
background-image:url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.1169 0.492147C4.32844 0.280613 4.6714 0.280613 4.88294 0.492147L8.13294 3.74215C8.34447 3.95368 8.34447 4.29665 8.13294 4.50818C7.9214 4.71971 7.57844 4.71971 7.3669 4.50818L4.49992 1.6412L1.63293 4.50818C1.4214 4.71971 1.07844 4.71971 0.866902 4.50818C0.655368 4.29665 0.655368 3.95368 0.866902 3.74215L4.1169 0.492147Z' fill='white'/%3E%3C/svg%3E%0A");
}
.input-num__remove{
bottom:0;
background-image:url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.866902 0.492147C1.07844 0.280613 1.4214 0.280613 1.63293 0.492147L4.49992 3.35913L7.3669 0.492147C7.57844 0.280613 7.9214 0.280613 8.13294 0.492147C8.34447 0.703681 8.34447 1.04664 8.13294 1.25818L4.88294 4.50818C4.6714 4.71971 4.32844 4.71971 4.1169 4.50818L0.866902 1.25818C0.655368 1.04664 0.655368 0.703681 0.866902 0.492147Z' fill='white'/%3E%3C/svg%3E%0A");
}
/* header */
.header--transparent{
background-color:transparent;
}
/* nav */
.account-aside{
width:calc(25% - 10px);
}
.account-aside__title{
font-weight:700;
font-size:40px;
line-height:1.2;
margin-bottom:50px;
text-shadow:0 0 12px rgba(255,255,255,0.76);
}
.account-main{
/*width:calc(75% - 10px);*/
}
.account-main__head{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:50px;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.account-main__title{
font-weight:600;
line-height:1.2;
font-size:24px;
margin-bottom:10px;
}
.account-wrap{
padding-top:150px;
}
.account-nav{
position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.account-nav__close{
position:relative;
height:30px;
width:30px;
cursor:pointer;
margin-left:auto;
margin-bottom:30px;
display:none;
}
.account-nav__icon{
fill:#F4FBE0;
height:30px;
width:30px;
}
.account-nav__item{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:20px;
}
.account-nav__item::before{
content:"";
width:0;
height:4px;
border-radius:50px;
background-color:#14D4E0;
-webkit-transition:all 0.25s ease;
-o-transition:all 0.25s ease;
transition:all 0.25s ease;
}
.account-nav__item.active::before,
.account-nav__item:hover::before{
width:25px;
margin-right:10px;
}
.account-nav__link{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
font-weight:500;
padding:5px 0;
}
.account-info__row{
margin-bottom:50px;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.account-info__profile{
position:relative;
width:calc(44.4444444444% - 10px);
}
.account-info__dignity{
position:relative;
width:calc(55.5555555556% - 10px);
}
.aside-nav-btn{
margin-bottom:30px;
background-color:transparent;
font-size:14px;
cursor:pointer;
color:#F4FBE0;
border:0;
display:none;
}
.profile-avatar{
margin-right:20px;
}
.profile-info__name{
font-size:24px;
font-weight:600;
margin-bottom:4px;
}
.profile-info__email{
font-size:14px;
}
.profile-info-form__text{
cursor:pointer;
font-size:14px;
}
.profile-dignity{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
border-radius:15px;
width:100%;
padding-right:150px;
}
.profile-dignity__badge span{
font-size:20px;
font-weight:700;
text-align:center;
}
.profile-dignity__content{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
padding:10px 0;
}
.profile-dignity__text{
font-size:16px;
font-weight:600;
line-height:1.5;
}
.profile-dignity__link{
font-weight:500;
font-size:14px;
text-shadow:0 0 12px #fff;
}
.profile-dignity__link span{
font-size:2em;
font-weight:100;
margin-left:10px;
}
.profile-donate{
position:absolute;
top:0;
right:0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
text-align:center;
border-radius:15px;
background:-webkit-gradient(linear,left top,right top,from(#B224EF),to(#7579FF));
background:-o-linear-gradient(left,#B224EF 0%,#7579FF 100%);
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
padding:30px 16px;
font-size:16px;
font-weight:600;
max-width:140px;
height:100%;
}
.profile-donate span{
font-weight:700;
font-size:20px;
}
.profile-statistics{
border-radius:15px;
padding:40px;
}
.profile-statistics__chart{
position:relative;
margin-top:-30px;
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1;
}
.profile-statistics__chart span{
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
position:absolute;
font-weight:700;
font-size:24px;
}
.profile-statistics__title{
font-size:24px;
font-weight:600;
}
.profile-statistics__row{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.profile-statistics__content{
margin-top:20px;
font-weight:500;
font-size:16px;
width:100%;
}
.profile-statistics__content p{
padding:10px 0;
}
.profile-table{
font-weight:600;
font-size:16px;
padding-top:30px;
display:none;
width:100%;
}
.profile-table-link{
position:relative;
display:-webkit-inline-box;
display:-webkit-inline-flex;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
cursor:pointer;
margin-top:30px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.profile-table-link.active::after{
top:50%;
-webkit-transform:translateY(-50%) rotate(0deg);
-ms-transform:translateY(-50%) rotate(0deg);
transform:translateY(-50%) rotate(0deg);
}
.profile-table-link::after{
content:"";
position:absolute;
height:40px;
width:40px;
right:-35px;
pointer-events:none;
background-repeat:no-repeat;
background-position:center;
top:60%;
-webkit-transform:translateY(-50%) rotate(-180deg);
-ms-transform:translateY(-50%) rotate(-180deg);
transform:translateY(-50%) rotate(-180deg);
background-image:url("data:image/svg+xml,%3Csvg width='27' height='23' viewBox='0 0 27 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_30_274)'%3E%3Cpath d='M18 14L13.5 10L9 14' stroke='white' stroke-width='2'/%3E%3C/g%3E%3Cpath d='M18 14L13.5 10L9 14' stroke='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_30_274' x='0.335693' y='0.662109' width='26.3286' height='22.0854' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4' result='effect1_foregroundBlur_30_274'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.profile-table__body .profile-table__row:not(:last-child){
border-bottom:2px solid rgba(255,255,255,0.2);
}
.profile-table__body .profile-table__row:last-child{
padding-bottom:0;
}
.profile-table__body span{
display:none;
}
.profile-table__row{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
padding:20px 0;
}
.profile-table__col:not(:last-child){
width:calc(33.3333333333% - 10px);
}
.icon-status{
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
height:30px;
width:30px;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}
.icon-status--success{
background-image:url(/dist/images/admin_icons/icon-success.svg);
}
.icon-status--error{
background-image:url(/dist/images/admin_icons/icon-error.svg);
}
@media (max-width:1400px){
.admin-table{
overflow-y:auto;
}
}
@media (max-width:1200px){
.account-info__row{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.account-info__profile{
width:100%;
margin-bottom:30px;
}
.account-info__dignity{
width:100%;
}
}
@media (max-width:980px){
.comments{
padding:15px 20px;
}
}
@media (max-width:780px){
.admin-aside{
display:none;
}
.admin-aside__title{
display:none;
}
.admin-main{
width:100%;
}
.admin-main__head{
margin-bottom:30px;
}
.comment-head__content{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:start;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.comment-body{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.comment-body .d-flex{
width:100%;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:20px;
}
.comment-id--head{
display:none;
}
.comment-id--body{
display:block;
}
.comment-email{
margin-bottom:20px;
}
.comment-date{
margin-left:unset;
}
.account-aside{
display:none;
}
.account-aside__title{
display:none;
}
.account-main{
width:100%;
}
.account-main__head{
margin-bottom:30px;
}
.account-nav{
z-index:100;
position:fixed;
top:0;
left:0;
height:100vh;
width:250px;
background-color:#0d102c;
padding:20px;
}
.account-nav__close{
display:block;
}
.aside-nav-btn{
display:block;
}
}
@media (max-width:680px){
.profile-statistics{
padding:24px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.profile-statistics__chart{
-webkit-box-ordinal-group:unset;
-webkit-order:unset;
-ms-flex-order:unset;
order:unset;
margin-top:30px;
}
.profile-statistics__title{
text-align:center;
}
.profile-statistics__row{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.profile-statistics__content{
font-size:12px;
text-align:center;
}
.profile-statistics__content p{
padding:4px 0;
}
.profile-table .text-shadow{
text-shadow:unset;
}
.profile-table-link{
margin-top:20px;
}
.profile-table__head{
display:none;
}
.profile-table__body span{
display:block;
}
.profile-table__row{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.profile-table__col:not(:last-child){
width:100%;
}
.profile-table__col{
width:100%;
padding:5px 0;
}
.profile-table__col:not(:first-child){
font-weight:500;
font-size:12px;
}
.profile-table__col:not(:first-child) .d-flex{
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.icon-status{
height:15px;
width:15px;
}
}
@media (max-width:480px){
.admin-table{
margin:30px 0;
}
.admin-table table{
font-size:12px;
}
.admin-table table tbody img{
height:80px;
width:80px;
}
.actions-link{
height:24px;
width:24px;
}
.comment-text{
font-size:12px;
margin-right:0;
}
.comment-item{
padding:15px 0;
}
.comment-head{
margin-bottom:20px;
}
.comment-id--body{
font-size:14px;
}
.comment-email{
font-size:14px;
font-weight:600;
}
.comment-date{
font-size:12px;
}
.form--settings .form-field--6{
width:100%;
}
.account-info__profile{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
}
.profile-form{
margin-top:20px;
}
.profile-form i{
display:none;
}
.profile-form label{
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}
.profile-avatar{
margin-right:0;
margin-bottom:20px;
}
.profile-dignity{
padding-right:0;
}
.profile-dignity__badge{
max-width:100px;
max-height:100px;
}
.profile-dignity__badge svg{
width:100%;
height:100%;
display:block;
}
.profile-dignity__text{
font-size:14px;
}
.profile-dignity__link{
font-size:12px;
}
.profile-donate{
margin-top:12px;
position:relative;
max-width:100%;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
padding:14px 24px;
font-size:14px;
}
}
.popup{
position:relative;
max-width:900px;
margin:20px auto;
border-radius:15px;
padding:50px;
background-color:#0d102c
}
.popup .mfp-close{
color:#fff;
position:absolute;
top:50px;
right:50px;
font-size:34px;
font-weight:300;
opacity:1;
height:33px;
width:33px;
line-height:33px
}
.popup-head{
margin-bottom:50px
}
.popup-head__title{
font-size:24px;
font-weight:600;
margin-bottom:12px
}
.popup-head__text{
font-weight:500;
color:#c4c4c4;
font-size:14px
}
.dignity__progress{
position:relative;
margin-bottom:100px
}
.dignity-progress{
position:relative;
height:20px;
border-radius:10px;
background:rgba(120,189,193,.2);
width:100%;
overflow:hidden;
-webkit-box-shadow:0 0 12px rgba(120,189,193,.5);
box-shadow:0 0 12px rgba(120,189,193,.5)
}
.dignity-progress__bar{
position:absolute;
height:100%;
background:-webkit-gradient(linear,left bottom,left top,from(#14d4e0),to(#14d4e0)),#d9d9d9;
background:-o-linear-gradient(bottom,#14d4e0,#14d4e0),#d9d9d9;
background:linear-gradient(0deg,#14d4e0,#14d4e0),#d9d9d9
}
.dignity-counts{
width:100%;
position:absolute;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
top:-18px
}
.dignity-count{
position:absolute;
font-size:16px;
font-weight:500;
text-align:center;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
.dignity-count::before{
content:"";
height:50px;
width:50px;
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
margin-bottom:10px;
background-repeat:no-repeat;
background-size:contain;
background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.8615 37.2525L35.7122 43.4934C36.9714 44.2912 38.5347 43.1047 38.1611 41.6349L35.315 30.4391C35.2349 30.1273 35.2443 29.7992 35.3424 29.4925C35.4404 29.1858 35.623 28.913 35.8692 28.7055L44.7027 21.3533C45.8633 20.3872 45.2643 18.461 43.773 18.3642L32.2371 17.6155C31.9264 17.5933 31.6284 17.4833 31.3778 17.2983C31.1272 17.1133 30.9343 16.8609 30.8215 16.5705L26.5191 5.73589C26.4022 5.42766 26.1942 5.1623 25.9229 4.97504C25.6516 4.78779 25.3297 4.6875 25 4.6875C24.6703 4.6875 24.3485 4.78779 24.0771 4.97504C23.8058 5.1623 23.5979 5.42766 23.4809 5.73589L19.1785 16.5705C19.0658 16.8609 18.8729 17.1133 18.6222 17.2983C18.3716 17.4833 18.0736 17.5933 17.7629 17.6155L6.22696 18.3642C4.73573 18.461 4.13666 20.3872 5.29734 21.3533L14.1308 28.7055C14.377 28.913 14.5596 29.1858 14.6576 29.4925C14.7557 29.7992 14.7652 30.1273 14.685 30.4391L12.0456 40.822C11.5972 42.5857 13.4732 44.0095 14.9842 43.0522L24.1385 37.2525C24.3959 37.0886 24.6948 37.0015 25 37.0015C25.3052 37.0015 25.6041 37.0886 25.8615 37.2525Z' fill='%23FFE600' stroke='%23FFE600' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.dignity-count.active{
font-weight:700;
text-shadow:0 0 12px #fff;
-webkit-transform:scale(1.3);
-ms-transform:scale(1.3);
transform:scale(1.3)
}
.dignity-count:nth-child(1){
left:5%
}
.dignity-count:nth-child(2){
left:22%
}
.dignity-count:nth-child(3){
left:45%
}
.dignity-count:nth-child(4){
left:70%
}
.dignity-count:nth-child(5){
right:-2%
}
.dignity-icons{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin-left:-50px;
margin-right:-50px;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.profile-progress{
position:relative;
display:inline-block
}
.profile-progress::before{
content:attr(data-progress-count) "%";
position:absolute;
font-size:24px;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.profile-progress svg{
height:230px;
width:230px
}
.profile-progress circle{
fill:none;
stroke-width:33px;
-webkit-transform:rotate(100deg);
-ms-transform:rotate(100deg);
transform:rotate(100deg);
-webkit-transform-origin:center;
-ms-transform-origin:center;
transform-origin:center;
stroke-dasharray:596;
stroke-dashoffset:596
}
.profile-progress circle:nth-child(1){
stroke:#131842;
stroke-dashoffset:0
}
.profile-progress circle:nth-child(2){
stroke:url(#chart1Grad);
stroke-linecap:round
}
.alert{
padding:1rem 1rem;
background:#fff;
}
.alert-success{
color:#04e016;
}
.alert-danger{
color:red;
}
.popup--sm{
max-width:600px;
padding:50px 30px;
}
@media (max-width:780px){
.popup--sm{
padding:70px 10px 30px;
}
}
.popup--sm .mfp-close{
top:20px;
right:20px;
}
.popup--sm b{
font-weight:600;
}
.popup--sm input{
background-color:transparent;
border-bottom:2px solid #fff;
border-radius:0;
outline:none;
color:#fff;
padding:1rem 0.5rem;
font-size:16px;
max-width:100%;
text-align:center;
font-size:24px;
}
.popup--sm input:focus{
border-color:#00F0FF;
}
.popup--sm input::-moz-placeholder{
font-size:1rem;
}
.popup--sm input::placeholder{
font-size:1rem;
}
html{
overflow-x:hidden;
}
.kpromo{
z-index:1;
position:relative;
padding:150px 0;
background-image:url(/dist/images/kpromo_images/kpromo-bg.webp);
background-size:cover;
margin-bottom:-100px;
}
@media (max-width:768px){
.kpromo{
padding:120px 0 40px 0;
margin-bottom:50px;
}
}
.kpromo::before{
content:"";
position:absolute;
bottom:-10%;
width:120%;
left:-10%;
z-index:2;
height:35%;
pointer-events:none;
background:linear-gradient(89.98deg,#241A4C 0.02%,#392144 100.52%);
filter:blur(20px);
}
@media (max-width:768px){
.kpromo::before{
display:none;
}
}
.kpromo .container{
position:unset;
}
@media (max-width:768px){
.kpromo-row{
display:flex;
flex-direction:column;
}
}
.kpromo__title{
font-weight:900;
font-size:62px;
text-transform:uppercase;
margin-bottom:30px;
}
@media (max-width:768px){
.kpromo__title{
text-align:center;
font-size:40px;
}
}
@media (max-width:576px){
.kpromo__title{
font-size:8vw;
}
}
.kpromo-content{
position:relative;
z-index:2;
}
.kpromo-img{
width:40vw;
right:5vw;
bottom:-10%;
position:absolute;
}
@media (max-width:1400px){
.kpromo-img{
right:0;
width:50vw;
}
}
@media (max-width:1200px){
.kpromo-img{
right:-10vw;
width:60vw;
}
@media (max-width:960px){
}.kpromo-img{
width:65vw;
bottom:-5%;
}
}
@media (max-width:768px){
.kpromo-img{
margin-top:2vw;
width:100%;
right:unset;
left:0;
bottom:unset;
}
}@media (max-width:576px){
.kpromo-img{
margin-top:5vw;
}
}
.kpromo-slider{
margin:0 30px;
max-width:565px;
background:rgba(42,31,78,0.7);
-webkit-backdrop-filter:blur(4px);
backdrop-filter:blur(4px);
border-radius:10px;
padding:10px 5px;
}
@media (max-width:992px){
.kpromo-slider{
max-width:375px;
}
}
@media (max-width:768px){
.kpromo-slider{
max-width:100%;
margin:0;
padding:0;
background:unset;
-webkit-backdrop-filter:unset;
backdrop-filter:unset;
margin-top:35vw;
}
}
@media (max-width:576px){
.kpromo-slider{
margin-top:40vw;
}
}
.kpromo-item{
margin:0 5px;
overflow:hidden;
border-radius:10px;
background-color:#201543;
width:100%;
}
@media (max-width:480px){
.kpromo-item{
margin:0;
}
}
.kpromo-item__content{
display:flex;
flex-direction:column;
padding:10px;
}
.kpromo-item__img{
height:130px;
width:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}
.kpromo-item__title{
font-size:18px;
font-weight:800;
margin-bottom:10px;
}
.kpromo-item__info{
font-size:16px;
font-weight:800;
margin-bottom:4px;
}
.kpromo-item__text{
margin-top:6px;
font-size:12px;
font-weight:300;
line-height:1.4;
}
.kpromo-item__text br:first-child{
display:none;
}
.kpromo-item__text span{
display:block;
font-weight:400;
font-size:14px;
margin-bottom:5px;
}
.kpromo-item__text span + br{
display:none;
}
.kpromo .owl-stage{
display:flex;
}
.kpromo .owl-item{
display:flex;
flex:1 0 auto;
}
.kpromo .owl-nav{
position:absolute;
top:50%;
height:1px;
transform:translateY(-50%);
width:calc(100% + 60px);
left:-30px;
display:flex;
justify-content:space-between;
align-items:center;
}
@media (max-width:768px){
.kpromo .owl-nav{
display:none;
}
}
@media (max-width:500px){
.kpromo .owl-stage-outer{
overflow:unset;
}
.kpromo .owl-stage-outer .owl-item{
transition:all 0.3s ease;
transform:scale(0.8);
filter:blur(2px);
}
.kpromo .owl-stage-outer .owl-item.active.center{
transform:scale(1);
filter:unset;
}
}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
@font-face{
font-family:'Gilroy';
src:url("/dist/css/font/Gilroy-Medium.woff2") format("woff2"),url("/dist/css/font/Gilroy-Medium.woff") format("woff");
font-weight:500;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Gilroy';
src:url("/dist/css/font/Gilroy-Semibold.woff2") format("woff2"),url("/dist/css/font/Gilroy-Semibold.woff") format("woff");
font-weight:600;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Gilroy';
src:url("/dist/css/font/Gilroy-Bold.woff2") format("woff2"),url("/dist/css/font/Gilroy-Bold.woff") format("woff");
font-weight:bold;
font-style:normal;
font-display:swap;
}
*{
padding:0;
margin:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
button,
input,
textarea{
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
font-family:inherit;
}
button:focus{
-webkit-box-shadow:none !important;
box-shadow:none !important;
}
*:focus{
outline:none;
}
body{
font-family:'Gilroy';
}
a{
display:inline-block;
font:inherit;
color:inherit;
-webkit-transition:300ms;
transition:300ms;
text-decoration:none;
}
a:hover{
text-decoration:none;
}
img{
max-width:100%;
max-height:100%;
}
a img{
border:none;
outline:none;
}
ul{
margin:0;
padding:0;
list-style:none;
}
.wrapper-container{
max-width:1180px;
margin:0 auto;
}
@media screen and (max-width:1220px){
.wrapper-container{
width:970px;
}
}
@media screen and (max-width:991px){
.wrapper-container{
width:750px;
}
}
@media screen and (max-width:767px){
.wrapper-container{
width:100%;
padding:0 10px;
}
}
.wrapper{
overflow:hidden;
position:relative;
color:#ffffff;
min-height:100vh;
}
.header{
padding:36px 0;
position:absolute;
top:0;
left:0;
width:100%;
right:0;
z-index:250;
margin:0 auto;
background:rgba(0,0,0,0.58);
}
@media screen and (max-width:991px){
.header{
padding:30px 0 25px 0;
}
}
.header__logo span{
display:none;
}
@media screen and (max-width:991px){
.header__logo span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-right:3px;
}
}
@media screen and (max-width:991px){
.header__logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
}
.header__menu{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:flex-start;
height:100vh;
flex-direction:column;
overflow-y:auto;
position:fixed;
}
@media screen and (max-width:991px){
.header__icon-none{
display:none;
}
}
.header__list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-weight:600;
font-size:16px;
line-height:19px;
letter-spacing:0.01em;
}
@media screen and (max-width:991px){
.header__list{
display:none;
}
}
.header__list li{
margin-right:35px;
}
@media screen and (max-width:1220px){
.header__list li{
margin-right:20px;
}
}
.header__list li.active{
position:relative;
}
.header__list li.active::before{
content:'';
position:absolute;
background:#14d4e0;
border-radius:37px;
width:100%;
height:4px;
bottom:-8px;
}
.header__list li.active::after{
content:'';
position:absolute;
background:rgba(120,189,193,0.98);
-webkit-filter:blur(4px);
filter:blur(4px);
border-radius:37px;
width:100%;
height:4px;
bottom:-8px;
left:0;
}
.header__list li:last-child{
margin-right:0;
}
.header__icons{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.header__icon{
/*margin-right:35px;*/
position:relative;
}
@media screen and (max-width:1220px){
.header__icon{
margin-right:25px;
}
}
.header__icon-mob{
display:none;
}
@media screen and (max-width:991px){
.header__icon-mob{
display:block;
}
}
.header__health{
position:absolute;
top:30px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;
font-weight:500;
letter-spacing:0.01em;
color:#fc3939;
left:-4px;
animation:blink-animation 2s infinite linear;
-webkit-animation:blink-animation 2s infinite linear;
}
@media screen and (max-width:991px){
.header__health{
display:none;
}
}
.header__health img{
margin-left:3px;
}
@-webkit-keyframes blink-animation{
0%{
opacity:1;
}
25%{
opacity:0.5;
}
50%{
opacity:0;
}
75%{
opacity:0.5;
}
100%{
opacity:1;
}
}
@keyframes blink-animation{
0%{
opacity:1;
}
25%{
opacity:0.5;
}
50%{
opacity:0;
}
75%{
opacity:0.5;
}
100%{
opacity:1;
}
}
.burger{
display:block;
width:16px;
cursor:pointer;
}
.burger a{
display:block;
cursor:pointer;
padding:12px 0;
}
.burger a span{
position:relative;
display:block;
width:16px;
height:2px;
border-radius:17px;
background:#ffffff;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
.burger a span:before,.burger a span:after{
content:'';
width:23px;
height:2px;
position:absolute;
right:0;
background:#ffffff;
border-radius:17px;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}
.burger a span:before{
top:-8px;
}
.burger a span:after{
top:8px;
}
.showcase{
padding:0px 0 41px 0;
z-index:1;
position:relative;
/*background-image:url(/images/action-top-banner/showcase.png);*/
/*background-repeat:no-repeat;*/
/*background-size:cover;*/
/*background-position:center;*/
}
@media screen and (max-width:370px){
.showcase__bg{
min-width:420px;
}
}
.showcase__bg picture,.showcase__bg img{
width:100%;
height:100%;
}
.showcase__bg{
position:absolute;
top:104px;
min-width:1680px;
left:50%;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
@media screen and (max-width:991px){
.showcase__bg{
top:83px;
}
}
.showcase__bg img{
width:100%;
height:100%;
}
.showcase__title{
font-weight:700;
font-size:70px;
line-height:85px;
text-align:center;
letter-spacing:0.01em;
max-width:823px;
margin:0 auto;
margin-bottom:22px;
position:relative;
z-index:5;
}
@media screen and (max-width:1220px){
.showcase__title{
font-size:60px;
line-height:70px;
}
}
@media screen and (max-width:991px){
.showcase__title{
font-size:55px;
line-height:65px;
margin-bottom:25px;
}
}
@media screen and (max-width:640px){
.showcase__title{
font-size:35px;
line-height:42px;
}
}
.showcase__item{
font-weight:600;
font-size:14px;
line-height:17px;
text-align:center;
letter-spacing:0.01em;
position:relative;
width:350px;
height:209px;
z-index:0;
}
.showcase__contest{
width:197px;
height:34px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-image:url(/images/action-top-banner/contest.png);
background-size:cover;
margin:0 auto 98px;
}
.showcase__img{
position:absolute;
top:29px;
left:50%;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);
min-width:100%;
z-index:2;
}
.showcase__date{
width:128px;
height:38px;
padding-top:4px;
margin:0 auto;
background-image:url(/images/action-top-banner/contest2.png);
background-size:cover;
z-index:3;
position:absolute;
font-weight:600;
font-size:12px;
line-height:14px;
letter-spacing:0.01em;
top:203px;
left:50%;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0);
}
.showcase__date span{
display:block;
font-weight:400;
font-size:12px;
line-height:8px;
margin-top:4px;
}
.showcase__ellips{
width:200px;
display:none;
height:78px;
border-radius:50%;
position:relative;
border:1px solid #b224ef;
}
.showcase__ellips span{
width:100%;
height:100%;
border-radius:50%;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(13,16,44,0.2)),color-stop(55.21%,rgba(78,31,97,0.2)),color-stop(98.96%,rgba(13,16,44,0.2)));
background:linear-gradient(180deg,rgba(13,16,44,0.2) 0%,rgba(78,31,97,0.2) 55.21%,rgba(13,16,44,0.2) 98.96%);
-webkit-backdrop-filter:blur(1.81214px);
backdrop-filter:blur(1.81214px);
display:block;
}
.showcase__items{
max-width:920px;
overflow:hidden;
margin:0 auto;
padding-bottom:140px;
position:relative;
}
@media only screen and (max-width:767px){
.showcase__items{
max-width:200px;
overflow:visible;
}
}
.showcase .swiper-slide{
-webkit-transform:translateY(60px) !important;
transform:translateY(60px) !important;
}
@media only screen and (max-width:767px){
.showcase .swiper-slide{
opacity:0.6;
}
}
.showcase__item{
-webkit-transition:400ms;
transition:400ms;
}
.showcase__item:nth-child(2){
-webkit-transform:none;
transform:none;
}
.showcase .swiper-button-next,
.showcase .swiper-button-prev{
top:59%;
}
.showcase .swiper-button-next{
right:-10px;
}
.showcase .swiper-button-prev{
left:-10px;
}
.showcase .swiper-slide.swiper-slide-active{
-webkit-transform:none !important;
transform:none !important;
opacity:1;
}
.showcase__left{
z-index:50;
display:none;
}
@media only screen and (max-width:767px){
.showcase__left{
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;
width:22px;
height:22px;
border-radius:50%;
background:#131212;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-image:url(/images/action-top-banner/ArrowR.png);
background-repeat:no-repeat;
background-position:center;
-webkit-transform:scaleX(-1);
transform:scaleX(-1);
}
.showcase__left::after{
display:none;
}
}
.showcase__right{
z-index:50;
display:none;
}
@media only screen and (max-width:767px){
.showcase__right{
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;
width:22px;
height:22px;
border-radius:50%;
background:#131212;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-image:url(/images/action-top-banner/ArrowR.png);
background-repeat:no-repeat;
background-position:center;
position:absolute;
}
.showcase__right::after{
display:none;
}
.showcase__right img{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
}
.showcase__start{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
@media screen and (max-width:991px){
.showcase__start{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
}
.showcase__start-info{
width:100%;
}
.showcase__start-info .app_image{
margin-left:28px;
margin-top:28px;
}
@media screen and (max-width:1220px){
.showcase__start-info .app_image{
margin-left:7px;
}
}
.showcase__start-title{
font-weight:700;
font-size:40px;
line-height:48px;
letter-spacing:0.01em;
position:relative;
margin-bottom:20px;
}
@media screen and (max-width:1220px){
.showcase__start-title{
font-size:35px;
line-height:42px;
}
}
@media screen and (max-width:991px){
.showcase__start-title{
margin-bottom:5px;
text-align:center;
}
}
.showcase__start-title span{
position:absolute;
-webkit-filter:blur(4px);
filter:blur(4px);
top:0;
left:0;
}
@media screen and (max-width:991px){
.showcase__start-title span{
display:none;
}
}
.showcase__start-btn{
width:230px;
height:70px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-weight:700;
font-size:20px;
line-height:24px;
letter-spacing:0.01em;
background:-webkit-gradient(linear,left top,right top,from(#b224ef),to(#7579ff));
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
border-radius:10px;
position:relative;
z-index:0;
margin-bottom:25px;
}
@media screen and (max-width:1220px){
.showcase__start-btn{
height:50px;
margin-bottom:20px;
}
}
@media screen and (max-width:991px){
.showcase__start-btn{
width:100%;
}
}
@media screen and (max-width:500px){
.showcase__start-btn{
font-size:14px;
line-height:17px;
}
}
.showcase__start-btn:before{
content:'';
position:absolute;
-webkit-filter:blur(22px);
filter:blur(22px);
border-radius:15px;
background:-webkit-gradient(linear,left top,right top,from(#b224ef),to(#7579ff));
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
opacity:0.4;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
}
@media screen and (max-width:991px){
.showcase__start-btn:before{
display:none;
}
}
.showcase__start-follow{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-left:28px;
position:relative;
}
@media screen and (max-width:1220px){
.showcase__start-follow{
padding-left:7px;
}
}
.showcase__start-follow::before{
content:'';
position:absolute;
width:5px;
height:114px;
background:#00f0ff;
border-radius:37px;
left:0;
}
@media screen and (max-width:1220px){
.showcase__start-follow::before{
height:100px;
}
}
.showcase__start-follow::after{
content:'';
position:absolute;
background:rgba(98,162,166,0.98);
-webkit-filter:blur(12px);
filter:blur(12px);
border-radius:37px;
left:0;
width:5px;
height:114px;
}
@media screen and (max-width:1220px){
.showcase__start-follow::after{
height:100px;
}
}
.showcase__start-mob{
display:none;
}
@media screen and (max-width:991px){
.showcase__start-mob{
display:block;
}
.showcase__start-mob img{
width:100%;
height:100%;
}
}
.showcase__start-message{
font-weight:500;
font-size:14px;
line-height:160%;
-webkit-transition:500ms;
transition:500ms;
letter-spacing:0.01em;
padding:17px 15px 16px 45px;
background-image:url(/images/action-top-banner/message.png);
background-repeat:no-repeat;
width:305px;
background-size:contain;
}
@media screen and (max-width:1220px){
.showcase__start-message{
padding:17px 8px 16px 30px;
}
}
@media screen and (max-width:500px){
.showcase__start-message{
font-size:12px;
width:280px;
}
}
.showcase__start-icon{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-right:8px;
}
.showcase__start-icon a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
@media only screen and (max-width:767px){
.showcase__start-icon a{
width:34px;
}
}
.showcase__start-icon a:first-child{
margin-bottom:20px;
}
@media screen and (max-width:1220px){
.showcase__start-icon a:first-child{
margin-bottom:10px;
}
}
.showcase__start-img{
min-width:789px;
-webkit-transform:translateX(23px);
transform:translateX(23px);
}
.showcase__start-img img{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
@media screen and (max-width:1220px){
.showcase__start-img{
min-width:500px;
-webkit-transform:translateX(17px);
transform:translateX(17px);
}
}
@media screen and (max-width:991px){
.showcase__start-img{
display:none;
}
}
.modal{
display:none;
color:#ffffff;
border-radius:10px;
overflow:hidden;
min-height:100vh;
}
.fancybox-close-small{
display:block !important;
}
.modal__blocks{
padding:128px 72px;
background:#170f34;
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr 1fr;
-webkit-column-gap:25px;
column-gap:25px;
row-gap:25px;
min-height:100vh;
max-width:1180px;
margin:0 auto;
}
@media screen and (max-width:1220px){
.modal__blocks{
-webkit-column-gap:20px;
column-gap:20px;
row-gap:20px;
padding:120px 50px;
}
}
@media screen and (max-width:991px){
.modal__blocks{
-ms-grid-columns:1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr;
}
}
@media screen and (max-width:767px){
.modal__blocks{
-webkit-column-gap:10px;
column-gap:10px;
row-gap:10px;
padding:87px 15px 40px 15px;
-ms-grid-columns:1fr 1fr;
grid-template-columns:1fr 1fr;
}
}
.modal__block{
cursor:pointer;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
position:relative;
background:#131842;
overflow:hidden;
border-radius:10px;
}
@media screen and (max-width:991px){
.modal__block-hide{
display:none;
}
}
@media screen and (max-width:767px){
.modal__block-mob{
position:relative;
}
}
.modal__info{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:20px 18px 18px 18px;
}
@media screen and (max-width:767px){
.modal__info{
padding:10px;
}
}
.modal__flat{
width:100%;
height:220px;
overflow:hidden;
}
@media screen and (max-width:480px){
.modal__flat{
height:140px;
}
}
.modal__flat img{
display:block;
height:inherit;
width:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}
.modal__dream{
font-weight:600;
font-size:16px;
line-height:143%;
letter-spacing:0.01em;
margin-bottom:17px;
position:relative;
text-shadow:0 0 10px #fff;
}
@media screen and (max-width:767px){
.modal__dream{
font-size:12px;
line-height:137%;
margin-bottom:10px;
max-width:138px;
text-shadow:0 0 2px #fff;
}
}
.modal__goal{
font-weight:600;
font-size:14px;
line-height:128%;
letter-spacing:0.01em;
color:#99f3f9;
position:relative;
margin-bottom:15px;
margin-top:auto;
text-shadow:0 0 10px #99f3f9;
}
@media screen and (max-width:767px){
.modal__goal{
font-size:10px;
line-height:128%;
margin-bottom:8px;
text-shadow:0 0 4px #99f3f9;
}
}
.modal__profile{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:16px;
line-height:128%;
}
@media screen and (max-width:767px){
.modal__profile{
font-size:10px;
}
}
.modal__profile img{
margin-right:15px;
border-radius:50%;
height:35px;
width:35px;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}
@media screen and (max-width:767px){
.modal__profile img{
width:25px;
height:25px;
margin-right:5px;
}
}
.modal__refresh{
position:absolute;
top:24px;
right:210px;
display:block !important;
}
@media screen and (max-width:767px){
.modal__refresh{
width:40px;
height:45px;
top:12px;
right:55px;
}
}
@media screen and (max-width:767px){
.modal .modal__block:nth-child(1) .modal__message{
display:none;
}
}
.modal .modal__block:nth-child(3) .modal__message{
display:none;
}
@media screen and (max-width:767px){
.modal .modal__block:nth-child(3) .modal__message{
display:block;
}
}
.modal__message{
position:absolute;
-webkit-transition:500ms;
transition:500ms;
top:77px;
left:255px;
width:310px;
height:84px;
background-image:url(/images/action-top-banner/modal1.png);
background-size:cover;
color:#212121;
font-weight:500;
font-size:16px;
line-height:160%;
letter-spacing:0.01em;
padding:16px 32px 16px 51px;
z-index:6;
background-repeat:no-repeat;
}
@media screen and (max-width:767px){
.modal__message{
top:350px;
left:42px;
width:250px;
height:64px;
padding:10px 30px 10px 47px;
border-radius:0 15px 15px 0;
font-size:12px;
line-height:1.4;
font-weight:400;
background-image:url(/images/action-top-banner/modal2.png);
background-size:contain;
}
}
.modal__message-hide{
opacity:0;
z-index:-1;
}
.modal__message span:not(.action_amount,.action_min_pay){
position:absolute;
cursor:pointer;
right:14px;
top:14px;
}
@media screen and (max-width:767px){
.modal__message span{
right:10px;
top:10px;
}
.modal__blocks h3{
max-width:200px;
}
}
@media screen and (max-width:767px){
.modal__message span img{
width:11px;
height:11px;
}
}
.modal.modal.fancybox-content{
padding:0;
}
.modal button.fancybox-button.fancybox-close-small{
right:11px;
top:14px;
}
@media screen and (max-width:767px){
.modal button.fancybox-button.fancybox-close-small{
right:5px;
top:2px;
}
}
.modal-third{
display:none;
color:#ffffff;
border-radius:10px;
overflow:hidden;
background:#170f34;
max-width:1180px;
width:100%;
}
.modal-third-block{
padding:64px 676px 64px 64px;
background:#170f34;
border-radius:10px;
overflow:hidden;
}
@media screen and (max-width:1220px){
.modal-third-block{
padding:64px 460px 64px 64px;
}
}
@media screen and (max-width:991px){
.modal-third-block{
padding:40px;
}
}
@media screen and (max-width:767px){
.modal-third-block{
padding:18px 15px 40px 15px;
}
}
.modal-third-back{
width:89px;
height:70px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:-webkit-gradient(linear,left top,right top,from(#b224ef),to(#7579ff)),#0d102c;
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%),#0d102c;
border-radius:10px;
margin-bottom:50px;
}
@media screen and (max-width:767px){
.modal-third-back{
width:81px;
height:64px;
margin-bottom:22px;
}
}
.modal-third__title{
font-size:40px;
font-weight:700;
letter-spacing:0.01em;
margin-bottom:50px;
}
@media only screen and (max-width:991px){
.modal-third__title{
font-size:32px;
margin-bottom:30px;
}
}
@media only screen and (max-width:767px){
.modal-third__title{
font-size:24px;
}
}
.modal-third__input{
width:705px;
border:0;
background:none;
border-bottom:2px solid #ffffff;
font-size:30px;
color:#fff;
margin-bottom:50px;
padding-bottom:10px;
}
@media only screen and (max-width:991px){
.modal-third__input{
width:100%;
}
}
@media only screen and (max-width:767px){
.modal-third__input{
font-size:20px;
padding-bottom:6px;
margin-bottom:30px;
}
}
.modal-third-next{
width:250px;
height:70px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:-webkit-gradient(linear,left top,right top,from(#b224ef),to(#7579ff));
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
border-radius:10px;
position:relative;
letter-spacing:0.01em;
font-weight:700;
}
@media only screen and (max-width:767px){
.modal-third-next{
height:50px;
font-size:14px;
width:100%;
}
}
.modal-third-next:hover{
background:-webkit-gradient(linear,left top,right top,from(#7579ff),to(#b224ef));
background:linear-gradient(90deg,#7579ff 0%,#b224ef 100%);
}
.modal-third .fancybox-content{
background:#170f34;
}
.modal-third button.fancybox-button.fancybox-close-small{
display:none;
}
@media screen and (max-width:767px){
.modal-third button.fancybox-button.fancybox-close-small{
display:block;
top:2px;
right:5px;
}
}
.modal-third.modal-third.fancybox-content{
padding:0;
}
.modal-third .modal__message{
background-image:url(/images/action-top-banner/modal-third-block.svg);
background-size:contain;
width:310px;
height:136px;
left:520px;
top:80px;
}
@media only screen and (max-width:991px){
.modal-third .modal__message{
left:400px;
top:60px;
}
}
.t-wrapper{
z-index:999999999;
}
@media only screen and (max-width:767px){
.modal-third .modal__message{
width:299px;
height:86px;
background-image:url(/images/action-top-banner/modal-third-block-2.svg);
left:51px;
top:100px;
}
.modal-third .modal__message span{
right:25px;
}
}
@media only screen and (max-width:360px){
.modal-third .modal__message{
left:15px;
}
}
#modal-second{
padding:64px;
background:#170f34;
border-radius:10px;
display:none;
color:#fff;
width:100%;
max-width:1180px;
padding-right:175px;
}
@media only screen and (max-width:1200px){
#modal-second{
padding-right:64px;
}
}
@media only screen and (max-width:991px){
#modal-second{
padding:40px 20px;
}
}
@media only screen and (max-width:767px){
#modal-second{
padding:18px 15px 40px 15px;
}
}
#modal-second .modal__message{
background-image:url(/images/action-top-banner/block-top.svg);
padding:36px 33px 16px 16px;
width:276px;
height:110px;
background-size:contain;
top:63px;
left:0px;
}
@media only screen and (max-width:767px){
#modal-second .modal__message{
top:43px;
}
}
#modal-second .modal__message span{
top:30px;
}
.modal-second__items{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
width:100%;
}
@media only screen and (max-width:767px){
.modal-second__items{
display:block;
}
}
.modal-second__item{
max-width:361px;
width:100%;
}
@media only screen and (max-width:1200px){
.modal-second__item{
max-width:100%;
margin-left:100px;
}
}
@media only screen and (max-width:1060px){
.modal-second__item{
margin-left:40px;
}
}
@media only screen and (max-width:767px){
.modal-second__item{
margin:0;
margin-top:27px;
}
}
.modal-second .modal-third-block{
width:100%;
}
.modal-second__review{
margin-top:32px;
}
@media only screen and (max-width:767px){
.modal-second__review{
display:none;
}
}
.modal-second__review-block{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:30px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.modal-second__review-image{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:50px;
min-width:50px;
height:50px;
border-radius:50%;
margin-right:20px;
}
.modal-second__review-image img{
width:100%;
height:100%;
border-radius:50%;
}
.modal-second__review-name{
font-size:24px;
font-weight:600;
letter-spacing:0.01em;
}
.modal-second__review-head{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:24px;
font-weight:600;
margin-bottom:40px;
text-shadow:1px 1px 1px black,0 0 10px rgba(108,47,252,0.671);
letter-spacing:0.01em;
}
.modal-second__review-head::before{
content:'';
display:block;
background:rgba(98,162,166,0.98);
-webkit-box-shadow:0 3px 15px rgba(123,224,231,0.98);
box-shadow:0 3px 15px rgba(123,224,231,0.98);
border-radius:37px;
width:3px;
height:30px;
margin-right:13px;
}
.modal-second__review-info{
font-size:16px;
line-height:20px;
letter-spacing:0.01em;
}
.modal-second__review-info p{
margin-bottom:15px;
}
.modal-second__review-info p:last-child{
margin-bottom:0;
}
.modal-second__header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:8px;
}
@media only screen and (max-width:991px){
.modal-second__header{
display:block;
}
}
@media only screen and (max-width:767px){
.modal-second__header{
display:none;
}
}
.modal-second__number{
font-size:16px;
font-weight:500;
letter-spacing:0.01em;
text-shadow:1px 1px 1px black,0 0 15px rgba(108,47,252,0.671);
}
@media only screen and (max-width:991px){
.modal-second__number{
margin-top:10px;
}
}
.modal-second__category{
font-size:16px;
font-weight:500;
text-shadow:1px 1px 1px black,0 0 15px rgba(108,47,252,0.671);
letter-spacing:0.01em;
}
.modal-second__title{
font-size:40px;
line-height:48px;
letter-spacing:0.01em;
font-weight:600;
margin-bottom:40px;
text-shadow:1px 1px 1px black,0 0 15px rgba(108,47,252,0.671);
}
@media only screen and (max-width:1060px){
.modal-second__title{
font-size:34px;
line-height:42px;
}
}
@media only screen and (max-width:991px){
.modal-second__title{
font-size:26px;
line-height:32px;
margin-bottom:20px;
}
}
@media only screen and (max-width:767px){
.modal-second__title{
font-size:24px;
line-height:30px;
letter-spacing:0.01em;
margin-bottom:32px;
max-width:270px;
}
}
@media only screen and (max-width:767px){
.modal-second__title.desk{
display:none;
}
}
.modal-second__title.mobile{
display:none;
}
@media only screen and (max-width:767px){
.modal-second__title.mobile{
display:block;
}
}
.modal-second__stat{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:24px;
font-weight:600;
letter-spacing:0.01em;
margin-bottom:60px;
text-shadow:1px 1px 1px black,0 0 15px rgba(108,47,252,0.671);
}
@media only screen and (max-width:767px){
.modal-second__stat{
font-size:16px;
}
}
.modal-second__stat::before{
content:'';
display:block;
background:rgba(98,162,166,0.98);
-webkit-box-shadow:0 3px 15px rgba(123,224,231,0.98);
box-shadow:0 3px 15px rgba(123,224,231,0.98);
border-radius:37px;
width:3px;
height:30px;
margin-right:13px;
}
@media only screen and (max-width:767px){
.modal-second__stat::before{
height:20px;
}
}
.modal-second__progress{
position:relative;
margin-bottom:50px;
}
@media only screen and (max-width:767px){
.modal-second__progress{
margin-bottom:65px;
}
}
.modal-second__line{
width:100%;
height:6px;
background:#fff;
position:relative;
}
.modal-second__line::before{
content:'';
display:block;
width:21%;
height:100%;
background:#00f0ff;
position:absolute;
top:0;
left:0;
-webkit-box-shadow:0 3px 10px #00f0ff;
box-shadow:0 3px 10px #00f0ff;
}
.modal-second__to{
position:absolute;
left:calc(21% - 30px);
font-size:16px;
font-weight:600;
letter-spacing:0.01em;
top:-30px;
color:#00f0ff;
text-shadow:1px 1px 1px black,0 0 15px #00f0ff;
}
@media only screen and (max-width:767px){
.modal-second__to{
font-size:14px;
}
}
.modal-second__from{
font-size:16px;
font-weight:600;
letter-spacing:0.01em;
position:absolute;
right:6px;
top:-30px;
}
@media only screen and (max-width:767px){
.modal-second__from{
font-size:14px;
}
}
.modal-second__block{
margin-bottom:16px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
font-size:16px;
font-weight:500;
letter-spacing:0.01em;
}
@media only screen and (max-width:767px){
.modal-second__block{
margin-bottom:20px;
font-size:14px;
}
}
.modal-second__block:last-child{
margin-bottom:0;
}
.modal-second__blocks{
margin-bottom:40px;
}
@media only screen and (max-width:767px){
.modal-second__blocks{
margin-bottom:34px;
}
}
.modal-second__donate{
position:relative;
margin-bottom:10px;
}
.modal-second__btn{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
cursor:pointer;
-webkit-transition:300ms;
transition:300ms;
height:70px;
background:-webkit-gradient(linear,left top,right top,from(#b224ef),to(#7579ff));
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
border-radius:10px;
}
@media only screen and (max-width:767px){
.modal-second__btn{
font-size:14px;
height:50px;
}
}
.modal-second__btn:hover{
background:-webkit-gradient(linear,left top,right top,from(#7579ff),to(#b224ef));
background:linear-gradient(90deg,#7579ff 0%,#b224ef 100%);
}
.modal-second__podpiska{
background:#0d102c;
border-radius:10px;
width:100%;
height:70px;
color:#fff;
font-size:16px;
font-weight:700;
letter-spacing:0.01em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
z-index:5;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-bottom:10px;
}
@media only screen and (max-width:767px){
.modal-second__podpiska{
font-size:14px;
height:50px;
}
}
.modal-second__podpiska:hover{
background:#131846;
}
.modal-second__btns{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.modal-second__copy{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:230px;
height:70px;
min-width:230px;
background:#0d102c;
border-radius:10px;
margin-right:10px;
color:#fff;
font-size:16px;
font-weight:700;
cursor:pointer;
-webkit-transition:300ms;
transition:300ms;
}
@media only screen and (max-width:767px){
.modal-second__copy{
font-size:14px;
height:50px;
min-width:auto;
width:100%;
}
}
.modal-second__copy:hover{
background:#131846;
}
.modal-second__copy img{
margin-left:23px;
}
@media only screen and (max-width:767px){
.modal-second__copy img{
margin-left:15px;
}
}
.modal-second__life{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:70px;
cursor:pointer;
background:#0d102c;
border-radius:10px;
-webkit-transition:300ms;
transition:300ms;
}
@media only screen and (max-width:767px){
.modal-second__life{
font-size:14px;
height:50px;
width:60px;
min-width:60px;
}
}
.modal-second__life:hover{
background:#131846;
}
.modal-second__intro-block{
max-width:330px;
}
@media only screen and (max-width:767px){
.modal-second__intro-block{
max-width:100%;
}
}
.card__slider{
min-width:480px;
width:480px;
}
@media only screen and (max-width:991px){
.card__slider{
min-width:400px;
width:400px;
}
}
@media only screen and (max-width:767px){
.card__slider{
min-width:auto;
width:100%;
}
}
.card__images{
height:500px;
}
@media only screen and (max-width:991px){
.card__images{
height:400px;
}
}
@media only screen and (max-width:767px){
.card__images{
height:345px;
}
}
.card__images img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
border-radius:10px;
}
.card__cart{
margin-bottom:20px;
}
@media only screen and (max-width:991px){
.card__cart{
margin-bottom:10px;
}
}
@media only screen and (max-width:767px){
.card__cart{
margin-bottom:16px;
}
}
.card__plus{
position:absolute;
top:1px;
right:0;
width:92px;
height:83px;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.72)));
background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.72) 100%);
border-radius:5px;
z-index:10;
cursor:pointer;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:22px;
font-weight:700;
letter-spacing:0.01em;
}
@media only screen and (max-width:991px){
.card__plus{
width:76px;
}
}
@media only screen and (max-width:767px){
.card__plus{
display:none;
}
}
@media only screen and (max-width:767px){
.card__gallery .swiper-wrapper{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
}
.card__gallery .swiper-slide{
cursor:pointer;
border-radius:5px;
}
@media only screen and (max-width:767px){
.card__gallery .swiper-slide{
width:8px !important;
height:8px !important;
border-radius:50%;
background:#ffffff;
}
.card__gallery .swiper-slide img{
display:none;
}
.card__gallery .swiper-slide.swiper-slide-thumb-active{
background:#00f0ff;
-webkit-box-shadow:0 3px 10px #00f0ff;
box-shadow:0 3px 10px #00f0ff;
}
}
.card__gallery .swiper-slide img{
border-radius:5px;
height:83px;
width:100%;
-o-object-fit:cover;
object-fit:cover;
}
.modal-foure__header{
position:relative;
margin-bottom:58px;
}
.modal-foure__title{
font-size:40px;
font-weight:700;
letter-spacing:0.01em;
}
@media only screen and (max-width:767px){
.modal-foure__title{
font-size:24px;
margin-bottom:24px;
}
}
.modal-foure__content{
padding-left:28px;
}
@media only screen and (max-width:767px){
.modal-foure__content{
padding-left:20px;
}
}
.modal-foure__head{
font-size:14px;
margin-bottom:35px;
}
@media only screen and (max-width:767px){
.modal-foure__head{
font-size:12px;
margin-bottom:24px;
}
}
.modal-foure__block{
margin-bottom:18px;
}
.modal-foure__block input{
width:435px;
height:44px;
border:2px solid rgba(255,255,255,0.2);
border-radius:10px;
background:none;
padding:0 14px;
font-size:14px;
}
@media only screen and (max-width:767px){
.modal-foure__block input{
width:100%;
}
}
.modal-foure__block input::-webkit-input-placeholder{
color:#fff;
}
.modal-foure__block input:-ms-input-placeholder{
color:#fff;
}
.modal-foure__block input::-ms-input-placeholder{
color:#fff;
}
.modal-foure__block input::placeholder{
color:#fff;
}
.modal-foure__block-head{
font-size:14px;
margin-bottom:9px;
}
.modal-foure__block:last-child{
margin-bottom:0;
}
.modal-foure__blocks{
margin-bottom:40px;
}
.modal-foure__item{
position:relative;
}
@media only screen and (max-width:767px){
.modal-foure__item{
padding-top:20px;
}
}
.modal-foure__item::before{
content:'';
display:block;
width:4px;
background:rgba(126,220,226,0.98);
height:100%;
position:absolute;
left:-28px;
-webkit-box-shadow:0 3px 10px rgba(154,248,255,0.98);
box-shadow:0 3px 10px rgba(154,248,255,0.98);
top:0;
border-radius:37px;
}
@media only screen and (max-width:767px){
.modal-foure__item::before{
left:-20px;
}
}
.modal-foure__summ{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;
margin-bottom:36px;
}
.modal-foure__summ::before{
content:'';
display:block;
width:4px;
height:40px;
background:rgba(154,248,255,0.98);
border-radius:37px;
margin-right:16px;
-webkit-box-shadow:0 3px 10px rgba(154,248,255,0.98);
box-shadow:0 3px 10px rgba(154,248,255,0.98);
}
.modal-foure__cat{
margin-bottom:40px;
}
.modal-foure__cat-item{
font-size:24px;
font-weight:700;
letter-spacing:0.01em;
margin-bottom:16px;
}
.modal-foure__cat-item:last-child{
margin-bottom:0;
}
.modal-foure__btn{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:329px;
height:70px;
background:-webkit-gradient(linear,left top,right top,from(#b224ef),to(#7579ff));
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
border-radius:10px;
font-size:16px;
font-weight:700;
letter-spacing:0.01em;
margin-bottom:24px;
}
@media only screen and (max-width:767px){
.modal-foure__btn{
font-size:14px;
width:100%;
height:50px;
}
}
.modal-foure__btn:hover{
background:-webkit-gradient(linear,left top,right top,from(#7579ff),to(#b224ef));
background:linear-gradient(90deg,#7579ff 0%,#b224ef 100%);
}
.modal-foure__end{
font-size:14px;
line-height:17px;
max-width:330px;
color:#c4c4c4;
}
@media only screen and (max-width:767px){
.modal-foure__end{
font-size:12px;
line-height:14px;
max-width:100%;
}
}
#modal-foure .modal__message{
background-image:url(/images/action-top-banner/modal-third-block.svg);
background-size:contain;
width:310px;
height:136px;
left:380px;
top:-90px;
}
@media only screen and (max-width:991px){
#modal-foure .modal__message{
left:400px;
top:60px;
}
}
@media only screen and (max-width:767px){
#modal-foure .modal__message{
width:299px;
height:86px;
background-image:url(/images/action-top-banner/modal-third-block-2.svg);
left:51px;
top:40px;
padding-left:35px;
}
#modal-foure .modal__message span{
right:20px;
}
}
@media only screen and (max-width:360px){
#modal-foure .modal__message{
left:15px;
width:270px;
}
}
.modal-five{
padding:82px;
background:url(/images/action-top-banner/thanks-last-1.png) no-repeat;
background-size:cover;
background-position:center;
max-width:1480px;
border:2px solid #14d4e0;
border-top:0;
border-bottom:0;
display:none;
color:#fff;
border-radius:10px;
overflow:hidden;
width:100%;
}
@media only screen and (max-width:767px){
.modal-five{
background:url(/images/action-top-banner/thanks-last.png) no-repeat;
background-size:cover;
background-position:center;
border:0;
padding:100px 15px;
}
}
.modal-five__plus{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:70px;
font-weight:700;
letter-spacing:0.01em;
color:#fc3939;
margin-bottom:20px;
}
@media only screen and (max-width:767px){
.modal-five__plus{
margin-bottom:26px;
}
}
.modal-five__plus img{
width:85px;
height:85px;
margin-left:16px;
}
@media only screen and (max-width:767px){
.modal-five__plus img{
width:70px;
height:70px;
}
}
.modal-five__title{
text-align:center;
font-size:40px;
font-weight:700;
letter-spacing:0.01em;
margin-bottom:13px;
}
@media only screen and (max-width:767px){
.modal-five__title{
font-size:24px;
margin-bottom:8px;
}
}
.modal-five__subtitle{
text-align:center;
font-size:24px;
margin-bottom:12px;
font-weight:600;
}
@media only screen and (max-width:767px){
.modal-five__subtitle{
font-size:16px;
line-height:20px;
margin-bottom:25px;
}
}
.modal-five__subtitle img{
width:32px;
height:32px;
margin:0 22px;
}
@media only screen and (max-width:767px){
.modal-five__subtitle img{
width:24px;
height:24px;
margin:0 8px;
-webkit-transform:translateY(6px);
transform:translateY(6px);
}
}
.modal-five__end{
max-width:395px;
margin:0 auto;
text-align:center;
font-size:20px;
line-height:28px;
font-weight:500;
letter-spacing:0.01em;
color:#c4c4c4;
}
@media only screen and (max-width:767px){
.modal-five__end{
font-size:14px;
line-height:17px;
max-width:100%;
}
}
.lc{
padding:165px 0 200px 0;
color:#fff;
}
@media only screen and (max-width:991px){
.lc{
padding:140px 0 120px 0;
}
}
@media only screen and (max-width:767px){
.lc{
padding:100px 0;
}
}
.lc__items{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
@media only screen and (max-width:767px){
.lc__items{
display:block;
}
}
.lc__item{
min-width:185px;
width:185px;
margin-right:15px;
}
@media only screen and (max-width:767px){
.lc__item{
display:none;
}
}
.lc__title{
font-size:40px;
font-weight:700;
letter-spacing:0.01em;
margin-bottom:50px;
text-shadow:1px 1px 1px black,0 0 10px rgba(108,47,252,0.671);
}
.lc__list-item{
margin-bottom:40px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:16px;
cursor:pointer;
font-weight:500;
letter-spacing:0.01em;
-webkit-transition:300ms;
transition:300ms;
}
.lc__list-item:hover{
color:#00f0ff;
}
.lc__list-item.active{
padding-left:35px;
position:relative;
}
.lc__list-item.active:hover{
color:#fff;
}
.lc__list-item.active::before{
content:'';
display:block;
width:25px;
height:4px;
background:#14d4e0;
border-radius:37px;
position:absolute;
top:50%;
-webkit-transform:translate(0,-50%);
transform:translate(0,-50%);
left:0;
}
.lc__list-item img{
margin-left:7px;
}
.lc__list-item:last-child{
margin-bottom:0;
}
.lc__table{
width:100%;
}
.lc__table-title{
font-size:24px;
font-weight:600;
letter-spacing:0.01em;
margin-bottom:50px;
}
@media only screen and (max-width:767px){
.lc__table-title{
margin-bottom:57px;
}
}
.lc__table-item{
width:100%;
background:#0d102c;
border-radius:10px;
overflow:hidden;
border-collapse:collapse;
}
@media only screen and (max-width:767px){
.lc__table-item{
display:none;
}
}
.lc__table-item tr{
width:100%;
position:relative;
}
.lc__table-item tr:first-child::before{
opacity:0;
}
.lc__table-item tr:last-child::before{
opacity:0;
}
.lc__table-item tr::before{
content:'';
display:block;
position:absolute;
bottom:0;
left:2%;
width:96%;
height:2px;
background:rgba(255,255,255,0.2);
}
.lc__table-item td{
font-size:14px;
font-weight:500;
letter-spacing:0.01em;
padding:26px 24px;
}
@media only screen and (max-width:991px){
.lc__table-item td{
padding:16px;
}
}
.lc__table-item td:nth-child(3){
text-align:center;
}
.lc__table-item td:last-child{
text-align:right;
}
.lc__table-item td:last-child img{
-webkit-transform:translateX(-40px);
transform:translateX(-40px);
}
@media only screen and (max-width:991px){
.lc__table-item td:last-child img{
-webkit-transform:translateX(-8px);
transform:translateX(-8px);
}
}
.lc__table-item td span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:#fc3939;
}
.lc__table-item td span img{
margin-right:6px;
}
.lc__table-header{
background:#8169fc;
}
.concurs__items{
display:none;
}
@media only screen and (max-width:767px){
.concurs__items{
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr;
grid-template-columns:1fr;
row-gap:30px;
}
}
.concurs__item{
padding-bottom:30px;
color:#fff;
border-bottom:2px solid rgba(255,255,255,0.2);
}
.concurs__image{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
margin-bottom:20px;
}
.concurs__image img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.concurs__head{
font-size:14px;
font-weight:500;
letter-spacing:0.01em;
margin-bottom:4px;
}
.concurs__name{
font-size:16px;
font-weight:700;
letter-spacing:0.01em;
margin-bottom:15px;
}
.concurs__block{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:15px;
}
.concurs__block:last-child{
margin-bottom:0;
}
.concurs__block-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:14px;
font-weight:500;
letter-spacing:0.01em;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.concurs__block-item img{
width:13px;
height:13px;
}
.concurs__block-item:first-child img{
margin-left:9px;
}
.concurs__block-item:last-child{
color:#fc3939;
}
.concurs__block-item:last-child img{
margin-right:9px;
}
.concurs__block:nth-child(2) .concurs__block-item{
color:#fff;
}
.concurs__block:last-child img{
width:20px;
height:20px;
}
.wrapper-lc{
background:url(/images/action-top-banner/lc.png) no-repeat;
background-size:cover;
background-position:center;
}
:root{
--error-color:#dc3545;
--success-color:#28a745;
--warning-color:#ffc107;
--body-bg:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);
--msger-bg:#fff;
--border:2px solid #ddd;
--left-msg-bg:#ececec;
--right-msg-bg:#579ffb;
}
*{
padding:0;
margin:0;
box-sizing:border-box;
}
body{
background:#000;
min-height:100vh;
display:flex;
flex-direction:column;
justify-content:space-between;
box-sizing:border-box;
margin:0;
overflow-x:hidden;
font-family:"Gilroy",sans-serif;
color:#fff;
position:relative;
}
.overflow{
height:100vh;
overflow-y:hidden;
padding-right:15px;
}
/*.background{*/
/* background-image:url("/dist/images/background.svg");*/
/*}*/
body{
background-image:url("/dist/images/background.webp");
background-repeat:repeat-y;
background-size:100% auto;
}
@media (max-width:480px){
body{
background-image:url("/dist/images/background-xs.webp");
}
}
.background.fix{
z-index:100;
}
.background__index{
background-image:url("/dist/images/index/background.svg");
}
/*.background__filter{*/
/* background-color:rgba(40,51,151,0.36);*/
/* backdrop-filter:blur(400px);*/
/*}*/
.background__dark{
/*background-color:rgba(40,51,151,0.36);*/
/*backdrop-filter:blur(400px);*/
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
}
.alert{
padding:20px;
color:white;
opacity:1;
z-index:9999;
position:fixed;
width:auto;
max-width:100% !important;
float:right;
transition:opacity 0.6s;
margin-top:15px;
right:8px;
}
.alert.success{
background-color:#04AA6D;
}
.alert.danger{
background-color:#f44336 !important;
}
.alert.info{
background-color:#2196F3;
}
.alert.warning{
background-color:#ff9800;
}
.form-field.error input{
border-color:var(--error-color);
}
.form-field.success input{
border-color:var(--success-color);
}
.form-field small{
color:var(--error-color);
}
.closebtn{
margin-left:15px;
color:white;
font-weight:bold;
float:right;
font-size:22px;
line-height:20px;
cursor:pointer;
transition:0.3s;
}
.closebtn:hover{
color:black;
}
.alert-container{
display:flex;
flex-direction:column;
/*justify-content:flex-end;*/
/*position:absolute;*/
align-items:flex-end;
width:100%;
position:fixed;
height:auto;
z-index:99999;
top:0;
}
.background_mobile{
display:none;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(0,0,0,0.44);
z-index:1;
}
.overflow{
overflow:hidden;
}
.container{
width:calc(100% - 40px);
max-width:1180px;
margin:0 auto;
position:relative;
z-index:10;
}
.flex{
display:flex;
justify-content:space-between;
align-items:center;
}
.flex_start{
justify-content:flex-start;
align-items:flex-start;
}
.flex_wrap{
flex-wrap:wrap;
}
.align_start{
align-items:flex-start;
}
a{
color:inherit;
text-decoration:none;
transition:all 0.3s;
}
ul{
list-style:none;
}
input,textarea{
border:none;
}
input:focus,textarea:focus{
outline:none;
}
input:read-only{
/*color:rgba(255,255,255,0.6)!important;*/
/*cursor:not-allowed;*/
}
img{
max-width:100%;
}
.desk{
display:block;
}
.show{
display:block;
}
.hide{
display:none;
}
.campaign_image_container{
background-size:contain;
background-position:center;
background-repeat:no-repeat;
height:500px;
}
.campaign_image_in_list_container{
height:200px;
position:relative;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
h1{
font-weight:700;
font-size:70px;
color:#fff;
letter-spacing:0.6px;
line-height:85px;
position:relative;
}
h1 span{
position:absolute;
left:0;
top:0;
color:rgba(255,255,255,0.19);
filter:blur(12px);
}
.message{
position:fixed;
background-color:#0d102c;
max-width:600px;
left:calc(50% - 300px);
top:200px;
padding:20px 40px;
border-radius:15px;
font-size:18px;
font-weight:500;
line-height:25px;
opacity:1;
z-index:20;
}
h2{
font-weight:700;
font-size:40px;
letter-spacing:0.4px;
position:relative;
}
h2 span{
position:absolute;
top:0;
left:0;
color:#fff;
filter:blur(2px);
}
h3{
font-weight:700;
font-size:24px;
letter-spacing:0.3px;
position:relative;
}
h3 span{
position:absolute;
top:0;
left:0;
color:#fff;
filter:blur(2px);
}
h4{
font-weight:700;
font-size:20px;
}
h5{
font-weight:700;
font-size:16px;
}
h6{
font-weight:700;
font-size:14px;
}
.text{
font-weight:500;
font-size:20px;
line-height:28px;
color:#fff;
letter-spacing:0.17px;
}
input[type="submit"]{
font-size:15px;
line-height:20px;
}
input[type="submit"]:required{
border:1px solid #f00;
}
.btn-small{
padding:10px!important;
font-size:12px!important;
line-height:12px!important;
height:auto!important;
min-height:auto!important;
display:inline-block;
}
.chat-body .btn-small{
/*display:inline-block!important;*/
}
.btn{
padding:21px 45px;
display:inline-block;
position:relative;
border-radius:10px;
cursor:pointer;
background:#0d102c;
background-clip:padding-box;
border:solid 2px transparent;
border-left:0;
border-right:0;
font-weight:700;
color:#fff;
text-align:center;
}
.btn-small:hover::before{
display:none!important;
}
.btn:disabled{
opacity:.8;
}
.btn-grey{
/*background:#565656 !important;*/
background:#0d102c!important;
}
.btn-grey:before{
display:none;
}
.btn:disabled:hover{
background:#0d102c!important;
}
.btn:disabled:before{
display:none;
}
.btn-contain{
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}
.btn::before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:-1;
margin:-2px;
background:none;
border-radius:inherit;
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
}
.btn:hover,.btn.active{
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
transition:all 0.3s;
}
.btn:hover::before{
content:"";
position:absolute;
width:100%;
height:70px;
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
filter:blur(22px);
border-radius:15px;
z-index:-1;
top:0;
left:0;
}
.btn_fill{
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
position:relative;
border:none;
}
.btn_pill{
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
padding:2px 10px 2px 10px;
border-radius:30px;
}
.btn_flex{
display:flex;
align-items:center;
justify-content:center;
}
.btn_fill::before{
content:"";
position:absolute;
width:100%;
height:70px;
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
filter:blur(22px);
border-radius:15px;
z-index:-1;
top:0;
left:0;
}
#preloader{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:#0d102c;
z-index:100;
}
.mobile{
display:none;
}
@media screen and (max-width:1200px){
.container{
width:90%;
}
h1{
font-size:60px;
line-height:70px;
}
}
@media screen and (max-width:1100px){
.desk{
display:none;
}
.mobile{
display:block;
}
}
@media screen and (max-width:900px){
.btn{
width:100%;
text-align:center;
}
.btn_fill::before{
content:none;
}
.background_mobile{
display:block;
}
}
@media screen and (max-width:650px){
.message{
max-width:350px;
left:calc(50% - 175px);
}
}
@media screen and (max-width:600px){
h1{
font-size:50px;
line-height:60px;
}
.text{
font-size:18px;
line-height:24px;
}
h2{
font-size:30px;
}
h2 span{
display:none;
}
h3{
font-size:22px;
}
.btn{
padding:13px 45px;
}
.campaign__donat-form .popup__btn{
padding-top:17px !important;
font-size:18px !important;
}
h3 span{
color:rgba(255,255,255,0.71);
filter:blur(4px);
}
}
@media screen and (max-width:500px){
h1{
font-size:45px;
line-height:55px;
}
}
@media screen and (max-width:450px){
.message{
max-width:300px;
left:calc(50% - 150px);
font-size:16px;
top:150px;
}
}
@media screen and (max-width:420px){
h1{
font-size:35px;
line-height:42px;
}
.text{
font-size:14px;
line-height:20px;
}
h2{
font-size:24px;
line-height:29px;
}
h3{
font-size:16px;
line-height:20px;
}
}
.bank__item{
background:#131842;
border-radius:11px;
display:flex;
flex-direction:column;
justify-content:start;
height:495px;
}
.bank__item img{
max-height:200px;
object-fit:cover;
}
.bank__content{
padding:17px 19px;
}
.bank__title{
font-size:16px;
font-weight:600;
line-height:23px;
position:relative;
letter-spacing:0.1px;
}
.bank__title-text{
-webkit-line-clamp:2;
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
}
.bank__title-blur{
font-size:16px;
font-weight:600;
line-height:23px;
filter:blur(6px);
position:absolute;
top:0;
left:0;
-webkit-line-clamp:2;
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
}
.bank__purpose{
margin-top:16px;
font-size:14px;
line-height:18px;
font-weight:600;
color:#99f3f9;
position:relative;
letter-spacing:0.1px;
}
.bank__purpose-blur{
position:absolute;
top:0;
left:0;
font-size:14px;
line-height:18px;
font-weight:600;
color:#99f3f9;
filter:blur(6px);
}
.bank__text{
font-size:14px;
line-height:18px;
font-weight:500;
margin-top:17px;
letter-spacing:0.15px;
}
.bank__user{
margin-top:17px;
display:flex;
align-items:center;
}
.bank__user-text{
font-weight:600;
font-size:16px;
line-height:20px;
}
.bank__img{
width:35px;
height:35px;
margin-right:15px;
}
.user__block{
padding:10px;
border-radius:10px;
background:#0d102c;
}
.circle-img{
border-radius:50%;
overflow:hidden;
}
.bank .owl-nav{
position:absolute;
top:calc(50% - 36px);
display:block;
width:100%;
}
.bank .owl-prev,.bank .owl-next{
position:absolute;
background-color:rgba(19,18,18,0.45) !important;
background-image:url("/dist/images/icons/arrow.svg") !important;
background-repeat:no-repeat !important;
background-position:47% 50% !important;
width:43px;
height:43px;
border-radius:50% !important;
transition:background-color 0.3s;
}
.bank .owl-prev:hover,.bank .owl-next:hover{
background-color:rgba(255,255,255,0.47) !important;
}
.bank .owl-prev{
left:-79px;
}
.bank .owl-next{
right:-79px;
transform:rotate(180deg);
}
.catalog .owl-nav{
position:absolute;
top:calc(50% - 36px);
display:block;
width:100%;
}
.catalog .owl-prev,.catalog .owl-next{
position:absolute;
background-color:rgba(19,18,18,0.45) !important;
background-image:url("/dist/images/icons/arrow.svg") !important;
background-repeat:no-repeat !important;
background-position:47% 50% !important;
width:43px;
height:43px;
border-radius:50% !important;
transition:background-color 0.3s;
}
.catalog .owl-prev:hover,.catalog .owl-next:hover{
background-color:rgba(255,255,255,0.47) !important;
}
.catalog .owl-prev{
left:-79px;
}
.catalog .owl-next{
right:-79px;
transform:rotate(180deg);
}
@media screen and (max-width:1390px){
.bank__carousel{
width:860px;
margin:0 auto;
}
}
@media screen and (max-width:1100px){
.bank__item{
height:455px;
}
.bank__carousel{
width:700px;
}
.bank__text{
font-size:12px;
}
}
@media screen and (max-width:910px){
.bank__carousel{
width:480px;
}
.bank br{
display:none;
}
.bank .owl-dots{
margin-top:30px;
}
.bank .owl-dot span{
background:#fff !important;
}
.bank .owl-dot.active span{
background:#00f0ff !important;
position:relative;
}
.bank .owl-dot.active span::before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-radius:50%;
background:rgba(0,240,255,0.8);
filter:blur(4px);
}
}
@media screen and (max-width:600px){
.bank__title-blur{
filter:blur(2px);
color:rgba(255,255,255,0.8);
}
.bank__purpose-blur{
color:rgba(20,212,224,0.8);
filter:blur(2px);
}
.bank .owl-dots{
margin-top:40px !important;
}
.bank__carousel{
width:100%;
}
}
@media screen and (max-width:555px){
.bank__item img{
max-height:160px;
}
}
@media screen and (max-width:420px){
.bank__title{
font-size:12px;
line-height:16px;
}
.bank__title-blur{
font-size:12px;
line-height:16px;
}
.bank__purpose,.bank__text{
font-size:10px;
line-height:13px;
}
.bank__purpose-blur,.bank__text-blur{
font-size:10px;
line-height:13px;
}
.bank__item{
justify-content:flex-start;
height:383px;
}
.bank__item img{
max-height:140px;
}
.bank__user-text{
font-size:10px;
line-height:13px;
}
}
.slick-list{
overflow:hidden;
}
.slick-track{
display:flex;
}
.finish{
padding:0 80px;
padding-top:100px;
overflow:hidden;
position:relative;
}
.finish::after{
content:'';
position:absolute;
display:block;
top:0;
left:0;
width:100%;
height:390px;
background:url('/dist/firework.png') no-repeat center;
}
@media (max-width:1024px){
.finish::after{
height:300px;
}
}
@media (max-width:768px){
.finish::after{
height:290px;
display:none;
}
}
.finish-slider{
position:relative;
}
.finish-btn{
background:none;
border:none;
width:43px;
height:43px;
background:rgba(19,18,18,0.45);
border-radius:50%;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
position:absolute;
top:50%;
transform:translateY(50%);
}
.finish-slider__prev{
left:-70px;
}
.finish-slider__next{
right:-70px;
}
@media (max-width:1024px){
.finish-btn{
background:none;
border:none;
width:43px;
height:43px;
background:rgba(19,18,18,0.45);
border-radius:50%;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
position:absolute;
top:100%;
transform:translateY(50%);
}
.finish-slider__prev{
left:40%;
}
.finish-slider__next{
right:40%;
}
}
@media (max-width:567px){
.finish-slider__prev{
left:10%;
}
.finish-slider__next{
right:10%;
}
}
.finish-btn:hover,.finish-btn:focus{
border:solid 1px #131842;
}
.finish__title{
margin-bottom:80px;
text-align:center;
font-size:40px;
font-weight:700;
line-height:48px;
}
.finish__title span{
text-align:center;
width:100%;
}
.finish .bank__title,.finish .bank__title-blur{
font-size:24px;
font-weight:600;
line-height:34px;
}
.finish .bank__purpose,.finish .bank__purpose-blur{
font-size:20px;
}
.finish .bank__text{
font-size:16px;
}
@media (max-width:1024px){
.finish{
padding:50px 0 100px 0;
}
.finish__title{
line-height:28px;
margin-bottom:40px;
}
.finish-slide__img{
min-height:250px;
height:100%
}
.finish .bank__title,.finish .bank__title-blur{
font-size:18px;
font-weight:600;
line-height:34px;
}
.finish .bank__purpose,.finish .bank__purpose-blur{
font-size:16px;
}
.finish .bank__text{
font-size:14px;
}
}
@media (max-width:768px){
.finish{
padding-top:80px;
}
.finish__title{
font-size:30px;
line-height:28px;
margin-bottom:40px;
}
.finish-slide__img{
min-height:100px;
height:100%
}
}
@media (max-width:567px){
.finish{
padding:30px 0 70px 0;
}
}
.finish-slide__img a{
position:relative;
top:50%;
transform:translateY(-50%);
}
.product__progressbar-from{
left:0;
}
.finish-slide__img{
overflow:hidden;
border-radius:13.5714px 13.5714px 0px 0px;
max-height:none;
position:relative;
height:100%
}
.finish-slide__img img{
width:100%;
max-height:200px;
object-fit:cover;
cursor:pointer;
}
.finish-slider .catalog__content-item{
width:100%;
height:100% !important;
margin:0;
}
.finish-slide{
padding:0 15px;
}
.finish-ava{
width:47px;
height:47px;
overflow:hidden;
object-fit:cover;
border-radius:50%;
margin-right:20px;
}
.finish-slide__img-text{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:#131842;
padding:16px 35px;
text-align:center;
background:#131842;
border-radius:15px;
font-weight:900;
font-size:20px;
line-height:120%;
}
.finish-slide__img-text__inner{
position:relative;
font-size:20px;
}
.finish-slide__img-text__blur{
text-align:center;
font-size:20px;
color:rgba(20,212,224,0.71);
font-weight:900;
line-height:24px;
filter:blur(5px);
position:absolute;
z-index:-1;
top:0;
left:0;
-webkit-line-clamp:2;
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
}
.footer{
padding-top:50px;
padding-bottom:50px;
background:#0d102c;
position:relative;
z-index:10;
}
.footer__menu{
display:flex;
justify-content:space-between;
align-items:center;
}
.footer__logo{
font-size:24px;
font-weight:700;
letter-spacing:3.3px;
margin-right:0;
}
.footer__logo img{
margin-right:5px;
}
.footer__list li{
display:inline-block;
margin-right:32px;
}
.footer__list a{
letter-spacing:0.5px;
font-weight:600;
}
.footer__icons{
display:flex;
column-gap:20px;
}
.footer__items{
margin-top:45px;
gap:70px;
display:flex;
align-items:center;
justify-content:flex-start;
}
.footer__item{
display:flex;
align-items:center;
gap:20px;
}
.footer__href{
margin-top:70px;
font-size:14px;
}
@media screen and (max-width:1150px){
.footer__list li{
margin-right:20px;
}
}
@media screen and (max-width:1100px){
.footer__menu{
display:block;
position:relative;
}
.footer__list{
margin-top:50px;
}
.footer__list li{
display:block;
margin-bottom:20px;
}
.footer__icons{
position:absolute;
top:10px;
right:0;
}
.footer__items{
display:block;
position:relative;
}
.footer__item{
margin-bottom:20px;
}
.footer__item:nth-child(1){
position:absolute;
bottom:-60px;
}
.footer__href{
margin-top:80px;
}
}
@media screen and (max-width:420px){
.footer__list li{
font-size:14px;
}
.footer__item{
font-size:12px;
}
}
header.index{
z-index:0;
}
.header{
width:100%;
display:flex;
height:100px;
top:0;
z-index:40;
left:0;
position:fixed;
transition:background 0.35s;
background:transparent;
}
.header.fixed{
background:#0d102c;
}
.header.top6{
top:0;
}
.header__search{
display:flex;
position:absolute;
left:1053px;
opacity:1;
transition:all 0.3s;
}
.header__search-show{
left:239px;
}
.header__search-show input{
width:500px;
opacity:1;
}
.header__input{
width:0;
opacity:0;
transition:all 0.3s;
background:none;
margin-left:0;
border:none;
font-size:16px;
font-weight:400;
color:#fff;
}
.header__input::placeholder{
color:#fff;
}
.header__input-show{
margin-left:20px;
width:500px;
}
.header .container{
display:flex;
align-items:center;
justify-content:space-between;
}
.header__logo{
font-size:24px;
font-weight:700;
letter-spacing:3.3px;
margin-right:73px;
}
.header__logo img{
margin-right:5px;
}
.header__list{
margin-right:65px;
opacity:1;
transition:all 0.3s;
position:absolute;
left:245px;
}
.header__list-hide{
opacity:0;
left:0;
}
.header__list li{
display:inline-block;
margin-right:32px;
}
.header__list li.active{
position:relative;
}
.header__list li.active::before{
content:"";
position:absolute;
width:100%;
height:4px;
background:#14d4e0;
border-radius:37px;
bottom:-8px;
}
.header__list li.active::after{
content:"";
position:absolute;
width:100%;
height:4px;
background:rgba(120,189,193,0.76);
filter:blur(12px);
border-radius:37px;
bottom:0;
left:0;
}
.header__list a{
letter-spacing:0.5px;
}
.header__icons{
display:flex;
align-items:center!important;
gap:1rem;
/*margin-top:7px;*/
}
@media (max-width:520px){
.header__icons{
gap:12px;
margin-top:15px;
}
.header__icons.header__icons-hide #profile,.header__icons.header__icons-hide #menuOpen{
opacity:0;
width:0;
}
}
@media (max-width:1100px){
.header__input-show{
max-width:500px;
width:100%;
}
.header__logo{
margin-right:10px;
}
}
.header__icons a{
display:flex;
}
.header__icons .header__icon-hide{
display:none;
}
.header__menu{
background:#131842;
height:100vh;
overflow-y:auto;
width:542px;
position:absolute;
z-index:20;
top:0;
right:-105%;
transition:right 0.3s;
padding:45px 31px;
}
.header__menu::-webkit-scrollbar{
display:none;
}
.header__menu-open{
right:0;
}
.header__menu-list{
margin-top:55px;
}
.header__menu-list li{
margin-bottom:40px;
}
.header__menu-list a{
font-size:20px;
font-weight:500;
line-height:24px;
letter-spacing:0.1px;
}
@media screen and (max-width:1280px){
.header__list{
left:200px;
}
}
@media screen and (max-width:1200px){
.header__menu-list.mobile{
display:block !important;
}
.header__list{
display:none !important;
}
.header__search{
left:930px;
}
.header__search-show{
left:239px;
}
.header__list li{
margin-right:20px;
}
}
@media screen and (max-width:1160px){
.header__search{
left:900px;
}
.header__search-show{
left:239px;
}
}
@media screen and (max-width:1130px){
.header__search{
left:870px;
}
.header__search-show{
left:239px;
}
}
@media screen and (max-width:1100px){
.header__search{
display:none;
}
.header__icons a.desk{
display:none;
}
.header__menu-list{
margin-top:30px;
}
.header__menu-list li{
margin-bottom:20px;
}
.header__menu-list li a{
font-size:16px;
line-height:20px;
}
.header__menu-list.mobile{
border-bottom:2px solid rgba(255,255,255,0.2);
}
}
@media screen and (max-width:900px){
.header__menu{
width:100vw;
right:-110vw;
}
.header__menu-open{
right:0;
}
}
.circles{
width:100vw;
position:relative;
}
.blur{
/*background:rgba(40,51,151,0.36);
backdrop-filter:blur(500px);*/
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:10;
}
.back{
background:rgba(0,0,0,0.37);
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
}
.circle_1{
width:901px;
height:450px;
background:#3fc1a2;
border-radius:50%;
position:absolute;
top:0;
left:calc(50% - 450px);
}
.circle_2{
width:300px;
height:421px;
background:#bf3fc1;
border-radius:50%;
position:absolute;
top:280px;
left:0;
}
.circle_3{
width:350px;
height:421px;
background:rgba(193,63,63,0.7);
border-radius:50%;
position:absolute;
top:267px;
right:0;
}
.circle_4{
width:901px;
height:901px;
background:rgba(231,141,7,0.25);
border-radius:50%;
position:absolute;
top:842px;
left:451px;
}
.circle_5{
width:900px;
height:900px;
background:rgba(78,191,103,0.31);
border-radius:50%;
position:absolute;
top:1617px;
left:0;
}
.circle_6{
width:894px;
height:894px;
background:rgba(81,63,193,0.35);
border-radius:50%;
position:absolute;
top:1598px;
right:0;
}
.circle_7{
width:900px;
height:900px;
background:rgba(0,240,255,0.22);
border-radius:50%;
position:absolute;
top:2440px;
left:451px;
}
.circle_8{
width:900px;
height:900px;
background:rgba(178,0,255,0.27);
border-radius:50%;
position:absolute;
top:3401px;
left:0;
}
.circle_9{
width:890px;
height:890px;
background:rgba(78,191,103,0.31);
border-radius:50%;
position:absolute;
top:3782px;
right:0;
}
.circle_10{
width:894px;
height:894px;
background:rgba(231,141,7,0.25);
border-radius:50%;
position:absolute;
top:4600px;
left:183px;
}
.circle_11{
width:900px;
height:900px;
background:rgba(158,255,0,0.21);
border-radius:50%;
position:absolute;
top:5082px;
right:0;
}
.circle_12{
width:894px;
height:894px;
background:rgba(120,189,193,0.2);
border-radius:50%;
position:absolute;
top:5430px;
right:0;
}
.circle_13{
width:900px;
height:900px;
background:rgba(0,240,255,0.21);
border-radius:50%;
position:absolute;
top:5777px;
left:0;
}
.circle_14{
width:900px;
height:900px;
background:rgba(193,63,63,0.32);
border-radius:50%;
position:absolute;
top:6296px;
right:37px;
}
.circle_15{
width:894px;
height:894px;
background:rgba(231,141,7,0.25);
border-radius:50%;
position:absolute;
top:7489px;
left:183px;
}
.circle_16{
width:1051px;
height:1051px;
background:rgba(255,0,199,0.49);
border-radius:50%;
position:absolute;
top:-351px;
left:0;
}
.circle_17{
width:1286px;
height:1010px;
background:rgba(193,63,63,0.6);
border-radius:50%;
position:absolute;
top:595px;
right:0;
display:none;
}
.circle_18{
width:1321px;
height:1321px;
background:rgba(178,36,239,0.38);
border-radius:50%;
position:absolute;
top:1421px;
left:0;
display:none;
}
.circle_19{
width:1356px;
height:1356px;
background:rgba(255,138,0,0.35);
border-radius:50%;
position:absolute;
top:2064px;
right:0;
display:none;
}
.circle_20{
width:901px;
height:901px;
background:rgba(178,0,255,0.27);
border-radius:50%;
position:absolute;
top:3401px;
left:0;
display:none;
}
.comments{
margin-bottom:50px;
}
.comments__info{
font-weight:600;
font-size:24px;
line-height:29px;
position:relative;
letter-spacing:0.2px;
left:12px;
}
.comments__info span{
position:absolute;
top:0;
left:0;
color:#fff;
filter:blur(8px);
}
.comments__info::before{
position:absolute;
content:"";
width:4px;
left:-15px;
top:0;
bottom:0;
background:#00f0ff;
border-radius:37px;
}
.comments__info::after{
position:absolute;
content:"";
width:4px;
left:-15px;
top:0;
bottom:0;
background:rgba(98,162,166,0.98);
filter:blur(12px);
border-radius:37px;
}
.comments__form{
margin-top:78px;
}
.comments__form textarea{
width:100%;
background:none;
border-radius:10px;
border:2px solid rgba(255,255,255,0.2);
font-weight:400;
font-size:16px;
line-height:18px;
color:#fff;
padding:20px 12px;
height:306px;
}
.comments__form textarea::placeholder{
font-family:"Gilroy",sans-serif;
color:#fff;
font-weight:400;
font-size:16px;
line-height:18px;
}
.comments__form label{
font-size:16px;
font-weight:500;
line-height:23px;
display:block;
margin-bottom:15px;
}
.comments__send{
margin-top:16px;
}
.comments__btn{
width:178px;
height:70px;
text-align:center;
padding-top:25px;
font-weight:700;
}
.comments__btn::before{
content:none;
}
.comments__btn:hover::before{
content:none;
}
.comments__agree label{
display:inline-flex;
align-items:center;
user-select:none;
position:relative;
cursor:pointer;
font-weight:400;
}
.comments__agree label::before{
content:"";
display:inline-block;
width:30px;
height:30px;
flex-shrink:0;
flex-grow:0;
border:2px solid rgba(255,255,255,0.2);
border-radius:50%;
left:-60px;
top:5px;
position:absolute;
}
.comments__checkbox{
opacity:0;
position:absolute;
z-index:-1;
}
.comments__checkbox:checked+label::after{
content:"";
position:absolute;
width:14px;
height:14px;
border-radius:50%;
background:#00f0ff;
left:-50px;
top:15px;
}
.comments__items{
border-top:2px solid rgba(255,255,255,0.2);
padding-top:138px;
}
.comments__item{
align-items:flex-start;
margin-bottom:62px;
}
.comments__item:last-child{
margin-bottom:0;
}
.comments__title{
font-size:24px;
line-height:38.4px;
font-weight:600;
}
.comment__photo{
width:50px;
position:relative;
top:-12px;
}
.comment__info{
width:1110px;
}
.comment__name{
font-weight:600;
font-size:22px;
line-height:28px;
position:relative;
}
.comment__name span{
position:absolute;
top:0;
left:0;
color:rgba(255,255,255,0.7);
filter:blur(3px);
}
.comment__text{
margin-top:20px;
line-height:26px;
letter-spacing:0.06px;
}
.comment__score{
margin-top:9px;
display:flex;
align-items:center;
}
.comment__score span{
font-weight:700;
font-size:16px;
line-height:29px;
margin-left:5px;
}
.comment__like,.comment__dislike{
display:flex;
align-items:center;
cursor:pointer;
}
.comment__dislike{
margin-left:20px;
}
@media screen and (max-width:1200px){
.comments__item{
gap:15px;
}
.comment__info{
width:calc(100% - 55px);
}
}
@media screen and (max-width:900px){
.comments__items{
border-top:none;
}
.comments__send{
flex-direction:column;
align-items:flex-start;
gap:20px;
}
.comments__agree label::before{
left:0;
bottom:-55px;
top:auto;
}
.comments__checkbox:checked+label::after{
left:10px;
top:auto;
bottom:-45px;
}
}
@media screen and (max-width:600px){
.comments__btn{
width:100%;
height:50px;
padding-top:-15px;
}
.comments__items{
padding-top:100px;
}
.comments__title{
font-size:16px;
line-height:19px;
font-weight:600;
}
}
@media screen and (max-width:420px){
.comments{
margin-bottom:80px;
}
.comments__info{
font-size:16px;
line-height:19px;
}
.comments__form{
margin-top:20px;
}
.comments__form label{
font-size:12px;
line-height:14px;
}
.comments__form textarea{
font-size:12px;
line-height:19px;
}
.comments__btn{
font-size:14px;
}
.comments__agree::before{
width:25px;
height:25px;
}
.comments__item{
margin-bottom:50px;
}
.comment__name{
font-size:16px;
line-height:20.5px;
}
.comment__text{
font-size:12px;
line-height:19.2px;
margin-top:15px;
}
.comment__scope span{
font-size:14px;
line-height:25.3px;
}
}
.__select{
position:relative;
transition:all 0.3s ease-out;
}
.__select[data-state="active"]{
background:#0d102c;
border-radius:5px 5px 0 0;
}
.__select[data-state="active"] .__select__title::before{
transform:translate(0px,-50%) rotate(45deg);
}
.__select[data-state="active"] .__select__title::after{
transform:translate(-3px,-50%) rotate(-45deg);
}
.__select[data-state="active"] .__select__content{
opacity:1;
}
.__select[data-state="active"] .__select__label+.__select__input+.__select__label{
max-height:40px;
border-top-width:1px;
}
.__select__title{
display:flex;
align-items:center;
width:100%;
height:100%;
padding:11px 32px 11px 16px;
border-radius:5px;
cursor:pointer;
}
.__select__title::before,.__select__title::after{
content:"";
position:absolute;
top:50%;
right:15px;
display:block;
width:5px;
height:1px;
transition:all 0.3s ease-out;
background-color:#fff;
transform:translate(-3px,-50%) rotate(45deg);
}
.__select__title::after{
transform:translate(0px,-50%) rotate(-45deg);
}
.__select__content{
position:absolute;
top:40px;
left:0;
display:flex;
flex-direction:column;
width:280px;
background-color:#0d102c;
border-top:none;
border-radius:0 5px 5px 5px;
transition:all 0.3s ease-out;
opacity:0;
z-index:8;
}
.__select__input{
display:none;
}
.__select__input:checked+label{
font-weight:700;
}
.__select__input:disabled+label{
opacity:0.6;
pointer-events:none;
}
.__select__label{
display:flex;
align-items:center;
width:100%;
height:40px;
max-height:0;
padding:0 16px;
transition:all 0.2s ease-out;
cursor:pointer;
overflow:hidden;
}
.__select__label:hover{
font-weight:700;
}
.slider__wrape{
position:absolute;
top:30px;
height:0;
width:364px;
overflow:hidden;
background:#0d102c;
transition-property:background,height;
transition:0.3s ease-out;
border-radius:0 5px 5px 5px;
padding:0 30px 0 27px;
}
.slider__wrape.active{
height:78px;
padding:44px 30px 44px 27px;
}
#slider-range,#slider-range-mobile{
border:none;
background:#fff;
height:4px;
}
#slider-range .noUi-connect,#slider-range-mobile .noUi-connect{
background:#fff;
}
#slider-range .noUi-handle-lower,#slider-range-mobile .noUi-handle-lower,#slider-range .noUi-handle-upper,#slider-range-mobile .noUi-handle-upper{
background:#00f0ff;
width:16px;
height:16px;
border-radius:50%;
border:none;
display:inline-block;
cursor:pointer;
box-shadow:none;
}
#slider-range .noUi-handle-lower::before,#slider-range-mobile .noUi-handle-lower::before,#slider-range .noUi-handle-upper::before,#slider-range-mobile .noUi-handle-upper::before,#slider-range .noUi-handle-lower::after,#slider-range-mobile .noUi-handle-lower::after,#slider-range .noUi-handle-upper::after,#slider-range-mobile .noUi-handle-upper::after{
content:none;
}
#slider-range .noUi-tooltip,#slider-range-mobile .noUi-tooltip{
width:auto;
font-size:14px;
font-weight:600;
color:#fff;
font-family:"Gilroy",sans-serif;
background:none;
border:none;
}
#slider-range span:nth-child(3) span,#slider-range-mobile span:nth-child(3) span{
left:-8px;
}
.ui-slider-range.ui-corner-all.ui-widget-header{
height:4px !important;
background:#fff !important;
}
.control-label{
position:relative;
padding:11px 32px 11px 16px;
cursor:pointer;
border-radius:5px 5px 0 0;
transition:all 0.3s ease-out;
}
.control-label::before,.control-label::after{
content:"";
position:absolute;
top:50%;
right:13px;
display:block;
width:5px;
height:1px;
transition:all 0.3s ease-out;
background-color:#fff;
transform:translate(-3px,-50%) rotate(45deg);
}
.control-label::after{
transform:translate(0px,-50%) rotate(-45deg);
}
.control-label.active{
background:#0d102c;
}
.control-label.active::before{
transform:translate(0px,-50%) rotate(45deg);
}
.control-label.active::after{
transform:translate(-3px,-50%) rotate(-45deg);
}
.ui-state-focus,.ui-state-active{
border:none;
outline:none;
}
.filter__cancel{
cursor:pointer;
}
.form label,.form input[type="text"],.form input[type="password"]{
display:block;
font-size:14px;
line-height:16.2px;
font-weight:400;
}
.form input[type="text"],.form input[type="password"],.form textarea,.form input[type="date"]{
border:2px solid rgba(255,255,255,0.2);
box-sizing:border-box;
border-radius:10px;
background:none;
height:44px;
width:100%;
margin-top:10px;
margin-bottom:30px;
color:#fff;
padding:9px 15px;
}
.form input[type="text"]::placeholder,.form input[type="password"]::placeholder,.form textarea::placeholder{
font-family:"Gilroy",sans-serif;
color:#c4c4c4;
font-weight:400;
font-size:14px;
line-height:16.2px;
}
.form textarea{
height:170px;
}
.form__agree label{
display:inline-flex;
align-items:center;
user-select:none;
position:relative;
cursor:pointer;
font-weight:400;
margin-left:49px;
margin-top:9px;
}
@media screen and (max-width:600px){
.form__agree label{
display:inline-block;
}
.form__agree label a{
padding-left:0!important;
}
}
.form__agree label::before{
content:"";
display:inline-block;
width:30px;
height:30px;
flex-shrink:0;
flex-grow:0;
border:2px solid rgba(255,255,255,0.2);
border-radius:50%;
left:-50px;
top:-9px;
position:absolute;
}
.form-file-area{
position:relative;
display:block;
min-height:80px;
width:100%;
border-radius:5px;
appearance:none;
cursor:pointer;
background-position:center;
background-repeat:no-repeat;
background-image:url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 5V19M5.5 12H19.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.form-file-area svg{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
border-radius:5px;
}
.form-file-area path{
fill:none;
stroke:white;
stroke-width:2;
stroke-dasharray:15,15;
}
.form__checkbox{
opacity:0;
position:absolute;
z-index:-1;
}
.form__checkbox:checked+label::after{
content:"";
position:absolute;
width:14px;
height:14px;
border-radius:50%;
background:#00f0ff;
left:-40px;
top:1px;
}
.form__btns{
margin-top:57px;
}
.form__btn{
padding:25px 45px;
margin-right:10px;
min-width:180px;
text-align:center;
}
.form__btn::before{
content:none;
}
.form__btn:hover::before{
content:none;
}
.form__forget{
font-size:16px;
line-height:20.5px;
font-weight:400;
margin-top:30px;
display:block;
}
.input-red{
border-color:#db0a23 !important;
}
.label-red{
color:#db0a23;
}
@media screen and (max-width:900px){
.form__btn{
width:auto;
}
}
@media screen and (max-width:600px){
.form__btn{
width:100%;
margin-right:0;
padding:19px 45px;
margin-bottom:10px;
}
.form__btn-empty{
background:#0d102c;
background-clip:padding-box;
border:solid 2px transparent;
border-left:0;
border-right:0;
}
.form__btn-empty::before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:-1;
margin:-2px;
background:none;
border-radius:inherit;
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
filter:none;
height:auto;
width:auto;
}
.form__forget{
font-size:14px;
line-height:17.9px;
text-align:right;
}
.form__agree{
font-size:14px;
}
}
.popup__wrape,.popup__wrape_1,.popup__wrape_1_auto{
display:none;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:100;
background:rgba(0,0,0,0.4);
}
.abuse_modal{
display:none;
position:absolute;
z-index:9999;
background-color:rgba(26,24,52,0.9);
right:0;
bottom:0;
left:0;
padding:20px;
}
.popup__modal{
width:780px;
background-color:#0d102c;
margin:0 auto;
margin-top:15vh;
padding:32px 40px;
}
.popup__title{
font-size:40px;
font-weight:700;
line-height:54px;
max-width:330px;
margin-bottom:71px;
}
.popup__input{
border-bottom:1px solid #fff;
background:none;
width:100%;
color:#fff;
font-weight:700;
font-size:20px;
font-family:"Gilroy",sans-serif;
line-height:25px;
padding-bottom:8px;
letter-spacing:0.1px;
}
.popup__input:placeholder{
letter-spacing:0.1px;
font-size:20px;
font-weight:700;
color:#fff;
}
.popup__btn{
margin-top:72px;
height:70px;
width:230px;
text-align:center;
padding-top:24px;
}
.popup__btn::before{
content:none;
}
.popup__close{
position:absolute;
width:22px;
height:22px;
right:49px;
top:38px;
cursor:pointer;
}
.popup__content{
display:block;
margin:0 auto;
}
.sidebar__list{
margin-top:50px;
padding-bottom:50px;
}
.sidebar__list img{
position:relative;
top:-1px;
left:5px;
}
.sidebar a{
font-weight:500;
font-size:16px;
line-height:18.8px;
margin-bottom:40px;
display:block;
/*white-space:nowrap;*/
}
.sidebar__active{
position:relative;
padding-left:35px;
}
.sidebar__active::before{
content:"";
position:absolute;
height:4px;
width:25px;
left:0;
top:7px;
background:#14d4e0;
border-radius:37px;
}
.sidebar__active::after{
content:"";
position:absolute;
height:4px;
width:25px;
left:0;
top:7px;
background:rgba(120,189,193,0.76);
filter:blur(12px);
border-radius:37px;
}
.sidebar__open{
font-size:14px;
font-weight:500;
line-height:16.7px;
margin-top:30px;
}
.sidebar__hide{
background:#0d102c;
border-radius:5px;
position:absolute;
top:40px;
left:-3px;
max-height:0;
height:auto;
transition:max-height 0.3s;
overflow:hidden;
z-index:10;
}
.sidebar__hide li{
margin:20px 15px;
}
.sidebar__hide li:last-child a{
margin-bottom:0;
}
.banks__open{
position:relative;
font-size:15px;
}
.banks__open img{
transition:transform 0.3s;
}
.banks__open-active .sidebar__hide{
max-height:600px;
}
.banks__open-active img{
transform:rotate(180deg);
}
@media screen and (max-width:1100px){
.sidebar{
background:#131842;
width:542px;
position:fixed;
z-index:20;
top:0;
left:-552px;
transition:left 0.3s;
padding:45px 31px;
}
.sidebar-open{
left:0;
}
.sidebar__open-pos{
position:relative;
/*top:30px;*/
}
.sidebar__close{
margin-bottom:40px;
}
}
@media screen and (max-width:900px){
.sidebar{
width:100vw;
left:-100vw;
}
.sidebar-open{
left:0;
}
}
@media screen and (max-width:600px){
.sidebar__active{
padding-left:0;
}
.sidebar__active::before,.sidebar__active::after{
content:none;
}
.sidebar a{
margin-bottom:25px;
}
.sidebar__list{
margin-top:20px;
}
}
.table{
display:block;
overflow-x:auto;
}
.table table{
border-collapse:collapse;
margin-top:30px;
}
.table td,.table th{
padding:20px 20px;
font-weight:500;
font-size:14px;
text-align:center;
}
.table a{
text-decoration:underline;
}
.table__margin{
margin-top:-30px;
}
.about{
/*padding-top:15px;*/
}
.about__title-text{
margin-top:31px;
max-width:450px;
}
.about__text{
font-weight:400;
font-size:16px;
line-height:29px;
letter-spacing:0.1px;
}
.about__description{
margin-top:50px;
align-items:flex-start;
justify-content:flex-start;
gap:71px;
}
.about__description-subtitle{
margin-top:30px;
position:relative;
left:19px;
max-width:400px;
}
.about__description-subtitle::before{
position:absolute;
content:"";
width:4px;
left:-20px;
top:2px;
bottom:0;
background:#00f0ff;
border-radius:37px;
}
.about__description-subtitle::after{
position:absolute;
content:"";
width:4px;
left:-20px;
top:2px;
bottom:0;
background:rgba(98,162,166,0.98);
filter:blur(12px);
border-radius:37px;
}
.about__description-text{
max-width:440px;
margin-top:34px;
line-height:34px;
letter-spacing:0.05px;
}
.about__reason{
margin-top:154px;
}
.about__start{
margin-top:70px;
background-color:#0d102c;
position:relative;
z-index:10;
padding-top:72px;
}
.about__mobile{
display:none;
}
@media screen and (max-width:1200px){
.about__reason{
margin-top:100px;
}
}
@media screen and (max-width:900px){
.about{
/*padding-top:140px;*/
}
.about__description{
flex-direction:column;
}
.about__description-subtitle,.about__description-text{
max-width:none;
}
.about__desk{
margin:0 auto;
}
}
@media screen and (max-width:800px){
.about__start{
background:none;
}
}
@media screen and (max-width:600px){
.about{
/*padding-top:105px;*/
}
}
@media screen and (max-width:500px){
.about__desk{
display:none;
}
.about__mobile{
display:block;
margin:0 auto;
}
.about__description{
margin-top:40px;
gap:30px;
}
}
@media screen and (max-width:420px){
.about__title-text{
font-size:12px;
line-height:19.2px;
margin-top:20px;
}
.about__description-subtitle{
font-size:12px;
line-height:19.2px;
}
.about__description-text{
font-size:14px;
line-height:25px;
}
.about__reason{
margin-top:50px;
}
.about__start{
margin-top:0;
}
}
.account{
padding-top:165px;
}
.account__container{
display:flex;
justify-content:flex-start;
align-items:flex-start;
min-height:calc(100vh - 186px);
gap:115px;
}
.account__sidebar{
max-width:185px;
}
.account__content{
width:100%;
}
.account__content-center{
text-align:center;
margin-bottom:290px;
margin-top:240px;
}
.account__subtitle{
font-size:24px;
line-height:38.4px;
font-weight:500;
text-align:center;
margin-bottom:50px;
}
.account__subtitle .bold{
font-weight:700;
}
.account__btn::before{
content:none;
}
.account__btn:hover::before{
content:none;
}
.account__title{
font-size:24px;
font-weight:600;
line-height:38.4px;
}
.account__banks{
flex-wrap:wrap;
justify-content:flex-start;
gap:20px;
margin-top:50px;
}
.account__banks .bank__item{
height:535px;
}
.account__banks .green{
color:#1ceb4a;
}
.account__banks .red{
color:#de1d34;
}
.account__banks .blue{
color:#00f0ff;
}
.account__pre{
font-size:16px;
font-weight:400;
line-height:25.6px;
margin-top:30px;
position:relative;
left:24px;
margin-bottom:50px;
max-width:350px;
}
.account__pre-big{
max-width:450px;
}
.account__pre::before{
content:"";
position:absolute;
width:4px;
height:100%;
background:#00f0ff;
left:-24px;
border-radius:37px;
}
.account__pre::after{
content:"";
position:absolute;
width:4px;
height:100%;
background:rgba(78,189,197,0.89);
filter:blur(12px);
border-radius:37px;
top:0;
left:-24px;
}
.account .comment__info{
width:810px;
}
.account .comments__items{
border-top:none;
padding-top:0;
}
.account .comments__item{
margin-top:50px;
margin-bottom:50px;
}
.account__agree{
padding:11px 20px 20px;
}
.account__pagination{
margin-top:30px;
padding:0 22px;
}
.account__pagination ul{
position:relative;
display:inline-block;
}
.account__pagination-before,.account__pagination-after{
content:"";
position:absolute;
background:url("/dist/images/icons/arrow.svg") no-repeat;
background-size:contain;
width:8px;
height:9px;
left:-23px;
top:5px;
cursor:pointer;
}
.account__pagination-after{
right:-13px;
left:auto;
top:5px;
transform:rotate(180deg);
}
.account__pagination li{
display:inline-block;
font-size:14px;
line-height:16.5px;
font-weight:500;
margin-right:6px;
}
@media screen and (max-width:1100px){
.account__container{
flex-direction:column;
justify-content:flex-start;
gap:0;
}
.account__content{
margin-top:20px;
}
.account__content-center{
margin-top:130px;
}
.account__sidebar{
max-width:none;
}
.account__banks{
justify-content:space-between;
margin-top:20px;
}
.account__title-pos{
position:relative;
top:-100px;
}
.account__pre{
margin-top:0;
margin-bottom:30px;
}
.account__btn{
display:inline-block;
}
.account .comment__info{
width:calc(100% - 55px);
}
}
@media screen and (max-width:980px){
.account__banks{
justify-content:flex-start;
}
}
@media screen and (max-width:600px){
.account{
padding-top:125px;
min-height:calc(100vh - 580px);
}
.account__subtitle{
font-size:15px;
line-height:24px;
margin-bottom:40px;
}
.account__pre{
font-size:12px;
line-height:19.2px;
}
.account__pre-big{
max-width:300px;
}
.account__flex{
flex-direction:column;
align-items:flex-start;
}
}
@media screen and (max-width:420px){
.account__banks .bank__item{
height:415px;
}
}
@media screen and (max-width:400px){
.account__pre-big{
max-width:250px;
}
}
@media screen and (max-width:350px){
.account__banks .bank__item{
height:395px;
}
}
.catalog{
padding-top:165px;
position:relative;
z-index:10;
}
.catalog__carousel{
margin-top:60px;
}
.catalog__item{
position:relative;
display:block;
cursor:pointer;
}
.product__ava{
overflow:hidden;
width:70px;
height:70px;
border-radius:50px;
cursor:pointer;
}
.product__ava img{
object-fit:cover;
}
.catalog__item-img{
position:relative;
}
.catalog__item-img::after{
position:absolute;
content:"";
background:linear-gradient(180deg,rgba(0,0,0,0.04) 0%,#000 159.37%);
border-radius:9.21875px;
top:0;
right:0;
bottom:4px;
left:0;
}
.product .slick-list{
overflow:hidden;
}
.product .slick-track{
display:flex;
}
.successfull{
background:#0D102C;
color:#fff;
text-align:right;
border-radius:20px 0 20px 20px;
font-family:sans-serif;
position:fixed;
line-height:1.3;
box-shadow:0 0 10px #B224EF;
opacity:0;
top:128px;
right:33px;
visibility:hidden;
pointer-events:none;
transition:.2s;
z-index:999;
}
.successfull.active{
opacity:1;
visibility:visible;
pointer-events:auto;
}
.successfull-close{
position:absolute;
}
.mark{
font-weight:bold;
}
@media (min-width:600px){
.successfull{
max-width:400px;
padding:25px;
font-size:25px;
}
.successfull-close{
top:5px;
right:5px;
}
}
@media (max-width:600px){
.successfull{
font-size:19px;
border-radius:0 0 0 0;
padding:20px 10px 10px 10px;
top:110px;
left:50%;
transform:translateX(-50%);
width:90%;
}
.successfull-close{
top:5px;
right:5px;
}
.successfull-close svg{
width:15px;
height:15px;
}
}
.product__img{
height:100%;
min-width:100%;
object-fit:cover;
}
.product__slide .product__img{
width:90px;
height:90px;
}
.catalog__subtitle{
font-size:20px;
font-weight:600;
line-height:24px;
position:absolute;
bottom:16px;
left:16px;
letter-spacing:0.1px;
}
.catalog__filter{
font-size:16px;
font-weight:500;
line-height:19px;
margin-top:54px;
letter-spacing:0.1px;
justify-content:start;
}
.catalog__selects{
display:flex;
align-items:center;
}
.catalog__select{
margin-right:4px;
}
.catalog__content{
flex-wrap:wrap;
margin-top:56px;
gap:20px;
}
.catalog__content-item{
width:280px;
margin-bottom:82px;
}
.catalog__pagination{
padding:0 22px;
}
.catalog__pagination ul{
position:relative;
display:inline-block;
}
.catalog__pagination-before,.catalog__pagination-after{
content:"";
position:absolute;
background:url("/dist/images/icons/arrow.svg") no-repeat;
background-size:contain;
width:8px;
height:13px;
left:-23px;
top:5px;
cursor:pointer;
}
.catalog__pagination-after{
right:-13px;
left:auto;
top:4px;
transform:rotate(180deg);
}
.catalog__pagination li{
display:inline-block;
font-size:18px;
line-height:21px;
font-weight:500;
margin-right:6px;
}
.catalog__footer{
margin-top:50px;
}
.catalog__range{
position:relative;
}
.catalog__mobile{
display:none;
}
@media screen and (max-width:1400px){
.catalog__carousel{
width:1000px;
margin:60px auto 0;
}
}
@media screen and (max-width:1200px){
.catalog__carousel{
width:800px;
}
.catalog__content-item{
margin-bottom:30px;
}
}
@media screen and (max-width:1100px){
.catalog__content{
justify-content:center;
}
.catalog__content-item{
height:505px;
}
}
@media screen and (max-width:1000px){
.catalog__carousel{
width:700px;
}
}
@media screen and (max-width:900px){
.catalog__carousel{
display:none !important;
}
.catalog__mobile{
/*display:block;*/
}
.catalog__desk{
display:none;
}
.catalog__filter-menu{
position:absolute;
top:0;
bottom:0;
width:0;
height:960px;
right:-62px;
transition:all 0.3s;
background:#131842;
z-index:100;
padding:45px 31px;
overflow:hidden;
}
.catalog__filter-menu-show{
width:100vw;
right:0;
}
.catalog__filter-list{
font-size:16px;
line-height:19px;
font-weight:500;
border-bottom:2px solid rgba(255,255,255,0.2);
}
.catalog__filter-list li{
margin-bottom:20px;
}
.catalog__filter-title{
font-size:18px;
font-weight:700;
line-height:22px;
margin-top:30px;
margin-bottom:50px;
}
.catalog__filter-active{
position:relative;
left:30px;
}
.catalog__filter-active::before{
position:absolute;
content:"";
width:20px;
height:4px;
background:#00f0ff;
left:-30px;
top:8px;
}
.catalog__filter-active::after{
position:absolute;
content:"";
width:20px;
height:4px;
background:rgba(120,189,193,0.76);
filter:blur(12px);
left:-30px;
top:8px;
}
.catalog__pagination{
text-align:center;
}
#slider-range{
margin-top:45px;
}
}
@media screen and (max-width:700px){
.catalog{
padding-top:165px;
}
.catalog__content-item{
/*width:calc(50% - 10px);*/
width:calc(100% - 10px);
height:475px;
}
.catalog__content{
margin-top:30px;
}
.catalog__filter{
margin-top:30px;
}
}
@media screen and (max-width:555px){
.catalog__content-item{
height:455px;
}
.catalog .bank__item{
justify-content:flex-start;
}
}
@media screen and (max-width:420px){
.catalog__content-item{
height:375px;
}
}
.contact{
padding-top:165px;
}
.contact__info{
margin-top:50px;
gap:75px;
}
.contact__map{
width:780px;
height:370px;
justify-content:flex-start;
}
.contact__map-btn{
position:absolute;
background:#0d102c;
width:318px;
height:70px;
border-radius:10px;
text-align:center;
font-size:16px;
display:flex;
align-items:center;
justify-content:center;
letter-spacing:0.15px;
top:calc(50% - 35px);
left:calc(50% - 159px);
}
.contact__items{
max-width:200px;
margin-top:-4px;
}
.contact__item{
display:flex;
align-items:center;
justify-content:flex-start;
margin-bottom:34px;
gap:6px;
}
.contact__item a{
letter-spacing:0.4px;
}
.contact__item:nth-child(3){
font-size:14px;
}
.contact__questions{
position:relative;
font-size:16px;
line-height:25.6px;
font-weight:500;
color:#dedede;
max-width:350px;
margin-top:72px;
padding-left:23px;
letter-spacing:0.15px;
}
.contact__questions::before{
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
width:4px;
background:#00f0ff;
border-radius:37px;
}
.contact__questions::after{
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
width:4px;
background:rgba(78,189,197,0.89);
filter:blur(12px);
border-radius:37px;
}
.contact__form{
margin-top:70px;
width:780px;
}
.contact__btn::before{
content:none;
}
.contact__btn:hover::before{
content:none;
}
.contact__agree label{
display:inline-flex;
align-items:center;
user-select:none;
position:relative;
cursor:pointer;
font-weight:400;
}
.contact__agree label::before{
content:"";
display:inline-block;
width:30px;
height:30px;
flex-shrink:0;
flex-grow:0;
border:2px solid rgba(255,255,255,0.2);
border-radius:50%;
left:-60px;
position:absolute;
}
.contact__checkbox{
opacity:0;
position:absolute;
z-index:-1;
}
.contact__checkbox:checked+label::after{
content:"";
position:absolute;
width:14px;
height:14px;
border-radius:50%;
background:#00f0ff;
left:-50px;
/*top:10px;*/
top:1px;
}
.contact__list{
margin:100px 0;
}
.contact__list li{
display:flex;
width:780px;
justify-content:space-between;
line-height:34px;
}
.contact__list li div:nth-child(2){
flex:1 0;
position:relative;
}
.contact__list li div:nth-child(2)::after{
content:".................................................................................................................................................................................";
position:absolute;
bottom:0;
left:0;
right:0;
overflow-x:hidden;
letter-spacing:2px;
opacity:0.3;
}
#map{
width:780px;
height:370px;
border-radius:10px;
}
.map{
position:relative;
}
@media screen and (max-width:1100px){
.contact__info{
flex-direction:column;
}
.contact__items{
width:auto;
max-width:100%;
}
.contact__item{
margin-bottom:25px;
}
.contact__questions{
max-width:100%;
margin-top:50px;
}
.contact__form{
margin-top:50px;
}
}
@media screen and (max-width:900px){
#map,.map{
width:100%;
}
.contact__send{
flex-direction:column-reverse;
align-items:flex-start;
}
.contact__agree{
margin-bottom:60px;
}
.contact__agree label::before{
left:0;
top:45px;
}
.contact__checkbox:checked+label::after{
left:10px;
top:54px;
}
.contact__form{
width:100%;
}
.contact__btn{
width:178px;
height:70px;
text-align:center;
padding-top:25px;
font-weight:700;
}
.contact__list li{
width:100%;
font-size:14px;
}
}
@media screen and (max-width:700px){
.contact__list li{
display:block;
}
}
@media screen and (max-width:600px){
#map{
height:170px;
}
.contact{
padding-top:110px;
}
.contact__info{
gap:30px;
}
.contact__questions{
margin-top:25px;
font-size:14px;
}
.contact__btn{
width:100%;
height:50px;
padding:15px 0;
font-size:14px;
}
.contact__map-btn{
width:215px;
height:50px;
font-size:14px;
top:calc(50% - 25px);
left:calc(50% - 114px);
}
.contact__item{
font-size:12px;
}
.contact__form label{
font-size:12px;
}
.contact__form input::placeholder{
font-size:12px;
}
}
@media screen and (max-width:375px){
.contact__agree label::before{
top:75px;
}
.contact__checkbox:checked+label::after{
top:84px;
}
}
.deposit__form{
width:680px;
}
.deposit__title{
font-size:20px;
font-weight:600;
line-height:23.8px;
margin-bottom:30px;
}
.deposit__btn{
margin-top:20px;
}
.deposit__btn:hover::before,.deposit__btn::before{
content:none;
}
.deposit__text{
font-size:14px;
font-weight:400;
line-height:22.4px;
width:380px;
margin-top:30px;
margin-bottom:100px;
}
.deposit__name{
position:relative;
}
.deposit__name-hide{
position:absolute;
background:#0d102c;
top:80px;
border-radius:5px;
width:174px;
z-index:9;
height:70px;
padding:15px 20px;
display:none;
}
.deposit__name-hide::before{
content:"";
position:absolute;
width:0;
height:0;
border-left:18px solid transparent;
border-right:18px solid transparent;
border-bottom:18px solid #0d102c;
top:-13px;
}
@media screen and (max-width:1100px){
.deposit__pre{
margin-top:30px;
}
}
@media screen and (max-width:900px){
.deposit__btn{
width:auto;
}
.deposit__form{
width:480px;
}
}
@media screen and (max-width:600px){
.deposit__title{
font-size:14px;
line-height:16.7px;
margin-bottom:20px;
}
.deposit__form{
width:100%;
}
.deposit__form input{
margin-bottom:10px;
}
}
@media screen and (max-width:400px){
.deposit__btn{
width:100%;
}
.deposit__text{
width:100%;
}
}
.gift{
margin-top:100px;
}
.gift__mobile{
display:none;
}
.feedback{
margin-top:95px;
}
.feedback__items{
margin-top:80px;
}
.feedback__item{
position:relative;
cursor:pointer;
}
.feedback__item::after{
content:"";
position:absolute;
background:url("/dist/images/icons/play.svg");
width:93px;
height:93px;
left:calc(50% - 46px);
top:calc(50% - 48px);
}
.feedback__item:nth-child(2)::before{
content:"";
position:absolute;
background:url("/dist/images/icons/coin.svg");
background-repeat:no-repeat;
width:90px;
height:90px;
bottom:183px;
right:-2px;
}
.dream{
margin-top:120px;
}
.dream__coin{
margin-bottom:30px;
margin-left:-8px;
}
.dream h3{
max-width:300px;
}
.dream__items{
margin-top:60px;
}
.dream__item{
max-width:480px;
}
.dream__content{
font-size:16px;
line-height:34px;
margin-top:21px;
letter-spacing:0.2px;
color:#dedede;
}
@media (min-width:800px){
.dream__items-small .dream__item{
width:25%;
margin-right:20px;
}
.dream__items-small .dream__item:last-child{
margin-right:0;
}
.dream__items-small .dream__content{
font-size:16px;
font-weight:500;
line-height:22px;
}
}
.dream__btn{
margin-top:40px;
}
.info{
position:relative;
margin-top:60px;
background:url("/dist/images/index/info.png");
background-repeat:no-repeat;
background-size:cover;
z-index:10;
padding:30px 0;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
}
.info__top,.info__bottom{
background:#fff;
width:100%;
height:2px;
position:relative;
}
.info::before,.info::after{
content:"";
position:absolute;
width:100%;
height:4px;
background-color:#00e0ff;
filter:blur(2px)
}
.info::before{
top:-2px;
}
.info::after{
bottom:-2px;
}
.about info__content{
margin-top:100px;
margin-bottom:100px;
}
.about .info__items{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
}
.about .info__item{
width:41%;
margin-bottom:90px;
}
.about .info__item:nth-child(3),.about .info__item:nth-child(4){
margin-bottom:0;
}
.about .info__item:nth-child(1) .info__num::after{
content:"27307";
}
.about .info__item:nth-child(2) .info__num::after{
content:"41866";
}
.about .info__item:nth-child(3) .info__num::after{
content:"530k в‚Ѕ";
}
.info__item:nth-child(4) .info__num::after{
content:"487";
}
.info__num{
font-weight:900;
font-size:70px;
color:#fff;
letter-spacing:0.6px;
line-height:85px;
position:relative;
}
.info__num::after{
position:absolute;
content:"";
width:100%;
height:100px;
top:0;
left:0;
color:rgba(255,255,255,0.58);
filter:blur(12px);
}
.info__img{
position:relative;
}
.info__img img{
display:block;
border-radius:10px;
}
.info__img::before,.info__img::after{
content:"";
position:absolute;
width:40%;
aspect-ratio:1;
background-color:#B224EF;
box-shadow:0 0 10px #B224EF;
z-index:-1;
}
.info__img::before{
bottom:-3px;
left:-3px;
border-radius:10px;
}
.info__img::after{
top:-3px;
right:-3px;
border-radius:10px;
}
.info__content{
display:flex;
align-items:center;
gap:60px;
}
.info-list{
display:flex;
/*flex-wrap:wrap;*/
/*justify-content:space-between;*/
align-items:center;
flex:1;
/*gap:2rem;*/
}
@media (max-width:780px){
.info-list{
flex-direction:column;
}
}
.info__item{
display:inline-flex;
width:100%;
flex-direction:column;
text-align:center;
}
.info-item{
color:#fff;
}
.info-item__num{
font-weight:900;
font-size:50px;
text-shadow:0 0 6px #fff;
}
.info-item__text{
font-size:16px;
}
@media (max-width:780px){
.info__content{
flex-direction:column;
}
.info-list{
justify-content:center;
text-align:center;
}
.info__img{
display:none;
}
}
@media (max-width:480px){
.info{
padding-bottom:55vw;
}
.info .container{
position:unset;
}
.info__img{
display:block;
order:1;
position:absolute;
left:4px;
right:4px;
bottom:0;
padding:0;
height:45vw;
}
.info__img img{
width:100%;
object-fit:cover;
object-position:top center;
}
.info__img::before{
bottom:unset;
top:-3px;
}
}
.reason{
margin-top:168px;
}
.reason__content{
margin-top:85px;
display:flex;
position:relative;
}
.reason__items{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:flex-start;
}
.reason__num{
font-size:40px;
font-weight:700;
color:#00f0ff;
line-height:48px;
position:relative;
}
.reason__num span{
position:absolute;
top:0;
left:0;
color:rgba(0,240,255,0.49);
filter:blur(12px);
}
.reason__text{
margin-top:17px;
color:#dedede;
font-size:16px;
font-weight:500;
line-height:22px;
}
.reason__title{
margin-top:7px;
}
.reason__items{
max-width:800px;
}
.reason__item{
width:37%;
max-width:285px;
margin-bottom:100px;
}
.reason__item:nth-child(2n+1){
margin-right:219px;
}
.reason__item:nth-child(3),.reason__item:nth-child(4){
margin-bottom:0;
}
.reason__img{
width:450px;
position:absolute;
top:-35px;
right:-147px;
}
.reason__img img{
width:100%;
}
.bank_index{
margin-top:172px;
}
.bank_index h2{
margin-bottom:49px;
}
.start{
margin-top:250px;
padding-top:6px;
background:#0d102c;
position:relative;
z-index:10;
}
.start h2{
margin-top:72px;
}
.start__text{
margin-top:21px;
font-size:16px;
line-height:29px;
font-weight:400;
letter-spacing:0.05px;
position:relative;
left:19px;
max-width:400px;
}
.start__text::before{
position:absolute;
content:"";
width:4px;
height:100%;
left:-19px;
top:2px;
background:#00f0ff;
border-radius:37px;
}
.start__text::after{
position:absolute;
content:"";
width:4px;
height:108px;
left:-19px;
top:6px;
background:rgba(98,162,166,0.98);
filter:blur(12px);
border-radius:37px;
}
.start__btn{
margin-top:48px;
padding:22px 47px;
font-size:20px;
font-weight:700;
line-height:24px;
margin-right:15px;
margin-bottom:70px;
display:inline-block;
}
.start__btn-big{
padding:20px 73px;
}
.start__img{
position:absolute;
right:-46px;
top:-153px;
}
.moneybox-donators{
width:95%;
margin:50px auto;
}
.moneybox-donator{
background-color:#0D102C;
border-radius:20px;
padding:30px;
margin-bottom:20px;
}
.moneybox-donator__head{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.moneybox-donator__body{
padding-left:70px;
}
.moneybox-donator__user{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.moneybox-donator__avatar{
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
height:57px;
width:57px;
margin-right:16px;
border-radius:50px;
}
.moneybox-donator__name{
font-weight:600;
font-size:24px;
}
.moneybox-donator__date{
color:rgba(244,251,224,0.5);
}
.moneybox-donator__side{
text-align:right;
}
.moneybox-donator__cost{
font-weight:600;
font-size:24px;
}
.moneybox-donator__btn{
font-size:24px;
font-weight:600;
background:-webkit-gradient(linear,left top,right top,from(#B224EF),to(#7579FF)),#FFFFFF;
background:-o-linear-gradient(left,#B224EF 0%,#7579FF 100%),#FFFFFF;
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%),#FFFFFF;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
text-fill-color:transparent;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
letter-spacing:0.01em;
}
.moneybox-donator__btn::before{
content:"";
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
margin-right:8px;
height:24px;
width:24px;
background-repeat:no-repeat;
background-size:contain;
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z' stroke='url(%23paint0_linear_0_141)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_0_141' x1='3' y1='12' x2='21' y2='12' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B224EF'/%3E%3Cstop offset='1' stop-color='%237579FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.moneybox-user{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:30px;
}
.moneybox-user__avatar{
height:50px;
width:50px;
border-radius:100px;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
margin-right:20px;
}
.moneybox-user__name{
font-size:24px;
font-weight:600;
}
.moneybox-comment{
position:relative;
margin-top:50px;
}
.moneybox-comment:first-child::before{
content:"";
position:absolute;
left:-45px;
top:-30px;
height:50px;
width:20px;
border-left:3px solid #00F0FF;
border-bottom:3px solid #00F0FF;
}
.moneybox-comment__head{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:16px;
}
.moneybox-comment__head .moneybox-donator__user{
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
margin-bottom:0;
}
.moneybox-comment__head .moneybox-donator__avatar{
margin-right:16px;
margin-bottom:0;
}
.moneybox-comment__body p{
line-height:1.6;
font-weight:400;
font-size:16px;
margin-bottom:1em;
}
.moneybox-comment__form{
display:none;
margin-top:28px;
}
.moneybox-comment__form.isopen{
display:block;
}
.moneybox-subtitle::before{
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:3px;
border-radius:50px;
background-color:#00f0ff;
-webkit-box-shadow:0 0 12px rgb(98 162 166 / 98%);
box-shadow:0 0 12px rgb(98 162 166 / 98%);
}
.moneybox-subtitle{
position:relative;
padding-left:10px;
margin-bottom:30px;
font-weight:600;
font-size:24px;
letter-spacing:.01em;
}
.moneybox-comment__form textarea{
width:100%;
border:2px solid rgba(255,255,255,0.2);
border-radius:10px;
padding:20px;
margin-bottom:20px;
background-color:transparent;
color:#F4FBE0;
font-weight:400;
}
.moneybox-comment__form button{
border:0;
background:-webkit-gradient(linear,left top,right top,from(#B224EF),to(#7579FF));
background:-o-linear-gradient(left,#B224EF 0%,#7579FF 100%);
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
border-radius:10px;
text-align:center;
font-weight:700;
padding:25px 48px;
color:#F4FBE0;
cursor:pointer;
}
@media (max-width:1400px){
.admin-table{
overflow-y:auto;
}
}
@media (max-width:1200px){
.account-info__row{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.account-info__profile{
width:100%;
margin-bottom:30px;
}
.account-info__dignity{
width:100%;
}
}
@media (max-width:1100px){
.moneybox-gallery{
margin-right:30px;
}
}
@media (max-width:980px){
.comments{
padding:15px 20px;
}
.moneybox-gallery{
max-width:360px;
}
}
@media (max-width:780px){
.form--admin .form-field--range{
display:block;
}
.form--admin .form-label{
display:block;
}
.header--transparent{
background-color:rgb(13,16,44) !important;
}
.account-nav{
z-index:2147483648;
position:fixed;
top:105px;
left:-100%;
height:calc(100vh - 105px);
width:250px;
background-color:#0d102c;
padding:20px;
overflow-y:auto;
-webkit-transition:left 0.25s ease;
-o-transition:left 0.25s ease;
transition:left 0.25s ease;
}
.account-nav__close{
display:block;
}
.account-nav{
z-index:2147483648;
position:fixed;
top:105px;
left:-100%;
height:calc(100vh - 105px);
width:250px;
background-color:#0d102c;
padding:20px;
overflow-y:auto;
-webkit-transition:left 0.25s ease;
-o-transition:left 0.25s ease;
transition:left 0.25s ease;
}
.account-nav__close{
display:block;
}
.admin-filter{
position:fixed;
height:100vh;
width:100%;
top:0;
left:0;
padding:20px;
z-index:9999999;
background-color:#0D102C;
overflow-y:auto;
display:none;
}
.admin-filter.isactive{
display:block;
}
.admin-filter__head{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
.admin-aside{
width:0;
}
.admin-aside__title{
display:none;
}
.admin-main{
width:100%;
}
.admin-main__head{
margin-bottom:30px;
}
.admin-table{
margin:30px 0;
}
.comment-head__content{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:start;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.comment-body{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.comment-body .d-flex{
width:100%;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:20px;
}
.comment-id--head{
display:none;
}
.comment-id--body{
display:block;
}
.comment-email{
margin-bottom:20px;
}
.comment-date{
margin-left:unset;
}
.account-btn{
width:100%;
padding:15px 25px;
}
.account-btn::after{
-webkit-filter:blur(22px);
filter:blur(22px);
}
.account-btn--filter{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
}
.account-aside{
width:0;
}
.account-aside__title{
display:none;
}
.account-main{
width:100%;
}
/* .account-main__head{
margin-bottom:0;
}*/
.account-main__head-side{
width:100%;
margin-top:30px;
}
.aside-nav-btn{
display:block;
}
.dignity-icons{
margin-left:-20px;
margin-right:-20px;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}
.moneybox-head__row{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.moneybox-social{
position:relative;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
width:100%;
}
.moneybox-social__link{
height:35px;
width:35px;
margin-right:10px;
}
.moneybox-gallery{
max-width:100%;
margin-right:0;
}
.moneybox-gallery__slider .owl-item{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}
.moneybox-gallery__slider .owl-dots{
display:block;
}
.moneybox-gallery__thumb{
display:none !important;
}
.moneybox-content{
margin-right:0;
max-width:100%;
margin-bottom:50px;
}
.moneybox-content__head .row{
margin:15px 0 25px 0;
}
.moneybox-content__head{
-webkit-box-ordinal-group:2;
-webkit-order:1;
-ms-flex-order:1;
order:1;
font-size:14px;
}
.moneybox-content__title--lg{
display:none;
}
.moneybox-content__title--sm{
display:block;
}
.moneybox-donator{
padding:20px;
}
.moneybox-donator__name{
font-size:18px;
}
.moneybox-donator__date{
font-size:14px;
}
.moneybox-donator__cost{
font-size:18px;
}
.moneybox-donator__btn{
font-size:18px;
}
.moneybox-donator__btn::before{
height:20px;
width:20px;
}
.popup{
padding:20px;
}
.popup .mfp-close{
top:20px;
right:20px;
}
.promo::after{
background-size:40%,0%,10%,10%,10%;
background-position:bottom -5% right -5%,top -100% left 10%,top 5% right 10%,bottom 30% right,left bottom;
}
}
@media (max-width:680px){
.profile-statistics{
padding:24px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
}
.profile-statistics__chart{
-webkit-box-ordinal-group:unset;
-webkit-order:unset;
-ms-flex-order:unset;
order:unset;
margin-top:30px;
}
.profile-statistics__title{
text-align:center;
}
.profile-statistics__row{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.profile-statistics__content{
font-size:12px;
text-align:center;
}
.profile-statistics__content p{
padding:4px 0;
}
.profile-table .text-shadow{
text-shadow:unset;
}
.profile-table-link{
margin-top:20px;
}
.profile-table__head{
display:none;
}
.profile-table__body span{
display:block;
}
.profile-table__row{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.profile-table__col:not(:last-child){
width:100%;
}
.profile-table__col{
width:100%;
padding:5px 0;
}
.profile-table__col:not(:first-child){
font-weight:500;
font-size:12px;
}
.profile-table__col:not(:first-child) .d-flex{
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
-ms-flex-pack:justify;
justify-content:space-between;
}
.icon-status{
height:15px;
width:15px;
}
}
@media (max-width:523px){
.account-info__row{
margin-bottom:30px;
}
.profile-reflink{
margin-bottom:30px;
}
.profile-reflink__btn{
width:100%;
}
.profile-reflink__text{
width:100%;
font-size:14px;
}
}
@media (max-width:480px){
.form--settings .form-field--6{
width:100%;
}
.form-toolbar__group{
border-radius:5px;
}
.form-toolbar__group:not(:last-child){
margin-right:10px;
}
.form-toolbar__group>*:first-child{
border-radius:5px 0 0 5px;
}
.form-toolbar__group>*:last-child{
border-radius:0 5px 5px 0;
}
.form-toolbar-select{
width:40px;
}
.form-toolbar-select__list{
border-radius:5px;
}
.form-toolbar__item{
background-size:50%;
height:32px;
width:32px;
}
.admin-wrap{
padding-top:130px;
}
.admin-table table{
border-radius:10px;
font-size:12px;
}
.admin-table table tbody img{
height:80px;
width:80px;
}
.actions-link{
height:24px;
width:24px;
}
.comment-text{
font-size:12px;
margin-right:0;
}
.comment-item{
padding:15px 0;
}
.comment-head{
margin-bottom:20px;
}
.comment-id--body{
font-size:14px;
}
.comment-email{
font-size:14px;
font-weight:600;
}
.comment-date{
font-size:12px;
}
.account-btn{
padding:10px;
font-size:12px;
}
.account-btn--filter::before{
height:12px;
width:12px;
}
.account-btn--file::before{
height:12px;
width:12px;
}
.account-info__profile{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
}
.profile-form{
margin-top:20px;
}
.profile-form i{
display:none;
}
.profile-form label{
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
}
.profile-avatar{
margin-right:0;
margin-bottom:20px;
}
.profile-dignity{
padding-right:0;
}
.profile-dignity__badge{
max-width:100px;
max-height:100px;
}
.profile-dignity__badge svg{
width:100%;
height:100%;
display:block;
}
.profile-dignity__text{
font-size:14px;
}
.profile-dignity__link{
font-size:12px;
}
.profile-donate{
margin-top:12px;
position:relative;
max-width:100%;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
padding:14px 24px;
font-size:14px;
}
.dignity__progress{
margin-bottom:60px;
}
.dignity-progress{
height:10px;
}
.dignity-counts{
top:-10px;
}
.dignity-count{
font-size:14px;
}
.dignity-count::before{
height:30px;
width:30px;
opacity:0.6;
}
.dignity-count.active{
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
.dignity-icons{
margin:0;
}
.dignity-icons img{
max-width:70px;
}
.moneybox-form__field{
-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.moneybox-form__field button{
width:100%;
}
.moneybox-form textarea{
min-height:160px;
}
.moneybox-form .form__agree label{
margin-left:0;
-webkit-box-align:start;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start;
font-size:12px;
}
.moneybox-form .form__agree label::before{
height:25px;
width:25px;
}
.moneybox-form .form__agree label::after{
height:10px;
width:10px;
left:9px;
top:9px;
}
.moneybox-divider{
margin:30px 0;
}
.moneybox-btn{
font-weight:700;
font-size:14px;
padding:16px 25px;
}
.moneybox-description__content p{
font-size:14px;
}
.moneybox-subtitle{
font-size:16px;
}
.moneybox-content__head{
font-size:12px;
}
.moneybox-content__title--sm{
font-size:24px;
}
.moneybox-content__stat{
margin-bottom:40px;
}
.moneybox-content__table{
font-size:14px;
}
.moneybox-donators{
margin-bottom:30px;
}
.moneybox-donator{
border-radius:15px;
}
.moneybox-donator__head{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
}
.moneybox-donator__body{
padding-left:0;
}
.moneybox-donator__user{
margin-bottom:15px;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}
.moneybox-donator__avatar{
margin-right:0;
margin-bottom:8px;
}
.moneybox-donator__name{
font-size:16px;
}
.moneybox-donator__side{
text-align:center;
}
.moneybox-donator__cost{
font-size:16px;
margin-bottom:5px;
}
.moneybox-donator__btn{
font-size:16px;
}
.moneybox-donator__btn::before{
height:16px;
width:16px;
}
.moneybox-user__avatar{
height:40px;
width:40px;
margin-right:15px;
}
.moneybox-user__name{
font-size:16px;
}
.moneybox-comment{
margin-top:15px;
padding-top:15px;
border-top:2px solid rgba(255,255,255,0.2);
}
.moneybox-comment:first-child::before{
display:none;
}
.moneybox-comment__body p{
font-size:14px;
}
.moneybox-comment__form textarea{
font-size:16px;
padding:15px;
}
.moneybox-comment__form button{
padding:16px 25px;
font-size:14px;
width:100%;
}
.stat-progress::after{
font-size:14px;
font-weight:400;
}
.stat-progress__bar::after{
font-size:14px;
font-weight:400;
}
.popup .mfp-close{
height:20px;
width:20px;
}
.popup-head{
margin-bottom:30px;
}
.popup-head__title{
font-size:22px;
margin-bottom:5px;
}
}
@media (max-width:480px) and (max-width:480px){
.dignity-count.active::before{
opacity:1;
}
}
@media screen and (max-width:1460px){
.reason__img{
width:400px;
right:-55px;
}
}
@media screen and (max-width:1390px){
.reason__item:nth-child(2n+1){
margin-right:90px;
}
.reason__img{
right:35px;
}
}
@media screen and (max-width:1300px){
.start__img{
width:550px;
top:-112px;
right:50px;
}
}
@media screen and (max-width:1200px){
.feedback{
margin-top:70px;
}
.feedback__items{
gap:30px;
margin-top:50px;
}
.feedback__item:nth-child(2)::before{
bottom:83px;
}
.gift,.dream{
margin-top:70px;
}
.info{
margin-top:60px;
}
.reason{
margin-top:100px;
}
.reason__content{
margin-top:50px;
}
.reason__item{
margin-bottom:50px;
}
.reason__img{
width:350px;
}
.bank_index{
margin-top:70px;
}
.start{
margin-top:150px;
padding-top:1px;
}
.start__img{
width:460px;
top:-25px;
}
.start h2{
margin-top:50px;
}
}
@media screen and (max-width:1100px){
.reason__item{
width:32%;
margin-right:40px;
}
.reason__img{
right:0;
width:300px;
}
.start__img{
right:0;
width:400px;
top:33px;
}
.info__num{
font-size:60px;
}
.dream__content{
max-width:380px;
}
}
@media screen and (max-width:1000px){
.info__num{
font-size:50px;
}
.reason__img{
right:-30px;
width:260px;
}
}
@media screen and (max-width:900px){
.reason__img{
display:none;
}
.feedback__item:nth-child(3){
display:none;
}
.start__img{
display:none;
}
.start__btn{
margin-bottom:0;
}
}
@media screen and (max-width:800px){
.dream__items{
display:block;
position:relative;
height:455px;
margin-top:20px
}
.dream__items-btn{
width:50px;
height:4px;
background:#fff;
border-radius:12px;
transition:background 0.3s;
}
.dream__items-btn.active{
background:#00f0ff;
position:relative;
}
.dream__items-btn.active::before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(0,240,255,0.67);
filter:blur(4px);
}
.dream__btns{
display:flex;
justify-content:center;
gap:10px;
}
.dream__item{
position:absolute;
opacity:0;
transition:opacity 0.3s;
}
.dream__item-show{
opacity:1;
}
.info{
margin-top:70px;
background:none;
}
.info__top,.info__bottom{
display:none;
}
.info__items{
flex-direction:column;
width:100%;
}
.info__item{
width:100%;
margin-bottom:0;
padding:20px 0 15px;
border-bottom:1px solid rgba(255,255,255,0.2);
}
.reason__items{
flex-direction:column;
width:100%;
}
.reason__item{
width:100%;
max-width:500px;
margin-bottom:30px;
}
.reason__item:nth-child(3),.reason__item:nth-child(4){
margin-bottom:30px;
}
.start{
background:none;
margin-top:70px;
}
}
@media screen and (max-width:600px){
.gift__desk{
display:none;
}
.gift__mobile{
display:block;
margin:0 auto;
}
.dream__items{
height:400px;
}
.dream__content{
font-size:14px;
line-height:22px;
}
.info__num{
font-size:40px;
line-height:60px;
}
.info__num::after{
color:rgba(255,255,255,0.45);
}
.reason__num{
font-size:30px;
line-height:40px;
}
.start{
margin-top:20px;
}
.start__text{
font-size:14px;
line-height:23px;
}
.start__btn{
padding:13px 47px;
font-size:18px;
}
.start__btn-big{
margin-top:15px;
}
}
@media screen and (max-width:500px){
.feedback__item:nth-child(2)::before{
content:none;
}
}
@media screen and (max-width:420px){
.dream__coin{
width:40px;
}
.dream__content{
font-size:14px;
line-height:21.5px;
}
.info__num{
font-size:24px;
line-height:30px;
}
.info__text{
font-size:14px;
line-height:17.5px;
}
.reason{
margin-top:50px;
}
.reason__num{
font-size:24px;
line-height:29px;
}
.reason__text{
font-size:12px;
line-height:16.5px;
}
.start__text{
font-size:12px;
line-height:21.7px;
}
.start__btn{
font-size:14px;
}
}
.main{
position:relative;
z-index:30;
height:899px;
min-height:100vh;
width:100vw;
overflow-x:hidden;
}
.main__background{
position:absolute;
background:rgba(0,0,0,0.3);
top:0;
right:0;
bottom:0;
left:0;
z-index:-1;
}
.main__img{
position:absolute;
right:0;
top:0;
width:532px;
bottom:0;
background:url("/dist/images/index/main.png") no-repeat;
background-size:cover;
}
.main__content{
margin-top:calc(50vh - 230px);
max-width:615px;
}
.main__text{
margin-top:34px;
max-width:358px;
position:relative;
left:21px;
}
.main__text::before{
position:absolute;
content:"";
width:4px;
height:100%;
left:-22px;
top:0;
background:#00f0ff;
border-radius:37px;
}
.main__text::after{
position:absolute;
content:"";
width:4px;
height:100%;
left:-22px;
top:0;
background:rgba(98,162,166,0.98);
filter:blur(12px);
border-radius:37px;
}
.main__btn{
margin-top:63px;
}
.main__follow{
margin-top:98px;
gap:15px;
}
.main__follow-text{
font-size:16px;
background:url("/dist/images/icons/cloud.svg");
width:305px;
padding:19px 14px 14px 50px;
margin-top:-1px;
position:relative;
opacity:1;
transition:opacity 0.3s;
}
.main__follow-text::before{
content:"РРРР‹РРЋРЎСџРРЎ•РРСћвЂ˜РРЎ—РРРЋвЂ˜РЎ€РРРЋвЂ˜РРР‹РС“РРР‹РР‰,РРЋвЂРР‹РРЋвЂС™РРЎ•РРРІР‚в„ўР’В±РРЋвЂв„– РРРІЂ РРЋвЂв„–РРРЋвЂ˜РРЎ–РРР‹РРІЂљРРРІР‚в„ўР’В°РРЋвЂС™РРР‹РР‰ РРЋвЂС›РРРЋвЂ˜РРРІЂ¦РРРІР‚в„ўР’В°РРРІЂ¦РРР‹РС“РРРЋвЂ˜РРР‹РРІЂљРРЎ•РРРІЂ РРРІР‚в„ўР’В°РРРІЂ¦РРРЋвЂ˜РРРІР‚в„ўР’Вµ РРР‹РС“РРРІЂ РРЎ•РРРІР‚в„ўР’ВµРв„– РРРЋВ˜РРРІР‚в„ўР’ВµРРЋвЂРР‹РРЋвЂС™РРЋвЂв„–!";
position:absolute;
color:rgba(255,255,255,0.47);
filter:blur(6px);
width:241px;
}
.main__follow-text span{
content:"";
position:absolute;
background:url("/dist/images/icons/close_blur.svg");
width:37px;
height:38px;
right:-34px;
top:-6px;
cursor:pointer;
}
.main__follow-text-hide{
opacity:0;
}
.main__icons{
display:flex;
flex-direction:column;
margin-left:-7px;
}
.main__icons a:nth-child(1){
margin-bottom:20px;
}
.bounce{
animation:bounce 2s ease infinite;
}
@media screen and (max-width:1300px){
.main__img{
width:510px;
}
}
@media screen and (max-width:1000px){
.main__img{
width:400px;
}
}
@media screen and (max-width:900px){
.main{
min-height:100px;
height:auto;
}
.main__img{
display:none;
}
.main__content{
max-width:none;
margin-top:145px;
}
.main__title{
max-width:500px;
}
.main__follow{
display:none;
}
.main__background{
display:none;
}
}
@-moz-keyframes bounce{
70%{
transform:translateY(0%);
}
80%{
transform:translateY(-15%);
}
90%{
transform:translateY(0%);
}
95%{
transform:translateY(-7%);
}
97%{
transform:translateY(0%);
}
99%{
transform:translateY(-3%);
}
100%{
transform:translateY(0);
}
}
@-webkit-keyframes bounce{
70%{
transform:translateY(0%);
}
80%{
transform:translateY(-15%);
}
90%{
transform:translateY(0%);
}
95%{
transform:translateY(-7%);
}
97%{
transform:translateY(0%);
}
99%{
transform:translateY(-3%);
}
100%{
transform:translateY(0);
}
}
@-o-keyframes bounce{
70%{
transform:translateY(0%);
}
80%{
transform:translateY(-15%);
}
90%{
transform:translateY(0%);
}
95%{
transform:translateY(-7%);
}
97%{
transform:translateY(0%);
}
99%{
transform:translateY(-3%);
}
100%{
transform:translateY(0);
}
}
@keyframes bounce{
70%{
transform:translateY(0%);
}
80%{
transform:translateY(-15%);
}
90%{
transform:translateY(0%);
}
95%{
transform:translateY(-7%);
}
97%{
transform:translateY(0%);
}
99%{
transform:translateY(-3%);
}
100%{
transform:translateY(0);
}
}
.new__title{
font-size:20px;
font-weight:600;
line-height:32px;
margin-top:50px;
margin-bottom:30px;
}
.new__label{
font-size:14px;
font-weight:400;
line-height:22.4px;
margin-bottom:10px;
display:block;
}
.new__input{
font-size:16px;
font-weight:400;
line-height:18.56px;
color:#c4c4c4;
position:relative;
padding:13px 15px;
border:2px solid rgba(255,255,255,0.2);
border-radius:10px;
cursor:pointer;
background:none;
width:100%;
}
.new__input img{
position:absolute;
top:20px;
right:20px;
}
.new__input::placeholder{
font-size:16px;
font-weight:300;
line-height:18.56px;
color:#c4c4c4;
}
.new__input-code{
text-align:center;
width:380px;
padding:24px 15px;
margin-top:10px;
display:inline-block;
}
.new__hide{
background:#0d102c;
border-radius:10px;
position:absolute;
top:46px;
left:-3px;
width:100%;
max-height:0;
transition:max-height 0.3s;
overflow:hidden;
color:#fff;
z-index:100;
}
.new__hide li{
padding:15px;
border-bottom:2px solid rgba(255,255,255,0.2);
}
.new__hide li:last-child{
border-bottom:none;
}
.new__category,.new__name,.new__purpose,.new__video{
width:calc(50% - 10px);
}
.new__description{
margin-top:30px;
}
.new__img{
margin-top:30px;
}
.new__img input{
display:none;
}
.new__img-info{
display:flex;
align-items:center;
gap:20px;
}
.new__img-main{
margin-top:30px;
}
.new__img-main span{
display:none;
}
.new__img-adds{
display:flex;
flex-wrap:wrap;
gap:20px;
margin-top:30px;
}
.new__img-add{
max-width:180px;
}
.new__img-add span{
display:none;
}
.new__load{
margin-top:20px;
cursor:pointer;
font-size:16px;
line-height:25.6px;
font-weight:500;
text-decoration:underline;
width:100%;
display:block;
padding:13px 15px;
border:2px solid rgba(255,255,255,0.2);
border-radius:10px;
}
.ml-2{
margin-left:20px;
}
.new__recomend{
margin-top:20px;
color:#c4c4c4;
font-size:14px;
line-height:22px;
}
.new__add,.new__code{
margin-top:50px;
}
.new__btn{
display:inline-block;
background:#131842;
border-radius:10px;
margin-left:20px;
text-align:center;
width:280px;
font-size:16px;
line-height:20.5px;
font-weight:700;
padding:25px 0;
cursor:pointer;
}
.new__code .btn{
margin-top:80px;
margin-bottom:100px;
}
.new__code .btn:hover::before,.new__code .btn::before{
content:none;
}
.banks__open-active .new__hide{
max-height:500px;
}
.banks__open-active .new__hide{
max-height:500px;
}
.absolute-dropdown .dropdown-list{
display:none;
}
.absolute-dropdown.banks__open-active .dropdown-list{
display:block;
position:absolute;
padding:10px 20px;
height:auto !important;
max-height:none;
}
@media screen and (max-width:1100px){
.new__code .btn{
display:block;
width:280px;
text-align:center;
}
}
@media screen and (max-width:800px){
.new__input-code{
width:calc(50% - 20px);
}
.new__btn{
width:calc(50% - 20px);
}
}
@media screen and (max-width:600px){
.new__category,.new__name,.new__purpose,.new__video{
width:100%;
}
.new .flex{
flex-wrap:wrap;
}
.new__name,.new__description,.new__video{
margin-top:20px;
}
.new__title{
margin-top:30px;
}
.new .btn{
padding:15px 45px;
}
.new__input-code{
padding:14px 15px;
}
.new__btn{
padding:15px 0;
}
.new__load{
width:200px;
}
.new__img-info{
align-items:flex-start;
}
.new__img-main{
border-radius:10px;
position:relative;
max-width:480px;
}
.new__img-main img{
border-radius:10px;
}
.new__img-main span{
position:absolute;
width:30px;
height:30px;
background-color:#db0a23;
background-image:url("/dist/images/icons/close.svg");
background-repeat:no-repeat;
background-position:48% 48%;
background-size:12px;
border-radius:50%;
display:block;
top:9px;
right:9px;
}
.new__img-add{
max-width:46%;
position:relative;
}
.new__img-add img{
border-radius:10px;
}
.new__img-add span{
position:absolute;
width:30px;
height:30px;
background-color:#db0a23;
background-image:url("/dist/images/icons/close.svg");
background-repeat:no-repeat;
background-position:48% 48%;
background-size:12px;
border-radius:50%;
display:block;
top:9px;
right:9px;
}
.new__recomend{
width:calc(100% - 200px);
}
}
@media screen and (max-width:400px){
.new__btn{
width:100%;
margin-left:0;
margin-top:10px;
font-size:14px;
}
.new__input::placeholder{
font-size:14px;
}
.new__input-code{
width:100%;
font-size:14px;
}
.new .btn{
width:100%;
margin-top:50px;
margin-bottom:70px;
font-size:14px;
}
.new__label{
font-size:12px;
}
.new__title{
font-size:14px;
}
.new__load{
font-size:14px;
width:160px;
}
.new__recomend{
font-size:12px;
}
.new__img-add span{
position:absolute;
width:20px;
height:20px;
background-color:#db0a23;
background-image:url("/dist/images/icons/close.svg");
background-repeat:no-repeat;
background-position:center;
background-size:6px;
border-radius:50%;
display:block;
top:6px;
right:6px;
}
}
.offers{
padding-top:150px;
min-height:calc(100vh - 286px);
}
.offers__link{
display:block;
font-size:16px;
line-height:38.5px;
font-weight:500;
}
@media screen and (max-width:600px){
.offers__link{
font-size:14px;
line-height:33.6px;
font-weight:500;
}
}
.password__form{
margin-top:20px;
}
.password__new{
margin-top:30px;
width:calc(50% - 10px);
}
@media screen and (max-width:600px){
.password__new{
width:100%;
margin-top:10px;
}
.password .flex{
flex-wrap:wrap;
}
.password__form{
margin-top:-40px;
}
}
.product{
padding-top:173px;
margin-bottom:50px;
}
.product__main{
display:flex;
justify-content:space-between;
}
.product__info{
width:940px;
display:flex;
gap:102px;
}
.product__info-photo{
width:480px;
}
.product__slide{
margin-right:10px;
margin-top:20px;
border-radius:5px;
cursor:pointer;
}
.product__category{
gap:32px;
letter-spacing:0.01px;
justify-content:flex-start;
position:relative;
}
.product__category>div:nth-of-type(1){
max-width:232px;
}
.product__category>div:nth-of-type(2){
position:absolute;
right:0;
}
.product h2{
max-width:360px;
margin-top:6px;
font-weight:600;
}
.product__statistics{
margin-top:38px;
}
.product__statistics-title{
padding-left:12px;
font-size:24px;
font-weight:600;
line-height:28px;
letter-spacing:0.2px;
position:relative;
}
.product__statistics-title::before{
position:absolute;
content:"";
width:4px;
left:-2px;
top:0;
bottom:0;
background:#00f0ff;
border-radius:37px;
}
.product__statistics-title::after{
position:absolute;
content:"";
width:4px;
left:-2px;
top:0;
bottom:0;
background:rgba(98,162,166,0.98);
filter:blur(12px);
border-radius:37px;
}
.product__statistics-info{
width:330px;
position:relative;
}
.product__progressbar{
width:330px;
height:6px;
background:#fff;
position:relative;
margin-top:60px;
}
.product__progressbar-text{
color:#00f0ff;
font-weight:600;
font-size:16px;
line-height:19px;
position:absolute;
display:inline-block;
top:-30px;
right:0;
}
.product__progressbar-text span{
position:absolute;
top:0;
left:0;
color:#00f0ff;
filter:blur(2px);
}
.product__progressbar-to{
color:#fff;
}
.product__progressbar-to span{
color:#fff;
}
.product__progressbar-span{
position:absolute;
background:#00f0ff;
height:6px;
top:0;
left:0;
}
.product__progressbar-span::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:6px;
background:#00f0ff;
filter:blur(6px);
}
.product__items{
margin-top:50px;
width:315px;
}
.product__item{
font-weight:500;
font-size:16px;
line-height:19px;
margin-bottom:17px;
}
.product__btns{
width:329px;
margin-top:40px;
}
.product__btn{
width:100%;
text-align:center;
padding-top:25px;
padding-left:33px;
padding-right:33px;
letter-spacing:0.2px;
position:static;
font-weight:700;
height:70px;
}
.product__btn:hover::before{
content:none;
}
.product__btn::before{
content:none;
}
.product__btn-dark{
background:#0d102c;
border-radius:10px;
margin-top:10px;
cursor:pointer;
}
.product__btn-dark.flex{
padding-top:0;
justify-content:space-around;
}
.product__btn-heart{
width:auto;
background-image:url("/dist/images/icons/heart.png");
background-repeat:no-repeat;
background-position:center center;
}
.product__btn-heart-active{
background-image:url("/dist/images/icons/heart-fill.png");
}
.product__flex{
gap:10px;
}
.product__icon{
margin-bottom:16px;
}
.product__description{
margin-top:20px;
padding-bottom:55px;
border-bottom:2px solid rgba(255,255,255,0.2);
}
.product__description p{
margin-bottom:19px;
}
.product__description-title{
position:relative;
font-weight:600;
font-size:21px;
line-height:29px;
letter-spacing:0.4px;
left:11px;
margin-top:32px;
margin-bottom:39px;
}
.product__description-title span{
position:absolute;
top:0;
left:0;
color:#fff;
filter:blur(8px);
}
.product__description-title::before{
position:absolute;
content:"";
width:4px;
left:-13px;
top:-1px;
bottom:0;
background:#00f0ff;
border-radius:37px;
}
.product__user{
font-weight:600;
font-size:24px;
line-height:31px;
display:flex;
align-items:center;
gap:21px;
}
.product__mobile{
display:none;
}
.product__slider.product__mobile .finish-slide__img-text{
z-index:9;
top:30%!important;
}
.slick-list.draggable{
padding:0 !important;
margin-right:-10px;
}
@media screen and (max-width:1000px){
.product__info-photo{
width:350px;
}
}
@media screen and (max-width:900px){
.product__info{
flex-direction:column;
width:auto;
padding-top:70px;
}
.product__info-photo{
width:100%;
}
.product__info h2{
position:absolute;
top:-50px;
width:auto;
max-width:none;
}
.product__info-content{
margin-top:-80px;
}
.product__desk{
display:none;
}
.product__mobile{
display:block;
}
.product__main{
flex-direction:column;
position:relative;
}
.product__icons{
margin-top:70px;
display:flex;
gap:10px;
}
.product__category{
position:absolute;
bottom:75px;
}
.product__statistics-title{
width:315px;
margin:0 auto;
}
.product__statistics-info{
margin:0 auto;
}
.product__items{
margin:40px auto 0;
}
.product__btns{
margin:40px auto 0;
}
.product__slider{
width:100%;
margin:0 auto;
}
.product__slider .owl-item{
text-align:center;
}
.product__slider .owl-dots{
margin-top:30px !important;
}
.product__slider .owl-dot span{
background:#fff !important;
}
.product__slider .owl-dot.active span{
background:#00f0ff !important;
position:relative;
}
.product__slider .owl-dot.active span::before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-radius:50%;
background:rgba(0,240,255,0.8);
filter:blur(4px);
}
}
@media screen and (max-width:600px){
.product__btn{
height:50px;
padding-top:15px;
}
.product__btn-half{
padding-top:12px;
}
}
@media screen and (max-width:890px){
.product__category>div:nth-of-type(2){
position:relative !important;
}
}
@media screen and (max-width:420px){
.product__info{
padding-top:50px;
}
.product__statistics{
margin-top:20px;
}
.product__statistics-title{
font-size:16px;
line-height:19px;
width:100%;
}
.product__statistics-info{
width:100%;
}
.product__progressbar-text{
font-size:14px;
line-height:16.7px;
}
.product__progressbar-text span{
filter:blur(8px);
}
.product__item{
font-size:14px;
line-height:16.7px;
}
.product__btn{
font-size:14px;
line-height:17.9px;
padding-top:17px;
}
.product__category{
font-size:12px;
line-height:14px;
}
.product__user{
font-size:16px;
line-height:20.5px;
gap:15px;
}
.product__user img{
/*width:40px;*/
/*height:40px;*/
}
.product__description{
font-size:14px !important;
line-height:16px;
padding-bottom:10px;
}
.product__description-title{
font-size:16px;
line-height:19px;
margin-bottom:30px;
}
.product__info,.product__progressbar,.product__items,.product__btns{
width:100%;
}
.product__category>div:nth-of-type(2){
position:relative !important;
}
.product__description span:last-of-type{
font-size:14px !important;
}
}
.profile__img{
margin-top:50px;
justify-content:flex-start;
align-items:flex-end;
}
.profile__change{
margin-bottom:8px;
margin-left:20px;
gap:15px;
cursor:pointer;
}
.profile input[type="file"]{
display:none;
}
.profile__gender,.profile__login,.profile__phone,.profile__name,.profile__city,.profile__address{
width:calc(50% - 10px);
margin-top:30px;
}
.profile__form{
margin-top:30px;
}
.profile__btn{
margin-top:80px;
margin-bottom:100px;
}
.profile__btn:hover::before,.profile__btn::before{
content:none;
}
@media screen and (max-width:1100px){
.profile__btn{
display:block;
width:280px;
text-align:center;
padding:15px 45px;
}
}
@media screen and (max-width:600px){
.profile .flex{
flex-wrap:wrap;
}
.profile__gender,.profile__login,.profile__phone,.profile__name,.profile__city,.profile__address{
width:100%;
margin-top:10px;
}
}
@media screen and (max-width:400px){
.profile__btn{
width:100%;
margin-top:30px;
margin-bottom:50px;
}
.profile__img{
flex-direction:column;
align-items:center;
margin-top:-20px;
}
.profile__change{
margin-top:20px;
}
.profile__change img{
display:none;
}
}
.sign{
padding-top:165px;
min-height:calc(100vh - 286px);
position:relative;
margin-bottom:50px;
}
.sign__form{
margin-top:50px;
max-width:680px;
}
.sign__message{
background:#0d102c;
border:1px solid #fff;
border-radius:10px;
position:absolute;
width:400px;
height:84px;
top:calc(50vh - 184px);
left:calc(50% - 200px);
padding:20px 30px;
font-size:16px;
line-height:22.4px;
font-weight:500;
display:none;
}
@media screen and (max-width:600px){
.sign{
padding-top:120px;
}
.sign__message{
font-size:14px;
width:360px;
left:calc(50% - 180px);
}
}
@media screen and (max-width:370px){
.sign__message{
width:280px;
left:calc(50% - 140px);
height:110px;
}
}
.support__hide{
background:#0d102c;
border-radius:10px;
position:absolute;
top:40px;
left:0;
width:280px;
max-height:0;
transition:max-height 0.3s;
overflow:hidden;
color:#fff;
z-index:100;
}
.support__hide li{
margin-bottom:15px;
padding-left:15px;
}
.support__hide li:nth-child(1){
margin-top:15px;
}
.support__open{
width:180px;
padding:11px 15px 20px;
border-radius:5px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:space-between;
}
.support__banks{
margin-top:70px;
flex-wrap:wrap;
justify-content:flex-start;
gap:20px;
}
.support__banks .bank__item{
height:430px;
}
.banks__open-active .support__hide{
max-height:500px;
}
.banks__open-active.support__open{
background:#0d102c;
}
@media screen and (max-width:600px){
.support__banks .bank__item{
height:auto;
}
}
/*top slider*/
.topslider{
position:relative;
background-image:url(/dist/images/donaters/slider-bg.svg);
background-size:cover;
background-position:center;
height:100%;
width:100%;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
z-index:10;
}
.topslider .slick-list,.topslider .slick-track{
height:100%;
}
.topslider__item{
position:relative;
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
padding:50px;
}
.topslider__item--fourth{
position:relative;
background-repeat:no-repeat;
background-image:url(/dist/images/donaters/promo-bg.png),url(/dist/images/donaters/promo-img-bg.png),url(/dist/images/donaters/promo-icon-1.svg),url(/dist/images/donaters/promo-icon-2.svg),url(/dist/images/donaters/promo-icon-3.svg);
background-position:center top 25%,right bottom -15%,right top 10%,right bottom 20%,left bottom;
}
.topslider__item--fourth h2{
font-size:54px;
line-height:1.3;
text-shadow:unset;
margin-bottom:16px;
text-transform:unset;
}
.topslider__item--fourth p{
font-weight:600;
}
@media (max-width:1200px){
.topslider__item--fourth h2{
font-size:40px !important;
}
}
.topslider__item--first{
background-image:url(/dist/images/donaters/banner3glst.jpg),url(/dist/images/donaters/banner3glst.jpg);
background-repeat:no-repeat;
background-position:top center,bottom center;
background-size:contain;
/*width:531px !important;*/
background-position-y:3px;
}
.topslider__item--second{
background-image:url(/dist/images/donaters/topslider-dec3.svg),url(/dist/images/donaters/topslider-dec4.svg);
background-repeat:no-repeat;
background-position:top left,bottom right;
}
.topslider__item--third{
background-image:url(/dist/images/donaters/topslider-dec5.svg),url(/dist/images/donaters/topslider-dec6.png);
background-repeat:no-repeat;
background-position:top,bottom;
background-size:contain;
}
.topslider__item h2{
font-weight:700;
font-size:32px;
line-height:1.5;
color:#ffffff;
text-transform:uppercase;
text-shadow:0 0 9px #7276F1;
}
.topslider__title{
position:relative;
margin-bottom:30px;
}
.topslider__title::before,.topslider__title::after{
content:'';
position:absolute;
height:100px;
width:100px;
background-image:url(/dist/images/donaters/topslider-title-dec.svg);
background-size:contain;
background-repeat:no-repeat;
pointer-events:none;
}
.topslider__title::before{
top:-70px;
right:-30px;
}
.topslider__title::after{
bottom:-70px;
left:-85px;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.topslider__text{
font-size:22px;
font-weight:600;
line-height:1.5;
color:#fff;
text-shadow:0 0 7px rgba(191,217,232,0.46);
}
.topslider__link{
position:relative;
color:#fff;
font-weight:600;
font-size:20px;
line-height:1.5;
text-shadow:0 0 7px #7579FF;
border-bottom:1px solid #fff;
}
.topslider__link:hover{
border-bottom-color:transparent;
}
.topslider__link::after{
content:'';
position:absolute;
height:60px;
width:60px;
background-image:url(/dist/images/donaters/icon-cursor.svg);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
bottom:-75px;
pointer-events:none;
}
/*Top donators*/
.top-donators{
position:relative;
padding:150px 0 0 0;
background-image:url(/dist/images/donaters/donator-icon-l.svg),url(/dist/images/donaters/donator-icon-r.svg);
background-repeat:no-repeat;
background-position:left center,right center;
}
.top-donators__title{
font-size:40px;
font-weight:700;
text-align:center;
margin-bottom:75px;
letter-spacing:0.01em;
text-shadow:0 0 4px rgba(255,255,255,0.83);
}
.donators-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
overflow:hidden;
}
.donators-item{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:0 10px;
width:calc(100% / 5);
margin-bottom:150px;
}
.donators-item::before{
content:'';
display:inline-block;
width:120px;
height:80px;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
}
.donators-item::after{
content:'';
position:absolute;
width:4px;
height:117px;
border-radius:50px;
background-color:#fff;
-webkit-box-shadow:0 0 22px #612CF8;
box-shadow:0 0 22px #612CF8;
right:0;
top:20%;
-webkit-transform:rotate(30deg);
transform:rotate(30deg);
}
.donators-item:nth-child(odd)::after{
-webkit-transform:rotate(-30deg);
transform:rotate(-30deg);
}
.donators-item:nth-child(5n)::after{
display:none;
}
.donators-item--m::before{
background-image:url(/dist/images/donaters/donator-icon-m.svg);
}
.donators-item--m .donators-item__name,.donators-item--m .donators-item__cost{
text-shadow:0 0 12px #005BFF;
}
.donators-item--f::before{
background-image:url(/dist/images/donaters/donator-icon-f.svg);
}
.donators-item--f .donators-item__name,.donators-item--f .donators-item__cost{
text-shadow:0 0 12px rgba(255,0,199,0.58);
}
.donators-item__img{
height:100px;
width:100px;
border-radius:50%;
margin-bottom:20px;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}
.donators-item__name{
font-size:20px;
font-weight:700;
line-height:1.3;
letter-spacing:0.1em;
margin-bottom:20px;
}
.donators-item__email{
font-weight:500;
font-size:16px;
line-height:1.3;
letter-spacing:0.1em;
margin-bottom:20px;
}
.donators-item__cost{
font-size:24px;
font-weight:700;
line-height:1.3;
letter-spacing:0.1em;
}
.donators{
position:relative;
padding-top:170px;
overflow:hidden;
}
.donators__container{
max-width:980px;
margin:0 auto;
}
.donators-slider .owl-stage-outer{
padding:15px 0;
overflow:unset;
}
.donators-slider .owl-item{
-webkit-transition:opacity 0.35s ease;
-o-transition:opacity 0.35s ease;
transition:opacity 0.35s ease;
opacity:0.1;
}
.donators-slider .owl-item.center{
opacity:1;
}
.donators-slider .owl-prev{
left:-10px;
}
.donators-slider .owl-next{
right:-10px;
}
.donators-slider .owl-nav{
position:absolute;
display:block !important;
height:1px;
width:100%;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}
.donators-slider .owl-nav button{
position:absolute;
border-radius:0 !important;
margin:0 !important;
}
.donators-slider .owl-nav button:hover{
background-color:transparent !important;
}
.donators-slider .owl-nav button:hover svg{
fill:#fff;
}
.donators-slider .owl-nav button:hover svg path{
stroke:#131212;
}
.donators-slider .owl-nav button svg{
display:block;
height:43px;
width:43px;
fill:#131212;
-webkit-transition:all 0.25s ease;
-o-transition:all 0.25s ease;
transition:all 0.25s ease;
}
.donators-slider .owl-nav button svg path{
stroke:#fff;
}
.donators-slider__item{
padding:30px 40px;
border:2px solid rgba(0,240,255,0.98);
-webkit-box-shadow:0 0 12px rgba(0,240,255,0.98),inset 0 0 12px rgba(0,240,255,0.98);
box-shadow:0 0 12px rgba(0,240,255,0.98),inset 0 0 12px rgba(0,240,255,0.98);
border-radius:10px;
}
.donators-slider__title{
position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
font-size:30px;
font-weight:700;
color:#fff;
text-align:center;
margin-bottom:20px;
letter-spacing:0.01em;
text-shadow:0 0 4px #fff;
}
.donators-slider__title::before{
content:"";
width:100px;
height:100px;
background-image:url("data:image/svg+xml,%3Csvg width='100' height='82' viewBox='0 0 100 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_18_618)'%3E%3Cpath d='M31.5612 57.5819C31.5551 57.5834 31.549 57.5848 31.543 57.5863L25.1815 34.298L35.0282 39.7721L36.4419 40.5581L37.5061 39.34L49.9491 25.0981L61.5482 39.2898L62.5789 40.5509L64.0226 39.7969L74.5338 34.3075L66.7532 57.6123C66.7057 57.6009 66.6574 57.5894 66.6084 57.5777C65.3908 57.2872 63.6881 56.9003 61.7449 56.5134C57.8956 55.7472 52.9643 54.9529 48.9848 54.96C45.0494 54.967 40.1743 55.7611 36.369 56.524C34.448 56.9091 32.7648 57.2936 31.5612 57.5819Z' stroke='%23005BFF' stroke-width='4'/%3E%3C/g%3E%3Cpath d='M29.8782 59.0819L22.6261 32.533C22.3928 31.6788 23.3028 30.9652 24.0766 31.3954L35.2931 37.6311C35.7054 37.8603 36.2218 37.7703 36.5321 37.4151L49.2215 22.8911C49.6287 22.425 50.3572 22.437 50.7488 22.9162L62.5814 37.3936C62.8815 37.7607 63.3983 37.8666 63.8186 37.6471L75.804 31.3878C76.6015 30.9713 77.5003 31.7375 77.2154 32.5909L68.3494 59.1467C68.1874 59.6319 67.6905 59.9185 67.1897 59.815C64.3578 59.2296 55.2616 57.4573 48.9884 57.4667C42.8288 57.4759 33.9193 59.2112 31.0537 59.8041C30.5317 59.9121 30.0187 59.5961 29.8782 59.0819Z' stroke='white' stroke-width='5' stroke-linecap='round'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_18_618' x='0' y='0' width='100' height='82' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='11' result='effect1_foregroundBlur_18_618'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-position:center;
background-size:contain;
margin-top:-30px;
margin-bottom:-20px;
}
.donators-slider table{
width:100%;
border-collapse:collapse;
}
.donators-slider table tr:not(:last-child){
border-bottom:2px solid rgba(0,240,255,0.98);
}
.donators-slider table td{
font-weight:700;
padding:12px 0;
font-size:17px;
}
.donators-slider table td:not(:first-child){
text-align:center;
}
.donators-slider table td:nth-child(3){
font-weight:500;
color:#C4C4C4;
font-size:14px;
word-break:break-all;
}
@media (max-width:1100px){
.donators-slider .owl-prev{
left:0;
}
.donators-slider .owl-next{
right:0;
}
}
@media (max-width:780px){
.donators{
padding-top:50px;
}
.donators-slider__item{
padding:30px 40px;
}
.donators-slider__title{
font-size:35px;
margin-bottom:20px;
}
}
@media (max-width:480px){
.donators-slider:hover .owl-nav button svg{
height:34px;
width:34px;
}
.donators-slider .owl-nav button svg{
height:22px;
width:22px;
}
.donators-slider__item{
padding:30px 20px 15px;
-webkit-box-shadow:0 0 12px rgba(0,240,255,0.5),inset 0 0 12px rgba(0,240,255,0.5);
box-shadow:0 0 12px rgba(0,240,255,0.5),inset 0 0 12px rgba(0,240,255,0.5);
border-width:1px;
}
.donators-slider__title::before{
height:80px;
width:80px;
margin-top:-20px;
margin-bottom:-10px;
}
.donators-slider table td{
font-size:12px;
font-weight:500;
padding:16px 0;
}
.donators-slider table td:not(:first-child){
color:#C4C4C4;
}
.donators-slider table td:nth-child(2){
color:#fff;
}
.donators-slider table td:nth-child(3){
font-size:12px;
padding:0 4px;
}
}
@media (max-width:1200px){
.topslider__item h2:not(.topslider__title){
font-size:20px;
}
.donators-item{
width:calc(100% / 4);
margin-bottom:50px;
}
.donators-item::after{
display:block;
}
.donators-item:nth-child(5n)::after{
display:unset;
}
.donators-item:nth-child(4n)::after{
display:none;
}
}
@media (max-width:968px){
.topslider__text br{
display:none;
}
.top-donators{
background-size:10vw;
}
.donators-item{
width:calc(100% / 3);
}
.donators-item:nth-child(4n)::after{
display:unset;
}
.donators-item:nth-child(3n)::after{
display:none;
}
}
@media (max-width:768px){
.top-donators{
background-size:20vw;
}
.donators-item{
width:50%;
}
.donators-item:nth-child(3n)::after{
display:unset;
}
.donators-item:nth-child(2n)::after{
display:none;
}
}
@media (max-width:480px){
.top-donators{
background-size:30vw;
padding-top:70px;
}
.top-donators__title{
font-size:30px;
margin-bottom:50px;
}
.donators-item{
width:50%;
margin-bottom:30px;
}
.donators-item::after{
display:none !important;
}
.donators-item__email{
font-size:12px;
}
}
.fz-1{
font-size:0.25rem;
}
.fz-2{
font-size:0.5rem;
}
.fz-3{
font-size:0.75rem;
}
.fz-4{
font-size:1rem;
}
.fz-5{
font-size:1.25rem;
}
.fz-6{
font-size:1.5rem;
}
.fz-7{
font-size:1.75rem;
}
.fz-8{
font-size:2rem;
}
.pt-1{
padding-top:0.25rem;
}
.pt-2{
padding-top:0.5rem;
}
.pt-3{
padding-top:0.75rem;
}
.pt-4{
padding-top:1rem;
}
.pt-5{
padding-top:1.25rem;
}
.pt-6{
padding-top:1.5rem;
}
.pt-7{
padding-top:1.75rem;
}
.pt-8{
padding-top:2rem;
}
.pb-1{
padding-bottom:0.25rem;
}
.pb-2{
padding-bottom:0.5rem;
}
.pb-3{
padding-bottom:0.75rem;
}
.pb-4{
padding-bottom:1rem;
}
.pb-5{
padding-bottom:1.25rem;
}
.pb-6{
padding-bottom:1.5rem;
}
.pb-7{
padding-bottom:1.75rem;
}
.pb-8{
padding-bottom:2rem;
}
.pl-1{
padding-left:0.25rem;
}
.pl-2{
padding-left:0.5rem;
}
.pl-3{
padding-left:0.75rem;
}
.pl-4{
padding-left:1rem;
}
.pl-5{
padding-left:1.25rem;
}
.pl-6{
padding-left:1.5rem;
}
.pl-7{
padding-left:1.75rem;
}
.pl-8{
padding-left:2rem;
}
.pr-1{
padding-right:0.25rem;
}
.pr-2{
padding-right:0.5rem;
}
.pr-3{
padding-right:0.75rem;
}
.pr-4{
padding-right:1rem;
}
.pr-5{
padding-right:1.25rem;
}
.pr-6{
padding-right:1.5rem;
}
.pr-7{
padding-right:1.75rem;
}
.pr-8{
padding-right:2rem;
}
.mt-auto{
margin-top:auto;
}
.mt-0{
margin-top:0!important;
}
.mt-1{
margin-top:0.25rem;
}
.mt-2{
margin-top:0.5rem;
}
.mt-3{
margin-top:0.75rem;
}
.mt-4{
margin-top:1rem!important;
}
.mt-5{
margin-top:1.25rem;
}
.mt-6{
margin-top:1.5rem;
}
.mt-7{
margin-top:1.75rem;
}
.mt-8{
margin-top:2rem;
}
.mb-auto{
margin-bottom:auto;
}
.mb-0{
margin-bottom:0!important;
}
.mb-1{
margin-bottom:0.25rem;
}
.mb-2{
margin-bottom:0.5rem;
}
.mb-3{
margin-bottom:0.75rem;
}
.mb-4{
margin-bottom:1rem;
}
.mb-5{
margin-bottom:1.25rem;
}
.mb-6{
margin-bottom:1.5rem;
}
.mb-7{
margin-bottom:1.75rem;
}
.mb-8{
margin-bottom:2rem;
}
.ml-auto{
margin-left:auto;
}
.ml-1{
margin-left:0.25rem;
}
.ml-2{
margin-left:0.5rem;
}
.ml-3{
margin-left:0.75rem;
}
.ml-4{
margin-left:1rem;
}
.ml-5{
margin-left:1.25rem;
}
.ml-6{
margin-left:1.5rem;
}
.ml-7{
margin-left:1.75rem;
}
.ml-8{
margin-left:2rem;
}
.mr-auto{
margin-right:auto;
}
.mr-1{
margin-right:0.25rem;
}
.mr-2{
margin-right:0.5rem;
}
.mr-3{
margin-right:0.75rem;
}
.mr-4{
margin-right:1rem;
}
.mr-5{
margin-right:1.25rem;
}
.mr-6{
margin-right:1.5rem;
}
.mr-7{
margin-right:1.75rem;
}
.mr-8{
margin-right:2rem;
}
.gap-1{
gap:0.25rem;
}
.gap-2{
gap:0.5rem;
}
.gap-3{
gap:0.75rem;
}
.gap-4{
gap:1rem;
}
.gap-5{
gap:1.25rem;
}
.gap-6{
gap:1.5rem;
}
.gap-7{
gap:1.75rem;
}
.gap-8{
gap:2rem;
}
.d-xs-block,.d-xs-flex,.d-xs-inline-flex{display:none !important}
@media (max-width:480px){
.d-xs-none{display:none !important}
.d-xs-block{display:block !important}
.d-xs-flex{display:flex !important}
.d-xs-inline-flex{display:inline-flex !important}
}
.fw-100{
font-weight:100;
}
.fw-200{
font-weight:200;
}
.fw-300{
font-weight:300;
}
.fw-400{
font-weight:400;
}
.fw-500{
font-weight:500;
}
.fw-600{
font-weight:600;
}
.fw-700{
font-weight:700;
}
.fw-800{
font-weight:800;
}
.fw-900{
font-weight:900;
}
.wallet{
max-width:500px;
}
.wallet-info{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:2px solid #fff;
padding:0.5rem 0;
gap:1rem;
}
.wallet-info__title{
font-size:24px;
font-weight:600;
}
.wallet-info__balance{
position:relative;
display:flex;
align-items:center;
color:#00F0FF;
text-shadow:0 0 12px rgba(0,240,255,0.76);
font-weight:600;
font-size:36px;
white-space:nowrap;
}
.wallet-info__balance::after{
content:"";
height:32px;
width:32px;
flex:none;
background-image:url("/dist/img/deels_cur.svg");
background-repeat:no-repeat;
background-size:contain;
background-position:cebter;
}
.small_coin{
width:20px;
height:20px;
margin-left:5px;
}
.medium_coin{
width:30px;
height:30px;
}
.wallet-info__balance.rub::after{
background-image:none!important;
content:'₽';
top:-6px;
left:5px;
position:relative;
}
.wallet-info__text{
font-size:14px;
}
@media (max-width:780px){
.wallet-info__text{
position:absolute;
right:0;
bottom:-24px;
}
}
.wallet-content{
margin-bottom:4rem;
display:flex;
flex-direction:column;
gap:2rem;
}
@media (max-width:780px){
.wallet-content{
gap:3rem;
}
}
.wallet-content__footer{
display:flex;
flex-wrap:wrap;
gap:1rem;
}
.wallet-content__footer .btn{
display:inline-flex;
align-items:center;
justify-content:center;
max-height:50px;
flex:1;
text-align:center;
}
.wallet-content__footer .btn::before{
pointer-events:none;
width:unset;
height:unset;
}
.wallet-wrap{
overflow-x:auto;
padding-bottom:1rem;
margin-bottom:2rem;
}
.wallet-pagination{
display:flex;
align-items:center;
}
.wallet-pagination__btn{
background-color:transparent;
border:0;
height:30px;
width:30px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
flex:none;
color:#fff;
stroke:currentColor;
}
.wallet-pagination__btn:hover{
color:#00F0FF;
}
.wallet-pagination__list{
display:flex;
}
.wallet-pagination li>*{
position:relative;
font-size:14px;
padding:0.5em 0.7em;
display:inline-block;
}
.wallet-pagination li>*.active,.wallet-pagination li>*:hover{
color:#00F0FF;
}
.wallet-table thead th:first-child{
text-align:left;
}
.wallet-table td,.wallet-table th{
font-size:14px;
white-space:nowrap;
padding:1.5em 2em;
border:2px solid #5B3C68;
border-collapse:collapse;
}
.wallet-table tr>*:not(:first-child){
text-align:center;
}
.popup--sm{
max-width:600px;
padding:50px 30px;
}
@media (max-width:780px){
.popup--sm{
padding:70px 10px 30px;
}
}
.popup--sm .mfp-close{
top:20px;
right:20px;
}
.popup--sm b{
font-weight:600;
}
.popup--sm input{
background-color:transparent;
border-bottom:2px solid #fff;
border-radius:0;
outline:none;
color:#fff;
padding:1rem 0.5rem;
font-size:16px;
max-width:100%;
text-align:center;
font-size:24px;
}
.popup--sm input:focus{
border-color:#00F0FF;
}
.popup--sm input::-moz-placeholder{
font-size:1rem;
}
.popup--sm input::placeholder{
font-size:1rem;
}
.flex-column{
flex-direction:column;
}
.jc-start{
justify-content:flex-start;
}
.jc-end{
justify-content:flex-end;
}
.jc-center{
justify-content:center;
}
.jc-between{
justify-content:space-between;
}
.jc-auround{
justify-content:space-around;
}
.ai-start{
align-items:flex-start;
}
.ai-end{
align-items:flex-end;
}
.ai-center{
align-items:center;
}
.ai-between{
align-items:space-between;
}
.ai-auround{
align-items:space-around;
}
.text-center{
text-align:center;
}
.text-uppercase{
text-transform:uppercase;
}
/* copystories */
@media (max-width:780px){
.copystories-btn{
display:none;
}
}
.copystories-info{
font-size:10px;
display:flex;
align-items:center;
white-space:nowrap;
}
.copystories-info::before{
content:"";
flex:none;
height:24px;
width:24px;
background-repeat:no-repeat;
background-position:center;
background-repeat:no-repeat;
}
@media (max-width:780px){
.copystories-info--likes{
/*display:none;*/
}
}
.copystories-info--likes::before{
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.46875 7.5C7.76016 7.5 6.375 8.8451 6.375 10.5043C6.375 13.5086 10.0312 16.2397 12 16.875C13.9688 16.2397 17.625 13.5086 17.625 10.5043C17.625 8.8451 16.2398 7.5 14.5312 7.5C13.485 7.5 12.5597 8.00445 12 8.77655C11.7147 8.38195 11.3357 8.05991 10.8951 7.83771C10.4545 7.6155 9.96524 7.49966 9.46875 7.5Z' stroke='white' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width:780px){
.copystories-info--comments{
/*display:none;*/
}
}
.copystories-info--comments::before{
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.25C13.1125 17.25 14.2001 16.9421 15.1251 16.3652C16.0501 15.7883 16.7711 14.9684 17.1968 14.0091C17.6226 13.0498 17.734 11.9942 17.5169 10.9758C17.2999 9.95738 16.7641 9.02192 15.9775 8.28769C15.1908 7.55347 14.1885 7.05345 13.0974 6.85088C12.0062 6.64831 10.8752 6.75227 9.8474 7.14963C8.81957 7.54699 7.94107 8.2199 7.32298 9.08326C6.7049 9.94662 6.375 10.9616 6.375 12C6.375 12.868 6.6 13.6858 7 14.4074L6.375 17.25L9.42062 16.6667C10.1931 17.0394 11.0706 17.25 12 17.25Z' stroke='white' stroke-width='0.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.copystories-info--views::before{
background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9648 9.84423C17.9418 9.79423 17.3777 8.61154 16.118 7.42051C14.9492 6.31667 12.9411 5 10 5C7.05895 5 5.05079 6.31667 3.88196 7.42051C2.62228 8.61154 2.05821 9.79231 2.03516 9.84423C2.01198 9.89346 2 9.94675 2 10.0006C2 10.0545 2.01198 10.1078 2.03516 10.1571C2.05821 10.2064 2.62228 11.3891 3.88196 12.5801C5.05079 13.684 7.05895 15 10 15C12.9411 15 14.9492 13.684 16.118 12.5801C17.3777 11.3891 17.9418 10.2083 17.9648 10.1571C17.988 10.1078 18 10.0545 18 10.0006C18 9.94675 17.988 9.89346 17.9648 9.84423ZM10 14.2308C7.87252 14.2308 6.01487 13.4987 4.4779 12.0558C3.8336 11.4504 3.28839 10.7575 2.86025 10C3.28827 9.24264 3.8335 8.54996 4.4779 7.94487C6.01487 6.50128 7.87252 5.76923 10 5.76923C12.1275 5.76923 13.9851 6.50128 15.5221 7.94487C16.1665 8.54996 16.7117 9.24264 17.1397 10C16.7079 10.7827 14.5424 14.2308 10 14.2308ZM10 7.05128C9.38318 7.05128 8.78022 7.22422 8.26735 7.54823C7.75449 7.87224 7.35476 8.33277 7.11871 8.87157C6.88267 9.41038 6.82091 10.0033 6.94124 10.5753C7.06158 11.1473 7.3586 11.6727 7.79476 12.0851C8.23091 12.4974 8.78661 12.7783 9.39158 12.8921C9.99654 13.0058 10.6236 12.9474 11.1935 12.7243C11.7633 12.5011 12.2504 12.1231 12.5931 11.6382C12.9358 11.1533 13.1187 10.5832 13.1187 10C13.1176 9.21826 12.7887 8.46884 12.2041 7.91607C11.6194 7.36329 10.8268 7.0523 10 7.05128ZM10 12.1795C9.54409 12.1795 9.09842 12.0517 8.71935 11.8122C8.34027 11.5727 8.04482 11.2323 7.87035 10.8341C7.69589 10.4358 7.65024 9.99758 7.73918 9.5748C7.82812 9.15202 8.04766 8.76368 8.37004 8.45887C8.69241 8.15406 9.10315 7.94649 9.5503 7.86239C9.99744 7.7783 10.4609 7.82146 10.8821 7.98642C11.3033 8.15138 11.6633 8.43073 11.9166 8.78914C12.1699 9.14756 12.3051 9.56894 12.3051 10C12.3051 10.578 12.0623 11.1324 11.63 11.5411C11.1977 11.9499 10.6114 12.1795 10 12.1795Z' fill='white'/%3E%3C/svg%3E%0A");
}
.copystories-info--users::before{
background-image:url("/img/users.svg");
width:12px;
height:12px;
background-size:cover;
margin-right:5px;
}
.copystories-info--participants{
font-size:11px;
display:flex;
align-items:center;
justify-content:center;
vertical-align:middle;
margin-top:5px;
}
.copystories-info--participants::before{
background-image:url("/img/hand-o.svg");
width:9px;
height:12px;
background-size:cover;
margin-right:5px;
margin-top:-2px;
}
.copystories-list{
margin-top:40px;
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:1.5rem;
}
@media (max-width:780px){
.copystories-list.catalog-list{
grid-template-columns:2fr 2fr!important;
}
.copystories-list{
gap:15px;
}
.dashboard_buttons{
flex-direction:column;
}
.dashboard_button{
margin:3px 0;
}
}
.copystories-item{
position:relative;
aspect-ratio:1/1.53;
overflow:hidden;
}
.story_content{
display:flex;
align-items:center;
justify-content:center;
}
.modal_story .popup__modal{
max-width:400px;
}
.story_paid .copystories-item__content:before,
.story_paid .challenge-card__content:before{
content:""!important;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.2);
z-index:2;
border-radius:10px;
background-image:url(/images/icon/closed.svg);
background-position:center;
background-repeat:no-repeat;
}
.story_paid .challenge-card__content{
background-color:rgba(0,0,0,0.4);
}
.copystories-item__info{
display:flex;
align-items:center;
justify-content:center;
gap:5px;
}
.copystories-item__img{
position:absolute;
height:100%;
width:100%;
-o-object-fit:cover;
object-fit:cover;
top:0;
left:0;
pointer-events:none;
transition:transform 0.35s ease 0.1s;
}
.copystories-item__content{
height:100%;
width:100%;
left:0;
top:0;
position:absolute;
display:flex;
gap:1rem;
align-items:center;
justify-content:center;
flex-direction:column;
background-color:rgba(0,0,0,0.4);
transition:transform 0.25s ease;
}
@media (min-width:781px){
.copystories-item:hover .copystories-item__content{
transform:scale(1.3);
}
.copystories-item:hover .copystories-item__img{
transform:scale(1.1);
}
}
.play-btn{
position:relative;
height:46px;
width:46px;
border-radius:50px;
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
overflow:hidden;
}
.play-btn::after{
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background-repeat:no-repeat;
background-image:url("data:image/svg+xml,%3Csvg width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.01807 16.5581C1.58705 16.8426 1.15085 16.8592 0.709486 16.608C0.268119 16.3568 0.0470046 15.9681 0.0461426 15.442V1.85124C0.0461426 1.326 0.267256 0.937316 0.709486 0.685198C1.15171 0.43308 1.58791 0.449713 2.01807 0.735097L12.5566 7.53045C12.9445 7.79308 13.1385 8.16513 13.1385 8.6466C13.1385 9.12808 12.9445 9.50012 12.5566 9.76275L2.01807 16.5581Z' fill='white'/%3E%3C/svg%3E%0A");
background-position:top 50% left 55%;
}
.pause-btn{
position:relative;
height:46px;
width:46px;
border-radius:50px;
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
overflow:hidden;
}
.pause-btn::after{
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background-repeat:no-repeat;
background-position:top 50% left 55%;
}
.lock-btn{
position:relative;
height:46px;
width:46px;
overflow:hidden;
}
.lock-btn::after{
content:"";
position:absolute;
height:100%;
width:100%;
background-repeat:no-repeat;
background-image:url("data:image/svg+xml,%3Csvg width='81' height='81' viewBox='0 0 81 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4277 76.5098C17.5715 76.5098 15.9819 75.8483 14.6589 74.5253C13.3359 73.2023 12.6755 71.6138 12.6777 69.7598V36.0098C12.6777 34.1535 13.3392 32.5639 14.6622 31.2409C15.9852 29.9179 17.5737 29.2575 19.4277 29.2598H22.8027V22.5098C22.8027 17.841 24.4486 13.8608 27.7404 10.569C31.0321 7.27727 35.0112 5.63252 39.6777 5.63477C44.3465 5.63477 48.3267 7.28064 51.6185 10.5724C54.9102 13.8641 56.555 17.8433 56.5527 22.5098V29.2598H59.9277C61.784 29.2598 63.3736 29.9213 64.6966 31.2443C66.0196 32.5673 66.68 34.1558 66.6777 36.0098V69.7598C66.6777 71.616 66.0162 73.2056 64.6932 74.5286C63.3702 75.8516 61.7817 76.512 59.9277 76.5098H19.4277ZM39.6777 59.6348C41.534 59.6348 43.1236 58.9733 44.4466 57.6503C45.7696 56.3273 46.43 54.7388 46.4277 52.8848C46.4277 51.0285 45.7662 49.4389 44.4432 48.1159C43.1202 46.7929 41.5317 46.1325 39.6777 46.1348C37.8215 46.1348 36.2319 46.7963 34.9089 48.1193C33.5859 49.4423 32.9255 51.0308 32.9277 52.8848C32.9277 54.741 33.5892 56.3306 34.9122 57.6536C36.2352 58.9766 37.8237 59.637 39.6777 59.6348ZM29.5527 29.2598H49.8027V22.5098C49.8027 19.6973 48.8184 17.3066 46.8496 15.3379C44.8809 13.3691 42.4902 12.3848 39.6777 12.3848C36.8652 12.3848 34.4746 13.3691 32.5059 15.3379C30.5371 17.3066 29.5527 19.6973 29.5527 22.5098V29.2598Z' fill='%2300F0FF' fill-opacity='0.4'/%3E%3C/svg%3E%0A");
background-size:contain;
}
@media (max-width:1280px){
.header__icons{
gap:12px;
margin-top:15px;
}
}
.header__search{
position:relative;
left:unset;
}
.header-balance{
position:relative;
}
.header-balance__btn{
cursor:pointer;
}
.header-balance__btn:hover~.header-balance__content{
opacity:1;
visibility:visible;
pointer-events:auto;
}
.header-balance__content{
right:-135px;
position:absolute;
top:100%;
background-color:#170F34;
border:1px solid #00F0FF;
border-radius:10px;
padding:30px;
min-width:270px;
width:100%;
transition:0.35s ease;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:1rem;
opacity:0;
visibility:hidden;
pointer-events:none;
}
@media (max-width:780px){
.header-balance__content{
right:-50px;
}
}
.header-balance__content:hover{
opacity:1;
visibility:visible;
pointer-events:auto;
}
.header-balance__content .btn{
max-height:40px;
padding:10px;
width:100%;
text-align:center;
justify-content:center;
}
.header-balance__content .btn::before{
height:100%;
}
/* РРЋЃтРРЎвЂ˜РР’В»РРЎвЂ˜ РРЋвЂРЋатРР’В° */
.header-chat__btn{
position:relative;
}
.header-chat__btn[data-badge]::after{
content:attr(data-badge);
position:absolute;
height:14px;
width:14px;
border-radius:50px;
font-size:10px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background-color:#FC3939;
right:-4px;
top:-4px;
}
.header-chat__btn svg,.story__button svg{
stroke:white;
}
.story__share{
max-height:50px;
display:inline-flex;
align-items:center;
justify-content:center;
}
.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more{
background-image:url('/images/icon/share.svg')!important;
background-size:cover !important;
}
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short{
padding:0!important;
background:transparent!important;
}
.ya-share2__container_mobile.ya-share2__container_size_m .ya-share2__icon{
width:28px!important;
height:28px!important;
}
.ya-share2__mobile-popup-badge{
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.story__share svg{
stroke:inherit;
fill:#ffffff;
}
.story__button.blank{
background-image:none!important;
}
.story__button.active svg{
fill:#FF453A;
stroke:#FF453A;
}
.abuse{
display:none;
background:#FF453A;
cursor:pointer;
color:#ffffff;
padding:3px;
border-radius:50%;
overflow:hidden;
font-size:10px;
line-height:10px;
width:15px;
height:15px;
text-align:center;
margin-left:5px;
position:absolute;
right:40px;
}
.abuse:hover{
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
}
.header-chat__btn:hover svg,.header-chat__btn.active svg{
stroke:#00f0ff
}
.chat_btn{
background-image:url('/dist/images/chat.svg')!important;
}
.follow_button{
background-image:url('/dist/images/follow.svg')!important;
}
.follow_button.active{
background-image:url('/dist/images/follow_active.svg')!important;
}
.chat{
position:absolute;
border:1px solid #00F0FF;
background-color:#170F34;
border-radius:10px;
padding:35px;
max-width:570px;
width:100%;
z-index:99999;
top:100px;
right:30px;
max-height:70vh;
height:600px;
opacity:0;
pointer-events:none;
visibility:hidden;
transition:visibility 0.35s ease,opacity 0.35s ease,bottom 0.35s ease;
}
.chat.active{
opacity:1;
pointer-events:auto;
visibility:visible;
}
@media (max-width:780px){
.chat{
right:-10px;
}
}
@media (max-width:480px){
.chat{
position:fixed;
height:450px;
padding:20px;
top:unset;
bottom:-100%;
max-width:100%;
width:100%;
right:0;
left:0;
border-radius:10px 10px 0 0;
}
.chat.active{
bottom:0;
}
}
.chat-form{
width:100%;
}
.chat-form__wrap{
position:relative;
}
.chat-form__wrap input{
height:40px;
width:100%;
border-radius:6px;
background-color:transparent;
border:1px solid rgba(255,255,255,0.2);
padding:10px 70px 10px 20px;
color:#fff;
font-size:14px;
font-weight:400;
transition:border-color 0.25s;
}
.chat-form__wrap input::-moz-placeholder{
color:#fff;
font-size:14px;
font-weight:400;
-moz-transition:opacity 0.25s;
transition:opacity 0.25s;
}
.chat-form__wrap input::placeholder{
color:#fff;
font-size:14px;
font-weight:400;
transition:opacity 0.25s;
}
.chat-form__wrap input:focus{
border-color:rgba(255,255,255,0.3);
}
.chat-form__wrap input:focus::-moz-placeholder{
opacity:0;
}
.chat-form__wrap input:focus::placeholder{
opacity:0;
}
.chat-form__wrap button{
position:absolute;
right:10px;
height:40px;
width:40px;
background-color:transparent;
border:0;
cursor:pointer;
}
.chat__wrap{
flex-direction:column;
height:100%;
gap:1rem;
display:none;
}
.chat__wrap.active{
display:flex;
}
.chat-head{
display:flex;
flex-direction:column;
gap:20px;
}
.chat-head__wrap{
display:flex;
align-items:center;
gap:1rem;
justify-content:space-between;
}
.chat-head__title{
font-weight:700;
font-size:40px;
}
@media (max-width:480px){
.chat-head__title{
font-size:30px;
}
}
.chat-head__btn{
background-color:transparent;
border:0;
cursor:pointer;
}
.chat-head--bd{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #fff;
}
.chat-body{
flex:1;
overflow-y:auto;
padding-right:4px;
scrollbar-width:thin;
scrollbar-color:#00F0FF transparent;
}
.chat-messages-loader{
padding:8px 0 12px;
color:rgba(255,255,255,0.72);
font-size:13px;
line-height:1.2;
text-align:center;
}
.chat-body::-webkit-scrollbar{
width:3px;
height:3px;
}
.chat-body::-webkit-scrollbar-track{
background-color:rgba(255,255,255,0.1);
}
.chat-body::-webkit-scrollbar-thumb{
border-radius:10px;
background-color:#00F0FF;
}
.chat-footer{
margin-top:auto;
}
.chat-footer__form{
position:relative;
display:flex;
align-items:flex-end;
gap:1rem;
}
.chat-footer__form-wrap{
width:100%;
overflow:hidden;
border:2px solid rgba(255,255,255,0.2);
border-radius:10px;
}
.chat-footer__form button{
cursor:pointer;
border:0;
background-color:transparent;
}
@media (max-width:480px){
.chat-footer__form button{
position:absolute;
right:0;
height:24px;
width:24px;
display:flex;
align-items:center;
justify-content:center;
bottom:8px;
right:10px;
}
.chat-footer__form button svg{
height:100%;
width:100%;
}
}
.chat-footer__form textarea{
background-color:transparent;
width:calc(100% + 20px);
padding:10px 40px 10px 20px;
border:0;
transition:border-color 0.25s;
color:#fff;
font-size:14px;
line-height:1.7;
max-height:70px;
resize:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
overflow-y:auto;
scrollbar-color:transparent;
}
@media (max-width:480px){
.chat-footer__form textarea{
padding:10px 60px 10px 15px;
}
}
.chat-footer__form textarea::-moz-placeholder{
color:#fff;
font-size:14px;
font-weight:400;
-moz-transition:opacity 0.25s;
transition:opacity 0.25s;
}
.chat-footer__form textarea::placeholder{
color:#fff;
font-size:14px;
font-weight:400;
transition:opacity 0.25s;
}
.chat-footer__form textarea:focus{
border-color:rgba(255,255,255,0.3);
}
.chat-footer__form textarea:focus::-moz-placeholder{
opacity:0;
}
.chat-footer__form textarea:focus::placeholder{
opacity:0;
}
.chat-list{
display:flex;
flex-direction:column;
gap:10px;
}
.chat-list .chat-item{
padding:5px 10px 5px 0;
}
@media (min-width:481px){
.chat-list .chat-item{
padding:10px;
transition:background-color 0.25s ease;
background-color:transparent;
border-radius:10px;
cursor:pointer;
}
.chat-list .chat-item:hover{
background-color:rgba(0,240,255,0.2);
}
}
.chat-list .chat-item[data-count]::after{
content:attr(data-count);
margin-left:auto;
background-color:#00f0ff;
border-radius:50px;
display:flex;
align-items:center;
justify-content:center;
font-size:12px;
color:#170F34;
height:23px;
width:23px;
flex:none;
font-weight:600;
}
.chat-item{
display:flex;
align-items:center;
gap:10px;
width:100%;
}
.chat-item__avatar{
height:50px;
width:50px;
border-radius:50px;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
flex:none;
}
.chat-item__avatar--xs{
height:30px;
width:30px;
}
.chat-item__content{
display:flex;
flex-direction:column;
gap:5px;
max-width:calc(100% - 100px);
}
.chat-item__name{
font-size:16px;
font-weight:600;
color:#fff;
line-height:1.23;
}
@media (max-width:480px){
.chat-item__name{
font-size:14px;
}
}
.chat-item__message{
font-weight:400;
font-size:14px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
color:rgba(255,255,255,0.6);
}
@media (max-width:480px){
.chat-item__message{
font-size:12px;
}
}
.chat-wrap{
position:relative;
display:flex;
flex-direction:column;
gap:20px;
font-size:14px;
line-height:1.7;
}
.chat-wrap[data-info]{
/*border-top:1px solid rgba(255,255,255,0.5);*/
margin-top:20px;
padding-top:20px;
}
.chat-wrap[data-info]::before{
content:attr(data-info);
position:absolute;
text-align:center;
color:rgba(255,255,255,0.5);
font-size:12px;
top:-10px;
left:50%;
transform:translateX(-50%);
background-color:#170F34;
padding:0 1.5em;
}
.chat-wrap .chat-item{
align-items:flex-start;
}
.chat-message{
width:80%;
}
.chat-message--right{
color:#00f0ff;
margin-left:auto;
padding-right:10px;
}
.chat-message--right .chat-item{
justify-content:flex-end;
}
.story .mfp-close{
height:20px;
width:20px;
color:#fff;
top:20px;
right:20px;
opacity:1;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
text-indent:999999px;
background-size:contain;
background-image:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00008 1L31 31M1 31L30.9999 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.story{
margin:20px auto;
position:relative;
background:transparent;
width:100%;
height:100%;
max-width:375px;
max-height:710px;
overflow:hidden;
border-radius:4px;
}
.story-wrap{
width:100%;
max-width:375px;
}
.story.with_controls{
overflow-y:clip !important;
overflow:unset;
}
.profile-section-header{
display:flex;
justify-content:space-between;
align-items:center;
}
.profile-section-header .story__button-list{
position:relative!important;
top:0!important;
}
@media screen and (max-width:768px){
.profile-section-header{
flex-direction:column;
justify-content:flex-start;
}
.profile-section-header .story__button-list{
margin:20px 0;
}
}
.story__button{
padding:16px 0;
border:none;
color:#fff;
font-weight:600;
font-size:14px;
background-color:#0d102c;
border-radius:10px;
align-items:center;
cursor:pointer;
}
.story__button--light{
width:auto!important;
min-width:50px!important;
position:relative!important;
background-color:#131842!important;
}
.story__button_copy-link{
min-width:120px;
height:50px;
background-image:url(/images/icon/copy.svg);
background-position:center;
background-repeat:no-repeat;
}
.story__button_share-link{
min-width:60px!important;
width:auto!important;
height:50px;
background-image:url(/images/icon/share.svg);
background-position:center;
background-repeat:no-repeat;
}
@media screen and (max-width:1260px){
.story__button_copy-link{
width:50%;
}
}
.story--media{
height:90vh;
}
.story-donate__progress{
display:flex;
flex-direction:column;
gap:8px;
}
.story-donate__progress-bar{
display:flex;
gap:4px;
}
.story-donate__progress-bar span{
border-radius:4px;
height:4px;
background-color:#00F0FF;
box-shadow:0 0 10px rgba(0,240,255,0.5);
}
.story-donate__progress-bar span:last-child{
background-color:#fff;
box-shadow:0 0 10px rgba(255,255,255,0.5);
flex:1;
}
.story-donate__progress-text{
display:flex;
justify-content:space-between;
font-size:10px;
font-weight:600;
}
.story-donate-item{
display:grid;
grid-template-columns:0.8fr 1fr;
align-items:center;
gap:4px;
width:100%;
margin-bottom:1rem;
}
.story-donate-item table td{
padding:0;
font-weight:500;
font-size:12px;
padding:0.5em;
}
.story-donate-item table td:last-child{
text-align:right;
color:#00F0FF;
}
.story-donate-item__img{
flex:none;
position:relative;
padding-right:8px;
}
.story-donate-item__img img{
width:100%;
height:auto;
}
.story-donate-item__img::after{
content:"";
position:absolute;
right:0;
width:2px;
height:100%;
background-color:#00F0FF;
border-radius:4px;
}
.story-donate-content{
display:flex;
flex-direction:column;
gap:24px;
}
.story-donate-user{
gap:16px;
display:flex;
width:90%;
}
.story-donate-user img{
border-radius:50px;
flex:none;
}
.story-donate-user__name{
font-weight:600;
font-size:16px;
margin-bottom:4px;
}
.story-donate-user__text{
font-size:10px;
line-height:1.35;
}
.story-donate-form{
display:flex;
flex-direction:column;
gap:18px;
}
.story-donate-list{
display:flex;
gap:16px;
align-items:center;
overflow-y:hidden;
overflow-x:auto;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
padding:1em 0;
}
.story-donate-list::-webkit-scrollbar{
width:4px;
height:4px;
}
.story-donate-list::-webkit-scrollbar-track{
background-color:transparent;
background-color:#ccc;
border-radius:4px;
}
.story-donate-list::-webkit-scrollbar-thumb{
height:4px;
background:#00F0FF;
border-radius:4px;
}
.story-donate-list label{
position:relative;
cursor:pointer;
}
.story-donate-list label input{
height:1px;
width:1px;
position:absolute;
z-index:-1;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.story-donate-list label input:checked~span{
box-shadow:inset 0 0 0 2px #7579ff;
}
.story-donate-sum{
flex:none;
white-space:nowrap;
background-color:#00F0FF;
font-size:16px;
color:#2C2854;
font-weight:500;
padding:0.5em 2em;
border-radius:50px;
margin-bottom:0.5em;
display:inline-flex;
align-items:center;
}
.story-donate-input{
display:none;
border-radius:8px;
background-color:#fff;
font-size:16px;
padding:8px 16px;
}
.story-donate-input::-moz-placeholder{
font-size:14px;
color:rgba(60,60,67,0.6);
}
.story-donate-input::placeholder{
font-size:14px;
color:rgba(60,60,67,0.6);
}
.story-form__item{
position:relative;
display:flex;
align-items:center;
gap:8px;
}
.story-form__item img{
height:32px;
width:32px;
border-radius:50px;
flex:none;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}
.story-form__item textarea{
background-color:#fff;
border-radius:8px;
padding:8px 38px 8px 8px;
font-size:16px;
resize:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
font-family:inherit;
}
.story-form__item textarea::-moz-placeholder{
color:rgba(60,60,67,0.6);
}
.story-form__item textarea::placeholder{
color:rgba(60,60,67,0.6);
}
.story-form__item button{
background-color:transparent;
border:0;
position:absolute;
height:24px;
width:24px;
height:34px;
width:34px;
cursor:pointer;
background-repeat:no-repeat;
background-position:center;
right:0;
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7102 11.2899L12.7102 6.2899C12.6151 6.19886 12.5029 6.12749 12.3802 6.0799C12.1367 5.97988 11.8636 5.97988 11.6202 6.0799C11.4974 6.12749 11.3853 6.19886 11.2902 6.2899L6.29019 11.2899C6.19695 11.3831 6.12299 11.4938 6.07253 11.6156C6.02207 11.7375 5.99609 11.868 5.99609 11.9999C5.99609 12.2662 6.10188 12.5216 6.29019 12.7099C6.47849 12.8982 6.73388 13.004 7.00019 13.004C7.26649 13.004 7.52188 12.8982 7.71019 12.7099L11.0002 9.4099V16.9999C11.0002 17.2651 11.1055 17.5195 11.2931 17.707C11.4806 17.8945 11.735 17.9999 12.0002 17.9999C12.2654 17.9999 12.5198 17.8945 12.7073 17.707C12.8948 17.5195 13.0002 17.2651 13.0002 16.9999V9.4099L16.2902 12.7099C16.3831 12.8036 16.4937 12.878 16.6156 12.9288C16.7375 12.9796 16.8682 13.0057 17.0002 13.0057C17.1322 13.0057 17.2629 12.9796 17.3848 12.9288C17.5066 12.878 17.6172 12.8036 17.7102 12.7099C17.8039 12.6169 17.8783 12.5063 17.9291 12.3845C17.9798 12.2626 18.006 12.1319 18.006 11.9999C18.006 11.8679 17.9798 11.7372 17.9291 11.6153C17.8783 11.4935 17.8039 11.3829 17.7102 11.2899Z' fill='%2300F0FF'/%3E%3C/svg%3E%0A");
}
.story-comment{
overflow-y:auto;
max-height:300px;
padding-bottom:1rem;
}
.story-comment__name{
display:grid;
gap:10px;
}
.story-comment .comment_date{
font-size:12px;
font-weight:100;
opacity:.6;
}
.story-comment::-webkit-scrollbar{
width:16px;
border-radius:4px;
}
.story-comment::-webkit-scrollbar-track{
background-color:transparent;
border-radius:4px;
}
.story-comment::-webkit-scrollbar-thumb{
border-radius:4px;
background:#00F0FF;
background-clip:content-box;
border:6px solid transparent;
}
.story-comment__list{
display:flex;
flex-direction:column;
gap:24px;
}
.story-comment__avatar{
height:40px;
width:40px;
min-width:40px;
border-radius:50px;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}
.story-comment__item{
display:flex;
align-items:flex-start;
gap:16px;
position:relative;
}
.story-comment__item:hover .abuse{
display:inline-block;
}
.chat-item:hover .abuse{
display:inline-block;
}
.add_comment_like{
position:absolute !important;
right:0;
top:0;
width:20px!important;
height:20px!important;
background:transparent!important;
}
.add_comment_like .count{
position:absolute;
right:25px;
text-align:right;
color:#fff;
font-size:9px;
}
.story-comment__name{
font-weight:600;
margin-bottom:0.6em;
font-size:14px;
display:flex;
align-items:center;
}
@media (max-width:600px){
.story-comment__name{
font-size:10px;
}
}
.story-comment__text{
font-size:14px;
line-height:1.35;
}
@media (max-width:600px){
.story-comment__text{
font-size:10px;
}
}
.story-offcanvas{
z-index:15;
position:absolute;
/*min-height:360px;*/
max-height:80%;
width:100%;
left:0;
background-image:linear-gradient(45deg,#221F50 0%,#412657 100%);
border:1px solid #00F0FF;
border-radius:40px 40px 0 0;
pointer-events:none;
opacity:0;
bottom:-100%;
visibility:hidden;
transition:0.35s ease;
display:flex;
flex-direction:column;
}
.story-offcanvas.active{
pointer-events:auto;
opacity:1;
bottom:0;
visibility:visible;
}
.story-offcanvas__title{
text-align:center;
font-size:22px;
font-weight:600;
}
.story-offcanvas__close{
position:absolute;
top:15px;
right:15px;
height:40px;
width:40px;
margin-left:auto;
border:0;
background-color:transparent;
background-repeat:no-repeat;
background-position:center;
cursor:pointer;
background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 17L1 1M17 1L1 17' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.story-offcanvas__head{
display:flex;
justify-content:center;
padding:40px 16px 0;
margin-bottom:1rem;
}
.story-offcanvas__body{
padding:0 16px;
}
.story-offcanvas__footer{
padding:16px 16px 24px;
margin-top:auto;
}
.story-offcanvas__footer--gradient{
border-top-right-radius:16px;
border-top-left-radius:16px;
background-image:linear-gradient(45deg,#28244E 0%,#412657 100%);
}
.story-wrap{
position:relative;
height:100%;
width:100%;
}
.story-media{
position:relative;
width:100%;
padding-bottom:175%;
background:#000000;
}
.story-media video.isactive~.story-media__btn{
display:none;
}
.story-media__btn{
z-index:1;
position:absolute;
height:100px;
width:100px;
background-repeat:no-repeat;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border-radius:50px;
border:0;
background-color:transparent;
pointer-events:none;
background-size:contain;
cursor:pointer;
background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='url(%23paint0_linear_2161_2649)'/%3E%3Cpath d='M43.518 66.4296C42.581 67.0481 41.6327 67.0843 40.6732 66.5381C39.7137 65.9919 39.2331 65.1469 39.2312 64.0032V34.4582C39.2312 33.3163 39.7119 32.4714 40.6732 31.9233C41.6346 31.3752 42.5828 31.4114 43.518 32.0318L66.4278 46.8043C67.2711 47.3752 67.6927 48.184 67.6927 49.2307C67.6927 50.2774 67.2711 51.0862 66.4278 51.6571L43.518 66.4296Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2161_2649' x1='0' y1='50' x2='100' y2='50' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B224EF'/%3E%3Cstop offset='1' stop-color='%237579FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (max-width:480px){
.story-media__btn{
height:60px;
width:60px;
}
}
.story-media img{
-o-object-fit:contain;
object-fit:contain;
}
.story-media img,.story-media video{
position:absolute;
/*height:100%;*/
width:100%;
}
.protect .story-protect{
display:flex;
}
.story-media video{
-o-object-fit:cover;
object-fit:cover;
}
.story-media .video-js{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/* Центрирование большей кнопки воспроизведения */
.vjs-big-play-centered .vjs-big-play-button{
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.story-protect{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
z-index:20;
background:rgba(0,0,0,0.4);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
padding:16px;
display:none;
}
.story-protect__btn{
font-size:16px;
text-align:center;
border-radius:10px;
display:inline-flex;
font-weight:700;
cursor:pointer;
padding:0.8em 2em;
box-shadow:0 5px 20px rgba(117,121,255,0.5);
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
}
.story-protect__title{
font-size:22px;
text-align:center;
font-weight:600;
display:flex;
flex-direction:column;
text-shadow:0 0 5px currentColor;
}
.story-protect__title span{
margin:10px auto;
color:#00F0FF;
font-size:1.9em;
display:flex;
align-items:center;
}
.story-aside{
position:absolute;
z-index:4;
right:15px;
bottom:25%;
}
.story-aside__nav{
display:flex;
flex-direction:column;
gap:20px;
}
.story-aside__btn{
position:relative;
cursor:pointer;
flex:none;
background-color:#00F0FF;
height:40px;
width:40px;
border-radius:50px;
border:0;
display:flex;
align-items:center;
justify-content:center;
stroke:#fff;
}
.story-aside__btn[data-count]::after{
content:attr(data-count);
position:absolute;
display:block;
color:#fff;
top:100%;
margin-top:0.2em;
font-weight:500;
font-size:10px;
}
.story-aside__btn.active svg{
fill:#FF453A;
stroke:#FF453A;
}
.story-autor{
left:0;
right:0;
padding-right:3rem;
bottom:24px;
display:flex;
align-items:flex-start;
gap:8px;
z-index:11;
}
.story-autor__content{
position:relative;
}
.story-autor__avatar{
height:44px;
width:44px;
border-radius:50px;
}
.story-autor__avatar-link{
min-width:44px;
/*margin-right:8px;*/
}
.story-autor__name{
z-index:6;
font-size:16px;
font-weight:600;
/* margin:0.4em 0 0.1em 0;*/
padding-top:6px;
}
.story-autor__info{
font-weight:500;
position:relative;
z-index:6;
font-size:12px;
margin-bottom:1em;
}
.story-autor__subinfo{
font-size:14px;
line-height:19px;
font-weight:400;
max-height:40px;
overflow:hidden;
background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 100%);
background-clip:text;
/*-webkit-background-clip:text;*/
/*-webkit-text-fill-color:transparent;*/
}
.not_faded{
bottom:45px;
}
.not_faded .story-autor__subinfo{
background:unset;
background-clip:unset;
-webkit-background-clip:unset;
-webkit-text-fill-color:unset;
}
.story-autor__subinfo.show{
max-height:100%;
background:unset;
background-clip:unset;
-webkit-background-clip:unset;
-webkit-text-fill-color:unset;
}
.story-bottom{
position:absolute;
width:100%;
bottom:0;
left:0;
padding:32px 20px;
display:flex;
align-items:flex-start;
flex-direction:column;
z-index:3;
}
.story-badge{
margin-top:0.5em;
display:inline-flex;
font-size:12px;
border-radius:50px;
background-color:rgba(68,68,68,0.5);
padding:0.3em 1em 0.3em 0.5em;
justify-content:center;
align-items:center;
}
.story-badge svg{
flex:none;
}
.story-badge b{
font-weight:600;
}
.story-bottom::after{
content:"";
position:absolute;
pointer-events:none;
width:100%;
height:120%;
bottom:0;
left:0;
z-index:-1;
background:linear-gradient(180deg,rgba(178,36,239,0) 0%,#B224EF 78.9%);
pointer-events:none;
}
.story-bottom-nav{
display:flex;
max-width:275px;
width:100%;
align-items:center;
justify-content:space-between;
}
.story-bottom-nav button{
cursor:pointer;
border:0;
background-color:transparent;
}
.blurred{
/*filter:blur(15px);*/
/*-webkit-filter:blur(15px);*/
}
.blurred_preview{
filter:blur(15px);
-webkit-filter:blur(15px);
}
.box{
display:flex;
justify-content:center;
align-items:center;
position:relative;
border:solid 1px #000;
background:#0e102c;
font-family:"Gilroy",sans-serif;
}
.box::before{
content:"";
position:absolute;
right:-2px;
left:-2px;
top:-2px;
bottom:-2px;
background:#FFF;
z-index:-1;
transform:skew(2deg,2deg);
}
.box:nth-child(1)::before{
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
}
.box__content{
position:relative;
padding:20px;
width:100%;
}
.box__content h1{
position:absolute;
top:-60px;
right:20px;
font-size:10em;
color:rgba(255,255,255,0.5);
transition:0.5s;
}
.box__content h3{
margin:0 0 10px;
color:#FFF;
padding:0;
font-size:24px;
font-weight:500;
}
.box__content p{
color:#FFF;
font-size:16px;
padding:0;
margin:0;
line-height:26px;
}
.box__content a{
padding:10px 20px;
color:#FFF;
text-decoration:none;
border:solid 1px #FFF;
display:inline-block;
margin:20px 0 0;
transition:0.5s;
transform:translateY(-40px);
visibility:hidden;
opacity:0;
}
.box__content a:hover{
color:#060621;
background:#FFF;
}
.box:hover .box__content h1{
top:-140px;
}
.box:hover .box__content a{
transform:translateY(0);
visibility:visible;
opacity:1;
}
.text-light{
font-weight:400;
font-size:14px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
opacity:.6;
}
.d-block{
display:block;
}
.w-100{
width:100%;
}
.hero{
position:relative;
min-height:100vh;
max-height:1080px;
padding:140px 0;
background-repeat:no-repeat;
background-position:bottom center;
background-size:cover;
background-image:url("/dist/img/hero-bg.png");
display:flex;
align-items:center;
}
@media (min-width:1920px){
.hero{
padding:140px 0;
min-height:unset;
}
}
@media (max-width:980px){
.hero{
overflow:hidden;
}
}
@media (max-width:780px){
.hero{
min-height:100vh;
}
.hero .container{
position:unset !important;
}
}
.hero__container{
position:unset !important;
}
.hero__row{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
}
@media (max-width:980px){
.hero__row{
grid-template-columns:1fr;
}
}
.hero-content{
display:flex;
flex-direction:column;
align-items:center;
gap:2.5rem;
position:relative;
}
.hero-content-bg{
position:absolute;
width:150%;
aspect-ratio:1;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:-1;
background-size:contain;
background-position:center;
}
.hero-title{
font-weight:700;
font-size:50px;
text-align:center;
line-height:1;
}
@media (max-width:480px){
.hero-title{
font-size:13vw;
margin-bottom:1.2em;
}
}
.hero-title__item{
display:inline-block;
text-transform:uppercase;
}
@media (max-width:480px){
.hero-title__item{
font-size:1.5em;
}
}
.hero-btn{
font-size:18px;
text-align:center;
border-radius:10px;
display:inline-flex;
font-weight:700;
cursor:pointer;
padding:0.8em 2em;
box-shadow:0 5px 20px rgba(117,121,255,0.5);
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
}
.hero-btn-dark{
display:inline-block;
position:relative;
background:#0d102c;
background-clip:padding-box;
border:solid 2px transparent;
}
.hero-btn-dark::before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:-1;
margin:-2px;
background:none;
border-radius:inherit;
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
}
.hero-list{
width:100%;
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:2rem;
justify-content:center;
}
@media (max-width:480px){
.hero-list{
gap:1rem;
}
}
.hero-list__item:first-child{
transform:rotate(-5deg) translateY(10px);
}
@media (max-width:480px){
.hero-list__item:first-child{
transform:unset;
}
}
.hero-list__item:last-child{
transform:rotate(5deg) translateY(10px);
}
@media (max-width:480px){
.hero-list__item:last-child{
transform:unset;
}
}
@media (max-width:980px){
.hero-img{
display:none;
}
}
@media (max-width:480px){
.hero-img{
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:-1;
pointer-events:none;
}
.hero-img::before{
content:"";
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
background-image:linear-gradient(180deg,rgba(0,0,0,0.6) 63.52%,rgba(0,0,0,0) 99.8%);
z-index:5;
}
}
.hero-img img{
position:absolute;
max-width:1100px;
max-height:50vw;
max-height:unset;
width:70vw;
height:auto;
top:50%;
transform:translateY(-50%);
}
@media (max-width:480px){
.hero-img img{
top:45%;
left:65%;
transform:translate(-50%,-50%);
width:200vw;
}
}
.text-accent{
color:#00F0FF;
}
.tops{
padding:30px 0;
}
.tops-title{
position:relative;
display:block;
width:100%;
text-align:center;
font-weight:700;
font-size:40px;
padding-bottom:0.6em;
margin-bottom:1em;
text-transform:uppercase;
text-shadow:0 0 5px #fff;
line-height:1.2;
}
@media (max-width:780px){
.tops-title{
font-size:32px;
}
}
@media (max-width:480px){
.tops-title{
font-size:7vw;
padding-bottom:0;
}
}
@media (min-width:481px){
.tops-title::after{
content:"";
position:absolute;
left:0;
bottom:0;
height:4px;
width:100%;
border-radius:4px;
background-color:#00F0FF;
}
}
.tops-story{
width:180px;
height:380px;
border-radius:10px;
overflow:hidden;
position:relative;
}
.tops-story .copystories-item{
width:100%;
height:100%;
}
.tops-story::after{
content:"";
position:absolute;
height:30%;
width:100%;
top:0;
left:0;
pointer-events:none;
background-image:linear-gradient(180deg,#17213D 0%,rgba(23,33,61,0) 100%);
}
.tops-story__img{
height:100%;
width:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
}
.tops-story__head{
position:absolute;
display:flex;
align-items:center;
gap:5px;
padding:10px;
top:0;
left:0;
right:0;
z-index:5;
}
.tops-story__avatar{
height:30px;
width:30px;
border-radius:50px;
border:1px solid #00F0FF;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
flex:none;
}
.tops-story__btn{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
height:60px;
width:60px;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
}
.tops-story__btn--play{
background-image:url("data:image/svg+xml,%3Csvg width='88' height='94' viewBox='0 0 88 94' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1804_4955)'%3E%3Cpath d='M63.1365 46.5688C63.1503 47.1523 63.0128 47.7294 62.7374 48.244C62.4621 48.7585 62.0583 49.1931 61.5652 49.5054L31.0147 69.0928C30.4996 69.4233 29.9056 69.6104 29.2941 69.6346C28.6826 69.6589 28.0757 69.5194 27.536 69.2307C27.0016 68.9465 26.5525 68.5251 26.2349 68.0098C25.9173 67.4945 25.7427 66.904 25.7291 66.2988L24.9294 28.4357C24.9175 27.8305 25.0671 27.2331 25.3626 26.7048C25.6581 26.1766 26.0891 25.7366 26.611 25.4301C27.138 25.1189 27.7385 24.9539 28.3505 24.9523C28.9625 24.9507 29.5638 25.1126 30.0924 25.4211L61.4426 43.7012C61.9484 43.9924 62.3702 44.4095 62.6671 44.912C62.9639 45.4145 63.1256 45.9853 63.1365 46.5688Z' fill='%2300F0FF'/%3E%3C/g%3E%3Cpath d='M63.1365 46.5688C63.1503 47.1523 63.0128 47.7294 62.7374 48.244C62.4621 48.7585 62.0583 49.1931 61.5652 49.5054L31.0147 69.0928C30.4996 69.4233 29.9056 69.6104 29.2941 69.6346C28.6826 69.6589 28.0757 69.5194 27.536 69.2307C27.0016 68.9465 26.5525 68.5251 26.2349 68.0098C25.9173 67.4945 25.7427 66.904 25.7291 66.2988L24.9294 28.4357C24.9175 27.8305 25.0671 27.2331 25.3626 26.7048C25.6581 26.1766 26.0891 25.7366 26.611 25.4301C27.138 25.1189 27.7385 24.9539 28.3505 24.9523C28.9625 24.9507 29.5638 25.1126 30.0924 25.4211L61.4426 43.7012C61.9484 43.9924 62.3702 44.4095 62.6671 44.912C62.9639 45.4145 63.1256 45.9853 63.1365 46.5688Z' fill='%2300F0FF'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_1804_4955' x='-13' y='-5' width='104.153' height='104.154' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='12' result='effect1_foregroundBlur_1804_4955'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.tops-story__btn--lock{
background-image:url("data:image/svg+xml,%3Csvg width='81' height='81' viewBox='0 0 81 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4277 76.5098C17.5715 76.5098 15.9819 75.8483 14.6589 74.5253C13.3359 73.2023 12.6755 71.6138 12.6777 69.7598V36.0098C12.6777 34.1535 13.3392 32.5639 14.6622 31.2409C15.9852 29.9179 17.5737 29.2575 19.4277 29.2598H22.8027V22.5098C22.8027 17.841 24.4486 13.8608 27.7404 10.569C31.0321 7.27727 35.0112 5.63252 39.6777 5.63477C44.3465 5.63477 48.3267 7.28064 51.6185 10.5724C54.9102 13.8641 56.555 17.8433 56.5527 22.5098V29.2598H59.9277C61.784 29.2598 63.3736 29.9213 64.6966 31.2443C66.0196 32.5673 66.68 34.1558 66.6777 36.0098V69.7598C66.6777 71.616 66.0162 73.2056 64.6932 74.5286C63.3702 75.8516 61.7817 76.512 59.9277 76.5098H19.4277ZM39.6777 59.6348C41.534 59.6348 43.1236 58.9733 44.4466 57.6503C45.7696 56.3273 46.43 54.7388 46.4277 52.8848C46.4277 51.0285 45.7662 49.4389 44.4432 48.1159C43.1202 46.7929 41.5317 46.1325 39.6777 46.1348C37.8215 46.1348 36.2319 46.7963 34.9089 48.1193C33.5859 49.4423 32.9255 51.0308 32.9277 52.8848C32.9277 54.741 33.5892 56.3306 34.9122 57.6536C36.2352 58.9766 37.8237 59.637 39.6777 59.6348ZM29.5527 29.2598H49.8027V22.5098C49.8027 19.6973 48.8184 17.3066 46.8496 15.3379C44.8809 13.3691 42.4902 12.3848 39.6777 12.3848C36.8652 12.3848 34.4746 13.3691 32.5059 15.3379C30.5371 17.3066 29.5527 19.6973 29.5527 22.5098V29.2598Z' fill='%2300F0FF' fill-opacity='0.4'/%3E%3C/svg%3E%0A");
}
.main_promo_slider{
position:relative;
}
.index-carousel .owl-stage{
display:flex;
}
.index-carousel .owl-nav,.main_promo_slider .owl-nav{
top:42%;
position:absolute;
left:0;
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
}
@media (max-width:1240px){
.index-carousel .owl-nav,.main_promo_slider .owl-nav{
display:none !important;
}
}
.index-carousel .owl-nav button,.main_promo_slider .owl-nav button{
position:absolute;
width:36px;
background-color:transparent;
display:flex;
align-items:center;
justify-content:center;
}
.index-carousel .owl-nav button:hover,.main_promo_slider .owl-nav button:hover{
background-color:transparent !important;
}
.index-carousel .owl-prev{
left:-40px;
}
.index-carousel .owl-next{
right:-40px;
}
.index-carousel .owl-dots,.main_promo_slider .owl-dots{
margin-top:20px;
}
.index-carousel .owl-dot span,.main_promo_slider .owl-dot span{
margin:0 5px;
height:8px;
width:8px;
background-color:rgba(255,255,255,0.2) !important;
}
.index-carousel .owl-dot.active span,.index-carousel .owl-dot:hover span,.main_promo_slider .owl-dot.active span,.main_promo_slider .owl-dot:hover span{
background-color:#00F0FF !important;
}
.finish-item{
width:240px;
height:100%;
display:flex;
flex-direction:column;
margin:0 20px;
}
@media (max-width:480px){
.finish-item{
margin:0;
width:172px;
}
}
.finish-item__img{
width:100%;
border-radius:10px;
aspect-ratio:1/0.7;
position:relative;
overflow:hidden;
margin-bottom:8px;
}
@media (max-width:480px){
.finish-item__img{
aspect-ratio:1/1.1;
}
}
.finish-item__img img{
height:100%;
width:100%;
-o-object-fit:cover;
object-fit:cover;
}
.finish-item__img span{
position:absolute;
display:flex;
align-items:center;
justify-content:center;
font-size:70px;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
font-weight:600;
z-index:1;
}
@media (max-width:480px){
.finish-item__img span{
font-size:50px;
}
}
.finish-item__img span::before{
content:"";
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
z-index:-1;
background-image:linear-gradient(180deg,rgba(0,240,255,0.6) 0%,rgba(0,240,255,0.6) 43.23%);
}
.finish-item__head{
display:flex;
align-items:center;
gap:5px;
margin-bottom:0.5rem;
}
.finish-item__head img{
height:25px;
width:25px;
border-radius:50px;
}
.finish-item__head span{
font-size:16px;
font-weight:600;
}
.finish-item__name{
font-size:22px;
font-weight:600;
margin-bottom:12px;
}
@media (max-width:480px){
.finish-item__name{
font-size:18px;
}
}
.finish-item__content{
margin-top:auto;
padding-left:10px;
border-left:2px solid #00F0FF;
display:flex;
flex-direction:column;
gap:6px;
}
@media (max-width:480px){
.finish-item__content{
padding-left:5px;
}
}
.finish-item__content li{
display:flex;
align-items:center;
justify-content:space-between;
gap:0.5rem;
font-size:14px;
}
@media (max-width:480px){
.finish-item__content li{
font-size:12px;
}
}
.share-item{
display:flex;
align-items:center;
gap:1rem;
width:100%;
}
.share-item input{
height:20px;
width:20px;
border-radius:50px;
flex:none;
border:1px solid #00F0FF;
background-repeat:no-repeat;
background-position:center;
user-select:none;
background-color:transparent;
margin-left:auto;
}
.share-item input:checked{
background-color:#00F0FF;
background-image:url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 4.75L4.25 8.25L11.25 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.story-btn{
background:linear-gradient(90deg,#B200FF 0%,#5C61FF 100%);
min-height:40px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
border-radius:6px;
flex:1;
}
.story_number{
position:relative;
display:block;
/*padding:5px;*/
z-index:99;
font-size:11px;
margin-top:10px;
opacity:.6;
}
.story_number:hover{
/*background:rgba(0,0,0,0.8);*/
}
.story-aside .count{
color:#ffffff;
position:absolute;
text-align:right;
right:55px;
}
.app_image{
width:120px;
height:auto;
}
.stream_buttons{
position:fixed;
right:20px;
bottom:100px;
z-index:9999;
}
.stream_body{
display:none;
position:relative;
padding:10px;
background:#0d102c;
z-index:99999;
right:-10px;
bottom:-10px;
}
.stream_body .story-offcanvas__footer{
max-width:400px;
}
@media (max-width:480px){
.stream_body,.stream_buttons{
max-width:100%;
}
.stream_body .story-offcanvas__footer{
max-width:100%;
}
}
.stream_body_wrap{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:-1;
margin:-2px;
border-radius:inherit;
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
}
.stream_buttons.open .stream_body{
display:block;
}
#main-div{
position:fixed;
right:20px;
bottom:20px;
z-index:9999;
}
.stream_body iframe{
width:100%;
}
.stream_chat{
width:100%;
overflow:hidden;
height:200px;
}
.stream_chat iframe{
margin-top:-54px;
}
.stream-donate-list{
display:flex;
align-items:center;
margin-top:10px;
}
.stream-donate-list button:before{
display:none;
}
.stream-donate-list button{
margin-right:10px;
width:auto;
}
.stream-donate-list button svg{
display:none;
}
.stream-donate-list button,.stream-donate-list input{
height:40px;
width:100%;
max-width:50%;
}
#main-button,.stream_button{
display:flex;
align-items:center;
justify-content:center;
position:absolute;
right:0;
bottom:0;
height:50px;
width:50px;
font-size:20px;
color:#0064f3;
cursor:pointer;
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
box-shadow:0 0 10px 0 rgba(0,0,0,.5);
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
}
.online{
background:linear-gradient(90deg,#ff0000 0%,#d50101 100%);
}
#main-button~button{
visibility:hidden;
font-weight:600;
height:50px;
padding:0 20px;
color:#fff;
background:linear-gradient(90deg,#00a1f5,#0064f3);
box-shadow:0 0 10px 0 rgba(0,0,0,.5);
border:0;
position:absolute;
z-index:-1;
right:0;
bottom:0;
opacity:0;
white-space:nowrap;
cursor:pointer;
transition:.2s all linear;
-webkit-transition:.2s all linear;
-moz-transition:.2s all linear;
-ms-transition:.2s all linear;
-o-transition:.2s all linear;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
}
#main-button.open~button{
visibility:visible;
right:70px;
opacity:1;
transition:.4s all cubic-bezier(0,0.01,0,1.27);
-webkit-transition:.4s all cubic-bezier(0,0.01,0,1.27);
-moz-transition:.4s all cubic-bezier(0,0.01,0,1.27);
-ms-transition:.4s all cubic-bezier(0,0.01,0,1.27);
-o-transition:.4s all cubic-bezier(0,0.01,0,1.27);
}
#main-button~a{
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
position:absolute;
right:0;
bottom:0;
z-index:-1;
height:50px;
width:50px;
font-size:20px;
opacity:0;
text-decoration:none;
color:#fff;
background-color:#fff;
box-shadow:0 0 10px 0 rgba(0,0,0,.5);
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
transition:.2s all linear;
-webkit-transition:.2s all linear;
-moz-transition:.2s all linear;
-ms-transition:.2s all linear;
-o-transition:.2s all linear;
}
.floating_buttons div,.floating_buttons a{
cursor:pointer;
}
.floating_buttons svg{
width:20px;
height:auto;
}
.stream_button svg{
width:26px;
}
#main-button~.telegram-color{
background:linear-gradient(0deg,#017AB1,#01ABE6);
}
#main-button~.whatsapp-color{
background:linear-gradient(0deg,#00B100,#09db09);
}
#main-button~.messenger-color{
background:linear-gradient(0deg,#0078FF,#00C6FF);
}
#main-button.open~a{
opacity:1;
transition:.4s all cubic-bezier(0,0.01,0,1.27);
-webkit-transition:.4s all cubic-bezier(0,0.01,0,1.27);
-moz-transition:.4s all cubic-bezier(0,0.01,0,1.27);
-ms-transition:.4s all cubic-bezier(0,0.01,0,1.27);
-o-transition:.4s all cubic-bezier(0,0.01,0,1.27);
}
#main-button.open~a:nth-of-type(1){
bottom:60px;
}
#main-button.open~a:nth-of-type(2){
bottom:120px;
}
#main-button.open~a:nth-of-type(3){
bottom:180px;
}
.wave{
animation-name:wave;
animation-duration:1s;
animation-timing-function:linear;
animation-iteration-count:infinite;
}
.wave_red{
animation-name:wave_red;
animation-duration:1s;
animation-timing-function:linear;
animation-iteration-count:infinite;
}
@keyframes wave{
0%{
box-shadow:0 0 0px 0px rgba(255,255,255,0.5);
}
100%{
box-shadow:0 0 0px 10px rgba(255,255,255,0);
}
}
@keyframes wave_red{
0%{
box-shadow:0 0 0px 0px rgba(255,0,0,0.8);
}
100%{
box-shadow:0 0 0px 10px rgba(255,255,255,0);
}
}
.open{
animation-iteration-count:1;
}
/*counter*/
.bcounter{
padding:30px 0;
}
.bcounter__title{
font-size:74px;
letter-spacing:0.05em;
text-transform:uppercase;
text-align:center;
color:#fff;
text-shadow:0 0 0.1em currentColor;
margin-bottom:3rem;
}
.bcounter__title b{
color:#00F0FF;
}
@media (max-width:991.98px){
.bcounter__title{
font-size:10vw;
}
}
@media (max-width:575.98px){
.bcounter__title{
font-size:35px;
margin-bottom:2rem;
}
}
.bcounter-wrap{
perspective:1000px;
padding:0 50px;
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%) border-box;
box-shadow:0 2rem 3.5rem 0 rgba(0,240,255,0.2),0 -7px 3.5rem 0 rgba(0,240,255,0.2);
display:inline-flex;
max-width:100%;
justify-content:center;
border:4px solid transparent;
border-radius:8px;
margin:0 auto;
}
@media (min-width:768px){
.bcounter-wrap{
border:10px solid transparent;
border-radius:20px;
}
}
.bcounter-wrap::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:inherit;
background-color:#182640;
z-index:-1;
}
@media (min-width:768px){
.bcounter-wrap::after{
box-shadow:inset 0 0 2rem #B224EF;
}
}
@media (max-width:991.98px){
.bcounter-wrap{
padding:0 2vw;
border-radius:10px;
}
}
.bcounter-wrap:before{
content:"";
position:absolute;
border-radius:inherit;
border:2px solid rgba(255,255,255,0.8);
z-index:5;
height:calc(100% + 10px);
width:calc(100% + 10px);
left:-5px;
top:-5px;
pointer-events:none;
display:none;
}
@media (min-width:768px){
.bcounter-wrap:before{
display:block;
border:4px solid rgba(255,255,255,0.8);
box-shadow:0 0 12px #B224EF,0 5px 0 #B224EF,0 -5px 0 #B224EF,5px 0 0 #B224EF,-5px 0 0 #B224EF,inset 0 5px 0 #B224EF,inset 0 -5px 0 #B224EF,inset 5px 0 0 #B224EF,inset -5px 0 0 #B224EF;
}
}
.numCounter{
--c-fs:130px;
--c-height:1.7em;
display:inline-flex;
height:var(--c-height);
line-height:var(--c-height);
text-shadow:0 0 2px #FFF;
font-weight:800;
white-space:normal;
font-size:var(--c-fs);
overflow:hidden;
}
.numCounter>div{
position:relative;
display:inline-block;
vertical-align:top;
height:100%;
aspect-ratio:1.1/2;
}
.numCounter>div:not(:last-child){
border-right:1px solid rgba(0,240,255,0.3);
}
.numCounter>div>b{
position:relative;
color:#00F0FF;
display:inline-block;
height:100%;
width:100%;
font-weight:800;
text-align:center;
text-shadow:2px 1px 3px rgba(0,240,255,0.2);
overflow:hidden;
}
.numCounter>div>b span{
display:block;
width:100%;
will-change:transform;
transition:transform 0.5s cubic-bezier(0.75,0.15,0.6,1.15);
}
.numCounter>div>b[data-value="1"] span{
transform:translateY(calc(-1 * var(--c-height)));
}
.numCounter>div>b[data-value="2"] span{
transform:translateY(calc(-2 * var(--c-height)));
}
.numCounter>div>b[data-value="3"] span{
transform:translateY(calc(-3 * var(--c-height)));
}
.numCounter>div>b[data-value="4"] span{
transform:translateY(calc(-4 * var(--c-height)));
}
.numCounter>div>b[data-value="5"] span{
transform:translateY(calc(-5 * var(--c-height)));
}
.numCounter>div>b[data-value="6"] span{
transform:translateY(calc(-6 * var(--c-height)));
}
.numCounter>div>b[data-value="7"] span{
transform:translateY(calc(-7 * var(--c-height)));
}
.numCounter>div>b[data-value="8"] span{
transform:translateY(calc(-8 * var(--c-height)));
}
.numCounter>div>b[data-value="9"] span{
transform:translateY(calc(-9 * var(--c-height)));
}
@media (max-width:1199.98px){.numCounter{--c-fs:90px !important}}
@media (max-width:960.98px){.numCounter{--c-fs:70px !important}}
@media (max-width:780.98px){.numCounter{--c-fs:50px !important}}
@media (max-width:580.98px){.numCounter{--c-fs:30px !important}}
@supports (-webkit-touch-callout:none){
/*.numCounter>div>b{*/
/* padding-top:0.1em;*/
/*}*/
}
.ai_helper_cost{
color:#14d4e0;
display:inline-flex;
align-items:center;
padding-left:10px;
margin-left:10px;
border-left:#ffffff solid 1px;
}
.ai_helper_cost svg,.ai_helper_cost path{
fill:#14d4e0;
}
.badge{
display:inline-block;
padding:0.25em 0.4em;
font-size:75%;
font-weight:700;
line-height:1;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0.25rem;
}
.badge-pill{
padding-right:0.6em;
padding-left:0.6em;
border-radius:10rem;
}
.badge-success{
color:#fff;
background-color:#28a745;
}
.badge-primary{
color:#fff;
background-color:#007bff;
}
.badge-secondary{
color:#fff;
background-color:#6c757d;
}
.badge-danger{
color:#fff;
background-color:#dc3545;
}
.badge-warning{
color:#212529;
background-color:#ffc107;
}
.badge-info{
color:#fff;
background-color:#17a2b8;
}
.badge-light{
color:#212529;
background-color:#f8f9fa;
}
.badge-dark{
color:#fff;
background-color:#343a40;
}
.buttons-row{
display:flex;
align-items:center;
}
.buttons-row .hero-btn{
margin:5px;
}
.buttons-row-small .hero-btn{
padding:14px 20px;
font-size:16px;
}
/*why block*/
.w-block{
background-repeat:no-repeat;
background-image:url(/img/w-block-bg.png),url(/img/w-block-img.png);
padding-top:100px;
padding-bottom:12%;
background-size:100% auto,600px;
background-position:bottom center,left 60vw top 3vw;
}
.w-block__title{
font-weight:900;
font-size:40px;
letter-spacing:0.4px;
margin-bottom:1em;
line-height:1.2;
}
.w-block-list{
counter-reset:w-num;
list-style-type:none;
max-width:70%;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}
.w-block-item{
position:relative;
padding:20px 0 0 40px;
display:flex;
flex-direction:column;
}
.w-block-item::before{
content:counter(w-num,decimal-leading-zero);
counter-increment:w-num;
color:#00F0FF;
text-shadow:0 0 0.1em currentColor;
font-weight:700;
font-size:40px;
}
.w-block-item::after{
content:'';
height:calc(100% + 40px);
width:calc(100% + 40px);
top:-30px;
left:-34px;
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image:url("data:image/svg+xml,%3Csvg width='307' height='213' viewBox='0 0 307 213' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_2486_11576)'%3E%3Cpath d='M274 100.493C274 101.598 274.896 102.493 276 102.493C277.105 102.493 278 101.598 278 100.493H274ZM56.334 32H261V28H56.334V32ZM43.334 155.986V45H39.334V155.986H43.334ZM68 168.986H56.334V172.986H68V168.986ZM274 45V100.493H278V45H274ZM39.334 155.986C39.334 165.375 46.9451 172.986 56.334 172.986V168.986C49.1543 168.986 43.334 163.166 43.334 155.986H39.334ZM261 32C268.18 32 274 37.8203 274 45H278C278 35.6112 270.389 28 261 28V32ZM56.334 28C46.9451 28 39.334 35.6112 39.334 45H43.334C43.334 37.8203 49.1543 32 56.334 32V28Z' fill='%235E0D80'/%3E%3C/g%3E%3Cg filter='url("/dist/css/%23filter1_d_2486_11576")'%3E%3Cpath d='M68.5 173H51C42.7157 173 36 166.284 36 158V47.0137C36 38.7294 42.7157 32.0137 51 32.0137H255.666C263.951 32.0137 270.666 38.7294 270.666 47.0137V102.507' stroke='url("/dist/css/%23paint0_linear_2486_11576")' stroke-width='4' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2486_11576' x='35.334' y='24' width='246.666' height='152.986' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='2' result='effect1_foregroundBlur_2486_11576'/%3E%3C/filter%3E%3Cfilter id='filter1_d_2486_11576' x='0' y='0.0136719' width='306.666' height='212.986' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='17'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0.941176 0 0 0 0 1 0 0 0 0.88 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2486_11576'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2486_11576' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_2486_11576' x1='153.333' y1='32.0137' x2='153.333' y2='173' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B224EF'/%3E%3Cstop offset='1' stop-color='%2300F0FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.w-block-item__title{
margin:10px 0;
font-size:22px;
}
.w-block-item__text{
font-size:16px;
line-height:1.37;
}
@media (min-width:2200px){
.w-block{
background-size:100% auto,auto;
background-position:bottom center,left 80% top 3vw;
}
}
@media (max-width:1400px){
.w-block{
background-size:100% auto,550px;
background-position:bottom center,left 65vw top 5vw;
}
}
@media (max-width:1100px){
.w-block{
background-image:url("/dist/img/w-block-bg.png"),none;
background-position:bottom center;
padding-bottom:20%;
}
.w-block-list{
max-width:100%;
}
}
@media (max-width:768px){
.w-block-list{
grid-template-columns:1fr;
}
}
@media (max-width:480px){
.w-block__title{
font-size:24px;
}
.w-block-item{
padding-top:40px;
}
.w-block-item::before{
font-size:24px;
}
.w-block-item__title{
font-size:18px;
}
.w-block-item__text{
font-size:14px;
}
.w-block-list{
grid-template-columns:1fr;
}
}
/*end w-block*/
/* a-block */
.a-block{
padding:100px 0 0 0;
}
.a-block__title{
margin-bottom:50px;
}
.a-block-list{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
}
.a-block-item{
background-position:left center;
background-repeat:no-repeat;
padding:50px 0 0 100px;
background-size:contain;
/* background-size:contain;*/
}
.a-block-item__title{
font-size:24px;
margin-bottom:14px;
line-height:1.2;
}
.a-block-item__text{
line-height:1.25;
}
@media (max-width:1200px){
.a-block-item{
padding-left:50px;
}
}
@media (max-width:768px){
.a-block-list{
grid-template-columns:1fr;
gap:40px;
}
.a-block-item{
padding:0 0 0 50px;
background-size:100px;
}
.a-block__title br{display:none}
}
@media (max-width:480px){
.a-block__title{
font-size:24px;
margin-bottom:1em;
}
.a-block-item__title{
font-size:18px;
}
.a-block-item__text{
font-size:14px;
}
}
/* end a-block */
/* challenges */
.challenge{
width:100%;
padding-bottom:60px;
}
.challenge-form textarea,
.challenge-form input[type=text],
.challenge-form input[type=email],
.challenge-form input[type=tel],
.challenge-form input[type=date]{
display:block;
min-height:50px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:transparent;
color:#fff;
border:1px solid rgba(255,255,255,0.2);
border-radius:5px;
padding:10px;
font-size:14px;
width:100%;
margin-bottom:2rem;
margin-top:0.5rem;
}
.challenge-form textarea::-moz-placeholder,.challenge-form input[type=text]::-moz-placeholder,.challenge-form input[type=email]::-moz-placeholder,.challenge-form input[type=tel]::-moz-placeholder,.challenge-form input[type=date]::-moz-placeholder{
color:rgba(255,255,255,0.5);
}
.challenge-form textarea::placeholder,
.challenge-form input[type=text]::placeholder,
.challenge-form input[type=email]::placeholder,
.challenge-form input[type=tel]::placeholder,
.challenge-form input[type=date]::placeholder{
color:rgba(255,255,255,0.5);
}
.challenge-form input[type=checkbox]{
flex:none;
height:12px;
width:12px;
border-radius:2px;
border:1px solid #00F0FF;
background-color:transparent;
cursor:pointer;
}
.challenge-form input[type=checkbox]:checked{
background-image:url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.21875 5.46875L4.40625 7.65625L8.78125 2.96875' stroke='%231F1F4F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-color:#00F0FF;
}
.challenge-form input[data-coin]{
padding-right:3rem;
background-position:center right 1rem;
background-repeat:no-repeat;
background-image:url("/dist/img/deels_cur.svg");
}
.challenge-form input[type=date]::-webkit-calendar-picker-indicator{
color:rgba(0,0,0,0);
opacity:1;
display:block;
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 10L12 14L7 10' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-size:contain;
width:20px;
height:20px;
border-width:thin;
}
.challenge-subtitle{
font-size:28px;
font-weight:600;
}
@media (max-width:786px){
.challenge-subtitle{
font-size:16px;
}
}
.challenge-autor{
display:flex;
align-items:center;
font-weight:600;
font-size:16px;
gap:8px;
}
.challenge-autor img{
height:40px;
width:40px;
border-radius:50px;
}
@media (max-width:786px){
.challenge-autor img{
height:24px;
width:24px;
}
}
.challenge-prize{
display:flex;
align-items:center;
justify-content:space-between;
max-width:300px;
width:100%;
padding:10px 5px;
border-top:1px solid #00F0FF;
border-bottom:1px solid #00F0FF;
font-size:22px;
font-weight:600;
}
@media (max-width:786px){
.challenge-prize{
font-size:16px;
}
}
.challenge-prize span{
display:flex;
align-items:center;
position:relative;
font-size:1.6em;
}
.challenge-prize span::after{
content:"";
flex:none;
height:19px;
width:19px;
background-repeat:no-repeat;
background-size:contain;
margin-left:10px;
background-image:url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4764 4.31211C13.6362 2.87152 12.5014 2.07812 11.2812 2.07812H7.71875C6.49859 2.07812 5.36379 2.87152 4.52734 4.31211C3.71094 5.70297 3.26562 7.54508 3.26562 9.5C3.26562 11.4549 3.71094 13.297 4.52734 14.6879C5.36379 16.1285 6.49859 16.9219 7.71875 16.9219H11.2812C12.5014 16.9219 13.6362 16.1285 14.4764 14.6879C15.2891 13.297 15.7344 11.4549 15.7344 9.5C15.7344 7.54508 15.2891 5.70297 14.4764 4.31211ZM14.1958 13.9531H11.2887C11.826 12.7552 12.1325 11.3161 12.1674 9.79688H15.1362C15.0991 11.3384 14.7695 12.7864 14.1958 13.9531ZM12.1674 9.20312C12.1325 7.68387 11.826 6.24477 11.2887 5.04688H14.1958C14.7703 6.21359 15.0991 7.6616 15.1362 9.20312H12.1674ZM11.2812 2.67188C12.2379 2.67188 13.1508 3.30348 13.867 4.45312H10.9925C10.9666 4.40637 10.9406 4.35812 10.9139 4.31211C10.4997 3.60258 10.0143 3.05039 9.48219 2.67188H11.2812ZM5.03648 14.3888C4.27723 13.0877 3.85938 11.3555 3.85938 9.5C3.85938 7.64453 4.27723 5.91227 5.03648 4.61121C5.76605 3.36063 6.71828 2.67188 7.71875 2.67188C8.71922 2.67188 9.67145 3.36063 10.401 4.61121C11.1603 5.91227 11.5781 7.64824 11.5781 9.5C11.5781 11.3518 11.1603 13.0877 10.401 14.3888C9.67145 15.6394 8.71922 16.3281 7.71875 16.3281C6.71828 16.3281 5.76605 15.6394 5.03648 14.3888ZM11.2812 16.3281H9.48219C10.0143 15.9504 10.4997 15.3974 10.9139 14.6879C10.9406 14.6419 10.9666 14.5936 10.9925 14.5469H13.867C13.1508 15.6965 12.2379 16.3281 11.2812 16.3281Z' fill='%2300F0FF'/%3E%3Cpath d='M7.51813 9.31732L9.60575 11.8752H8.62963L6.66312 9.50257V11.8752H5.84375V6.8877H6.66312V9.12495L8.55838 6.8877H9.5345L7.51813 9.31732Z' fill='%2300F0FF'/%3E%3C/svg%3E%0A");
}
.challenge-btn{
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
border:0;
background:none;
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
gap:10px;
font-size:16px;
border-radius:0.6em;
min-height:50px;
padding:10px 48px;
font-weight:600;
max-width:300px;
width:100%;
color:#fff;
}
@media (max-width:480px){
.challenge-btn{
max-width:100%;
border-radius:6px;
}
}
.challenge-btn--fill{
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
}
.challenge-btn--outline{
background:linear-gradient(#0d102c 0 0) padding-box,linear-gradient(90deg,#b224ef 0,#7579ff 100%) border-box;
border:1px solid transparent !important;
}
.challenge-btn__icon{
height:30px;
aspect-ratio:1/1.2;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}
.challenge-btn:hover{
box-shadow:0 0.3rem 1rem rgba(117,121,255,0.5);
}
.challenge-media{
position:relative;
width:100%;
border-radius:10px;
overflow:hidden;
aspect-ratio:1/1.6;
}
.challenge-media:hover img{
transform:scale(1.1);
}
.challenge-media--video::after{
content:"";
position:absolute;
z-index:1;
max-width:80px;
aspect-ratio:1/1;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:30%;
background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.362 31.1766C72.963 32.0279 74.3022 33.2989 75.2361 34.8532C76.1699 36.4075 76.6633 38.1866 76.6633 39.9999C76.6633 41.8132 76.1699 43.5923 75.2361 45.1466C74.3022 46.7009 72.963 47.9718 71.362 48.8232L28.6554 72.0465C21.7787 75.7866 13.332 70.9199 13.332 63.2266V16.7766C13.332 9.07655 21.7787 4.21322 28.6554 7.94989L71.362 31.1766Z' fill='%2300F0FF' fill-opacity='0.98'/%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-size:contain;
}
.challenge-media img{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
will-change:transform;
transition:transform 0.25s ease;
}
.challenge-info__media{
max-width:280px;
width:100%;
}
@media (max-width:786px){
.challenge-info__media{
max-width:50%;
}
}
.challenge-info__content{
display:flex;
flex-direction:column;
align-items:start;
gap:20px;
}
@media (max-width:786px){
.challenge-info__content{
gap:16px;
}
}
.challenge-info__content b{
font-weight:600;
}
.challenge-top{
position:relative;
padding:40px 0;
}
.challenge-top__row{
display:flex;
gap:40px;
}
@media (max-width:980px){
.challenge-top__row{
gap:20px;
}
}
@media (max-width:480px){
.challenge-top__row{
gap:10px;
}
}
.challenge-create-btn{
display:inline-flex;
align-items:center;
gap:25px;
}
.challenge-create-btn::before{
content:"";
flex:none;
height:63px;
width:63px;
background-repeat:no-repeat;
background-position:center;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 63 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_773_2455' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.4999 46.2879C39.667 46.2879 46.2878 39.6672 46.2878 31.5C46.2878 23.3329 39.667 16.7122 31.4999 16.7122C23.3328 16.7122 16.712 23.3329 16.712 31.5C16.712 39.6672 23.3328 46.2879 31.4999 46.2879ZM31.6134 24C31.6134 23.4478 31.1657 23 30.6134 23C30.0612 23 29.6134 23.4478 29.6134 24V29.6135H24C23.4477 29.6135 23 30.0612 23 30.6135C23 31.1658 23.4477 31.6135 24 31.6135H29.6134V37.227C29.6134 37.7793 30.0612 38.227 30.6134 38.227C31.1657 38.227 31.6134 37.7793 31.6134 37.227V31.6135H37.2269C37.7792 31.6135 38.2269 31.1658 38.2269 30.6135C38.2269 30.0612 37.7792 29.6135 37.2269 29.6135H31.6134V24Z'%3E%3C/path%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.4999 46.2879C39.667 46.2879 46.2878 39.6672 46.2878 31.5C46.2878 23.3329 39.667 16.7122 31.4999 16.7122C23.3328 16.7122 16.712 23.3329 16.712 31.5C16.712 39.6672 23.3328 46.2879 31.4999 46.2879ZM31.6134 24C31.6134 23.4478 31.1657 23 30.6134 23C30.0612 23 29.6134 23.4478 29.6134 24V29.6135H24C23.4477 29.6135 23 30.0612 23 30.6135C23 31.1658 23.4477 31.6135 24 31.6135H29.6134V37.227C29.6134 37.7793 30.0612 38.227 30.6134 38.227C31.1657 38.227 31.6134 37.7793 31.6134 37.227V31.6135H37.2269C37.7792 31.6135 38.2269 31.1658 38.2269 30.6135C38.2269 30.0612 37.7792 29.6135 37.2269 29.6135H31.6134V24Z' fill='%2300F0FF'%3E%3C/path%3E%3Cpath d='M29.6134 29.6135V31.6135H31.6134V29.6135H29.6134ZM29.6134 31.6135H31.6134V29.6135H29.6134V31.6135ZM31.6134 31.6135V29.6135H29.6134V31.6135H31.6134ZM31.6134 29.6135H29.6134V31.6135H31.6134V29.6135ZM44.2878 31.5C44.2878 38.5626 38.5625 44.2879 31.4999 44.2879V48.2879C40.7716 48.2879 48.2878 40.7717 48.2878 31.5H44.2878ZM31.4999 18.7122C38.5625 18.7122 44.2878 24.4375 44.2878 31.5H48.2878C48.2878 22.2283 40.7716 14.7122 31.4999 14.7122V18.7122ZM18.712 31.5C18.712 24.4375 24.4374 18.7122 31.4999 18.7122V14.7122C22.2282 14.7122 14.712 22.2283 14.712 31.5H18.712ZM31.4999 44.2879C24.4374 44.2879 18.712 38.5626 18.712 31.5H14.712C14.712 40.7717 22.2282 48.2879 31.4999 48.2879V44.2879ZM30.6134 25C30.0612 25 29.6134 24.5523 29.6134 24H33.6134C33.6134 22.3432 32.2703 21 30.6134 21V25ZM31.6134 24C31.6134 24.5523 31.1657 25 30.6134 25V21C28.9566 21 27.6134 22.3432 27.6134 24H31.6134ZM31.6134 29.6135V24H27.6134V29.6135H31.6134ZM24 31.6135H29.6134V27.6135H24V31.6135ZM25 30.6135C25 31.1658 24.5523 31.6135 24 31.6135V27.6135C22.3431 27.6135 21 28.9567 21 30.6135H25ZM24 29.6135C24.5523 29.6135 25 30.0612 25 30.6135H21C21 32.2704 22.3431 33.6135 24 33.6135V29.6135ZM29.6134 29.6135H24V33.6135H29.6134V29.6135ZM31.6134 37.227V31.6135H27.6134V37.227H31.6134ZM30.6134 36.227C31.1657 36.227 31.6134 36.6747 31.6134 37.227H27.6134C27.6134 38.8838 28.9566 40.227 30.6134 40.227V36.227ZM29.6134 37.227C29.6134 36.6747 30.0612 36.227 30.6134 36.227V40.227C32.2703 40.227 33.6134 38.8838 33.6134 37.227H29.6134ZM29.6134 31.6135V37.227H33.6134V31.6135H29.6134ZM37.2269 29.6135H31.6134V33.6135H37.2269V29.6135ZM36.2269 30.6135C36.2269 30.0612 36.6746 29.6135 37.2269 29.6135V33.6135C38.8838 33.6135 40.2269 32.2704 40.2269 30.6135H36.2269ZM37.2269 31.6135C36.6746 31.6135 36.2269 31.1658 36.2269 30.6135H40.2269C40.2269 28.9567 38.8838 27.6135 37.2269 27.6135V31.6135ZM31.6134 31.6135H37.2269V27.6135H31.6134V31.6135ZM29.6134 24V29.6135H33.6134V24H29.6134Z' fill='%2300F0FF' mask='url(%23path-1-inside-1_773_2455)'%3E%3C/path%3E%3Cpath d='M16.5677 1H9C4.58172 1 1 4.58173 1 9V15.9323M1 46.4323V54C1 58.4183 4.58172 62 9 62H16.5677M62 46.4323V54C62 58.4183 58.4183 62 54 62H47.0677M62 15.9323V9C62 4.58172 58.4183 1 54 1H47.0677' stroke='%2300F0FF' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
}
.challenge-filter{
display:flex;
align-items:center;
gap:30px;
}
.challenge-filter__item{
display:flex;
align-items:center;
gap:10px;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.challenge-filter__item input{
height:30px;
width:30px;
border-radius:4px;
border:1px solid #E3E1E1;
cursor:pointer;
background-repeat:no-repeat;
background-position:center;
background-size:65%;
}
.challenge-filter__item input:checked{
background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%2300F0FF'/%3E%3Cpath d='M3.75 9.75L7.25 13.25L14.25 5.75' stroke='%233A0B48' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.challenge-filter-btn{
display:none;
height:24px;
width:24px;
background-repeat:no-repeat;
background-position:center;
background-color:transparent;
border:0;
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 19H20M4 5L7 5M4 19H8M11 5H20M17 12H20M4 12H13' stroke='%2300F0FF' stroke-linecap='round'/%3E%3Cpath d='M8 19C8 17.8954 8.89543 17 10 17C11.1046 17 12 17.8954 12 19C12 20.1046 11.1046 21 10 21C8.89543 21 8 20.1046 8 19Z' stroke='%2300F0FF' stroke-linecap='round'/%3E%3Cpath d='M13 12C13 10.8954 13.8954 10 15 10C16.1046 10 17 10.8954 17 12C17 13.1046 16.1046 14 15 14C13.8954 14 13 13.1046 13 12Z' stroke='%2300F0FF' stroke-linecap='round'/%3E%3Cpath d='M7 5C7 3.89543 7.89543 3 9 3C10.1046 3 11 3.89543 11 5C11 6.10457 10.1046 7 9 7C7.89543 7 7 6.10457 7 5Z' stroke='%2300F0FF' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.challenge-filter-btn.active{
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='Menu / Close_MD'%3E%3Cpath id='Vector' d='M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18' stroke=' %2300F0FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.challenge-grid{
display:grid;
gap:20px;
--challenge-grid:repeat(3,1fr);
grid-template-columns:var(--challenge-grid);
}
@media (max-width:980px){
.challenge-grid{
grid-template-columns:repeat(3,1fr);
}
}
@media (max-width:786px){
.challenge-grid{
grid-template-columns:repeat(2,1fr);
gap:10px;
}
}
.challenge-card{
position:relative;
border-radius:10px;
overflow:hidden;
text-decoration:none;
width:100%;
aspect-ratio:1/1.54;
}
.challenge-card:hover>img,.challenge-card:hover .challenge-card__content{
transform:scale(1.1);
}
.challenge-card>img{
position:absolute;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
transform-origin:center;
will-change:transform;
transition:transform 0.25s;
}
.challenge-card__head{
position:absolute;
width:100%;
padding:20px;
left:0;
top:0;
z-index:2;
display:flex;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
pointer-events:none;
display:flex;
align-items:center;
gap:10px;
}
.challenge-card__head img{
border-radius:5rem;
flex:none;
height:40px;
width:40px;
}
.challenge-card__head span{
white-space:nowrap;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
}
.challenge-card__content{
position:absolute;
/*height:100%;*/
height:auto;
bottom:0;
width:100%;
z-index:1;
display:flex;
flex-direction:column;
text-align:center;
align-items:center;
justify-content:center;
background:rgba(42,12,59,0.6);
transition:transform 0.25s;
transition-delay:0.1s;
}
.challenge-card__content h3{
font-size:16px;
font-weight:600;
margin-bottom:8px;
}
.challenge-card__content img{
border-radius:50px;
}
@media (max-width:980px){
.challenge-card__content{
font-size:14px;
}
.challenge-card__content h3{
font-size:16px;
}
.challenge-card__content span{
font-size:12px;
}
.challenge-card__content img{
height:20px;
width:20px;
}
}
@media (max-width:980px){
.challenge-create-btn{
gap:10px;
}
.challenge-create-btn span{
display:none;
}
.challenge-create-btn::before{
height:30px;
width:30px;
gap:10px;
}
}
@media (max-width:786px){
.challenge-top{
padding:20px 0 10px;
}
.challenge-filter-btn,.challenge-create-btn span{
display:block;
}
.challenge-filter{
position:absolute;
background-color:#241B2A;
top:100%;
width:100%;
flex-direction:column;
gap:20px;
z-index:15;
border-radius:0 0 10px 10px;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#00F0FF;
padding:30px 20px;
align-items:flex-start;
display:none;
}
.challenge-filter__item input{
height:20px;
width:20px;
}
.challenge-card{
border-radius:8px;
}
.challenge-card__head{
padding:14px;
}
.challenge-card__head img{
height:20px;
width:20px;
}
.challenge-card__head span{
font-size:10px;
}
}
/* end challenges */
.profile-section{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
max-width:100%;
margin:0 auto;
border-radius:15px;
padding:40px;
background-color:#0D102C;
margin-bottom:80px;
}
.profile-section .story__button-list{
position:absolute;
right:0;
top:14px;
width:auto!important;
}
.campaign_sidebar{
min-width:300px;
}
.story__button-list.small .story__button{
width:100%;
max-width:100px;
min-width:50px;
}
.profile_block_top{
display:flex;
align-items:center;
width:100%;
}
.profile_block_top .profile_block:first-child{
margin-right:40px;
}
@media (max-width:1125px){
.profile_block_top{
flex-direction:column;
}
.profile_block_top .profile_block:first-child{
margin-right:0;
}
}
.profile_block{
margin-top:40px;
display:flex;
align-items:center;
width:100%;
}
.profile_block__info{
width:100%;
}
.profile_block__avatar{
/*width:72px;*/
/*height:72px;*/
overflow:hidden;
border-radius:50%;
background-size:cover;
background-position:center;
margin-right:20px;
}
.profile_block__name{
font-size:18px;
font-weight:bolder;
display:block;
}
.profile_block__status{
margin-top:10px;
font-size:14px;
display:block;
}
.profile_block__stats{
display:flex;
align-items:start;
margin-top:40px;
}
.profile_block__stats__item{
padding:20px;
border-radius:10px;
border:2px solid #ffffff;
margin-right:10px;
width:200px;
text-align:center;
}
.profile_block__stats__item:last-child{
margin-right:0;
}
.profile_block__stats__title{
font-size:20px;
font-weight:400;
margin-bottom:30px;
}
.profile_block__stats__number{
color:#00F0FF;
font-size:36px;
font-weight:bold;
}
.profile_block__relations{
margin-top:40px;
}
.profile_block__relations__title{
margin-bottom:10px;
}
.profile__campaign{
display:flex;
align-items:start;
flex-direction:row!important;
height:auto!important;
}
.profile__campaign_block{
max-width:50%;
width:100%;
height:100%;
}
.profile__campaign_image{
height:190px;
background-size:cover;
background-position:center;
border-radius:11px;
overflow:hidden;
position:relative;
bottom:0;
}
.profile_block .story__button{
background-color:rgba(0,0,0,0.2);
}
@media (max-width:1024px){
.profile_block__stats{
/*flex-direction:column;*/
width:100%;
}
.profile_block__stats__item{
width:100%;
margin-bottom:10px;
}
.profile_block__stats__item:last-child{
margin-bottom:0;
}
.profile_block__stats__title{
margin-bottom:10px;
font-size:16px;
}
.profile_block__stats__number{
font-size:24px;
}
}
@media (max-width:510px){
.profile_block__stats{
flex-direction:column;
width:100%;
}
}
.ch-block{
margin-bottom:40px;
}
.ch-block-wrap{
border-radius:10px;
}
.ch-block-row{
display:flex;
align-items:center;
}
.ch-block-title{
font-weight:700;
text-shadow:0 0 4px #fff;
}
@media (min-width:1201px){
.ch-block{
margin-bottom:60px;
}
.ch-block-title{
font-size:2.8vw;
}
}
@media (min-width:1401px){
.ch-block-title{
font-size:40px;
}
}
.ch-block .challenge-card{
aspect-ratio:unset;
max-width:180px;
}
.ch-block .challenge-card>img{
position:relative;
min-height:380px;
}
.ch-block .challenge-card__head{
padding:10px;
z-index:2;
}
.ch-block .challenge-card__head img{
height:30px;
width:30px;
border:1px solid #00F0FF;
}
.ch-block .challenge-card__head span{
font-size:12px;
}
.ch-block .challenge-card__content{
bottom:0;
left:0;
height:unset;
z-index:2;
background:unset;
display:flex;
flex-direction:column;
gap:4px;
}
.ch-block .challenge-card__content>*{
margin:0;
}
.ch-block .challenge-card__content h3{
font-size:16px;
}
.ch-block-side{
/*pointer-events:none;*/
position:relative;
width:470px;
margin-left:-6%;
margin-top:-6%;
z-index:2;
flex:none;
display:block;
}
@media (max-width:980px){
.ch-block-side{
display:none;
}
}
.ch-block-side img{
height:auto;
}
.ch-block-side img,.ch-block-side picture{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
pointer-events:none;
max-height:unset;
}
.ch-block-main{
width:100%;
z-index:3;
--ch-block-padding:40px;
padding:calc(var(--ch-block-padding) - 10px) 0;
position:relative;
display:flex;
flex-direction:column;
gap:calc(var(--ch-block-padding) / 2);
}
@media (min-width:981px){
.ch-block-main{
max-width:calc(100% - 390px);
}
/*.ch-block-main::before{*/
/* content:"";*/
/* pointer-events:none;*/
/* position:absolute;*/
/* top:calc(0 * var(--ch-block-padding));*/
/* left:calc(-34px + -2 * var(--ch-block-padding));*/
/* border:4px solid #00F0FF;*/
/* height:100%;*/
/* width:calc(100% + var(--ch-block-padding) * 4 + 20px);*/
/* border-left:0;*/
/* border-radius:0 10px 10px 0;*/
/*}*/
.ch-block-row{
--ch-block-padding:40px;
}
.ch-block-row::before{
content:"";
pointer-events:none;
position:absolute;
top:calc(0 * var(--ch-block-padding) + 40px);
/*left:calc(-34px + -2 * var(--ch-block-padding));*/
right:-80px;
border:4px solid #00F0FF;
height:calc(100% - var(--ch-block-padding) - 40px);
width:calc(100% - var(--ch-block-padding) * 4 + 20px);
border-left:0;
border-radius:0 10px 10px 0;
}
}
@media (max-width:980px){
.ch-block-main{
margin-top:80px;
background-image:url("/dist/img/ch-block-deko.png"),url("/dist/img/bg.png");
background-size:auto,cover;
background-repeat:no-repeat;
background-position:20px 20px,left top;
padding:180px 20px 40px 20px;
border-radius:16px;
}
.ch-block-main::after{
content:"";
position:absolute;
top:-15%;
right:-5vw;
height:100%;
width:100%;
pointer-events:none;
background-image:url("/dist/img/ch-block-xs.png");
background-repeat:no-repeat;
background-size:contain;
background-position:top right;
}
.ch-block-main .ch-block__btn{
z-index:1;
}
.ch-block-main .owl-carousel .owl-stage-outer{
overflow:unset;
}
.ch-block-main .owl-theme .owl-dots .owl-dot span{
background-color:#fff;
height:6px;
width:6px;
}
.ch-block-main .owl-theme .owl-dots .owl-dot.active span,.ch-block-main .owl-theme .owl-dots .owl-dot:hover span{
background-color:#00F0FF;
box-shadow:0 0 6px #00F0FF;
}
}
.ch-block-main__top{
display:flex;
align-items:center;
gap:1rem;
}
.ch-block-main .owl-nav{
display:flex;
justify-content:space-between;
position:absolute;
width:calc(100% + 80px);
left:-40px;
top:40%;
transform:translateY(-50%);
}
.ch-block-main .owl-nav button{
position:absolute;
}
.ch-block-main .owl-nav button.owl-next{
right:0;
}
.ch-block-main .owl-nav button:hover{
background-color:transparent !important;
}
.ch-block__btn{
position:relative;
text-decoration:none;
font-weight:bold;
outline:none;
background-color:transparent;
border:0;
font-size:16px;
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
cursor:pointer;
color:#fff;
letter-spacing:0.05em;
}
.ch-block__btn--fill{
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
}
.ch-block__btn--xs{
border-radius:10px;
padding:0.6em 1em;
}
.ch-block__btn--xs.ch-block__btn--outline{
background:rgba(0,0,0,0.5);
background-clip:padding-box;
border:solid 1px transparent;
box-shadow:inset 0 0 10px #242424;
}
.ch-block__btn--xs.ch-block__btn--outline::before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:-1;
margin:-1px;
background:none;
border-radius:inherit;
background:linear-gradient(90deg,#b224ef 0%,#7579ff 100%);
}
.ch-block__btn--xl{
border-radius:8px;
width:100%;
padding:0.9em 1em;
}
.ch-block__btn--xl.ch-block__btn--outline{
border:1px solid #b224ef;
}
.ch-block__btn--xl.ch-block__btn--fill::before{
content:"";
pointer-events:none;
}
.ch-block-card{
position:relative;
border-radius:10px;
overflow:hidden;
width:180px;
}
.ch-block-card__img{
display:block;
max-width:100%;
max-height:unset;
height:auto;
}
.ch-block-card__head{
display:flex;
align-items:center;
gap:10px;
padding:10px;
top:0;
left:0;
width:100%;
position:absolute;
background:linear-gradient(180deg,#17213d 0%,rgba(23,33,61,0) 100%);
}
.ch-block-card__head img{
border-radius:50px;
height:30px;
width:30px;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
border:1px solid #00F0FF;
flex:none;
}
.ch-block-card__head span{
font-size:12px;
flex:1;
width:100%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.ch-block-card__main{
position:absolute;
width:100%;
bottom:0;
left:0;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:0 10px 25px;
min-height:50%;
gap:0.4rem;
background:linear-gradient(0deg,#59076e 0%,rgba(89,7,110,0) 100%);
}
.ch-block-card__main h3{
font-weight:600;
font-size:15px;
letter-spacing:0.01em;
}
.ch-block-card__main i{
font-style:normal;
font-size:12px;
border-radius:10px;
background:rgba(0,240,255,0.4);
padding:2px 10px;
}
.ch-block-card__main span{
font-size:12px;
}
.d-block{
display:block !important;
}
.d-none{
display:none !important;
}
.d-flex{
display:flex !important;
}
.d-inline-flex{
display:inline-flex !important;
}
.d-inline-block{
display:inline-block !important;
}
@media (min-width:1401px){
.d-xl-none{
display:none !important;
}
.d-xl-flex{
display:flex !important;
}
.d-xl-inline-flex{
display:inline-flex !important;
}
.d-xl-inline-block{
display:inline-block !important;
}
}
@media (min-width:1201px){
.d-lg-block{
display:block !important;
}
.d-lg-none{
display:none !important;
}
.d-lg-flex{
display:flex !important;
}
.d-lg-inline-flex{
display:inline-flex !important;
}
.d-lg-inline-block{
display:inline-block !important;
}
}
@media (min-width:981px){
.d-md-block{
display:block !important;
}
.d-md-none{
display:none !important;
}
.d-md-flex{
display:flex !important;
}
.d-md-inline-flex{
display:inline-flex !important;
}
.d-md-inline-block{
display:inline-block !important;
}
}
@media (min-width:787px){
.d-sm-block{
display:block !important;
}
.d-sm-none{
display:none !important;
}
.d-sm-flex{
display:flex !important;
}
.d-sm-inline-flex{
display:inline-flex !important;
}
.d-sm-inline-block{
display:inline-block !important;
}
}
@media (min-width:481px){
.d-xs-block{
display:block !important;
}
.d-xs-none{
display:none !important;
}
.d-xs-flex{
display:flex !important;
}
.d-xs-inline-flex{
display:inline-flex !important;
}
.d-xs-inline-block{
display:inline-block !important;
}
}
.index-carousel .challenge-card{
width:180px !important;
aspect-ratio:1 / 2.1 !important;
}
.dotsContainer{
width:40px;
height:20px;
background:rgba(0,0,0,0.2);
border-radius:50px;
display:flex;
justify-content:center;
align-items:center;
#dot1,
#dot2,
#dot3{
width:4px;
height:4px;
background:#cacaca;
border-radius:50%;
margin:2px;
transition:all 0.5s ease-in-out;
animation:typing 1s infinite;
}
#dot1{
animation-delay:1s;
}
#dot2{
animation-delay:0.5s;
}
#dot3{
animation-delay:0.8s;
}
}
@keyframes typing{
0%{
transform:translateY(0);
transition:all 0.5s ease-in-out;
}
50%{
transform:translateY(-5px);
transition:all 0.5s ease-in-out;
}
100%{
transform:translateY(0);
transition:all 0.5s ease-in-out;
}
}
.valid,.form-field{
position:relative;
}
.valid .check,.success .check{
display:block;
}
.main-content__switch.lk_switch{
border-top:0!important;
margin-left:0;
margin-right:0;
}
.main-content__switch.lk_switch .main-content__switch-link_active{
font-size:inherit!important;
text-shadow:none!important;
}
.msg{
display:flex;
align-items:flex-end;
margin-bottom:10px;
}
.msg:last-of-type{
margin:0;
}
.msg-img{
min-width:30px;
width:30px;
height:30px;
margin-right:10px;
background:#ddd;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
border-radius:50%;
}
.msg-bubble{
max-width:350px;
padding:15px;
border-radius:15px;
/*background:var(--left-msg-bg);*/
border:2px solid #b224ef;
}
.msg-bubble .btn{
margin-top:10px;
}
.msg-info{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}
.msg-info-name{
margin-right:10px;
font-weight:bold;
}
.msg-info-time{
font-size:0.85em;
}
.left-msg .msg-bubble{
border-bottom-left-radius:0;
}
.right-msg{
flex-direction:row-reverse;
}
.right-msg .msg-bubble{
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
color:#fff;
border-bottom-right-radius:0;
border:none;
}
.right-msg .msg-img{
margin:0 0 0 10px;
}
.msger-inputarea{
display:flex;
padding:10px;
border-top:var(--border);
background:#eee;
}
.msger-inputarea *{
padding:10px;
border:none;
border-radius:3px;
font-size:1em;
}
.msger-input{
flex:1;
background:#ddd;
}
.msger-send-btn{
margin-left:10px;
background:rgb(0,196,65);
color:#fff;
font-weight:bold;
cursor:pointer;
transition:background 0.23s;
}
.msger-send-btn:hover{
background:rgb(0,180,50);
}
.msger-chat{
background-color:#fcfcfe;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23dddddd' fill-opacity='0.4'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.default_avatar_item{
}
.default_avatar_item .checked img{
border-radius:50%;
overflow:hidden;
}
.default_avatar_item .checked img{
box-shadow:0 0 10px #B224EF;
}
.header__icons svg,.header__icons img{
max-height:22px;
min-height:22px;
width:auto;
}
.header-balance,.header-balance__btn,.header-chat,.header-chat__btn{
display:inline-flex;
align-items:center;
}
.pig-progress{
--value:6;
--max:10;
--bar-padding:7px;
position:relative;
display:flex;
align-items:center;
width:100%;
height:58px;
}
.pig-progress__icon{
position:relative;
z-index:5;
width:58px;
height:58px;
margin-right:-18px;
display:grid;
place-items:center;
font-size:38px;
line-height:1;
}
.pig-progress__icon img{
width:100%;
height:auto;
}
.pig-progress__bar{
position:relative;
flex:1;
height:42px;
overflow:hidden;
border-radius:15px;
background:
linear-gradient(
180deg,
#421067 0%,
#31084f 42%,
#25033f 100%
);
border:4px solid #4d087a;
box-shadow:
inset 0 0 0 2px #a13df0,
inset 0 4px 7px rgba(255,255,255,0.14),
inset 0 -6px 9px rgba(8,0,25,0.45),
0 0px 0 #8e2ed8,
0 4px 10px rgba(58,0,95,0.28);
}
.pig-progress__fill{
position:absolute;
left:var(--bar-padding);
top:var(--bar-padding);
bottom:var(--bar-padding);
width:calc(
(100% - var(--bar-padding) * 2) / var(--max) * var(--value)
);
border-radius:8px 3px 3px 8px;
background:
linear-gradient(
180deg,
#f06dff 0%,
#d747ff 18%,
#ad19f3 52%,
#7112c7 100%
);
box-shadow:
inset 0 3px 5px rgba(255,255,255,0.55),
inset 0 -5px 8px rgba(58,0,120,0.45),
0 0 9px rgba(201,40,255,0.8);
}
/* 9 линий = 10 делений */
.pig-progress__segments{
position:absolute;
left:var(--bar-padding);
right:var(--bar-padding);
top:var(--bar-padding);
bottom:var(--bar-padding);
z-index:3;
pointer-events:none;
}
.pig-progress__segments span{
position:absolute;
top:0px;
bottom:0px;
width:1px;
border-radius:999px;
background:rgba(229,147,255,0.5);
box-shadow:
-1px 0 0 rgba(62,0,100,0.45),
1px 0 0 rgba(255,220,255,0.18);
}
.pig-progress__segments span:nth-child(1){left:10%}
.pig-progress__segments span:nth-child(2){left:20%}
.pig-progress__segments span:nth-child(3){left:30%}
.pig-progress__segments span:nth-child(4){left:40%}
.pig-progress__segments span:nth-child(5){left:50%}
.pig-progress__segments span:nth-child(6){left:60%}
.pig-progress__segments span:nth-child(7){left:70%}
.pig-progress__segments span:nth-child(8){left:80%}
.pig-progress__segments span:nth-child(9){left:90%}
[data-toggle="tooltip"][data-toggle="tooltip"]{
position:relative;
}
[data-toggle="tooltip"][data-toggle="tooltip"]::before,
[data-toggle="tooltip"][data-toggle="tooltip"]::after{
pointer-events:none;
position:absolute;
left:50%;
opacity:0;
transform:translate(-50%,6px);
transition:opacity .15s ease,transform .15s ease;
z-index:20;
}
[data-toggle="tooltip"][data-toggle="tooltip"]::before{
content:attr(title);
bottom:calc(100% + 8px);
width:max-content;
max-width:220px;
padding:5px 8px;
border-radius:4px;
background:rgba(34,34,34,.95);
color:#fff;
font-size:12px;
line-height:1.3;
white-space:normal;
}
[data-toggle="tooltip"][data-toggle="tooltip"]::after{
content:"";
bottom:calc(100% + 3px);
border:5px solid transparent;
border-top-color:rgba(34,34,34,.95);
}
[data-toggle="tooltip"][data-toggle="tooltip"]:hover::before,
[data-toggle="tooltip"][data-toggle="tooltip"]:hover::after,
[data-toggle="tooltip"][data-toggle="tooltip"]:focus::before,
[data-toggle="tooltip"][data-toggle="tooltip"]:focus::after{
opacity:1;
transform:translate(-50%,0);
}
.challenge{
width:100%;
padding-bottom:60px;
}
.challenge-form textarea,
.challenge-form input[type=text],
.challenge-form input[type=number],
.challenge-form input[type=email],
.challenge-form input[type=tel],
.challenge-form input[type=date]{
display:block;
min-height:50px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:transparent;
color:#fff;
border:1px solid rgba(255,255,255,0.2);
border-radius:5px;
padding:10px;
font-size:14px;
width:100%;
margin-bottom:2rem;
margin-top:0.5rem;
}
.challenge-form textarea::-moz-placeholder,.challenge-form input[type=text]::-moz-placeholder,.challenge-form input[type=email]::-moz-placeholder,.challenge-form input[type=tel]::-moz-placeholder,.challenge-form input[type=date]::-moz-placeholder{
color:rgba(255,255,255,0.5);
}
.challenge-form .form-hint{
color:rgba(255,255,255,0.5);
margin:-20px 0 20px 0;
display:block;
}
.challenge-form textarea::placeholder,
.challenge-form input[type=text]::placeholder,
.challenge-form input[type=email]::placeholder,
.challenge-form input[type=tel]::placeholder,
.challenge-form input[type=number]::placeholder,
.challenge-form input[type=date]::placeholder{
color:rgba(255,255,255,0.5);
}
.challenge-form input[type=checkbox]{
flex:none;
height:12px;
width:12px;
border-radius:2px;
border:1px solid #00F0FF;
background-color:transparent;
cursor:pointer;
}
.challenge-form input[type=checkbox]:checked{
background-image:url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.21875 5.46875L4.40625 7.65625L8.78125 2.96875' stroke='%231F1F4F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-color:#00F0FF;
}
.challenge-form input[data-coin]{
padding-right:3rem;
background-position:center right 1rem;
background-repeat:no-repeat;
background-size:19px;
background-image:url("/dist/img/deels_cur.svg");
}
.challenge-form input[type=date]::-webkit-calendar-picker-indicator{
color:rgba(0,0,0,0);
opacity:1;
display:block;
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 10L12 14L7 10' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-size:contain;
width:20px;
height:20px;
border-width:thin;
}
.challenge-subtitle{
font-size:28px;
font-weight:600;
}
@media (max-width:786px){
.challenge-subtitle{
font-size:16px;
}
}
.challenge-autor{
display:flex;
align-items:center;
font-weight:600;
font-size:16px;
gap:8px;
}
.challenge-autor img{
height:40px;
width:40px;
border-radius:50px;
}
@media (max-width:786px){
.challenge-autor img{
height:24px;
width:24px;
}
}
.challenge-prize{
display:flex;
align-items:center;
justify-content:space-between;
max-width:300px;
width:100%;
padding:10px 5px;
border-top:1px solid #00F0FF;
border-bottom:1px solid #00F0FF;
font-size:22px;
font-weight:600;
}
.min_participants{
display:flex;
align-items:center;
justify-content:space-between;
margin-top:10px;
padding-top:10px;
border-top:1px solid #00F0FF;
}
.min_participants span:first-child{
margin-right:50px;
}
.min_participants .btn_pill{
border-radius:10px;
line-height:30px;
padding:2px 10px!important;
/*width:30px!important;*/
height:30px!important;
min-width:30px!important;
text-align:center;
font-size:12px;
font-weight:bold;
background:rgba(0,0,0,0.45);
display:flex;
align-items:center;
}
@media (max-width:786px){
.challenge-prize{
font-size:16px;
}
}
.challenge-prize span{
display:flex;
align-items:center;
position:relative;
font-size:1.6em;
}
.challenge-prize span::after{
content:"";
flex:none;
height:19px;
width:19px;
background-repeat:no-repeat;
background-size:contain;
background-image:url("/dist/img/deels_cur.svg");
margin-left:10px;
}
.challenge-btn{
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
border:0;
background:none;
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
gap:10px;
font-size:16px;
border-radius:0.6em;
min-height:50px;
padding:10px 48px;
font-weight:600;
max-width:300px;
width:100%;
color:#fff;
}
@media (max-width:480px){
.challenge-btn{
max-width:100%;
border-radius:6px;
}
}
.challenge-btn--fill{
background:linear-gradient(90deg,#B224EF 0%,#7579FF 100%);
}
.challenge-btn--outline{
background:linear-gradient(#0d102c 0 0) padding-box,linear-gradient(90deg,#b224ef 0,#7579ff 100%) border-box;
border:1px solid transparent !important;
}
.challenge-btn__icon{
height:30px;
aspect-ratio:1/1.2;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}
.challenge-btn:hover{
box-shadow:0 0.3rem 1rem rgba(117,121,255,0.5);
}
.challenge-media{
position:relative;
width:100%;
border-radius:10px;
overflow:hidden;
aspect-ratio:1/1.6;
}
.challenge-media:hover img{
transform:scale(1.1);
}
.challenge-media--video::after{
content:"";
position:absolute;
z-index:1;
max-width:80px;
aspect-ratio:1/1;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:30%;
background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.362 31.1766C72.963 32.0279 74.3022 33.2989 75.2361 34.8532C76.1699 36.4075 76.6633 38.1866 76.6633 39.9999C76.6633 41.8132 76.1699 43.5923 75.2361 45.1466C74.3022 46.7009 72.963 47.9718 71.362 48.8232L28.6554 72.0465C21.7787 75.7866 13.332 70.9199 13.332 63.2266V16.7766C13.332 9.07655 21.7787 4.21322 28.6554 7.94989L71.362 31.1766Z' fill='%2300F0FF' fill-opacity='0.98'/%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-size:contain;
}
.challenge-media img{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
will-change:transform;
transition:transform 0.25s ease;
}
.challenge-info__media{
max-width:280px;
width:100%;
}
@media (max-width:786px){
.challenge-info__media{
max-width:50%;
}
}
.challenge-info__content{
display:flex;
flex-direction:column;
align-items:start;
gap:20px;
}
@media (max-width:786px){
.challenge-info__content{
gap:16px;
}
}
.challenge-info__content b{
font-weight:600;
}
.challenge-top{
position:relative;
padding:40px 0;
}
.challenge-top__row{
display:flex;
gap:40px;
}
@media (max-width:980px){
.challenge-top__row{
gap:20px;
}
}
@media (max-width:480px){
.challenge-top__row{
gap:10px;
}
}
.challenge-create-btn{
display:inline-flex;
align-items:center;
gap:25px;
}
.challenge-create-btn::before{
content:"";
flex:none;
height:63px;
width:63px;
background-repeat:no-repeat;
background-position:center;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 63 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_773_2455' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.4999 46.2879C39.667 46.2879 46.2878 39.6672 46.2878 31.5C46.2878 23.3329 39.667 16.7122 31.4999 16.7122C23.3328 16.7122 16.712 23.3329 16.712 31.5C16.712 39.6672 23.3328 46.2879 31.4999 46.2879ZM31.6134 24C31.6134 23.4478 31.1657 23 30.6134 23C30.0612 23 29.6134 23.4478 29.6134 24V29.6135H24C23.4477 29.6135 23 30.0612 23 30.6135C23 31.1658 23.4477 31.6135 24 31.6135H29.6134V37.227C29.6134 37.7793 30.0612 38.227 30.6134 38.227C31.1657 38.227 31.6134 37.7793 31.6134 37.227V31.6135H37.2269C37.7792 31.6135 38.2269 31.1658 38.2269 30.6135C38.2269 30.0612 37.7792 29.6135 37.2269 29.6135H31.6134V24Z'%3E%3C/path%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.4999 46.2879C39.667 46.2879 46.2878 39.6672 46.2878 31.5C46.2878 23.3329 39.667 16.7122 31.4999 16.7122C23.3328 16.7122 16.712 23.3329 16.712 31.5C16.712 39.6672 23.3328 46.2879 31.4999 46.2879ZM31.6134 24C31.6134 23.4478 31.1657 23 30.6134 23C30.0612 23 29.6134 23.4478 29.6134 24V29.6135H24C23.4477 29.6135 23 30.0612 23 30.6135C23 31.1658 23.4477 31.6135 24 31.6135H29.6134V37.227C29.6134 37.7793 30.0612 38.227 30.6134 38.227C31.1657 38.227 31.6134 37.7793 31.6134 37.227V31.6135H37.2269C37.7792 31.6135 38.2269 31.1658 38.2269 30.6135C38.2269 30.0612 37.7792 29.6135 37.2269 29.6135H31.6134V24Z' fill='%2300F0FF'%3E%3C/path%3E%3Cpath d='M29.6134 29.6135V31.6135H31.6134V29.6135H29.6134ZM29.6134 31.6135H31.6134V29.6135H29.6134V31.6135ZM31.6134 31.6135V29.6135H29.6134V31.6135H31.6134ZM31.6134 29.6135H29.6134V31.6135H31.6134V29.6135ZM44.2878 31.5C44.2878 38.5626 38.5625 44.2879 31.4999 44.2879V48.2879C40.7716 48.2879 48.2878 40.7717 48.2878 31.5H44.2878ZM31.4999 18.7122C38.5625 18.7122 44.2878 24.4375 44.2878 31.5H48.2878C48.2878 22.2283 40.7716 14.7122 31.4999 14.7122V18.7122ZM18.712 31.5C18.712 24.4375 24.4374 18.7122 31.4999 18.7122V14.7122C22.2282 14.7122 14.712 22.2283 14.712 31.5H18.712ZM31.4999 44.2879C24.4374 44.2879 18.712 38.5626 18.712 31.5H14.712C14.712 40.7717 22.2282 48.2879 31.4999 48.2879V44.2879ZM30.6134 25C30.0612 25 29.6134 24.5523 29.6134 24H33.6134C33.6134 22.3432 32.2703 21 30.6134 21V25ZM31.6134 24C31.6134 24.5523 31.1657 25 30.6134 25V21C28.9566 21 27.6134 22.3432 27.6134 24H31.6134ZM31.6134 29.6135V24H27.6134V29.6135H31.6134ZM24 31.6135H29.6134V27.6135H24V31.6135ZM25 30.6135C25 31.1658 24.5523 31.6135 24 31.6135V27.6135C22.3431 27.6135 21 28.9567 21 30.6135H25ZM24 29.6135C24.5523 29.6135 25 30.0612 25 30.6135H21C21 32.2704 22.3431 33.6135 24 33.6135V29.6135ZM29.6134 29.6135H24V33.6135H29.6134V29.6135ZM31.6134 37.227V31.6135H27.6134V37.227H31.6134ZM30.6134 36.227C31.1657 36.227 31.6134 36.6747 31.6134 37.227H27.6134C27.6134 38.8838 28.9566 40.227 30.6134 40.227V36.227ZM29.6134 37.227C29.6134 36.6747 30.0612 36.227 30.6134 36.227V40.227C32.2703 40.227 33.6134 38.8838 33.6134 37.227H29.6134ZM29.6134 31.6135V37.227H33.6134V31.6135H29.6134ZM37.2269 29.6135H31.6134V33.6135H37.2269V29.6135ZM36.2269 30.6135C36.2269 30.0612 36.6746 29.6135 37.2269 29.6135V33.6135C38.8838 33.6135 40.2269 32.2704 40.2269 30.6135H36.2269ZM37.2269 31.6135C36.6746 31.6135 36.2269 31.1658 36.2269 30.6135H40.2269C40.2269 28.9567 38.8838 27.6135 37.2269 27.6135V31.6135ZM31.6134 31.6135H37.2269V27.6135H31.6134V31.6135ZM29.6134 24V29.6135H33.6134V24H29.6134Z' fill='%2300F0FF' mask='url(%23path-1-inside-1_773_2455)'%3E%3C/path%3E%3Cpath d='M16.5677 1H9C4.58172 1 1 4.58173 1 9V15.9323M1 46.4323V54C1 58.4183 4.58172 62 9 62H16.5677M62 46.4323V54C62 58.4183 58.4183 62 54 62H47.0677M62 15.9323V9C62 4.58172 58.4183 1 54 1H47.0677' stroke='%2300F0FF' stroke-width='2'%3E%3C/path%3E%3C/svg%3E");
}
.challenge-filter{
display:flex;
align-items:center;
gap:30px;
}
.challenge-filter__item{
display:flex;
align-items:center;
gap:10px;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.challenge-filter__item input{
height:30px;
width:30px;
border-radius:4px;
border:1px solid #E3E1E1;
cursor:pointer;
background-repeat:no-repeat;
background-position:center;
background-size:65%;
}
.challenge-filter__item input:checked{
background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%2300F0FF'/%3E%3Cpath d='M3.75 9.75L7.25 13.25L14.25 5.75' stroke='%233A0B48' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.challenge-filter-btn{
display:none;
height:24px;
width:24px;
background-repeat:no-repeat;
background-position:center;
background-color:transparent;
border:0;
background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 19H20M4 5L7 5M4 19H8M11 5H20M17 12H20M4 12H13' stroke='%2300F0FF' stroke-linecap='round'/%3E%3Cpath d='M8 19C8 17.8954 8.89543 17 10 17C11.1046 17 12 17.8954 12 19C12 20.1046 11.1046 21 10 21C8.89543 21 8 20.1046 8 19Z' stroke='%2300F0FF' stroke-linecap='round'/%3E%3Cpath d='M13 12C13 10.8954 13.8954 10 15 10C16.1046 10 17 10.8954 17 12C17 13.1046 16.1046 14 15 14C13.8954 14 13 13.1046 13 12Z' stroke='%2300F0FF' stroke-linecap='round'/%3E%3Cpath d='M7 5C7 3.89543 7.89543 3 9 3C10.1046 3 11 3.89543 11 5C11 6.10457 10.1046 7 9 7C7.89543 7 7 6.10457 7 5Z' stroke='%2300F0FF' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.challenge-filter-btn.active{
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='Menu / Close_MD'%3E%3Cpath id='Vector' d='M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18' stroke=' %2300F0FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.challenge-grid{
display:grid;
gap:20px;
--challenge-grid:repeat(3,1fr);
grid-template-columns:var(--challenge-grid);
}
@media (max-width:980px){
.challenge-grid{
grid-template-columns:repeat(3,1fr);
}
}
@media (max-width:786px){
.challenge-grid{
grid-template-columns:repeat(2,1fr);
gap:10px;
}
}
.challenge-card{
position:relative;
border-radius:10px;
overflow:hidden;
text-decoration:none;
width:100%;
aspect-ratio:1/1.54;
}
.challenge-card:hover>img,.challenge-card:hover .challenge-card__content{
transform:scale(1.1);
}
.challenge-card>img{
position:absolute;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
transform-origin:center;
will-change:transform;
transition:transform 0.25s;
}
.challenge-card__head{
position:absolute;
width:100%;
padding:20px;
left:0;
top:0;
z-index:2;
display:flex;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
pointer-events:none;
display:flex;
align-items:center;
gap:10px;
}
.challenge-card__head img{
border-radius:5rem;
flex:none;
height:40px;
width:40px;
}
.challenge-card__head span{
white-space:nowrap;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
}
.challenge-card__content{
position:absolute;
/*height:100%;*/
height:auto;
bottom:0;
width:100%;
padding:20px;
z-index:1;
display:flex;
flex-direction:column;
text-align:center;
align-items:center;
justify-content:start;
background:transparent;
/*background:rgba(42,12,59,0.6);*/
transition:transform 0.25s;
transition-delay:0.1s;
border-top-right-radius:10px;
border-top-left-radius:10px;
}
.challenge-card:after{
content:'';
position:absolute;
width:100%;
left:0;
right:0;
bottom:0;
top:auto;
height:182px;
z-index:1;
background:linear-gradient(360deg,#59076E 0%,rgba(89,7,110,0) 100%);
}
.challenge-card:before{
content:'';
position:absolute;
width:100%;
left:0;
right:0;
bottom:auto;
top:0;
height:100px;
z-index:1;
background:linear-gradient(180deg,#59076E 0%,rgba(89,7,110,0) 100%);
}
.challenge-card.show_story:after,
.challenge-card.show_story:before{
display:none;
}
.challenge-card__content,.challenge-card__head{
z-index:2;
}
.challenge-card__date{
background:#00F0FF66;
padding:2px 10px 2px 10px;
gap:10px;
border-radius:30px;
font-size:11px;
}
.show_story .challenge-card__content{
height:100%!important;
bottom:auto;
text-align:center;
align-items:center;
justify-content:center;
}
.challenge-card__head .with_bg{
background:rgba(42,12,59,0.6);
border-radius:20px;
padding:5px;
display:flex;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
pointer-events:none;
align-items:center;
width:100%;
}
.with_bg img{
margin-right:10px;
}
.with_bg:after{
content:'';
position:relative;
width:26px;
height:20px;
background-size:cover!important;
background:url('/img/lightning.svg');
margin-right:10px;
}
.challenge-card__content h3{
font-size:16px;
font-weight:600;
margin-bottom:8px;
}
.challenge-card__content img{
border-radius:50px;
}
@media (max-width:980px){
.challenge-card__content{
font-size:14px;
}
.challenge-card__content h3{
font-size:16px;
}
.challenge-card__content span{
font-size:12px;
}
.challenge-card__content img{
height:20px;
width:20px;
}
}
@media (max-width:980px){
.challenge-create-btn{
gap:10px;
}
.challenge-create-btn span{
display:none;
}
.challenge-create-btn::before{
height:30px;
width:30px;
gap:10px;
}
}
@media (max-width:786px){
.challenge-top{
padding:20px 0 10px;
}
.challenge-filter-btn,.challenge-create-btn span{
display:block;
}
.challenge-filter{
position:absolute;
background-color:#241B2A;
top:100%;
width:100%;
flex-direction:column;
gap:20px;
z-index:15;
border-radius:0 0 10px 10px;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#00F0FF;
padding:30px 20px;
align-items:flex-start;
display:none;
}
.challenge-filter__item input{
height:20px;
width:20px;
}
.challenge-card{
border-radius:8px;
}
.challenge-card__head{
padding:14px;
}
.challenge-card__head img{
height:20px;
width:20px;
}
.challenge-card__head span{
font-size:10px;
}
}
/*# sourceMappingURL=app.min.css.map */