/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 27 2026 | 14:19:48 */
section#app {
    display: none !important;
}
.footer__app {
    display: none !important;
}
.wpcf7 form.init .wpcf7-response-output {
    display: none;
}
.gg-youtube {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 16px;
    height: 10px;
    box-shadow: 0 0 0 2px;
    border-radius:
        15px 15px 15px 15px /
        45px 45px 45px 45px
}
.gg-youtube::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 7px;
    top: 2px;
    border-left: 4px solid currentColor;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent
}
.wpcf7-response-output:before {
    content: "Thank you, your application has been sent successfully.";
    font-size: 14px;
    text-align: center !important;
    display: block !important;
    margin-top: 20px;
    color: #4ea24e;
    font-weight: 700;
}

.wpcf7-response-output {
    font-size: 0;
    border: none !important;
}
.gg-instagram {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    border: 2px solid transparent;
    box-shadow: 0 0 0 2px;
    border-radius: 4px;
    width: 20px;
    height: 20px
}
.gg-instagram::after,
.gg-instagram::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute
}
.gg-instagram::after {
    border: 2px solid;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    top: 3px
}
.gg-instagram::before {
    border-radius: 3px;
    width: 2px;
    height: 2px;
    background: currentColor;
    right: 1px;
    top: 1px
}
.about__header .red-text {
    display:none !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #0000;
    text-align: center;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0em 0.5em 0em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}
div#post_design .must_b strong {
    font-weight: 600;
    padding-top: 20px !important;
    display: block;
    margin-bottom: -20px !important;
    padding-bottom: 0 !important;
}
 .gg-close {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 22px;
 height: 22px;
 border: 2px solid transparent;
 border-radius: 40px
}

.gg-close::after,
.gg-close::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 16px;
 height: 2px;
 background: currentColor;
 transform: rotate(45deg);
 border-radius: 5px;
 top: 8px;
 left: 1px
}

.gg-close::after {
 transform: rotate(-45deg)
} 

/* projects section main page */
div#first_row {
    margin-top: 160px !important;
}
.app__dwnld a{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}


.app__wrapper {
    width: 767px;
    margin-left: auto;
}

.app__title h2 {
    text-align: right;
}

.app__video {
    position: absolute;
    left: -230px;
    width:550px;
}


.volunteer__donate-circle{
    width: 279px;
    height: 279px;
    background:#DFE6F0;
    border-radius:50%;
    display:flex;
    position: relative;
    align-items: center;
    justify-content: center;
}   

.mono-animation{
    width:100%;
    height:100%;    
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;   
    font-weight: 600;
    font-family: Montserrat;
}

.mono-animation img{
     position: absolute;
  left: 0;
  right: 0;
 top: 0;
  bottom: 0;
  margin:auto;
}
.about__contact{
    display:flex;
    flex-direction:column;
}
.about__contact-text{
margin-top:100px;
}
.about__contact-text-p{
    max-width:450px;
}

@keyframes slide-top-2 {
  0% {
      transform: translateY(0);
  }
  100% {
      transform: translateY(-100px);
  }
}

@keyframes slide-top-1 {
  0% {
      transform: translateY(0);
  }
  100% {
      transform: translateY(100px);
  }
}

@keyframes left-ear {
  0% {
      transform: rotate(340deg);
  }
  50%{
      transform: rotate(348deg);
  }
  100% {
      transform: rotate(340deg);
  }
}

@keyframes right-ear {
  0% {
      transform: rotate(26deg);
  }
  50%{
      transform: rotate(34deg);
  }
  100% {
      transform: rotate(26deg);
  }
}

@keyframes qr-animation {
  0% {
      transform: scale(1.01);
  }
  50%{
      transform: scale(.99);
  }
  100% {
      transform: scale(1.01);
  }
}

img.hand_img-1{
    animation: slide-top-1 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;
}

img.hand_img-2{
    animation: slide-top-2 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;
}

img.hand_img{
    width:30px !important;
}

img.hand_img.hand_img-1 {
    bottom: 110px;
    left: -130px;
}
img.hand_img.hand_img-2 {
    bottom: -119px;
    left: 130px;
}

img.qr_img{
    width:140px !important;
    animation: qr-animation 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}

