html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; font-family: "Inter", sans-serif; }
:focus { outline: 0; }
body { line-height: 1; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { height: 100%; width: 100%; }
a { text-decoration:none; }
strong, b { font-weight:700; }
.clear { clear:both; padding:0px !important; margin:0px !important; width:auto !important; height:auto !important; border:0px !important; float: none !important; background: none repeat scroll 0 0 transparent !important; min-height:inherit !important; }
.clear:before, .clear:after { display: none;}
button { cursor:pointer; }
/* ------------- */

    .box { width:100%; background: #F2F4F7; }


/* HEADER */
        .header-wrapper { width:100%; border-bottom: 1px solid rgba(0,0,0,.1); min-height:100px; }
            .header { max-width: 1500px; margin:0 auto; position:relative; }
                .logo { position: absolute; left:0; top:20px; }
                    .logo > a { text-decoration: none !important; }
                        .logo > a > img { max-width: 100%; }

                .partner { position: absolute; left:230px; top:20px; display: grid; grid-template-columns: 60px 1fr; gap: 9px; align-items: center; }
                    .logo > a:hover, .partner > a:hover { opacity:0.8; }
                    .fc-desc { font-size:12px; line-height: 14px; color:#788291; }
                        .partner > a img { max-width: 60px; }
                    .fc-desc { }

                .top-phone { position:relative; padding-top:44px; display:table; margin:0 auto; }
                    .top-phone ul { padding-left:68px; position:relative; display: flex; gap: 16px}
                    .top-phone ul:before { content:''; position:absolute; left:0; top:calc(50% - 12px); width:24px; height:24px; background:url('../images/2025/top-1-whatsapp.svg') no-repeat; }
                    .top-phone ul:after { content:''; position:absolute; left:34px; top:calc(50% - 12px); width:24px; height:24px; background:url('../images/2025/top-2-phone.svg') no-repeat; }
                        .top-phone ul li { color:#697287; font-size:16px; line-height:20px; font-weight:500; }

                .cabinet { position:absolute; right:0; top:20px; display:grid; grid-template-columns: auto auto; gap:16px; }
                    .cabinet a { padding:16px 40px; display:block; border: 2px solid #009CD8; border-radius: 100px; font-weight: 600; font-size: 20px; line-height: 24px; text-decoration: none !important; }
                    .top-login a { background: #F2F4F7; color: #009CD8; }
                    .top-reg a { background: #009CD8; color: #fff; }
                    .top-login a:hover, .top-reg a:hover { opacity:0.8; }

@media (max-width: 1520px) {
    .header { padding: 0 20px; }
    .logo { left:20px; }
    .cabinet { right:20px; }
}

@media (max-width: 1270px) {
    .header-wrapper { border-bottom: 0; position:relative; }
    .header-wrapper:before { content:''; background:rgba(0,0,0,.1); height:1px; left:0; width: 100%; top:92px; position:absolute; }
    .header { min-height: 186px; }

    .top-phone { position:absolute; right:20px; padding-top: 0; top: 37px; }
    .top-phone ul li { line-height: 20px; }
    .logo, .partner { top:24px; }
    .logo > a > img, .partner > a img { max-height: 42px; }
    .partner { left:180px; grid-template-columns: 46px 1fr; }
    .cabinet { right: auto; top:auto; margin: 0 auto; left: 50%; transform: translate(-50%); bottom:16px; }
}

@media (max-width: 800px) {
    .header-wrapper:before{
        top: 100px;
    }
    .top-phone { position:relative; right: 0; padding: 16px 0; top: 0; width: 100%; display: flex; justify-content: end}
    .top-phone ul { padding-left:68px; position:relative; display: flex; flex-direction: column; gap: 4px}
}

@media (max-width: 780px) {

}

@media (max-width: 580px) {
    .header { min-height: 172px; }
    .partner { display: none; }
    .top-phone ul { padding-left: 34px; }
    .top-phone ul:before { top: 4px; }
    .top-phone ul:after { left: 0; bottom: 4px; top:auto; }
    .cabinet a { padding: 12px 30px; font-size: 16px; line-height: 20px; }
}

/* TOP */
        .top-wrapper { padding-top:30px; width: 100%; }
            .top { max-width: 680px; margin:0 auto; position:relative; background:#E3ECF9; border-radius: 40px; padding:128px 440px 128px 80px; overflow: hidden; }
            .top:before { content:''; position:absolute; right:0; bottom:0; width:621px; height:481px; background: url('../images/2025/top2.png') no-repeat; z-index: 1; }
            .top:after { content:''; position:absolute; right:0; bottom:-10px; width:621px; height:110px; background: linear-gradient(to bottom,  rgba(227,236,249,0) 0%,rgba(227,236,249,1) 100%); z-index: 2; }
                .top > h1 { font-weight: 700; font-size: 40px; line-height: 48px; color: #1D2435; padding-bottom:12px; }
                .top > p { max-width:534px; font-size:15px; line-height: 23px; color:#697287; padding-bottom:24px; }
                    .top > p strong { font-weight: 700; }

                .bluelink { background:#009CD8; border-radius:28px; padding:16px 40px; color:#fff; display:table; cursor:pointer; font-size: 20px; line-height: 24px; font-weight: 600; }
                .bluelink:hover { background: #0685b8; }
                 .bluelinkHref {   color:#fff; display:table; cursor:pointer; font-size: 20px; line-height: 24px; font-weight: 600; }
                 .bluelinkHref a {display: flex; align-items:center;justify-content: center; color: white; padding:16px 40px; background:#009CD8; border-radius:28px;}
                 .bluelinkHref:hover a{ background: #0685b8; text-decoration: none}

@media (max-width: 1220px) {
    .top { margin:0 16px; }
    .top { padding: 40px 300px 70px 40px; max-width: inherit; }
    .top:before { width: 439px; height: 340px; background-size: contain; }
    .top > h1 { font-size: 34px; line-height: 42px; }
    .top > p { max-width: calc(100% - 100px); }
}

@media (max-width: 1100px) {
    .top-wrapper { padding-top: 0; }
}

@media (max-width: 1000px) {
    .top > h1 { font-size: 28px; line-height: 36px; }
}

@media (max-width: 780px) {
    .top { padding: 24px 16px 25px; }
    .top:after { width: 100%; height: 200px; }
    .top:before { right: calc(50% - 204px); }
    .top > h1 { font-size: 24px; line-height: 28px; padding-bottom: 8px;}
    .top > h1 br { display: none; }
    .top > p { font-size: 14px; line-height: 20px; max-width: inherit; }
    .bluelinkHref { margin:260px auto 0; display:table; position:relative; z-index: 4; }
}

/* ABOUT */
        .about-wrapper { padding-top:80px; width:100%; }
            .about { max-width: 1200px; margin:0 auto; position:relative; }
                .section > h2 { font-weight: 700; font-size: 40px; line-height: 48px; text-align: center; color: #000000; padding-bottom:40px; }
                .about-blocks { display:grid; grid-template-columns: 383px 1fr; gap:4px; }
                    .ab-block { padding:32px; background:#fff; border-radius:40px; position:relative; }
                        .ab-img { border-radius: 16px; overflow:hidden; }
                            .ab-img > img { max-width: 100%; }
                        .ab-block h3 { font-size: 24px; font-weight: 500; line-height: 28px; color:#000; padding-bottom: 8px; padding-top:104px; }
                        .ab-block .ab-img + h3 { padding-top:24px; }
                        .ab-block p { font-size:15px; line-height: 23px; color: rgba(0,0,0,.5); }
                        .ab-block p + p { padding-top:8px; }
                        .ab-block p strong { font-weight: 700; }

                    .ab1-blocks { display:grid; grid-template-columns:1fr; gap:4px; }
                        .ab1-blocks > div { display:grid; grid-template-columns:337px 1fr; gap:4px; }
                        .ab1-blocks > div + div { display:grid; grid-template-columns:424px 1fr; gap:4px; }

                        .ab2:after, .ab3:after { content:''; position:absolute; top:32px; left:32px; width:80px; height:80px; }
                        #about1:after { background:url('../images/2025/about1.svg') no-repeat; }
                        #about2:after { background:url('../images/2025/about2.svg') no-repeat; }
                        #about3:after { background:url('../images/2025/about3.svg') no-repeat; }
                        #about4:after { background:url('../images/2025/about4.svg') no-repeat; }

@media (max-width: 1220px) {
    .about { padding:0 20px; }
    .about-blocks { grid-template-columns: 1fr; }
    .ab1-blocks > div { grid-template-columns:1fr 1fr; }
    .ab1-blocks > div + div { grid-template-columns:1fr 1fr; }
    .ab-img { float:left; margin-right:16px; }
    .ab-img > img { max-width: 320px; }
    .ab-block .ab-img + h3 { padding-top: 0; }
}

@media (max-width: 780px) {
    .ab-block { padding: 16px; }
    .ab-img { float: none; display: table; margin: 0 auto; }
    .ab-block h3 { font-size: 20px; line-height: 24px; text-align: center; }
    .ab-block .ab-img + h3 { padding-top: 16px; text-align: left; }
    .ab-block p { font-size: 14px; line-height: 20px; }
    .ab2 p, .ab3 p { text-align: center; padding:0 10px; }
    .ab1-blocks > div { grid-template-columns:1fr; }
    .ab1-blocks > div + div { grid-template-columns:1fr; }
    .ab2:after, .ab3:after { left:calc(50% - 40px); }

    .section > h2 { font-size:24px; line-height: 28px; }
}

@media (max-width: 420px) {
    .ab-img > img { max-width: 100%; }
}

/* TEAM */
        .team-wrapper { padding-top:80px; width:100%; }
            .team { max-width: 1200px; margin:0 auto; position:relative; z-index: 2;}
                .team-faces { display:grid; justify-content: center; grid-template-columns: 297px; gap:4px; grid-template-rows: 372px; }
                    .team-faces > div { overflow:hidden; border-radius: 40px; position:relative; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(227,236,249,1) 100%); }
                    .team-faces > div:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 1; border-radius: 0 0 60px 60px; }
                    .team-faces > div:after { content:''; position:absolute; bottom:0; height:88px; background-color: #fff; z-index: 2; left:0; width:100%; }
                        .team-faces > div > div { position: absolute; bottom:0; height: 48px; left:0; width: 100%; background-color: #fff; display: grid; align-items: center; justify-content: center; text-align: center; z-index: 3; padding:20px 0; }
                            .team-faces div > h3 { font-size:18px; line-height:20px; color:#000; font-weight: 500; }
                            .team-faces div > p { font-size:14px; line-height:16px; color:rgba(0,0,0,.5); }
                    #team1:before { background:url('../images/2025/team_2025_1.png') no-repeat 50% 0; }
                    /*#team2:before { background:url('../images/2025/team2.png') no-repeat 50% 0; }
                    #team3:before { background:url('../images/2025/team3.png?v=2') no-repeat 50% 0; }
                    #team4:before { background:url('../images/2025/team4.png?v=2') no-repeat 50% 0; }*/

            .contacts { max-width: 914px; margin: 0 auto; background: #E3ECF9; min-height: 276px; position: relative; z-index: 1; top: -88px; border-radius: 40px; }
                .contacts > h2 { padding: 120px 0 16px; font-size: 24px; line-height: 32px; text-align: center; color: #000; font-weight: 500; }
                .contacts > p { font-size: 18px; text-align: center; color: #000; line-height: 20px; padding-bottom:16px; }
                .contacts > ul { position:relative; display:table; margin:0 auto; }
                    .contacts > ul > li { float:left; margin:0 20px 8px; }
                        .contacts > ul > li > a { color:#697287; font-size:24px; line-height: 32px; display:block; font-weight: 700; text-decoration: underline; }
                        .contacts > ul > li > a:hover { text-decoration: none;}

@media (max-width: 780px) {
    .team-faces { grid-template-columns: 297px; justify-content: center; }
    .contacts { top:auto; min-height: inherit; border-radius: 24px; margin: 0 16px; }
    .team-faces > div { height: 372px; margin-bottom: 4px; border-radius: 24px 24px 0 0; }
    .contacts > h2 { padding:16px; }
    .contacts > ul { padding-bottom:16px; }
}

@media (max-width: 680px) {
    .contacts > ul > li { float: none; }
}

/* PLACE TIME VENUES */
        .placetime-wrapper { padding-top:0px; width:100%; }
            .placetime { max-width: 1200px; margin:0 auto; position:relative; }
                .pt-blocks { width: 100%; }
                    .pt-item { border-radius: 40px; background: #FFF; padding: 24px 40px; display: flex; justify-content: space-between; gap: 20px}
                            .pt-item > div > h3 { font-weight: 500; font-size:24px; line-height:28px; color:#000; padding-bottom: 12px; }
                            .pt-text { display:flex; gap: 64px; align-items: center }
                            .pt-text div:nth-child(2){max-width: 540px}
                            .pt-text div:nth-child(1) h3{white-space: nowrap}
                            .pt-text div:nth-child(3) p{white-space: nowrap}
                                    .pt-title { color:rgba(0,0,0,.5); font-size:15px; line-height: 24px; }
                                    .pt-text div > p { font-size:18px; line-height: 20px; letter-spacing: -0.09px;  }


@media (max-width: 1220px) {
    .placetime { padding:0 20px; }
    .placetime-wrapper .bluelinkHref { display: flex; justify-content: center; align-items: center}
}

@media (max-width: 780px) {

    .placetime-wrapper { padding-top: 80px; }
    .pt-text div > p { font-size: 16px; }
    .placetime-wrapper .bluelinkHref { display: flex; justify-content: center; align-items: center; margin: 0; }
    .pt-item{ flex-direction: column; gap: 16px; padding: 24px}
    .pt-text{flex-direction: column; gap: 16px; align-items: start}
    .pt-text div:nth-child(2){max-width: 480px}
    .placetime-wrapper .bluelinkHref a{width: 100%}
}


/* PAST events */
        .past-events-wrapper { padding-top:80px; width:100%; }
            .past-events { max-width: 1200px; margin:0 auto; position:relative; }
                .pe-blocks { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:4px; }
                    .pe-blocks > div { display: grid; gap:4px; }
                    .pe1 { grid-template-rows:1fr 200px 136px; }
                    .pe2 { grid-template-rows:340px 1fr; grid-template-areas: "PIC" "TXT"; }
                        .pe2 > div:first-child { grid-area: PIC; }
                        .pe2 > div:first-child + div { grid-area: TXT; }
                    .pe3 { grid-template-rows:1fr 340px; }
                    .pe4 { grid-template-rows:200px 1fr 136px; }
                        .pe-blocks > div > div { border-radius: 40px; overflow:hidden; font-size:20px; line-height:24px; color:#000; font-weight: 600; font-style: italic; }
                        .pe-colored { padding:32px; }
                        #pe1 { background-color: #E9E3C2; }
                        #pe2 { background-color: #FFC86D; }
                        #pe3 { background-color: #BFDF89; }
                        #pe4 { background-color: #FFE37D; }
                        .pe-blocks div > img { max-width: 100%;}

@media (max-width: 1220px) {
    .past-events { padding:0 20px; }
    .pe-blocks { grid-template-columns: 297px 297px; justify-content: center; }
}

@media (max-width: 640px) {
    .pe-blocks { grid-template-columns: 297px; }
    .pe2 { grid-template-rows:1fr 340px; grid-template-areas: "TXT" "PIC"; }

}

@media (max-width: 320px) {
    .pe-blocks { grid-template-columns: 1fr; }
    .pe-blocks > div { display: block; }
    .pe-blocks > div > div { margin-top:4px; }
}

/* REG Block */
        .registrations-wrapper { padding-top:80px; width:100%; position:relative; }
            .registrations { max-width: 880px; margin:0 auto; position:relative; padding: 0 16px}
                .registrations > h2 { padding:0 0 16px; max-width: 680px; margin: 0 auto}
                .registrations > p { padding:0 0 40px; font-size:18px; line-height:26px; color:#000; text-align:center; max-width: 872px; margin: 0 auto}
                .rocket { background: url('../images/2025/rocket.png') no-repeat 50% 50% / contain; height: 21px; width: 21px; display: inline-block; position: relative; top: 4px; }

                .bottom-boys { position: absolute; left: calc(50% - 225px); z-index: 3; }
                .registrations-wrapper .bluelinkHref { max-width: 363px; width: 100%; margin: 0 auto}

        .bottom-guys-wrapper { width:100%; }
            .bottom-guys { max-width:1900px; position:relative; margin:0 auto; border-radius: 0 0 50px 50px; overflow: hidden; }
                .bottom-guys img { max-width:100%; margin:0 auto; display:table; }
                .bottom-guys img.bot-desk { display: block; }
                .bottom-guys img.bot-mob { display: none; }

@media (max-width: 780px) {
    .registrations > p { padding: 0 0 40px; font-size: 15px; line-height: 23px; }
    .bottom-guys img.bot-desk { display: none; }
    .bottom-guys img.bot-mob { display: block; }
}

@media (max-width: 520px) {
    .registrations form { max-width:inherit; border-radius: 0px; }
    .bottom-boys { left: 0; width: 100%; }
}

        .footer-phones-wrapper { border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; padding:16px 0; margin:30px 0; }
            .footer-phones { max-width:680px; display:table; margin:0 auto; }
                .footer-phones > ul {  }
                    .footer-phones > ul > li { float:left; margin:0 25px; font-size: 20px; line-height:28px; color:#888888; position:relative; padding-left:36px; }
                    .footer-phones > ul > li:before { content:''; position:absolute; left:0; width:24px; height:24px; top:2px; background: url('../images/2025/phone-bot.svg') no-repeat; }

@media (max-width: 680px) {
    .footer-phones > ul > li { float: none; }
}

    .box footer > .container { max-width:1130px; position:relative; margin: 0 auto; }

@media (max-width: 1200px) {
    .box footer > .container { max-width: 930px; }
}

@media (max-width: 992px) {
    .box footer > .container { max-width: 710px; }
}

/* SOCIAL BLOCK */
        .socialblock-wrapper{ padding:0px 20px 40px; }
            .socialblock{ max-width:680px; position:relative; margin:0 auto; }
                .socialblock>h2{text-align: center; padding-bottom: 40px; }
                .social-buttons{ background: #fff; border-radius: 40px; overflow: hidden; display: grid; grid-template-columns: 80px 80px 80px; gap:32px; padding:32px; justify-content: center; max-width: 304px; margin:0 auto; }
                    .social-buttons > a { display: block; text-decoration: none !important; }
                    .social-buttons > a:hover { opacity:.8 }

@media (max-width: 380px) {
    .social-buttons { max-width: 304px; gap:8px; padding:16px; }
}

@keyframes roundround {
    from { transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -o-transform: rotate(-3deg); -moz-transform: rotate(-3deg); }
    50% { transform: rotate(3deg); -webkit-transform: rotate(3deg); -o-transform: rotate(3deg); -moz-transform: rotate(3deg); }
    to { transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -o-transform: rotate(-3deg); -moz-transform: rotate(-3deg); }
}