a,abbr,acronym,address,applet,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,object,p,pre,q,s,samp,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}table{border-collapse:separate;border-spacing:0}caption,th{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}a img{border:0}a,a:hover{outline-style:none}.clear,.clearfix,.clr{clear:both}input,select,textarea{-ms-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:content-box}

:root {
    --page-width: 1300px;
    --font-color: #0f1928;
    --font-color-light: #0f1928;
    /* --font-color-light: #575d6b; */
    --font-color-hover: #3e7ce8; 
    --background: #f7faff;

    --form-input-font-family: "Roboto", sans-serif;
    --form-input-font-weight: 400;
    --form-input-font-size: 16.5px;
    --form-input-font-color: #575d6b;
}

body { font-family: 'Lexend Deca', sans-serif; color: var(--font-color); background-color: #FFFFFF; }
body.loading { cursor: wait !important; pointer-events: none !important; }

.nav-mobile-btn { position: fixed; z-index: 2; right: 15px; bottom: 15px; color: #fff; }
.nav-mobile-btn .icon {  min-width: 31px; min-height: 31px; padding: 10px; border-radius: 31px; background-color: var(--font-color); }
.nav-mobile-block { position: fixed; z-index: 1; bottom: 0; left: 0; right: 0; background-color: var(--font-color); padding: 25px 25px 50px 25px; animation-name: mobileslide; animation-duration: 0.3s; }
.nav-mobile-block ul { margin: 0 0 10px 0; padding: 0 0 10px 0; display: flex; flex-wrap: wrap; list-style-type: none; }
.nav-mobile-block ul:first-child { border-bottom: 1px #3e4653 solid; }
.nav-mobile-block ul li a { color: #FFFFFF; text-decoration: none; padding: 15px 30px; display: inline-block; }
.nav-mobile-block ul:last-child a { display: flex; align-items: center; }
.nav-mobile-block ul:last-child a .icon { min-width: 31px; min-height: 31px; margin-right: 20px; }
@keyframes mobileslide {
    from { bottom: -300px; opacity: 0; }
    to { bottom: 0; opacity: 1; }
}

main { position: relative; overflow-x: hidden; }

h1 { font-size: 60px; line-height: 1em; font-weight: 600; }
h2 { font-size: 50px; line-height: 1em; font-weight: 600; }
h2 span, h2 em { color: #a1a9b6; display: block; }
h3 { font-size: 24px; line-height: 30px; font-weight: 700; }
h3 small { font-size: 16px; }
h4 { font-size: 16px; line-height: 23px; font-weight: 700; }
p { font-size: 16px; line-height: 23px; font-weight: 400; }
li { line-height: 23px; }

.block { max-width: var(--page-width); margin: 0 auto; }

.block-nav { position: relative; z-index: 1; }
.block-nav .block { display: flex; align-items: center; padding: 74px 0;}
.block-nav img { margin-left: -65px; margin-right: 50px; }
.block-nav .logo { font-weight: 800; font-size: 24px; margin-right: 35px; margin-left: 10px; cursor: pointer; }
.block-nav .menu { list-style-type: none; margin: 0; padding: 0; display: flex; align-items: center; }
.block-nav .menu .item { display: block; padding: 5px 15px; font-weight: 700; color: var(--font-color); text-decoration: none; position: relative; }
.block-nav .menu .item.icon { display: flex; align-items: center; }
.block-nav .menu .item.icon .icon { min-width: 24px; min-height: 24px; margin-right: 5px; }
.block-nav .menu .item.icon .icon.lg { min-width: 48px; min-height: 48px; }
.block-nav .menu .item.current::before,
.block-nav .menu .item.section::before { content: ""; position: absolute; height: 11px; width: calc(100% - 30px); background-color: #b3ccf7; z-index: -1; transform: translate(0, 11px); }
.block-nav .menu .item.icon::before { transform: translate(0, 5px); }

.block-nav .menu .item:hover:not(.current, .section)::before { content: ""; position: absolute; height: 11px; width: calc(100%  - 30px); background-color: #b3ccf7; z-index: -1; transform: translate(0, 11px); animation: navhover .4s; }
.block-nav .menu .item.icon:hover:not(.current, .section)::before { transform: translate(0, 5px); }

.block-nav .buttons { margin-left: auto; background-color: var(--font-color); border-radius: 30px; display: flex; align-items: center; }
.block-nav .buttons a { color: #fff; font-weight: 600; text-decoration: none; padding: 16px 20px; }
.block-nav .buttons a:first-child { border-radius: 30px 0 0 30px; border-right: 1px #515963 solid;  }
.block-nav .buttons a:last-child { border-radius: 0 30px 30px 0; }
.block-nav .buttons a:hover { background-color: var(--font-color-hover) }
.block-nav .buttons a span { display: flex; align-items: center; }
.block-nav .buttons a span .icon { min-width: 21px; min-height: 21px; margin-right: 10px; }
@keyframes navhover {
    from { width: 0; }
    to { width: calc(100%  - 30px); }
}

.block-sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 10; background-color: #fafcff; display: none; animation: navslide .2s; }
.block-sticky .block { padding: 30px 0; margin-top: 0; }
@keyframes navslide {
    from { top: -100px; }
    to { top: 0; }
}

.block-bcg { margin-top: -200px; overflow: hidden; }
.block-bcg .bcg { background-color: #ecf3ff; height: 200px; }
.block-bcg .mask { width: 0; height: 0; border-right: 100vw solid transparent; border-bottom: 9vw solid #ffffff; margin-top: -8.8vw; position: relative; }

.block-banner { background-color: #ecf3ff; margin-top: -200px; padding-top: 200px; overflow: hidden; }
.block-banner .block { position: relative; }
.block-banner .decor { position: absolute; bottom: -10px; right: -360px; }
.block-banner .cta { padding: 100px 0 345px 0; position: relative; z-index: 1; }
.block-banner h1 { line-height: 65px; margin-bottom: 40px; }
.block-banner h1 em::before { background-color: #b3ccf7; position: absolute; content: ""; height: 23px; width: 100%; z-index: -1; bottom: 0; transform: translate(0px, -7px); }
.block-banner h1 span { display: block; color: #a1a9b6; }
.block-banner h3 { color: var(--font-color); margin-bottom: 40px; line-height: 1.3em; }
.block-banner h3 span { display: block; }
.block-banner a { display: inline-block; padding: 16px 25px; background-color: var(--font-color); font-weight: 700; color: #FFFFFF; text-decoration: none; text-align: center; border-radius: 30px; } 
.block-banner a span { display: flex; align-items: center; }
.block-banner a span .icon { min-width: 21px; min-height: 21px; margin-right: 15px; }
.block-banner a:hover { background-color: var(--font-color-hover)  }
.block-banner ul { margin: 0; padding: 0; list-style-type: none; display: flex; }
.block-banner ul li { display: flex; align-items: center; margin-right: 30px; }
.block-banner ul li .icon { min-width: 21px; min-height: 21px; margin-right: 8px; }

.block-separator { width: 0; height: 0; border-right: 100vw solid transparent; border-bottom: 9vw solid #ffffff; margin-top: -8.8vw; position: relative; }

.block-desc { margin-bottom: 150px;}
.block-desc h2 { margin-bottom: 100px; margin-left: -3px; }
.block-desc .item { display: flex; align-items: center; margin-bottom: 100px; column-gap: 100px; }
.block-desc .item:last-child { margin-bottom: 0; }
.block-desc .item.even { flex-direction: row-reverse; }
.block-desc .item img { border-radius: 20px; -webkit-box-shadow: 0px 0px 70px 0px rgba(231, 237, 243, 1); -moz-box-shadow: 0px 0px 70px 0px rgba(231, 237, 243, 1); box-shadow: 0px 0px 70px 0px rgba(231, 237, 243, 1); }

.block-partner { margin-bottom: 100px; }
.block-partner h4 { margin-bottom: 50px; }
.block-partner .items { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 25px; row-gap: 25px; }
.block-partner .item { width: 100%;  box-sizing: border-box; text-decoration: none; text-align: center; display: flex; flex-direction: column; background-color: var(--background); padding: 35px; border-radius: 20px; align-items: center; justify-content: space-around; flex-basis: calc(25% - 25px); aspect-ratio: 1 / 1; }
.block-partner .item img { max-width: 100%; }
.block-partner .item p { font-size: 14px; color: #696d75; }

.block-plan { margin-bottom: 100px; }
.block-plan h2 { margin-bottom: 15px; margin-left: -3px; }
.block-plan h4 { margin-bottom: 30px; }
.block-plan .items { display: grid; grid-template-columns: repeat(12, 1fr); gap: 25px; }
.block-plan .item-horizontal { grid-column: span 12; }
.block-plan .item-horizontal .content {  display: flex; align-items: center; padding: 35px; box-sizing: border-box; background-color: var(--background); border-radius: 20px; }
.block-plan .item-horizontal .content h3 { margin-right: 30px; }
.block-plan .item-horizontal .content .icon { min-width: 21px; min-height: 21px; margin-right: 10px; }
.block-plan .item-horizontal .content p { color: var(--font-color-light); }
.block-plan .item-horizontal .content span { margin-left: auto; display: flex; align-items: center; }
.block-plan .item-horizontal .content span a { font-weight: 700; color: var(--font-color); }
.block-plan .item-horizontal .content span img { margin-left: 20px; }
.block-plan .item { grid-column: span 3; }
.block-plan .item .content { padding: 35px; box-sizing: border-box; background-color: var(--background); border-radius: 20px; }
.block-plan .item:hover .content a { background-color: var(--font-color-hover) }
.block-plan .item .content h3 { margin-bottom: 20px; display: flex; align-items: center; }
.block-plan .item .content h3 img { margin-left: auto; }
.block-plan .item .content h4 { margin-bottom: 20px; display: flex; align-items: center; }
.block-plan .item .content h4 .icon { margin-left: auto; min-width: 32px; min-height: 32px; }
.block-plan .item .content p { color: var(--font-color-light); margin-bottom: 20px; }
.block-plan .item .content span { display: inline-block; }
.block-plan .item .content .price { font-size: 72px; font-weight: 700; line-height: 1em; }
.block-plan .item .content .unit { font-weight: 700; margin-bottom: 30px; }
.block-plan .item .content .title { font-weight: 700; margin-bottom: 20px; display: block; }
.block-plan .item .content ul { list-style-type: none; margin: 0; padding: 0; }
.block-plan .item .content ul li { color: var(--font-color-light); margin-bottom: 8px; padding-left: 29px; background-image: url('../img/check-circle-fill.svg'); background-repeat: no-repeat; }
.block-plan .item .content ul li:last-child { margin-bottom: 0; }
.block-plan .item .content a { display: block; padding: 18px 0; background-color: var(--font-color); margin: 20px -35px -35px -35px; font-weight: 700; color: #FFFFFF; text-decoration: none; text-align: center; border-radius: 0 0 20px 20px; }

/* .block-addons { margin-bottom: 100px; } */
.block-addons .items { display: grid; grid-template-columns: repeat(12, 1fr); gap: 25px; }
.block-addons .item { grid-column: span 3; }
.block-addons .item .content { box-sizing: border-box; position: relative; height: 100%; }
.block-addons .item .content .desc { margin-bottom: 50px; }
.block-addons .item .content .unit { margin-bottom: 0; }
.block-addons .item .content a { margin: 0; position: absolute; left: 0; right: 0; bottom: 0; }

.block-faq { margin-bottom: 100px; }
.block-faq h3 { display: flex; align-items: center; margin-bottom: 35px; }
.block-faq h3 .icon { min-width: 31px; min-height: 31px; margin-right: 20px; }
.block-faq .items { margin: 0 52px; display: flex; flex-wrap: wrap; }
.block-faq a { font-weight: 700; color: var(--font-color); text-decoration: none; display: flex; align-items: center; margin: 0 50px 5px 0; }
.block-faq a:hover { color: var(--font-color-hover); }
.block-faq a .icon { margin-left: 20px; min-width: 31px; min-height: 31px; }

.block-about { margin-bottom: 100px; }
.block-about h3 { display: flex; align-items: center; margin-bottom: 35px; }
.block-about h3 .icon { min-width: 31px; min-height: 31px; margin-right: 20px; }
.block-about .items { margin: 0 52px; display: flex; column-gap: 50px; }
.block-about .item { width: 100%; }

.block-content { margin-bottom: 100px; }

.block-header { margin-bottom: 50px; }
.block-header .text { width: 75%; }
.block-header h2 em { color: #a1a9b6; }

footer { background-color: var(--font-color); padding: 80px 0; }
footer .block { max-width: var(--page-width); margin: 0 auto; }
footer ul { margin: 0 0 40px 0; padding: 0; display: flex; list-style-type: none; }
footer ul a { font-weight: 700; color: #FFFFFF; text-decoration: none; margin-right: 50px; }
footer ul .icon { margin-left: auto; min-width: 21px; min-height: 21px;}
footer .payments { margin-bottom: 40px; font-size: 14px; color: #a0afc5; display: flex; align-items: center; }
footer .payments img { margin-right: 20px; }
footer .copy { font-size: 14px; color: #a0afc5; }
footer .copy a { color: #a0afc5; }

em { position: relative; display: inline-block; } */
em::before { background-color: #b3ccf7; position: absolute; content: ""; height: 10px; width: 100%; z-index: -1; bottom: 0; transform: translate(0px, 2px); }

.text h2 { margin-bottom: 50px; }
/* .text h2 > em::before { background-color: #b3ccf7; position: absolute; content: ""; height: 16px; width: 100%; z-index: -1; bottom: 0; transform: translate(0px, -2px); } */
.text h3 { margin-bottom: 30px; }
.text h3 > em::before, em.h3::before { background-color: #b3ccf7; position: absolute; content: ""; height: 12px; width: 100%; z-index: -1; bottom: 0; transform: translate(0px, -2px); }
.text p { color: var(--font-color-light); margin-bottom: 25px; }
.text p:last-child { margin-bottom: 0; }
.text ol { margin: 0 0 25px 0; padding: 0 0 0 17px; }
.text ul:last-child ,
.text ol:last-child { margin-bottom: 0;}
.text ul { margin: 0 0 25px 0; padding: 0; }
.text ul li { list-style-type: none; padding-left: 35px; background-image: url('../img/check-circle-fill.svg'); background-repeat: no-repeat; }
.text li { margin-bottom: 8px; }

/* .text li { list-style-type: none; margin-bottom: 8px; padding-left: 29px; background-image: url('../img/check-circle-fill.svg'); background-repeat: no-repeat; }
.text li:last-child { margin-bottom: 0;} */
.text p a { color: var(--font-color); text-decoration: underline; }
.text p a:hover { color: var(--font-color-hover);  }

.text img { border-radius: 20px; -webkit-box-shadow: 0px 0px 70px 0px rgba(231, 237, 243, 1); -moz-box-shadow: 0px 0px 70px 0px rgba(231, 237, 243, 1); box-shadow: 0px 0px 70px 0px rgba(231, 237, 243, 1); }
.text .image-default-container { margin: 50px 0; }
.text .image-captioned-container { display: flex; align-items: flex-start; margin: 50px 0; }
.text .image-captioned-container span { color: #a5a7aa; display: block; margin: 30px; }

/* Modal */
.modal { display: none; position: fixed; z-index: 20; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.3); }
.modal-body { position: relative; background-color: #ffffff; border-radius: 20px; margin: 100px auto; width: 800px; animation-name: modalslide; animation-duration: 0.4s; }
.modal-header { display: flex; padding: 30px; background-color: var(--background); border-radius: 20px 20px 0 0; }
.modal-header h3 { display: flex; align-items: center; }
.modal-header h3 .icon { margin-right: 10px; }
.modal-header .close { margin-left: auto; }
.modal-header .close .icon { min-width: 31px; min-height: 31px; cursor: pointer; }
.modal-header .close .icon:hover { color: var(--font-color-hover); }
/* .modal-header .close:hover,
.modal-header .close:focus { color: #000;text-decoration: none;cursor: pointer; } */
.modal-content { padding: 30px; }
@keyframes modalslide {
    from { top: -300px; opacity: 0 }
    to { top: 0; opacity: 1 }
}

/* Toast */
.toast { position: fixed; z-index: 30; bottom: 0; left: 0; right: 0; display: none; }
.toast-body { position: relative; display: flex; align-items: center; background-color: #7affc8; padding: 50px; animation-name: toastslide; animation-duration: 0.6s; }
.toast-body .icon { margin-right: 20px; min-width: 31px; min-height: 31px; }
.toast-body span { margin-right: 20px; }
.toast-body .close { margin-left: auto; min-width: 31px; min-height: 31px; cursor: pointer; }
.toast-body .close:hover { color: var(--font-color-hover); }
@keyframes toastslide {
    from { bottom: -300px; opacity: 0 }
    to { bottom: 0; opacity: 1 }
}

/* Sidebar */

/* Form */
form { display: grid; grid-template-columns: repeat(12, 1fr); gap: 10px; }
form h3 { grid-column: span 12; }
form h4 { line-height: .9em; margin: 10px 0; grid-column: span 12; }
/* form .field { display: flex; } */
form .field.w100 { grid-column: span 12; }
form .field.w75  { grid-column: span 9; }
form .field.w66  { grid-column: span 8; }
form .field.w50  { grid-column: span 6; }
form .field.w33  { grid-column: span 4; }
form .field.w25  { grid-column: span 3; }

form .field label { padding: 12px; border: 3px #dde1e8 solid; border-radius: 10px; display: block; box-sizing: border-box; height: 100%; }
form .field label:focus-within { border-color: #a3c1f5; }
form .field label .title { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 13px; display: block; margin-bottom: 10px; }
form .field label .description { font-family: "Roboto", sans-serif; font-size: 13px; color: #a6abb8; line-height: 1em; display:block; margin: 10px 0 0 0; }
form .field label .message { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 13px; color: red; margin-top: 10px; display: none; }
form .field label .group { display: flex; align-items: center; font-family: "Roboto", sans-serif; font-size: 16.5px; color: #575d6b; }

form .text input::placeholder,
form .textarea textarea::placeholder { color: #a6abb8; opacity: 1; }

form .text input,
form .textarea textarea,
form .dropdown select { font-family: "Roboto", sans-serif; font-weight: 400; font-size: 16.5px; color: #575d6b; padding: 0; margin: 0; border: none; width: 100%; }

form .textarea textarea { resize: vertical; }

form .dropdown select { margin: 0 0 0 -4px; }
form .dropdown select.readonly { pointer-events: none; user-select: none; }
form .dropdown option { font-size: 15px; }
form .checkbox input { margin: 0; }
form .checkbox .value { margin-left: 13px; }
form .checkbox .value * { font-family: "Roboto", sans-serif; font-size: 13px; color: #575d6b; line-height: 1.4em; margin-bottom: 10px; }
form .checkbox .value p:last-child { margin-bottom: 0;}

form .literal { font-family: "Roboto", sans-serif; font-size: 13px; color: #575d6b; line-height: .9em; margin: 0; }

form [type="submit"] { grid-column: span 12; padding: 28px 0; margin: 20px -30px -30px -30px; background-color: var(--font-color); font-family: 'Lexend Deca', sans-serif; font-weight: 700; font-size: 16px; color: #FFFFFF; border: none; border-radius: 0 0 20px 20px; cursor: pointer; }
form [type="submit"]:hover { background-color: var(--font-color-hover) }

/* Contact */
.PageContact .block-header { margin-bottom: 80px; }
.block-contact { margin-bottom: 80px; }
.block-contact .items { display: flex; column-gap: 50px; }
.block-contact .item { flex: 1 1 100%; text-align: center; }
.block-contact .item h3 { margin-bottom: 50px; }
.block-contact .mail-link { font-size: 24px; display: flex; align-items: center; justify-content: center; }
.block-contact .mail-link .icon { min-width: 31px; min-height: 31px; margin-left: 20px; }

.block-join { background-color: var(--background); padding: 80px 0; }
.block-join .block-about { margin-bottom: 0; }

/* Modules */
.block-modules { max-width: var(--page-width); margin: 0 auto; }
.block-modules h3 { display: flex; align-items: center; margin-bottom: 35px; }
.block-modules h3 .icon { min-width: 31px; min-height: 31px; margin-right: 20px; }
.block-modules .nav { margin: 0 52px; display: flex; flex-wrap: wrap; }
.block-modules .nav a { display: block; padding: 0 50px 15px 0; font-weight: 700; color: var(--font-color); text-decoration: none; position: relative; }
.block-modules .nav a.current::before { content: ""; position: absolute; height: 11px; width: calc(100% - 50px); background-color: #b3ccf7; z-index: -1; transform: translate(0, 8px); }
.block-modules .nav a:hover:not(.current):before { content: ""; position: absolute; height: 11px; width: calc(100%  - 50px); background-color: #b3ccf7; z-index: -1; transform: translate(0, 8px); animation: navmoduleshover .4s; }
.block-modules .items { margin: 0 52px; }
.block-modules .item { display: flex; align-items: center; column-gap: 50px; margin-bottom: 100px; }
.block-modules .item.even { flex-direction: row-reverse; }
.block-modules .item img { border-radius: 20px; -webkit-box-shadow: 0px 0px 70px 0px rgba(231, 237, 243, 1); -moz-box-shadow: 0px 0px 70px 0px rgba(231, 237, 243, 1); box-shadow: 0px 0px 70px 0px rgba(231, 237, 243, 1); }
.block-modules .item a { position: relative; }
.block-modules .item .icon { position: absolute; min-width: 70px; min-height: 70px; color: #0f1928; left: 50%; top: 50%; margin: -35px 0 0 -35px; }
.block-modules hr { margin: 20px 52px 100px 52px; height: 3px; background-color: #e7e8e9; border: none; }
@keyframes navmoduleshover {
    from { width: 0; }
    to { width: calc(100%  - 50px) }
}

/* Responsive */
@media only screen and (max-width: 1500px)
{

}

@media only screen and (max-width: 1024px)
{

}

@media only screen and (max-width: 1200px )
{
    .nav-mobile-btn.open { display: block !important; }

    .block { max-width: 90%; }
    .block-nav .block { padding: 50px 0; }
    .block-nav img { margin: 0; }
    .block-nav .menu { display: none; }
    .block-nav .help { display: none; }
    .block-nav .login { padding: 15px; border-radius: 30px; display: none; } /* do wyrzucenia na mobilce */
    .block-nav .login .icon { margin: 0; } /* do wyrzucenia na mobilce */
    .block-nav .login > span span { display: none; } /* do wyrzucenia na mobilce */
    .block-sticky .block { display: none; }
    
    .block-banner .cta { padding: 0px; }
    .block-banner .cta h1 { font-size: 8.8vw; line-height:9.8vw }
    .block-banner ul { display: none; }
    .block-banner .decor { position: unset; width: 110%; }

    .block-separator { margin-bottom: 50px; }

    .block-desc { margin-bottom: 50px;}
    .block-desc h2 { font-size: 8.8vw; line-height:9.8vw; margin-bottom: 50px; }
    .block-desc .item { display: inherit; overflow: hidden; margin-bottom: 50px; }
    .block-desc .item .text { margin-top: 25px; }

    .block-plan { margin-bottom: 50px; }
    .block-plan h2 { font-size: 8.8vw; line-height:9.8vw; }
    .block-plan .items { flex-direction: column; row-gap: 25px; align-items: stretch; }
    .block-plan .item-horizontal { grid-column: span 12; }
    .block-plan .item-horizontal h3 { margin-bottom: 20px; }
    .block-plan .item-horizontal .icon { display: none; }
    .block-plan .item-horizontal img { display: none; }
    .block-plan .item { grid-column: span 12; }

    .block-partner { margin-bottom: 50px; }
    .block-partner .items { flex-direction: column; row-gap: 25px; column-gap: 0; }
    .block-partner .item { aspect-ratio: inherit; }
    .block-partner img { margin-bottom: 35px; }

    .block-faq { margin-bottom: 50px; }
    .block-faq h3 { margin-bottom: 25px; }
    .block-faq .items { display: unset; margin: 0; }
    .block-faq a { margin: 0 0 20px 0; }
    .block-faq a .icon { margin-left: auto; }

    .block-about { margin-bottom: 50px; }
    .block-about h3 { margin-bottom: 25px; }
    .block-about .items { display: unset; }
    .block-about .item { margin-bottom: 25px; }

    footer { padding: 50px 0; }
    footer ul { display: none; }
    footer .payments { flex-direction: column; row-gap: 13px; justify-content: center; }
    footer .copy { text-align: center; margin: 0 20%; }

    .modal-body { max-width: 95%; margin: 25px auto; }
    .modal-header { padding: 20px; }
    .modal-content { padding: 20px; }

    form [type="submit"] { margin: 20px -20px -20px -20px; }
    form .field.w100,
    form .field.w75,
    form .field.w66,
    form .field.w50,
    form .field.w33,
    form .field.w25 { grid-column: span 12; }

    .block-join { padding: 50px 0; }

    .block-content { margin-bottom: 50px; }    
    
    .block-contact { margin-bottom: 50px; }
    .block-contact .items { display: unset; }
    .block-contact .item { text-align: unset; margin-bottom: 50px; }
    .block-contact .item h3 { margin-bottom: 15px; }
    .block-contact .mail-link { justify-content: unset; }

    .block-modules .items { margin: 0; }
    .block-modules .item { display: inherit; margin-bottom: 50px; }
    .block-modules .item img { width: 100%; margin-bottom: 25px; }
    .block-modules .nav { margin: 0; }
    .block-modules hr { margin: 50px 0; }

    .text h2 { font-size: 8.8vw; line-height: 9.8vw; }
}