img.ear_img{
    width: 45px !important;
}

img.ear_img.ear_img-1 {
    top: -149px;
    left: -50px;
    transform: rotate(342deg);
    animation: left-ear 2s ease-in-out infinite both;
}
img.ear_img.ear_img-2 {
    top: -143px;
    left: 55px;
    transform: rotate(26deg);
    animation: right-ear 2s ease-in-out infinite both;
}

@keyframes animate-blob {
  0% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  }
  50% {
    border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%;
  }
  100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  }
}

@keyframes animate-blob-2 {
  0% {
     border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  }
  50% {
      border-radius: 20% 65% 50% 50% / 50% 60% 30% 60%;
  }
  100% {
    border-radius: 56% 40% 28% 70% / 60% 30% 70% 40%;


  }
}

.blob {
    width: 440px;
    height: 430px;
    background:#000000;
}

.circle__btn{
    animation: animate-blob 4s ease-in-out infinite;
}

.blob-1{
  animation: animate-blob 4s ease-in-out infinite;
}

.hero__inner #popup{
  animation: animate-blob 4s ease-in-out infinite;
}

.blob-2{
    animation-direction: reverse;
    animation: animate-blob-2 4s ease-in-out infinite;
}

.about__founders{
    min-height:982px !important;
}

.about__anton{
    top: 100px !important;
}

.about__founders-title h2 {
    top: 156px !important;
}
.about__anton-img{
    max-width: 263px;
    flex-shrink: 0;
}

.about__artem-info{
    flex-shrink: 0;
    max-width: 375px;
}

.about__founders-content{
    flex-direction:column;
    position:relative;
}

.about__artem{
    margin-left:auto;
/*  bottom: 0 !important; */
}

.about__anton-wrapper{
    flex-direction:row;
}

.about__artem-img {
    max-width: 416px;
    flex-shrink: 0;
}

.about__artem-wrapper {
    align-items: flex-start !important;
}

.hero__bg-video:before{
    position:absolute;
    top:0;
    left:0;
    content:'';
    background:#000;
    width:100%;
    height:100%;
    opacity:50%;
}

.animated-title span{
    position:relative;
/*  top:20px; */
}

.animated-title{
    overflow:hidden;
}

.parallax-sign {
    z-index:10;
    position: absolute;
}

.anton-sign {
    left: 82%;
    top: -4%;
}

.artem-sign {
    top: -13%;
}

.about__anton-img .founder_overlay{
    position:absolute;
    left: 110px;
    top: 160px;
}

.about__artem-img .founder_overlay {
    position: absolute;
    left: 40px;
    top: 124px;
}

.about__artem-img .founder_bg {
        width: 560.178px;
    top: 100px;
    position: relative;
    left: -50px;
}

.about__anton-img{
    position:relative;
}
.about__artem-img:after{
    content: "";
    position: absolute;
    bottom: -182px;
    width: 340px;
    height: 170px;
    background: rgb(241, 239, 239);
    left: 69px;
    z-index: 35;
}

.about__anton-img:after{
    content: '';
    position: absolute;
    bottom: -170px;
    width: 340px;
    height: 170px;
    background: #2b2b2b;
    left: 50px;
    z-index: 35;
}

.about__anton-img .founder_bg{
    width: 460.178px;
}

.about__anton-wrapper {
    gap: 258px !important;
}

.parallax-sign.society-sign {
    top: 167%;
    left: 30px;
}

section#objects {
    overflow:hidden;
    margin-top: 220px;
}

.mobile-video{
    display:none;
}

#navlist li a.active{
    color:#DC4A46 !important;
}

.app__dwnld:nth-child(2) img{
    transform: scale(0.45);
}


.volunteer__donate img{
    width:100%;
    height:auto;
}

.volunteer__donate{
    max-width:279px;
}

.app__dwnld img{
/*  height:auto;
    width:100%; */
    max-width:140% !important;
/*  transform:scale(1); */
}

video {
  height: auto;
  width: 100%;
}

.objects__title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    text-transform: uppercase;
    color: #2B2B2B;
    margin-bottom:75px;
}

.obj_two{
    width: 413px;
    height: 509px;
}

