@charset "UTF-8"; html { scroll-behavior: smooth; } body { font-family: "FuturaFuturisC"; margin: 0; padding: 0; box-sizing: border-box; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .header { display: flex; justify-content: center; align-items: center; height: 144px; display: flex; justify-content: center; align-items: center; width:100vw } .sticky{ position: fixed;} .header_container { display: flex; align-items: center; width: 100%; } .header_container_communication { display: flex; justify-content: space-between; width: 384px; margin-left: auto; } .header_container_communication_button &gt; button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; width: 168px; } .header_container_communication_button &gt; button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .header_container_communication_button &gt; button { padding: 12px; } } .header_container_communication_button a button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; width: 168px; } .header_container_communication_button a button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .header_container_communication_button a button { padding: 12px; } } .header_container_communication_link { border-radius: 100px; gap: 10px; width: 48px; height: 48px; background-color: rgba(247, 156, 115, 0.08); display: flex; justify-content: center; align-items: center; } .header_container_communication_link:hover { background: rgba(247, 156, 115, 0.2); cursor: pointer; } .header_container_nav-container { display: flex; margin-left: 30px; } .header_container_nav { width: 100%; display: flex; gap: 12px; align-items: center; } .header_container_icon { display: flex; height: 48px; justify-content: space-between; } .header_container_icon_name &gt; p { margin: 0; } .header_container_icon_link { text-decoration: none;width: 173px; } .header_container_icon_name_one { font-size: 20px; font-weight: bold; line-height: 28px; letter-spacing: 0em; color: #000; } .header_container_icon_name_two { font-size: 9px; font-weight: 400; line-height: 13px; letter-spacing: -0.025em; text-align: left; color: rgba(0, 0, 0, 0.48); } .dropdown .dropbtn { border: none; background: none; outline: none; margin: 0; padding: 0; color: #1a2528; font-weight: 500; line-height: 20px; cursor: pointer; text-decoration: none; } .dropdown .dropbtn svg { transition: transform 0.3s ease-in-out; } .dropdown:hover .dropbtn svg { transform: rotate(180deg); } .dropdown:hover .dropdown-content { display: block; } .dropdown-content { display: none; position: absolute; background-color: #fff; z-index: 1000; border-radius: 12px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1019607843); } .dropdown-wrapper { display: flex; flex-direction: column; justify-content: space-between; row-gap: 10px; margin-top: 20px; margin-bottom: 20px; padding: 0 16px; } .dropdown-content a { text-decoration: none; display: block; color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; } .dropdown-content a:hover { text-decoration: underline; } .nav_burger__link.active { color: red; } .nav_burger__link.active svg path { stroke: red; } .custom-checkbox { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 22px; height: 22px; border: 1px solid #ccc; border-radius: 3px; outline: none; cursor: pointer; } .custom-checkbox:checked::before { content: "✓"; display: block; text-align: center; line-height: 20px; color: white; background-color: red; } .ymaps-2-1-79-gototaxi, .ymaps-2-1-79-gototech, .ymaps-2-1-79-copyright__link { display: none !important; } .subscribe_form_container_input.invalid { border: 1px solid #ff0000; } .subscribe_form_container_input:focus { outline: none; } .wrapper_payment { display: none; background-color: #fff; left: 0; border-radius: 20px; width: 100%; color: #1A2528; position: relative; display: flex; flex-direction: column; padding: 8px; z-index: 5; box-sizing: border-box; top: -22px; border: 1px solid rgba(0, 0, 0, 0.1); } .wrapper_payment-second-elements div { padding: 8px 16px; cursor: pointer; border-radius: 8px; } .wrapper_payment-second-elements div:hover { background-color: rgba(255, 0, 0, 0.1); } .payments_elements_pick.active { padding: 8px 16px; cursor: pointer; border-radius: 8px; background-color: rgba(255, 0, 0, 0.1); } .wrapper_payment_sec { display: none; background-color: #fff; left: 0; border-radius: 20px; width: 100%; color: #1A2528; position: relative; display: flex; flex-direction: column; padding: 8px; z-index: 5; box-sizing: border-box; top: 3px; border: 1px solid rgba(0, 0, 0, 0.1); } .wrapper_payment-second-elements_sec div { padding: 8px 16px; cursor: pointer; border-radius: 8px; } .wrapper_payment-second-elements_sec div:hover { background-color: rgba(255, 0, 0, 0.1); } .payments_elements_pick_sec.active { padding: 8px 16px; cursor: pointer; border-radius: 8px; background-color: rgba(255, 0, 0, 0.1); } .wrapper_payment-first-title { font-weight: 600; padding-left: 16px; } .noUi-connect { background-color: #f79c73; border-radius: 20px; cursor: default; } [disabled] .noUi-connect { cursor: default; background-color: #f79c73; border-radius: 20px; } .noUi-connects { background-color: rgba(247, 156, 115, 0.2); border-radius: 20px; cursor: default; } .noUi-target { border-radius: 20px; border: none; box-shadow: none; } .noUi-handle.noUi-handle-lower { display: none !important; } .invalid { border: 1px solid #f50404 !important; } .donate_toggle_wrapper { margin-top: 25px; display: flex; border-radius: 32px; font-weight: bold; color: #343434; cursor: pointer; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; } .toggle_elements { width: 50%; text-align: center; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 400; line-height: 24px; } .toggle_elements.active { width: 50%; border-radius: 32px; background: #e22626; transition: all 0.3s; color: #fff; } .nav__link.red { color: red; } .nav__link.red svg path { stroke: red; } .nav__link { font-family: "FuturaFuturisC"; font-size: 18px; font-weight: 400; line-height: 13px; letter-spacing: 0em; text-align: left; color: #86888A; text-decoration: none; display: flex; justify-content: center; align-items: center; } .nav__link:hover { color: red; } .nav__link:hover svg path { stroke: red; } .nav__link.active { color: red; } .nav__link.active svg path { stroke: red; } .main_container_slider_slide { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 50px; border-radius: 48px; background: rgba(247, 156, 115, 0.08); width: 100%; position: relative; box-sizing: border-box; margin-bottom: 80px; } .main_container_slider_slide_image { position: absolute; bottom: -70px; right: 40px; } .main_container_slider_slide_image img { max-width: 310px; max-height: 240px; } .main_container_slider_slide_container { display: flex; justify-content: space-between; align-items: center; width: 100%; } .main_container_slider_slide_container_image { width: 380px; height: 100%; margin-right: 40px; max-width: 380px; max-height: 380px; } .main_container_slider_slide_container_image img { width: 100%; object-fit: cover; max-width: 100%; height: 100%; border-radius: 8%; } .main_container_slider_slide_container_info { width: 67%; display: flex; flex-direction: column; } .main_container_slider_slide_container_info_name { font-size: 40px; font-weight: 700; line-height: 40px; letter-spacing: 0%; text-align: left; } .main_container_slider_slide_container_info_name p { margin: 0; margin-bottom: 16px; } .main_container_slider_slide_container_info_description { color: rgba(0, 0, 0, 0.48); font-family: FuturaFuturisC; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; } .main_container_slider_slide_container_info_link { -moz-text-align-last: left; text-align-last: left; margin-bottom: 32px; } .main_container_slider_slide_container_info_link a { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; } .main_container_slider_slide_container_info_link a:hover { cursor: pointer; } .main_container_slider_slide_container_info_collected { display: flex; justify-content: space-between; margin-bottom: 16px; } .main_container_slider_slide_container_info_collected .collected_info p { color: rgba(0, 0, 0, 0.5); font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; margin: 0; } .main_container_slider_slide_container_info_collected .left_collected_info p { color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; margin: 0; } .main_container_slider_slide_container_info_range { height: 16px; margin-bottom: 32px; } .main_container_slider_slide_container_info_range .line { height: 16px; width: 68%; background-color: #f79c73; position: relative; left: 0; top: -21px; border-radius: 20px; } .main_container_slider_slide_container_info_range input { background-color: rgba(247, 156, 115, 0.1); -webkit-mask-composite: xor; mask-composite: exclude; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 10px; height: 16px; border-radius: 20px; } .main_container_slider_slide_container_info_range input::-webkit-slider-thumb { -webkit-appearance: none !important; height: 0px; width: 0px; } .main_container_slider_slide_container_info_help { display: flex; margin-bottom: 16px; } .main_container_slider_slide_container_info_help button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; width: 120px; } .main_container_slider_slide_container_info_help button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .main_container_slider_slide_container_info_help button { padding: 12px; } } .main_container_slider_slide_container_info_help input { box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100px; background: #ffffff; color: #000; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; font-family: "FuturaFuturisC"; padding: 12px 24px; margin-left: 1px; width: 273px; margin-right: 16px; } .main_container_slider_slide_container_info_help input:focus { outline: 1px solid #000; } .main_container_slider_slide_container_info_help input::-moz-placeholder { color: #86888a; padding-left: 2px; } .main_container_slider_slide_container_info_help input:-ms-input-placeholder { color: #86888a; padding-left: 2px; } .main_container_slider_slide_container_info_help input::placeholder { color: #86888a; padding-left: 2px; } .main_container_slider_slide_container_info_count-help { display: flex; justify-content: space-between; width: 273px; } .fees_card .carousel-cell { margin-right: 0; } .fees_card .main-carousel .flickity-button { background-color: transparent; color: #fff; } .fees_card .main-carousel .flickity-button:focus { box-shadow: none; } .fees_card .main-carousel .flickity-page-dots .dot { background: #fff; } .count-help_item { box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 15px; background: #ffffff; color: #222222; font-size: 14px; font-weight: 400; line-height: 16px; letter-spacing: 0%; text-align: left; font-family: "FuturaFuturisC"; padding: 8px 16px; } .count-help_item:hover { cursor: pointer; background: #f5f5f5; } .count-help_item.active { background-color: #e22626; color: #fff; } .about-fond_hovers:hover { background: rgba(247, 156, 115, 0.2); } .about-fond_content { display: flex; justify-content: space-between; gap: 20px; } .about-fond_content_container { width: 24%; border-radius: 32px; padding: 40px 32px; box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; background-color: rgba(247, 156, 115, 0.05); text-decoration: none; } .about-fond_content_container_count p { color: #222222; font-family: "FuturaFuturisC"; font-size: 72px; font-weight: 400; line-height: 80px; text-align: left; margin: 0; } .about-fond_content_container_description { color: rgba(0, 0, 0, 0.48); font-family: FuturaFuturisC; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; } .container { width: 95%; max-width: 1456px; margin: 0 auto; } .section { margin: 48px 0; } .section_title { margin-bottom: 24px; } .section_title_container { display: flex; justify-content: space-between; align-items: center; } .section_title_container h2 { color: #000000; font-size: 32px; font-weight: 700; line-height: 32px; letter-spacing: 0%; text-align: center; font-family: "FuturaFuturisC"; -moz-text-align-last: left; text-align-last: left; margin: 0; text-align: left; } .section_title_container a { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; } .section_title_container a:hover { cursor: pointer; } .partners, .about-fond, .news { margin-bottom: 48px; } .partners_content { width: 100%; display: flex; gap: 20px; } .partners_content_company, .partners_content_smi { background-color: rgba(247, 156, 115, 0.08); padding: 32px; border-radius: 32px; width: 50%; } .partners_content_company_title, .partners_content_smi_title { color: #222222; font-size: 24px; font-weight: 700; line-height: 24px; margin-top: 18px; margin-bottom: 21px; } .partners_content_company_content, .partners_content_smi_content { gap: 24px; display: flex; justify-content: space-between; flex-wrap: wrap; } .partners_content_company_content div, .partners_content_smi_content div { display: flex; flex-direction: column; align-items: center; text-decoration: none; gap: 10px;  } .partners_content_company_content div div, .partners_content_smi_content div div { color: rgba(0, 0, 0, 0.48); } .partners_content_company_content img, .partners_content_smi_content img { /*opacity: 0.5; */} .carousel { width: 100vw; } .carousel-cell { width: 95%; margin-right: 10px; border-radius: 5px; } .flickity-page-dots { bottom: 35px; } .flickity-page-dots .dot { background: #f79c73; } .news_content { display: flex; /* justify-content: space-between; */ flex-wrap: wrap; gap: 41px; row-gap: 25px; } .news_container_item { width: 100%; max-width: 305px; } .news_container_item_image img { width: calc(24vw - 38px); height: calc(24vw - 38px); -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; border-radius: 32px; max-width: 305px; max-height: 305px; } .news_item_title { color: #000000; font-size: 18px; font-weight: 700; line-height: 24px; margin-top: 16px; margin-bottom: 8px; } .news_item_date { color: rgba(0, 0, 0, 0.48); font-size: 18px; font-weight: 400; line-height: 24px; margin: 0; margin-bottom: 8px; } .news_item_link { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; margin: 0; } .news_item_link:hover { cursor: pointer; } .subscribe_container { display: flex; justify-content: center; align-items: center; background-color: rgba(255, 207, 3, 0.24); border-radius: 16px; width: 100%; height: 180px; } .subscribe_content { display: flex; justify-content: space-between; align-items: center; width: 95%; } .subscribe_info_title { color: #000000; font-size: 24px; font-weight: 700; line-height: 24px; text-align: left; margin: 0; } .subscribe_info_description { color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; margin: 0; margin-top: 8px; } .subscribe_form form { display: flex; justify-content: end; flex-direction: column; } .subscribe_form_description { color: rgba(0, 0, 0, 0.48); font-size: 14px; font-weight: 400; line-height: 16px; letter-spacing: 0%; text-align: left; margin-top: 7px; } .subscribe_form_description a { color: #e22626; } .subscribe_form_description a:hover { color: #c72020; } .subscribe_form_container { display: flex; justify-content: end; } .subscribe_form_container_input { box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100px; background: #ffffff; color: #000; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; font-family: "FuturaFuturisC"; padding: 12px 24px; margin-left: 1px; width: 286px; } .subscribe_form_container_input:focus { outline: 1px solid #000; } .subscribe_form_container_input::-moz-placeholder { color: #86888a; padding-left: 2px; } .subscribe_form_container_input:-ms-input-placeholder { color: #86888a; padding-left: 2px; } .subscribe_form_container_input::placeholder { color: #86888a; padding-left: 2px; } .subscribe_form_container_button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; padding: 12px 32px; margin-left: 16px; } .subscribe_form_container_button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .subscribe_form_container_button { padding: 12px; } } .subscibe_image_tiger { position: static; width: 252.23px; height: 175.97px; margin: 0px 10px; transform: rotate(11.35deg); display: flex; justify-content: center; align-items: center; } .subscibe_image_tiger img { max-width: 100%; } .footer { display: flex; justify-content: center; margin-top: 48px; } .footer_content { width: 100%; display: flex; justify-content: space-between; min-height: 115px; margin-bottom: 53px; } .footer_content_numbers { display: flex; justify-content: space-between; flex-direction: column; width: 280px; } .footer_content_numbers p { color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; } .footer_content_links { display: flex; justify-content: space-between; flex-direction: column; } .footer_content_links_contacts { width: 265px; display: flex; justify-content: space-between; } .footer_content_links_contacts a { color: rgba(0, 0, 0, 0.48); font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; text-decoration: none; } .footer_content_links_social-networks { max-width: 265px; display: flex; justify-content: space-between; } .footer_content_links_security { width: 770px; display: flex; justify-content: space-between; flex-wrap: wrap;} .footer_content_links_security a { color: rgba(0, 0, 0, 0.4); font-size: 14px; font-weight: 400; line-height: 16px; letter-spacing: 0%; text-align: left; text-decoration: none; } .social-network_item { border-radius: 100px; gap: 10px; width: 48px; height: 48px; background-color: rgba(247, 156, 115, 0.08); display: flex; justify-content: center; align-items: center; } .social-network_item:hover { background: rgba(247, 156, 115, 0.2); cursor: pointer; } .header_container_burger-menu { border-radius: 100px; gap: 10px; width: 48px; height: 48px; background-color: rgba(247, 156, 115, 0.08); display: flex; justify-content: center; align-items: center; } .header_container_burger-menu:hover { background: rgba(247, 156, 115, 0.2); cursor: pointer; } .notification_mobile { display: flex; justify-content: center; align-items: center; } .notification_mobile_container { width: 100%; display: flex; align-items: center; justify-content: space-between; background: rgba(255, 207, 3, 0.24); padding: 16px; border-radius: 16px; margin-bottom: 32px; box-sizing: border-box; } .notification_mobile_content { width: 95%; } .notification_mobile_content p { color: #000000; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0%; text-align: left; } .notification_mobile_arrow { width: 5%; display: flex; justify-content: center; align-items: center; } .news.mobile { display: none; } .thanks_modal-window1, .send-sms_modal-window, .thanks_modal-window2, .thanks_modal-window3 { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.56); z-index: 1000; display: flex; justify-content: center; align-items: center; box-sizing: border-box; display: none; } .close-button { position: relative; } .close-button img { position: absolute; top: 8px; right: 10px; z-index: 1000; } .close-button img:hover { cursor: pointer; } .send-sms_modal-window_link a { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; } .send-sms_modal-window_link a:hover { cursor: pointer; } .send-sms_modal-window_content_text { font-family: FuturaFuturisC; font-size: 18px; font-weight: 400; line-height: 24px; } .send-sms_modal-window_title h3 { margin: 0; font-size: 24px; font-weight: 700; line-height: 24px; max-width: 460px; } .send-sms_modal-window_container { background-color: #fff; padding: 32px; border-radius: 23px; width: 500px; } .thanks_modal-window_container .close-button img { right: 6px; } .thanks_modal-window1 .thanks_modal-window_content_warm-word { margin-bottom: 0; } .thanks_modal-window_plus { display: flex; align-items: center; justify-content: space-between; background-color: rgba(247, 156, 115, 0.08); border-radius: 16px; } .thanks_modal-window_plus_block1 { width: 60%; } .thanks_modal-window_plus_block1 p { margin-left: 24px; color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; } .thanks_modal-window_plus_block2 { width: 39%; } .thanks_modal-window_plus_block2 p { color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; } .thanks_modal-window_info_collected { display: flex; justify-content: space-between; margin-bottom: 16px; margin-top: 24px; } .thanks_modal-window_info_collected .collected_info p { color: rgba(0, 0, 0, 0.5); font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; margin: 0; } .thanks_modal-window_info_collected .left_collected_info p { color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; margin: 0; } .thanks_modal-window_container { background-color: #fff; width: 569px; border-radius: 23px; padding: 32px; box-sizing: border-box; } .thanks_modal-window_container_info_range { height: 16px; } .thanks_modal-window_container_info_range .line { height: 16px; width: 68%; background-color: #f79c73; position: relative; left: 0; top: -21px; border-radius: 20px; } .thanks_modal-window_container_info_range .line.modal-window1 { background-color: #e22626; } .thanks_modal-window_container_info_range input { background-color: rgba(247, 156, 115, 0.1); -webkit-mask-composite: xor; mask-composite: exclude; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 10px; height: 16px; border-radius: 20px; } .thanks_modal-window_container_info_range input::-webkit-slider-thumb { -webkit-appearance: none !important; height: 0px; width: 0px; } .thanks_modal-window_title h3 { font-size: 24px; font-weight: 700; line-height: 24px; text-align: left; margin: 0; margin-bottom: 24px; } .thanks_modal-window_content { display: flex; justify-content: center; flex-direction: column; gap: 24px; } .thanks_modal-window_content_warm-word { display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px; } .thanks_modal-window_content_warm-word p { margin: 0; color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; } .thanks_modal-window_content_warm-word p a { color: #000; } .thanks_modal-window_content_warm-word p.description { color: #86888a; } .donate_modal-window { width: 100%; z-index: 1000; display: flex; justify-content: center; align-items: center; box-sizing: border-box; margin: 8px 0; } .donate_modal-window_button { width: 100%; } .donate_modal-window_button button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; width: 100%; } .donate_modal-window_button button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .donate_modal-window_button button { padding: 12px; } } .donate_modal-window_help-fond_title { margin: 0; color: #222222; font-size: 18px; font-weight: 700; line-height: 24px; } .donate_modal-window_help-fond_description { color: #222222; font-size: 16px; font-weight: 400; line-height: 20px; margin-top: 4px; margin-bottom: 8px; } .donate_modal-window_name, .donate_modal-window_surname, .donate_modal-window_email { box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100px; background: #ffffff; color: #000; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; font-family: "FuturaFuturisC"; padding: 12px 24px; margin-left: 1px; } .donate_modal-window_name:focus, .donate_modal-window_surname:focus, .donate_modal-window_email:focus { outline: 1px solid #000; } .donate_modal-window_name::-moz-placeholder, .donate_modal-window_surname::-moz-placeholder, .donate_modal-window_email::-moz-placeholder { color: #86888a; padding-left: 2px; } .donate_modal-window_name:-ms-input-placeholder, .donate_modal-window_surname:-ms-input-placeholder, .donate_modal-window_email:-ms-input-placeholder { color: #86888a; padding-left: 2px; } .donate_modal-window_name::placeholder, .donate_modal-window_surname::placeholder, .donate_modal-window_email::placeholder { color: #86888a; padding-left: 2px; } .donate_modal-window_help { width: 100%; } .donate_modal-window_help input { box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100px; background: #ffffff; color: #000; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; font-family: "FuturaFuturisC"; padding: 12px 24px; margin-left: 1px; width: 100%; } .donate_modal-window_help input:focus { outline: 1px solid #000; } .donate_modal-window_help input::-moz-placeholder { color: #86888a; padding-left: 2px; } .donate_modal-window_help input:-ms-input-placeholder { color: #86888a; padding-left: 2px; } .donate_modal-window_help input::placeholder { color: #86888a; padding-left: 2px; } .donate_modal-window_container { background: rgba(247, 156, 115, 0.05); width: 569px; height: 95%; border-radius: 23px; padding: 32px; box-sizing: border-box; } .donate_modal-window_title { font-size: 24px; font-weight: 700; line-height: 24px; text-align: left; } .donate_modal-window_title h3 { margin: 0; margin-bottom: 24px; } .donate_modal-window_content { display: flex; justify-content: center; flex-direction: column; gap: 24px; } .donate_modal-window_toggle { width: 100%; height: 48px; } .donate_modal-window_warning { margin-top: 8px; } .donate_modal-window_warning_flex { display: flex; gap: 7px; } .donate_modal-window_warning p { color: #86888a; font-size: 16px; font-weight: 400; line-height: 20px; margin: 0; max-width: 500px;margin-top:4px;} .donate_modal-window_warning p a { color: #e22626; } .donate_modal-window_warning p a:hover { color: #c72020; } .donate_modal-window_count-help { display: flex; gap: 8px; height: 32px; margin-top: 8px; } .donate_modal-window_help_item { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 15px; background: #ffffff; padding: 8px 16px; color: #222222; font-size: 14px; font-weight: 400; line-height: 16px; } .donate_modal-window_help_item:hover { cursor: pointer; } .donate_modal-window_help_item.active { background-color: #e22626; color: #fff; } .for_scroll { max-height: 100%; width: 100%; padding-right: 5px; } .for_scroll::-webkit-scrollbar { width: 7px; } .for_scroll::-webkit-scrollbar-thumb { background-color: #e22626; border-radius: 5px; position: relative; top: 5px; right: 5px; } .toggleContainer { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 32px; font-weight: bold; color: #343434; cursor: pointer; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; } .toggleContainer::before { content: ""; position: absolute; width: 50%; height: 100%; left: 0%; border-radius: 32px; background: #e22626; transition: all 0.3s; } .toggleCheckbox:checked + .toggleContainer::before { left: 50%; } .toggleContainer div { padding: 6px; text-align: center; z-index: 1; } .toggleCheckbox { display: none; } .toggleCheckbox:checked + .toggleContainer div:first-child { color: black; transition: color 0.3s; } .toggleCheckbox:checked + .toggleContainer div:last-child { color: #fff; transition: color 0.3s; } .toggleCheckbox + .toggleContainer div:first-child { color: #fff; transition: color 0.3s; } .toggleCheckbox + .toggleContainer div:last-child { color: black; transition: color 0.3s; } .toggleContainer div { display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 400; line-height: 24px; } .modal1, .modal2 { background-color: #fff; left: 0; border-radius: 20px; width: 100%; color: #1A2528; position: relative; display: flex; flex-direction: column; padding: 8px; z-index: 5; box-sizing: border-box; top: -22px; border: 1px solid rgba(0, 0, 0, 0.1); } .modal2 { top: 2px; } .hiddenElem { visibility: hidden; position: absolute; } .select_container { display: flex; align-items: center; justify-content: space-between; background-color: #fff; height: 48px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100px; background: white; padding: 12px 24px; } .select_container:hover { cursor: pointer; } .select_container * { color: #000; font-size: 18px; font-weight: 400; line-height: 24px; text-align: left; font-family: "FuturaFuturisC"; } .modal1-elem, .modal2-elem { padding: 8px 16px; cursor: pointer; border-radius: 8px; } .modal1-elem:hover, .modal2-elem:hover { background-color: rgba(255, 0, 0, 0.1); } .donate_modal-window_select_arrow_down { position: relative; top: 0; right: 0; } .select_container.help-fond &gt; div { color: #86888a; } .button_security { display: flex; justify-content: center; } .button_security img { margin-right: 6px; } .button_security p { color: #86888a; font-size: 16px; font-weight: 400; line-height: 20px; } .button_security p a { color: #86888a; } .main_container_slider_slide.section { margin-bottom: 32px; margin-top: 0; } .you_help_container_item.other-action { display: flex; flex-direction: column; } .you_help_container_item.other-action .you_help_container_item_info { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } /* .you_help_container_item_image.opacity img { opacity: .4; } */ .you_help_button button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; width: 100%; } .you_help_button button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .you_help_button button { padding: 12px; } } .you_help_content { display: flex; justify-content: space-between; align-items: stretch; gap: 41px; row-gap: 25px; } .you_help_container_item { width: 100%; max-width: 305px; display: flex; flex-direction: column; } .you_help_container_item_image img { width: calc(24vw - 38px); height: calc(24vw - 38px); -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; border-radius: 32px; max-width: 305px; max-height: 305px; } .you_help_container_item_info { flex: 1; display: flex; flex-direction: column; } .you_help_item_name { color: #000000; font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: 0%; text-align: left; margin-bottom: 8px; margin-top: 16px; } .you_help_item_description { color: rgba(0, 0, 0, 0.48); font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0%; text-align: left; flex: 1; } .you_help_item_link { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; margin-top: 8px; margin-bottom: 18px; display: block; } .you_help_item_link:hover { cursor: pointer; } /* Style the tab */ .tab { overflow: hidden; } .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 32px; transition: 0.3s; /* H3 */ color: #86888a; font-family: FuturaFuturisC; font-size: 24px; font-weight: 700; line-height: 24px; } .tab button:hover { color: #222222; } .tab button.active { background: rgba(247, 156, 115, 0.08); color: #222222; border-radius: 16px 16px 0 0; } .tabcontent { display: block; padding: 32px; border-radius: 0px 48px 48px 48px; background: rgba(247, 156, 115, 0.08); box-sizing: border-box; } .description_container { display: flex; justify-content: space-between; } .description_container_text { width: 60%; max-width: 750px; display: flex; flex-direction: column; gap: 20px; } .description_container_text p { font-size: 16px; font-weight: 400; line-height: 20px; margin: 0; max-height: 300px; overflow: hidden; transition: max-height 0.5s ease; } .description_container_text_link { color: #f79c73; margin: 0; margin-top: 20px; } .description_container_text_link:hover { cursor: pointer; } .description_container_video { width: 40%; padding-bottom: 36px; display: flex; justify-content: center; } .description_container_video iframe { width: 100%; height: 100%; border-radius: 16px; } .description_container_video img { height: 100%; display: none; } .tabcontent.help { border-radius: 48px; } .reporting-table { width: 100%; display: grid; grid-template-columns: 1fr 1fr; /* grid-template-rows: repeat(12, auto); */ row-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .reporting-table_flex { display: flex; flex-direction: column; gap: 16px; display: none; } .reporting-table_flex_elements { display: flex; flex-direction: column; gap: 16px; } .reporting-table span { background: #ffffff; color: #222222; font-size: 18px; font-weight: 400; line-height: 24px; display: flex; align-items: center; border-radius: 16px; } .reporting-table .head-table { background-color: transparent; color: #86888a; font-size: 18px; font-weight: 400; line-height: 24px; text-align: left; } .reporting-table .head-table.el1 { padding-left: 24px; } .reporting-table .content-table { padding: 16px; } .reporting-table .content-table .mounth-table { display: flex; justify-content: space-between; width: 100%; align-items: center; } .reporting-table .content-table .mounth-table p { margin: 0; font-size: 18px; font-weight: 400; line-height: 24px; } .reporting-table .content-table .mounth-table a { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; } .reporting-table .content-table .mounth-table a:hover { cursor: pointer; } .help-table { width: 100%; display: grid; grid-template-columns: 1fr 2fr 1fr 1fr; grid-template-rows: repeat(9, auto); row-gap: 16px; } .help-table span { background: #ffffff; color: #222222; font-size: 18px; font-weight: 400; line-height: 24px; display: flex; align-items: center; } .help-table .content-table { padding: 16px 0; padding-right: 8px; } .help-table .content-table.el1 { border-radius: 16px 0 0 16px; padding-left: 24px; } .help-table .content-table.el4 { border-radius: 0 16px 16px 0; } .help-table .head-table { background-color: transparent; color: #86888a; font-size: 18px; font-weight: 400; line-height: 24px; text-align: left; } .help-table .head-table.el1 { padding-left: 24px; } .action-section { margin-top: 0; } .action.card { margin: 0; } .about-fond .action_info-card { max-width: 65%; } .action_info-card { display: flex; flex-direction: column; justify-content: space-between; max-width: 60%; margin-left: 40px; min-height: 384px; } .action-card_link { display: none; } .i-need-help_text { margin: 32px 0; min-height: 288px; } .i-need-help_text p { font-size: 18px; font-weight: 400; line-height: 24px; margin: 0; word-wrap: break-word; } .i-need-help_text span { display: block; color: #86888a; margin: 13px 0; } .action_image.forWard { margin: 0; max-height: 100%; } .action_image.forWard img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 32px; } .action_image.i-need-help img { -o-object-position: 50% 50%; object-position: 50% 50%; } .action_image img { border-radius: 32px; } .action { background-color: rgba(247, 156, 115, 0.08); border-radius: 48px; padding: 50px; margin: 32px 0; } .action .main-carousel { width: 35%; height: inherit; max-height: 380px; max-width: 380px; } .action .main-carousel .flickity-prev-next-button .flickity-button-icon { height: 52%; } .action .main-carousel .flickity-button { background-color: transparent; color: #fff; } .action .main-carousel .flickity-page-dots .dot { background: #fff; } .action .main-carousel .flickity-page-dots { bottom: 20px; } .action .main-carousel .flickity-enabled.is-draggable .flickity-viewport { width: 100%; } .action .main-carousel .carousel-cell { margin: 0; border-radius: 32px; width: 100%; } .action .main-carousel .carousel-cell img { width: 100%; height: 100%; border-radius: 32px; -o-object-fit: cover; object-fit: cover; max-height: 380px; } .action .main-carousel .action_image { margin: 0; width: 100%; min-height: 100%; } .action_image { margin-right: 40px; display: flex; justify-content: center; width: 380px; min-height: 244px; } .action_image_container { width: 100%; } .action_container { display: flex; align-items: stretch; } .action_container img { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .action_info { max-width: 820px; width: 60%; display: flex; flex-direction: column; justify-content: space-between; height: 100%; min-height: 244px; } .action_title h2, .action_title h1, .action .action-card_title h2, .action .action-card_title h1 { color: #000000; font-size: 32px; font-weight: 700; line-height: 32px; margin: 0; word-wrap: break-word; } .action_description { margin-top: 16px; } .action_description p { color: rgba(0, 0, 0, 0.48); font-size: 18px; font-weight: 400; line-height: 24px; margin-top: 0px; } .action_link { margin-bottom: 32px; } .action_link a { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; margin-top: 16px; } .action_link a:hover { cursor: pointer; } .action_button button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; width: auto !important; } .action_button button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .action_button button { padding: 12px; } } .action_button_small button { width: 100% !important; } .other-action_button.enabled button { background: #e6e7e8; } .other-action_button.enabled button:hover { background: #e6e7e8; cursor: default; } .other-action_button button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; width: 100%; margin-top: 8px; } .other-action_button button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .other-action_button button { padding: 12px; } } .how-help_item { border-radius: 24px; background: rgba(247, 156, 115, 0.08); width: 100%; display: flex; padding: 24px 24px 32px 200px; box-sizing: border-box; display: flex; flex-direction: column; margin-top: 0; } .how-help_item_link1 ul, .how-help_item_link2 ul { display: flex; flex-direction: column; gap: 16px; } .how-help_item_links { display: none; justify-content: space-between; margin-right: 48px; transition: 1s linear display; } .how-help_item_links ul { padding-left: 20px; } .how-help_item_links ul li { color: #f79c73; } .how-help_item_links ul a { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; } .how-help_item_links ul a:hover { cursor: pointer; } .how-help_item_image { position: relative; } .how-help_item_image img { position: absolute; top: -59px; left: -232px; width: 215px; height: 150px; } .how-help_item_title { display: flex; justify-content: space-between; width: 100%; align-items: center; } .how-help_item_title_content { max-width: 91%; } .how-help_item_title:hover { cursor: pointer; } .how-help_item_name h3 { margin: 0; color: #000000; font-size: 24px; font-weight: 700; line-height: 24px; } .how-help_item_arrow-button { border-radius: 100px; background: #ffffff; padding: 12px; width: 48px; height: 48px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .how-help_item_arrow-button.active img { transform: rotate(180deg); } .how-help_item_arrow-button img { transition: 0.2s linear transform; width: 11.15px; height: 6.55px; } .invite.mobile { display: none; } .invite { border-radius: 16px; background: rgba(255, 207, 3, 0.24); height: 80px; padding: 8px 32px 8px 8px; } .invite_container { display: flex; justify-content: space-between; } .invite_block2 { display: flex; align-items: center; } .invite_block2 button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; background-color: #fff; color: #000; } .invite_block2 button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .invite_block2 button { padding: 12px; } } .invite_block2 button:hover { background: #f5f5f5; } .invite_block1 { display: flex; width: 50%; align-items: center; } .invite_block1 h3 { margin: 0; font-size: 24px; font-weight: 700; line-height: 24px; margin-left: 16px; } .invite_block1 img { width: 160px; height: 80px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; border-radius: 8px; } .notification_mobile { display: none; } .program-item { margin-top: 0; } .program-item_image { position: relative; } .program-item_image img { position: absolute; right: -15px; bottom: -145px; } .resoult-program .about-fond_content { gap: 40px; } .resoult-program .about-fond_content_container { width: 31%; } .what-does-program { display: flex; gap: 24px; flex-wrap: wrap; justify-content: space-between; } .what-does_button button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; } .what-does_button button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .what-does_button button { padding: 12px; } } .what-does_link a { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; } .what-does_link a:hover { cursor: pointer; } .what-does_description p { color: rgba(0, 0, 0, 0.48); font-size: 18px; font-weight: 400; line-height: 24px; } .what-does_title h2 { font-size: 32px; font-weight: 700; line-height: 32px; margin: 0; } .what-does_info { max-width: 50%; display: flex; flex-direction: column; justify-content: space-between; } .what-does_info_container { margin-bottom: 32px; } .what-does_image { max-width: 50%; } .what-does_image img { max-width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; border-radius: 32px; height: 268px; } .what-does_container { display: flex; gap: 24px; height: 100%; } .what-does_item { width: 48%; background: rgba(247, 156, 115, 0.08); border-radius: 48px; padding: 32px; box-sizing: border-box; } .about-program_container { background-color: rgba(247, 156, 115, 0.08); border-radius: 48px; padding: 32px; } .about-program_container .description_container_video { height: 294px; } .contacts { display: flex; } .contacts_map { height: 328px; width: 40%; display: flex; } .contacts_map iframe { border-radius: 16px; } .contacts_title h3 { margin: 0; margin-bottom: 8px; font-size: 24px; font-weight: 700; line-height: 24px; } .contacts_text P { color: #222222; font-size: 18px; font-weight: 400; line-height: 24px; margin-top: 0; margin-bottom: 16px; } .contacts_info { width: 60%; } .bank-details { display: flex; justify-content: space-between; } .bank-details_image { width: 100%; max-width: 550px; } .bank-details_image img { width: 100%; } .bank-details_title h3 { margin: 0; font-family: FuturaFuturisC; font-size: 24px; font-weight: 700; line-height: 24px; } .bank-details_text p { font-family: FuturaFuturisC; font-size: 18px; font-weight: 400; line-height: 24px; } .bank-details_link { margin-bottom: 16px; } .bank-details_link a { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; } .bank-details_link a:hover { cursor: pointer; } .bank-details_block1, .bank-details_block2 { width: 50%; } .bank-details_block2 { max-width: 550px; } .buttons_container { display: flex; gap: 16px; flex-wrap: wrap; } .buttons_container button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; background-color: rgba(247, 156, 115, 0.08); color: #86888a; } .buttons_container button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .buttons_container button { padding: 12px; } } .buttons_container button:hover { background-color: rgba(247, 156, 115, 0.2); } .about-fond_text { margin-top: 16px; } .about-fond_text p, .about-fond_text span { font-size: 18px; font-weight: 400; line-height: 24px; margin: 0; } .about-fond_text p { color: #86888a; margin: 16px 0; } .about-fond_text span { color: #222222; } .founders_info { width: 40%; } .founders_info h3, .founders_info p { margin: 0; } .founders_image { width: 60%; margin-left: 32px; } .founders_image img { -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; width: 100%; height: 304px; border-radius: 16px; } .founders_title { color: #222222; font-size: 24px; font-weight: 700; line-height: 24px; padding-bottom: 8px; } .founders_text, .founders_description, .founders p { font-size: 18px; font-weight: 400; line-height: 24px; padding-bottom: 16px; color: #86888a; } .founders_text { color: #222222; } .founders_description { color: #86888a; } .founders_container { display: flex; background-color: rgba(247, 156, 115, 0.08); border-radius: 48px; padding: 32px; } .founders_image-animal { position: relative; } .founders_image-animal img { position: absolute; bottom: -34px; right: 80px; } .oficial-doc_item_link { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; margin: 0; } .oficial-doc_item_link:hover { cursor: pointer; } .oficial-doc_item_title { color: #000000; font-size: 18px; font-weight: 700; line-height: 24px; margin: 0; margin-top: 16px; margin-bottom: 8px; } .oficial-doc_content { display: flex; gap: 40px; flex-wrap: wrap; justify-content: left; } @media (max-width: 480px) { .oficial-doc_content { justify-content: center; } } .oficial-doc_container_item { width: 200px; } .oficial-doc_container_item_image { max-width: 100%; } .oficial-doc_container_item_image img { max-width: 100%; height: 305px; border-radius: 32px; } .reporting .tab button { padding: 16px 32px; } .reports { display: flex; margin-top: 24px; gap: 19.5px; width: 100%; } .report_item { max-width: 305px; } .report_item .report_title { margin-top: 16px; } .report_item .report_title p { margin: 0; font-size: 18px; font-weight: 700; line-height: 24px; } .report_item .report_link { margin-top: 8px; } .report_item .report_link a { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; } .report_item .report_link a:hover { cursor: pointer; } .report_item .report_image { width: 100%; display: flex; position: relative; } .report_item .report_image_wrapper { position: absolute; top: 88px; left: 26px; height: -webkit-fill-available; display: flex; flex-direction: column; justify-content: space-between; } .report_item .report_image_wrapper_title { text-transform: uppercase; font-size: 18px; font-weight: 700; line-height: 18px; color: #fff; max-width: 175px; } .report_item .report_image_wrapper_second { color: #fff; display: flex; flex-direction: column; gap: 15px; margin-bottom: 15px; } .report_item .report_image_wrapper_second_title { font-weight: 600; font-size: 14px; } .report_item .report_image_wrapper_second_donate { display: flex; gap: 20px; } .report_item .report_image_wrapper_second_donate_element { font-size: 13px; font-weight: 600; } .report_item .report_image_wrapper_second_donate_element span { font-size: 13px; font-weight: 400; } .report_item .report_image img { max-width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; border-radius: 32px; } .how-help_item_links.text { display: flex; flex-direction: column; gap: 16px; display: none; margin-top: 36px; } .how-help_item_links.text p { margin: 0; color: #86888a; font-size: 18px; font-weight: 400; line-height: 24px; } .reports_container { display: flex; flex-wrap: wrap; gap: 41px; } .reports_container .report_item { /* width: calc(24vw - 41px); */ max-width: none; } .reports_container .report_item-hide { display: none; } .reports_container .report_item-hide.active { display: block; } .info-reports-page .reports_container .report_item { width: calc(25% - 15px); } .info-reports-page .reports_container { gap: 19.5px; } .burger-menu { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.56); color: #101e29; display: flex; flex-direction: column; transform: translate(100%, 0); z-index: 999; display: flex; } .burger-menu.active { transform: translate(0); } .burger-menu.active .burger-menu_container { transform: translate(0); transition: all 0.3s ease 0s; } .nav_burger__link { color: #86888a; font-size: 18px; font-weight: 400; line-height: 24px; text-decoration: none; } .burger-menu_container { background-color: #fff; width: 85%; height: 100vh; position: absolute; right: 0; top: 0; transition: all 0.3s ease 0s; transform: translate(100%, 0); padding: 24px; border-radius: 24px 0px 0px 24px; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; } .burger-menu_container .close-button img { top: 0; right: 0; width: 14px; height: 14px; } .nav_burger__item { padding-bottom: 16px; } .nav_burger__item.drop-down &gt; a { margin-bottom: 12px; display: flex; align-items: center; text-decoration: none; color: #86888a; font-size: 18px; font-weight: 400; line-height: 24px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .nav_burger__item.drop-down &gt; a svg { width: 24px; transform: rotate(0); } .nav_burger__item.drop-down.active &gt; a svg { transform: rotate(180deg); } .nav_burger__drop-down.active { display: flex; flex-direction: column; gap: 12px; opacity: 1; } .nav_burger__drop-down { font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; letter-spacing: -0.32px; display: none; opacity: 0; transition: all 0.3s ease 0s; } .nav_burger__drop-down &gt; a { color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; text-decoration: none; } .burger-menu_buttons { display: flex; flex-direction: column; gap: 16px; } .button-seacrh { width: 100%; } .button-seacrh button { width: 100%; border-radius: 100px; background: rgba(247, 156, 115, 0.05); padding: 12px 32px 12px 32px; display: flex; justify-content: center; color: #86888a; font-size: 18px; font-weight: 400; line-height: 24px; border: none; font-family: "FuturaFuturisC"; } .button-seacrh button:hover { cursor: pointer; background: rgba(247, 156, 115, 0.2); } .button-seacrh button img { margin-right: 10px; } .button-help button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; width: 100%; } .button-help button:hover { background: #c72020; cursor: pointer; } @media (max-width: 480px) { .button-help button { padding: 12px; } } .social-networks { display: flex; gap: 16px; } .list_image_events img { width: 100%; height: 100%; max-height: 244px; max-width: 380px; -o-object-fit: cover; object-fit: cover; } .detail_events_image_alone img { width: 100%; height: 100%; border-radius: 32px; -o-object-fit: cover; object-fit: cover; max-height: 380px; max-width: 380px; } @media (max-width: 1240px) { .nav__link { font-size: calc(4px + 1vw); } .header_container_nav { gap: 10px; } .header_container_communication { width: 340px; } .main_container_slider_slide_image { right: -25px; } } @media (min-width: 1024.98px) { .header_container.mobile, .footer.mobile { display: none; } } @media (max-width: 1024.98px) { .you_help_button button { margin-top: 16px; } .action_container.forWard { flex-direction: column; } .action_container.forWard .action_image { width: 100%; height: 30%; } .action_container.forWard .action_info-card { width: 100%; margin: 0; max-width: 100%; } .what-does_item { padding: 16px; } .what-does-program { gap: 3vw; } .what-does_button button { width: 100%; } .what-does_title h2 { font-size: 16px; } .what-does_image { max-width: 100%; display: flex; justify-content: center; } .what-does_info { max-width: 100%; } .what-does_container { flex-direction: column; } .action_info-card { width: 50%; } .other-action_button button { font-size: 16px; } .action_image { width: 400px; margin-right: 10px; } .action_title h2 { font-size: 22px; } .action_description p { font-size: 16px; } .action_link { margin-bottom: 32px; } .action_link a { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; margin-top: 16px; } .action_link a:hover { cursor: pointer; } .action_button button { padding: 12px 32px 12px 32px; border-radius: 100px; gap: 10px; height: 48px; background-color: #e22626; border: none; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; font-family: "FuturaFuturisC"; color: #fff; z-index: 30; } .action_button button:hover { background: #c72020; cursor: pointer; } } @media (max-width: 1024.98px) and (max-width: 480px) { .action_button button { padding: 12px; } } @media (max-width: 1024.98px) { .description_container { flex-direction: column; } } @media (max-width: 1024.98px) { .description_container_text { width: 100%; min-width: 100%; } } @media (max-width: 1024.98px) { .description_container_video { width: 100%; padding: 0; height: 400px; margin-top: 24px; } } @media (max-width: 1024.98px) { .main_container_slider_slide_image { display: none; } } @media (max-width: 1024.98px) { .header_container.desktop, .footer.desktop { display: none; } } @media (max-width: 1024.98px) { .header_container.mobile { display: flex; justify-content: space-between; } } @media (max-width: 1024.98px) { .main_container_slider_slide { padding: 16px; } } @media (max-width: 1024.98px) { .about-fond_content, .resoult-program .about-fond_content { gap: 3vw; flex-wrap: wrap; } .about-fond_content_container, .resoult-program .about-fond_content_container { flex: 0 0 48%; max-width: 48%; } } @media (max-width: 1024.98px) { .news_content { gap: 3vw; flex-wrap: wrap; } .news_container_item { flex: 0 0 48%; max-width: 48%; } } @media (max-width: 1024.98px) { .news_container_item_image img { width: 45vw; height: 45vw; max-width: 100%;  } } @media (max-width: 1024.98px) { .you_help_container_item_image img { width: 45vw; height: 45vw; max-width: 100%; -} } @media (max-width: 1024.98px) { .you_help_content { gap: 3vw; flex-wrap: wrap; } .you_help_container_item { flex: 0 0 48%; max-width: 48%; } .you_help_item_name { margin-top: 8px; margin-bottom: 4px; } .you_help_item_description { margin: 4px 0; } .you_help_item_link { margin: 0; margin-top: 4px; } } @media (max-width: 1024.98px) { .partners_content { flex-direction: column; } .partners_content_company, .partners_content_smi { width: 100%; box-sizing: border-box; } } @media (max-width: 1024.98px) { .subscribe_container { height: auto; } } @media (max-width: 1024.98px) { .subscribe_content { flex-direction: column; margin: 25px 0; } } @media (max-width: 1024.98px) { .subscribe_form_container { flex-direction: column; justify-content: center; align-items: center; gap: 8px; margin-bottom: 8px; } .subscribe_form_container * { width: 100%; margin: 0; } } @media (max-width: 1024.98px) { .footer_content { margin-bottom: 24px; flex-direction: column; gap: 16px; width: 95%; } .footer_content_links_contacts { width: 100%; flex-wrap: wrap; gap: 0; justify-content: start; } .footer_content_links_contacts a { margin-right: 24px; } .footer_content_numbers { width: 100%; } .footer_content_numbers * { margin: 12px 0; } .footer_content_social-networks, .footer_content_links_security { width: 100%; } .footer_content_links_security { flex-wrap: wrap; gap: 8px; } } @media (max-width: 920.98px) { .info-reports-page .reports_container { gap: 16px; } .info-reports-page .reports_container .report_item { width: calc(50% - 8px); } .reports_container { gap: 16px; } .reports_container .report_item { width: calc(47vw - 16px); } .action .main-carousel { width: 50%; } .contacts { flex-direction: column; } .contacts_info { width: 100%; } .contacts_map { width: 100%; justify-content: center; margin-top: 16px; } .program-item_image { display: none; } .action_button button { width: 100%; font-size: 16px; } .main_container_slider_slide_container { flex-direction: column; } .main_container_slider_slide_container_image { width: 50%; margin: 0; display: flex; justify-content: center; align-items: center; } .main_container_slider_slide_container_image img { min-width: 100%; } .main_container_slider_slide_container_info { margin-top: 24px; } .main_container_slider_slide_container_info { width: auto; } .news_item_title, .news_item_date { font-size: 16px; } } @media (max-width: 750px) { .action .main-carousel { width: 100%; } .founders_info { width: 100%; } .founders_image { width: 100%; margin: 0; margin-top: 16px; } .founders_container { flex-direction: column; } .founders_image-animal { display: none; } .about-fond .action_info-card { max-width: 100%; } .action_info-card { min-height: auto; margin-top: 24px; } .contacts_title h3, .contacts_text p, .bank-details_title h3, .bank-details_text p { font-size: 16px; } .contacts_text p, .bank-details_text p { margin-bottom: 8px; } .bank-details_text p { margin-top: 8px; } .contacts_title h3, .bank-details_title h3 { margin-bottom: 4px; } .bank-details_block1 { width: 100%; } .bank-details_block2 { display: none; } .notification_mobile { display: flex; } .invite.desktop { display: none; } .invite.mobile { display: flex; } .how-help_item { padding: 16px; } .how-help_item_image { display: none; } .tab button { font-size: 16px; padding: 8px 16px; } .news.mobile { display: flex; } .action-main-container { display: flex; flex-wrap: wrap; gap: 3vw; align-items: stretch; } .action_info-card { width: 100%; max-width: 100%; margin-left: 0; } .action_info-card .action-card_title h1 { font-size: 24px; } .action-card_link { display: inline-block; margin-bottom: 24px; } .action-card_link a { -moz-text-align-last: left; text-align-last: left; color: #e22626; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; } .action-card_link a:hover { cursor: pointer; } .action.card { flex: none; width: 100%; max-width: 100%; background: rgba(247, 156, 115, 0.08); padding: 16px; } .action.card .action-card_title p { color: rgba(0, 0, 0, 0.48); font-size: 16px; font-weight: 400; line-height: 20px; } .action.card .action-card_title p.i-need-help { color: #000; } .action.card .action_image { height: 311px; margin-bottom: 24px; } .action { flex: 0 0 48%; max-width: 48%; margin: 0; margin-bottom: 16px; box-sizing: border-box; padding: 0; background-color: transparent; } .action_title h2 { font-size: 16px; line-height: 20px; } .action_description { margin-top: 4px; } .action_description p { line-height: 20px; } .action_container { flex-direction: column; height: 100%; } .action_link { margin-bottom: 8px; } .action_image { width: 100%; height: 164px; margin: 0; display: flex; justify-content: center; } .action_image img { -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; max-width: 100%; } .action_info { width: 100%; } .action_button button { font-size: 16px; width: 100%; } } @media (max-width: 600px) { .reporting-table { grid-template-columns: 1fr; } .reporting-table .content-table.el1, .reporting-table .content-table.el2 { padding: 8px; padding-left: 16px; } .reporting-table .head-table { padding-left: 16px; } .reporting-table .head-table.el1 { padding-left: 16px; } .what-does_item { width: 100%; } .help-table { grid-template-columns: 1fr 1fr; gap: 0px; } .tabcontent { padding: 16px; } .head-table.el3, .head-table.el4 { margin-bottom: 24px; margin-top: 4px; } .help-table .head-table.el1 { padding-left: 16px; } .head-table.el3 { padding-left: 16px; } .content-table.el1, .content-table.el2 { padding-bottom: 0; padding-top: 16px; } .content-table.el3, .content-table.el4 { margin-bottom: 8px; padding-bottom: 16px; padding-top: 4px; } .help-table .content-table.el1 { border-radius: 16px 0 0 0; padding-top: 16px; padding-left: 16px; } .help-table .content-table.el2 { border-radius: 0 16px 0 0; } .help-table .content-table.el3 { border-radius: 0 0 0 16px; padding-left: 16px; } .help-table .content-table.el4 { border-radius: 0 0 16px 0; } } @media (max-width: 480px) { .custom-checkbox { width: 39px; } .report_item .report_link { margin-top: 4px; } .report_item .report_title { margin-top: 8px; } .how-help_item_name h3, .report_item .report_title p { font-size: 16px; } .description_container_text p { font-size: 14px; } .section_title_container h2 { font-size: 18px; } .description_container_video { height: 184px; } .toggleContainer::before { border-radius: 32px 0 0 32px; } .toggleCheckbox:checked + .toggleContainer::before { border-radius: 0 32px 32px 0; } .section { margin-bottom: 32px; } .main_container_slider, .partners, .about-fond, .news { margin-bottom: 32px; } .section_title { margin-bottom: 16px; } .about-fond_title_container h2 { margin: 0; } .main_container_slider_slide { margin-bottom: 0; display: block; } .flickity-page-dots, .flickity-button { display: none; } .main_container_slider_slide_container_image { width: 100%; } .main_container_slider_slide_container_info_name { font-size: 24px; } .main_container_slider_slide_container_info_description, .about-fond_content_container_description { font-size: 16px !important; } .about-fond_content_container_count p { line-height: 40px; } .about-fond_content_container_description p { margin: 0; line-height: 20px; } .main_container_slider_slide_container_info_collected .collected_info p, .main_container_slider_slide_container_info_collected .left_collected_info p { font-size: 14px; } .about-fond_content_container_count p { font-size: 32px !important; } .news_container_item_info { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; } .news_container_item_info p { margin: 0; font-size: 16px; } .partners_content_company, .partners_content_smi { padding: 16px; } .partners_content_company_title, .partners_content_smi_title { font-size: 16px; font-weight: 400; line-height: 20px; margin-top: 24px; margin-bottom: 8px; } .partners_content_company_content, .partners_content_smi_content { gap: 16px; } .subscribe_container { padding: 25px 16px; box-sizing: border-box; } .subscribe_content { margin: 0; } .subscribe_info_title, .footer_content_numbers p, .subscribe_info_description { font-size: 16px; } .footer_content_links_contacts a { font-size: 16px; line-height: 20px; } .footer_content_links_security a { font-size: 12px; } .main_container_slider_slide_container_info_help input { width: 70%; } .action_button button { width: 100% !important; } } @media (max-width: 380px) { .custom-checkbox { width: 50px; } }/*# sourceMappingURL=styles.css.map */<br