.obj_six{
    width: 628px;
    height: 730px !important;
    overflow:hidden;
}


.obj_six video{
    position:relative;
    top:-10%;
}


.objects__link {
    font-family: Montserrat;
    position: absolute;
    font-weight: 500;
    font-size: 20px;
    line-height: 159.9%;
    text-transform: uppercase;
    color: rgb(43, 43, 43);
    padding-bottom: 10px;
    border-bottom: 2px solid;
    top: 30%;
}

.objects__gallery{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}

.objects__gallery div img{
    width:100%;
    height:auto;
}

.objects__gallery div{
    margin-bottom:75px;
    height:auto;
}

.obj_mob{
    display:none;
}

.obj_four{
    margin-top: auto;
}

.objects__inner{
    position:relative;
    right:0;
}



a.circle__btn.objects__btn {
    position: absolute;
    right: 25%;
    bottom: 2%;
}

.objects__link span{
    color:#DC4A46;
    border-bottom:1px;
    
}

.hero__bg-video{
    background-image:url()
}

.projects-page{
    margin-top:120px;
}

.projects-page .alm-reveal{
     display: grid;
    grid-template-columns: repeat(3, 400px);
    gap:10px 40px;
}

.projects-page .alm-reveal .entry-content{
    overflow:hidden;
    max-width: 100%;
    max-height: 349px;
    order:-1;
}

.projects-page .alm-reveal article{
    display:flex;
    flex-direction:column;
    gap:47px;
    max-width: 411px;
}
        
.projects-page .alm-reveal .entry-title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;max-width: 411px;
    font-size: 20px;
    line-height: 140%;
    text-transform: uppercase;
    color: #2B2B2B;
    margin-bottom:50px;
    border-bottom:2px solid #2b2b2b;
}

.projects-page .alm-load-more-btn{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 159.9%;
    text-transform: uppercase;
    color: #2B2B2B;
    background:transparent;
    outline:none;
    border:none;
    border-bottom:1px solid #2b2b2b;
    padding-bottom:7px;
    margin:0 auto;
}

.alm-load-more-btn.more.done {
    display: none !important;
}

.projects-page .alm-btn-wrap{
display:flex;
align-items:center;
justify-content:center;
    }

.projects-page .alm-load-more-btn span{
    color:#DC4A46;
}



.header__nav-list li a {
    font-weight: 600 !important;
}

@media screen and (max-width:1500px){
    h1.entry-title {
    margin-left: 16px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    margin-bottom: -40px;
}
    .app__video {
        position: absolute;
        left: -60px;
        width:500px;
    }

}

@media screen and (max-width:1440px){
    .hero__bg-video:before {
        height: 95.4%;
    }
}

@media screen and (max-width:1400px){
.single-post__gallery,
.projects-page .alm-reveal {
    display: grid;
    grid-template-columns: repeat(3, 340px);
}

.about__artem-wrapper {
    flex-direction: row-reverse;
}

    .about__anton-wrapper{
    flex-direction: row-reverse;
    margin-left: 900px;
    }

.anton-sign {
    left: 88%;
    top: 2%;
}

.artem-sign {
    top: -8%;
}

.hero__bg-video:before {
    height: 92.6%;
}

.projects-page .alm-reveal article {
    display: flex;
    flex-direction: column;
    max-width: 100%;
}

.projects-page .alm-reveal .entry-title {
    font-size: 16px;
}

    .obj_one, .obj_three, .obj_four {
        width: 315px;
    }


    .obj_two {
        width: 345px;
    }   

    .obj_five {
        max-width: 657px;
    }


    .obj_six {
        max-width: 490px;
    }


    .obj_seven {
        max-width: 420px;
    }

}


@media screen and (max-width:1308px){
    .hero__bg-video {
        top: 30px !important;
    }
    
    .hero__bg-video::before {
        height: 86.7%;
        z-index: inherit;
    }

    .about__founder.about__artem {
        z-index: 62;
    }

    .app__wrapper{
        width:687px;
    }

    .volunteer__donate {
        top: 10px !important;
    }
}



@media screen and (max-width:1200px){

    .hero__bg-video video{
    transform:scale(1.2);
}

.projects-page .alm-reveal {
    display: grid;
    grid-template-columns: repeat(2, 1 fr);
    gap: 1rem;
}

.projects-page .alm-reveal article {
    display: flex;
    flex-direction: column;
    /* max-width: 339px; */
    width: 100%;
}


    .society__tabs {
        max-width: 100% !important;
    }

    .society__img{
        margin: 30px auto;
    }

    
    .obj_one, .obj_three, .obj_four {
        width: 285px;
    }


    .obj_two {
        width: 305px;
    }   

    .obj_five {
        max-width: 607px;
    }


    .obj_six {
        max-width: 440px;
    }


    .obj_seven {
        max-width: 380px;
    }

    .app__title .red-text {
        margin-left: auto !important;
    }
        
    .projects-page .alm-reveal {
        display: grid;
        grid-template-columns: repeat(2, 450px);
        gap: 1rem;
    }

    .projects-page .alm-reveal article {
        max-width: calc(100vw - 30px);
        width:100%;
    }
    .projects-page .alm-reveal article img {
        width:100%;
        object-fit: cover;
    }

    .about__anton {
        top: 40px !important;   
    }

}


@media screen and (max-width:992px){

    
    .hero__bg-video::before {
        height: 100%;
        z-index: inherit;
    }

    .obj_one, .obj_three, .obj_four {
        width: 199px;
    }


    .obj_two {
        width: 255px;
    }   

.obj_five {
    max-width: 457px;
}


.obj_six {
    max-width: 310px;
    max-height:600px;
}

    .obj_seven {
        max-width: 340px;
    }

    a.circle__btn.objects__btn {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 0 auto;
    }

.app {
    margin-top: 82px;
}

    .desktop-video{
        display:none;
    }

    .mobile-video{
        display:block;
    }
    .projects-page .alm-reveal {
        grid-template-columns: repeat(2, 330px);
    }
}

@media screen and (max-width:768px) {


    .about__anton-img {
        max-width: 210px !important;
    }

    .blob {
        width: 360px;
        height: 330px;
        background: rgb(0, 0, 0);
    }

    .about__anton-wrapper {
        margin-left: 810px;
    }

    .parallax-sign.artem-sign img,
    .anton-sign.parallax-sign img{
        width:100%;
        height:auto;
    }

    .artem-sign {
        width: 210px;
        left: 100px;
    }

    .about__artem-img img.founder_overlay.parallax-sign {
        width: 350px;
    }

    .about__artem-img .founder_overlay {
        position: absolute;
        left: 40px;
        top: 64px;
    }

    .app__video{
        display:none;
    }
    
    .anton-sign {
        width: 210px;
    }

    .about__artem-wrapper {
        flex-direction: row !important;
    }

    .about__artem-img::after {
        content: "";
        position: absolute;
        bottom: -82px;
        width: 340px;
        height: 80px;
        background: rgb(43, 43, 43);
        left: 39px;
        z-index: 35;
    }

    .about__founders-content{
        gap:120px;
    }

    .about__anton {
        top: 70px !important;
    }

    .about__founder.about__artem {
        width: 100%;
        margin-left: -70px;
    }
    .wpcf7-not-valid-tip {
        
        font-size: 7px !important;
        position:absolute;
    }

    .uacf7-step label {
        margin: 3px auto;
    }

    .container{
        max-width:95% !important;
        margin:0 auto;
    }

.obj_six {
    max-height: 500px;
}

    .site-main{
        padding-top:100px;
    }

    .projects-page .alm-reveal article {
        gap: 20px;
    }

    .projects-page .alm-reveal .entry-title {
        font-size: 14px;
        line-height: 140%;
    }
    .projects-page .alm-reveal{
        grid-template-columns: repeat(2, 1fr);
    }

    .obj_one,
    .obj_two{
        width:47%;  
    }

    .obj_five{
        max-width:100%;
    }
    
    .obj_mob{
        display:block;
        width:100%; 
    }

    section#objects {
    overflow: hidden;
    margin-top: 80px;
}

    .obj_six{
        width:50%;
    }

    .objects__gallery div {
        margin-bottom: 35px;
        height: auto;
    }

    .objects__link {
        top: 65%;
        right: 20px;
        font-size: 14px;
        padding-bottom:5px;
    }

    .obj_three,
    .obj_four,
    .obj_seven{
        display:none;
    }

    .footer__links.red-text:before{
        content:none;
    }

    .hero__bg-video{
        
    }
    .volunteer {
        position: relative;
        padding-bottom: 110px;
    }
    .volunteer__btns {
        display: flex !important;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translatex(-50%);
    }
}

@media screen and (max-width:450px){
    .anton-sign{
        left:5%;
    }
.about__contact {
    margin-top: 60px !important;
}
.about__contact-text {
    margin-top: 50px;
    flex-direction: column;
    gap: 40px;
}
    .society__link{
        justify-content:flex-start !important;
    }
    .about__anton .about__founder-title {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        text-align: right !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .about__anton-wrapper .about__founder-desc{
        text-align:right !important;
    }


    .hero__bg-video video{
        transform:scale(1);
    }

    .parallax-sign.society-sign {
        top: 212%;
        left: 10px;
    }

    .parallax-sign img{
        width:150px;
    }

    .artem-sign{
        top:100%;
        right:5%;
    }

    .hero__bg-video::before {
        height: 94.3%;
        z-index: inherit;
    }

    .container {
        padding: 0 15px !important;
        max-width:100% !important;
    }
    

/* .app__dwnld:nth-child(1) img {
    transform:scale(1) !important;
    top: 11px !important;
    width: 100px;
}
.app__dwnld:nth-child(2) img {
        position: relative;
    width: 140px;
    top: 17px;
    transform: scale(.7) !important;
} */


.footer__links span:nth-child(2) {
    font-size: 14px !important;
    margin-left: 10px !important;
}

.app__dwnld img {
    width:100%;
    height:auto;
}
    
    .footer__calc{
        padding:0 55px;
        }

.obj_six {
    max-height: 234px;
}
.about__anton-img, .about__artem-img {
    max-width: 170px !important;
}

    .about__founder.about__anton{
        top:50px !important;    
    } 

.about__anton-img .founder_overlay {
    top: 190px;
}

.blob {
    width: 270px;
    height: 270px;
    background: rgb(0, 0, 0);
}

.about__anton-wrapper {
     margin-left: 0;
}
    
    .about__anton-wrapper {
        gap: 0 !important; 
    }

.about__founder {
    top: auto !important;
}

    .objects__link {
        top: 58%;
    }

    .hero .circle__btn {
        right: 40px;
        position: absolute;
        margin-right: 0;
        bottom: -20px !important;
    }

    .hero__list {
        margin-bottom: 240px !important;
    }

    .about {
        margin-top: 32px !important;
    }
    .projects-page .alm-reveal{
        grid-template-columns: repeat(1, 100%);
    }
    .hero__content {
    justify-content: center !important;
    width: 100%;
}
    .hero__bg-video {
    z-index: 1;
    height: calc(100vh - 120px);
    min-height: 637px !important;
}
}

@media screen and (max-width:430px){
.hero .circle__btn {
    bottom: 0px !important;
}

.about__artem-img::after {
    content: "";
    position: absolute;
    bottom: -126px;
    width: 340px;
    height: 120px;
    background: rgb(241, 239, 239);
    left: 39px;
    z-index: 35;
}
    .volunteer__btns {
        gap: 20px !important;
    }
    .volunteer__link {
        width: 163px !important;
        height: 45px !important;
        gap: 5px !important;
    }
    .volunteer__link span {
        font-size: 12px !important;
    }
    .volunteer__link img {
        max-width: 15px !important;
    }
    .gg-instagram {
        width: 16px !important;
        height: 16px !important;
    }
    .gg-instagram::before {
        right: 0px !important;
        top: 0px !important;
    }
    .gg-instagram::after {
        left: 1px;
        top: 1px;
    }
}

@media screen and (max-width:395px){
    .about__anton-img, .about__artem-img {
        max-width: 204px !important;
    }
}
@media screen and (max-width:375px){
    .hero .circle__btn {
        bottom: 100px !important;
    }
}
@media screen and (max-width:1199px){
ul#navlist li a {
    color: #fff !important;
}
}
.footer__contacts {
    max-width: 290px !important;
}
