.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.aligncenter,
.alignleft,
.alignright,
hr {
margin-bottom: 1.5em;
}
body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
}
ol,
ul {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ol,
li > ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
.main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li.focus > ul,
.main-navigation ul ul li:hover > ul { left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li.focus > ul,
.main-navigation ul li:hover > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation.toggled ul,
.menu-toggle {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.alignleft {
float: left;
margin-right: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Black.eot);
src: local("Proxima Nova Black"), local("ProximaNova-Black"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Black.eot?#iefix) format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Black.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Black.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Extrabld.eot);
src: local("Proxima Nova Extrabold"), local("ProximaNova-Extrabld"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Extrabld.eot?#iefix) format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Extrabld.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Extrabld.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Extrabld.ttf) format("truetype");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-SemiboldIt.eot);
src: local("Proxima Nova Semibold Italic"), local("ProximaNova-SemiboldIt"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-SemiboldIt.eot?#iefix)
format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-SemiboldIt.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-SemiboldIt.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-SemiboldIt.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNovaT-Thin.eot);
src: local("Proxima Nova Thin"), local("ProximaNovaT-Thin"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNovaT-Thin.eot?#iefix) format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNovaT-Thin.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNovaT-Thin.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNovaT-Thin.ttf) format("truetype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/../fonts/ProximaNova-Light.eot);
src: local("Proxima Nova Light"), local("ProximaNova-Light"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/../fonts/ProximaNova-Light.eot?#iefix)
format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/../fonts/ProximaNova-Light.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/../fonts/ProximaNova-Light.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/../fonts/ProximaNova-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-BlackIt.eot);
src: local("Proxima Nova Black Italic"), local("ProximaNova-BlackIt"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-BlackIt.eot?#iefix) format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-BlackIt.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-BlackIt.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-BlackIt.ttf) format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-BoldIt.eot);
src: local("Proxima Nova Bold Italic"), local("ProximaNova-BoldIt"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-BoldIt.eot?#iefix) format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-BoldIt.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-BoldIt.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-BoldIt.ttf) format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-ThinIt.eot);
src: local("Proxima Nova Thin Italic"), local("ProximaNova-ThinIt"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-ThinIt.eot?#iefix) format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-ThinIt.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-ThinIt.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-ThinIt.ttf) format("truetype");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Bold.eot);
src: local("Proxima Nova Bold"), local("ProximaNova-Bold"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Bold.eot?#iefix) format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Bold.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Bold.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-RegularIt.eot);
src: local("Proxima Nova Regular Italic"), local("ProximaNova-RegularIt"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-RegularIt.eot?#iefix) format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-RegularIt.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-RegularIt.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-RegularIt.ttf) format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-ExtrabldIt.eot);
src: local("Proxima Nova Extrabold Italic"), local("ProximaNova-ExtrabldIt"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-ExtrabldIt.eot?#iefix)
format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-ExtrabldIt.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-ExtrabldIt.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-ExtrabldIt.ttf) format("truetype");
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Regular.eot);
src: local("Proxima Nova Regular"), local("ProximaNova-Regular"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Regular.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Regular.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-LightIt.eot);
src: local("Proxima Nova Light Italic"), local("ProximaNova-LightIt"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-LightIt.eot?#iefix) format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-LightIt.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-LightIt.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-LightIt.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Proxima Nova";
src: url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Semibold.eot);
src: local("Proxima Nova Semibold"), local("ProximaNova-Semibold"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Semibold.eot?#iefix) format("embedded-opentype"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Semibold.woff2) format("woff2"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Semibold.woff) format("woff"),
url(//unitedhelpukraine.org/wp-content/themes/uhu/fonts/ProximaNova-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}*,
p,
ul {
padding: 0;
margin: 0;
}
a,
a:visited {
color: inherit;
}
a.button-yellow,
body {
color: var(--color-black);
}
img,
video {
width: 100%;
}
a,
abbr,
acronym,
address,
applet,
big,
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,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
outline: 0;
}
* {
border: 0;
box-sizing: border-box;
}
html {
overflow-x: hidden;
}
.container {
margin: 0 auto;
max-width: 1320px;
}
.wrapper {
max-width: 1090px;
}
.w-auto {
width: auto !important;
}
body {
overflow: initial;
font-family: "Proxima Nova", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 155%;
}
ul {
list-style: none;
}
a {
text-decoration: none;
}
img {
height: 100%;
object-fit: cover;
}
select {
border: none;
outline: 0;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
}
input:focus::placeholder {
transition: 0.3s;
color: transparent !important;
}
button {
background-color: transparent;
display: block;
}
.size-main {
margin: 0 auto;
max-width: 1560px;
padding: 0 60px;
}
.social-list {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
color: #fff;
}
.social-list a {
transition: color 0.5s, opacity 0.5s;
color: var(--color-gray-dark);
}
.social-list a:hover {
opacity: 0.8;
}
.social-list__item-link {
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
}
.wpcf7-form .wpcf7-not-valid-tip {
position: absolute;
}
.wpcf7-form .wpcf7-response-output {
border: none !important;
text-align: center;
}
.button-main {
padding: 25px 40px;
text-align: center;
width: fit-content;
min-width: 200px;
font-size: 18px;
font-weight: 700;
line-height: 0.75;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.4s ease;
background-color: #f6f6f6;
border-radius: 80px;
color: #000;
cursor: pointer;
}
.button-main:not(.button-yellow) {
color: #000 !important;
}
@media only screen and (max-width: 575px) {
.button-main {
width: 100%;
padding: 26px 16px;
}
}
.header__button .button-main {
font-size: 16px;
}
.title-hero,
.title-regular {
font-size: 72px;
line-height: 1;
color: var(--color-gray-blue);
font-weight: 700;
}
.button-main svg {
width: 15px;
height: 14px;
}
.button-main:hover {
background-color: #ededed;
}
.button-main:focus,
.button-main:active {
background-color: #dcdcdc;
}
a.button-yellow {
background-color: #ffc300;
color: #27383f;
}
a.button-yellow:hover {
background-color: #ffd650;
}
a.button-yellow:focus,
a.button-yellow:active {
background-color: #f1bb0a;
}
a.button-white {
background-color: #fff;
color: var(--color-gray-blue);
}
a.button-white:hover {
background-color: #ccc;
}
a.button-white:active {
background-color: #eee;
}
.title-icon-heart {
width: 50px;
height: 42px;
}
.link-hover-arrow {
font-weight: 600;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
color: var(--color-gray-blue);
display: flex;
align-items: center;
gap: 10px;
}
.link-hover-arrow:hover {
color: currentColor;
}
.link-hover-arrow circle {
transition: fill 0.5s;
}
.link-hover-arrow path {
transition: stroke 0.5s;
}
.link-hover-arrow:hover circle {
fill: #27383f;
}
.link-hover-arrow:hover path {
stroke: #ffffff;
}
.link-hover-arrow:active circle {
transition: fill 0.3s;
fill: #f5cd1f;
}
.link-hover-arrow:active path {
transition: stroke 0.3s;
stroke: var(--color-black);
}
.header-scroll,
header {
position: sticky;
top: 0;
}
.header__navigation-mobile .full-width .menu-item,
.main-navigation ul ul a {
width: 100%;
}
.hide-plate-btn,
.social-list {
margin-right: 15px;
}
.hide-plate,
body.toggle .logo {
padding: 12px 0;
}
@media only screen and (max-width: 1200px) {
.hide-plate {
padding: 10px 0;
}
}
#burger-btn,
body.toggle .header .menu-item-has-children:hover {
cursor: pointer;
}
header {
background-color: #f6f6f6;
color: var(--color-gray-blue);
z-index: 999;
}
.header__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px 45px;
}
.header__menu {
gap: 24px;
}
header .menu-item-has-children>a:after {
content: "";
display: inline-block;
width: 20px;
aspect-ratio: 1 / 1;
background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00195 9.24902L10.5017 12.7488L14.0015 9.24902' stroke='%2327383F' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 100% 100%;
vertical-align: middle;
position: relative;
top: -1px;
transition: transform 0.4s ease;
}
.main-navigation ul li:hover>a::after {
transform: rotate(180deg);
}
@media only screen and (max-width: 1200px) {
header .menu-item-has-children>a:after {
display: none;
}
}
.header__navigation {
width: auto;
font-size: 14px;
font-weight: 700;
line-height: 175%;
text-transform: uppercase;
}
.header__menu .sub-menu li,
.hide-plate-title {
font-size: 16px;
font-weight: 400;
}
@media only screen and (max-width: 1200px) {
.hide-plate-title {
font-size: 14px;
}
}
.header__menu li a {
opacity: 1;
transition: opacity 0.2s ease-in-out;
}
.header__menu:hover a:not(:hover) {
opacity: 0.6;
}
.header__menu .sub-menu {
background-color: #fff;
padding: 24px 10px 24px 32px;
flex-direction: column;
left: -25px;
right: -135%;
max-width: 230px;
width: auto;
gap: 15px;
}
.header__menu li .sub-menu li {
position: static;
}
.header__menu li .sub-menu li>a {
display: flex;
}
.header__menu li .sub-menu li>a::after {
transform: rotate(-90deg);
margin-left: auto;
}
.header__menu li .sub-menu li:hover a::after {
transform: rotate(-90deg);
}
.header__menu li .sub-menu li .sub-menu {
left: 100%;
z-index: -1;
top: -1px;
color: var(--color-gray-blue);
height: 101%;
box-shadow: none;
}
.header__menu .sub-menu li {
text-transform: none;
transition: 0.3s;
}
#burger-menu,
body.toggle .header {
transition: 0.5s ease-in-out;
width: 100%;
}
#burger-menu .button-main {
width: auto;
}
.header__menu .sub-menu li a {
transition: color 0.4s ease;
opacity: 1 !important;
}
.header__menu .sub-menu li a:hover,
.header__menu .sub-menu li a:focus {
color: #3593ff;
}
.main-navigation ul li>ul { transition: 0.3s ease-in;
opacity: 0;
visibility: hidden;
}
.header__menu .sub-menu li.current_page_item a {
font-weight: 600;
}
.main-navigation ul li:hover>ul { left: -25px;
opacity: 1;
visibility: visible;
}
.hide-plate {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-gray-blue);
color: #fff;
}
.hide-plate-title {
display: flex;
align-items: center;
margin-left: auto;
font-style: normal;
line-height: 155%;
text-align: center;
font-weight: 600;
transition: opacity 0.4s ease;
}
@media only screen and (max-width: 575px) {
.hide-plate-title {
font-size: 12px;
line-height: 0.75;
margin-left: 15px;
}
}
.hide-plate-title svg {
display: block;
position: relative;
top: 1px;
margin-left: 10px;
transition: transform 0.4s ease;
}
@media only screen and (max-width: 575px) {
.hide-plate-title svg {
display: none;
}
}
.hide-plate-title:hover,
.hide-plate-title:focus {
opacity: 0.85;
}
.hide-plate-title:hover svg,
.hide-plate-title:focus svg {
transform: translateX(25%);
}
.hide-plate-btn {
margin-left: auto;
cursor: pointer;
padding: 5px;
}
.hide-plate-btn svg {
display: block;
}
.hide-plate-btn svg path {
transition: stroke 0.4s ease;
}
.hide-plate-btn:hover svg path,
.hide-plate-btn:focus svg path {
stroke: white;
}
.hide-plate.disabled,
body.toggle .hide-plate {
display: none;
}
.header__wrapper {
display: flex;
align-items: center;
justify-content: start;
gap: inherit;
height: 100px;
}
@media only screen and (max-width: 1200px) {
.header__wrapper {
height: 70px;
}
}
.main-navigation {
margin-left: auto;
margin-right: 85px;
}
@media only screen and (max-width: 1400px) {
.main-navigation {
margin-right: 60px;
}
}
@media only screen and (max-width: 1360px) {
.main-navigation {
margin-right: 30px;
}
}
.header__menu {
gap: 25px;
}
@media only screen and (max-width: 1360px) {
.header__menu {
gap: 15px;
}
}
.header__button .button-main {
padding: 22px 28px;
min-width: 0;
}
.header__navigation-mobile {
margin-left: auto;
display: none;
}
.header-scroll {
box-shadow: 0 3px 5px 0.3px rgba(0, 0, 0, 0.1);
z-index: 800;
}
#burger-btn,
.logo-alt,
body.toggle .header .menu-item-has-children {
position: relative;
}
.logo-alt,
body.toggle .header #burger-btn {
z-index: 10;
}
#burger-btn {
height: 25px;
width: 25px;
overflow: visible;
z-index: 2;
}
#burger-btn span,
#burger-btn span:after,
#burger-btn span:before {
background: #27383f;
display: block;
height: 2px;
opacity: 1;
position: absolute;
transition: 0.3s ease-in-out;
border-radius: 20px;
}
#burger-btn span:after,
#burger-btn span:before {
content: "";
}
#burger-btn span {
right: 13px;
top: 12px;
width: 24px;
}
#burger-btn span:before {
left: 0;
top: -7px;
width: 24px;
}
#burger-btn span:after {
left: 0;
top: 7px;
width: 24px;
}
#burger-btn.close {
height: 48px;
width: 48px;
background: #f7f7f7;
}
#burger-btn.close span {
top: 48%;
right: 34%;
transform: rotate(-45deg);
width: 14px;
}
#burger-btn.close span:before {
top: 0;
transform: rotate(90deg);
width: 14px;
}
#burger-btn.close span:after {
top: 0;
left: 0;
transform: rotate(90deg);
opacity: 0;
width: 0;
}
.header__menu .sub-menu {
top: calc(30% + 35px);
border: 1px solid #f3f3f3;
box-shadow: -5px 4px 20px rgba(0, 0, 0, 0.04);
}
.header__menu .sub-menu li:hover {
color: #0672e2;
}
#burger-menu {
padding-top: 30px;
min-height: calc(100vh - 70px - 60px);
z-index: 999;
padding-bottom: 30px;
box-sizing: content-box;
left: 0;
background: #fff;
position: absolute;
top: 70px;
transform: translateX(-120%);
}
#burger-menu .menu-item {
display: flex;
flex-direction: column;
align-items: start;
margin-bottom: 33px;
}
#burger-menu .menu-item a {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 135%;
color: var(--color-black);
letter-spacing: -0.02em;
}
#burger-menu .header__menu .sub-menu a,
#burger-menu .sub-menu a {
font-style: normal;
font-weight: 400;
line-height: 155%;
color: rgba(0, 0, 0, 0.7);
font-size: 18px;
}
#burger-menu .sub-menu {
margin-left: 15px;
margin-top: 15px;
opacity: 1;
max-height: 0;
visibility: visible;
overflow: hidden;
transition: max-height 0.3s;
}
#burger-menu .menu-item.active .sub-menu {
opacity: 1;
max-height: 100%;
visibility: visible;
margin-top: 15px;
}
#burger-menu .sub-menu a::after {
content: "";
display: none;
}
#burger-menu .header__menu .sub-menu {
padding: 0;
margin: 0;
max-width: 100%;
}
#burger-menu .header__menu .sub-menu .menu-item {
margin-top: 16px;
margin-bottom: 0;
}
#burger-menu .header__menu .sub-menu a {
margin-left: 16px;
}
#burger-menu .header__button {
margin: 0 auto;
max-width: 335px;
}
#burger-menu .social-list {
display: flex;
justify-content: center;
margin: 24px auto 0;
max-width: 335px;
}
#burger-menu .social-list a {
width: 36px;
height: 36px;
color: var(--color-gray-blue);
}
#burger-menu .social-list i {
margin-top: 2px;
}
.logo-alt {
display: none;
width: 120px;
height: 62px;
}
body.toggle,
html.toggle {
height: 100vh;
overflow: hidden;
}
body.toggle .header {
position: fixed;
top: 0;
height: 100%;
background-color: #fff;
z-index: 800;
overflow: scroll;
}
body.toggle .header #burger-btn span,
body.toggle .header #burger-btn span:after,
body.toggle .header #burger-btn span:before {
background: #27383f;
}
body.toggle .header #burger-menu {
transform: translateZ(0);
}
body.toggle .header .menu-item-has-children::after {
content: "";
width: 7.5px;
height: 7.5px;
border-top: 2px solid #1d1d1d;
border-left: 2px solid #1d1d1d;
transform: rotate(227deg) translateX(-50%);
position: absolute;
top: 0;
right: 25px;
transition: 0.5s;
}
body.toggle .header .menu-item .sub-menu .menu-item::after {
display: none;
}
body.toggle .header .menu-item-has-children.active::after {
transform: rotate(47deg) !important;
top: 7px !important;
}
body.toggle .header .menu-item-has-children .menu-item {
margin-bottom: 15px !important;
text-align: left;
}
body.toggle .header .menu-item-has-children .menu-item:last-child {
margin-bottom: 0 !important;
}
body.toggle .header .social-list {
gap: 6px;
}
body.toggle .header a {
position: initial;
}
body.toggle .logo-alt {
display: block;
}
.header .logo {
padding: 10px 0;
}
.additional-menu {
padding: 18px 0;
background: #f6f6f6;
border-top: 1px solid rgba(204, 204, 204, 0.3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.additional-menu .container {
max-width: 1200px;
}
.additional-menu__links {
display: flex;
justify-content: space-evenly;
}
.additional-menu__link {
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #8d8d8d !important;
transition: color 0.5s;
}
.additional-menu__link::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #ffc300;
margin-right: 8px;
vertical-align: middle;
position: relative;
top: -1px;
opacity: 0;
transition: opacity 0.4s ease;
}
.additional-menu__link:hover,
.additional-menu__link:focus {
color: #27383f !important;
}
.additional-menu__link:hover::before,
.additional-menu__link:focus::before {
opacity: 1;
}
.custom-logo-link {
margin-right: 10px;
}
.custom-logo-link,
.custom-logo-link img {
display: block;
width: auto !important;
height: auto !important;
max-width: 156px;
}
@media only screen and (max-width: 1360px) {
.custom-logo-link,
.custom-logo-link img {
max-width: 120px;
}
}
@media only screen and (max-width: 1200px) { .header .header__navigation,
.header .social-list {
display: none;
}
.header__button.header__button--top .button-main {
padding: 16px 20px;
}
.header__navigation-mobile,
body.toggle .header .header__burger-menu .header__button,
body.toggle .header .header__burger-menu .header__navigation,
body.toggle .header .header__burger-menu .social-list {
display: block;
}
}
.hero-donation {
background-color: var(--color-light-blue);
}
.hero-donation__title span:first-of-type:after,
.hero-donation__title span:last-of-type::after {
content: "";
display: inline-block;
vertical-align: middle;
background-size: 100%;
background-repeat: no-repeat;
}
.hero-donation,
.section-hero {
background-color: var(--color-light-blue);
}
.hero-donation__title span:first-of-type:after,
.hero-donation__title span:last-of-type::after {
content: "";
display: inline-block;
vertical-align: middle;
background-size: 100%;
background-repeat: no-repeat;
}
.hero-donation__item-icon svg path,
.image-and-text__item-icon svg path {
stroke: var(--color-black);
}
.section-hero {
position: relative;
}
.hero-donation__cta:hover,
.hero-socials__cta:hover,
.image-and-text__link.blue:hover {
background-color: var(--color-blue-hover);
}
.hero__button {
display: flex;
justify-content: center;
margin-bottom: 90px;
}
.hero-donation__cta,
.hero-socials__cta {
transition: background-color 0.5s, color 0.5s;
font-weight: 500;
text-transform: uppercase;
display: flex;
}
.hero__text-item.active {
opacity: 1 !important;
}
.image-ua {
max-width: 100px;
width: 100%;
transform: translateY(15px);
}
.hero-donation {
padding: 120px 0;
margin-bottom: 120px;
}
.hero-donation__title {
max-width: 800px;
margin: 0 auto 35px;
line-height: 130%;
}
.hero-donation__title span:first-child,
.hero-donation__title span:last-child {
display: inline-flex;
align-items: baseline;
gap: 10px;
}
.hero-donation__cta {
align-items: center;
justify-content: center;
width: max-content;
margin: 0 auto;
padding: 18px 30px;
height: 52px;
background-color: var(--color-blue);
color: #fff;
font-family: e-Ukraine;
font-size: 14px;
letter-spacing: 0.3px;
}
.hero-donation__cta:hover,
.hero-donation__cta:visited {
color: #fff;
}
.hero-donation__title span:last-of-type::after {
width: 75px;
height: 45px;
background-image: url(//unitedhelpukraine.org/wp-content/themes/uhu/images/svg/ukraine.svg);
}
.hero-donation__title span:first-of-type:after {
width: 45px;
height: 37px;
background-image: url(//unitedhelpukraine.org/wp-content/themes/uhu/images/svg/heart.svg);
}
.hero-donation__items {
display: flex;
flex-wrap: wrap;
gap: 32px;
max-width: 1135px;
margin: 50px auto 0;
}
.hero-donation__item {
width: calc(25% - 32px);
flex: 1 0 calc(25% - 32px);
}
.hero-donation__item-icon {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
background-color: #e6edff;
border-radius: 50%;
}
.hero-donation__item-icon svg {
width: 35px;
height: 35px;
}
.hero-donation__item-top {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
.hero-donation__item-title {
font-size: 16px;
font-weight: 500;
font-family: e-Ukraine;
letter-spacing: -0.02em;
color: var(--color-black);
}
.hero-donation__item-text {
font-size: 18px;
color: var(--color-dark-gray);
line-height: 135%;
text-align: center;
}
.hero__button {
display: flex;
justify-content: center;
margin-bottom: 90px;
}
.section-hero .title-hero {
color: var(--color-gray-blue);
margin-bottom: 55px;
max-width: 650px;
font-size: 72px;
line-height: 1;
}
.hero__video {
max-width: 1170px;
width: 100%;
margin: auto;
}
.hero__text {
font-size: 80px;
font-weight: 500;
line-height: 1.05;
letter-spacing: -0.01em;
text-align: center;
color: #fff;
max-width: 1225px;
text-align: left;
}
.hero__text-item {
opacity: 0.3;
transition: opacity 0.3s linear;
}
.hero-donation__cta,
.hero-socials__cta {
text-transform: uppercase;
transition: background-color 0.5s, color 0.5s;
font-weight: 500;
display: flex;
}
.hero__text-item.active {
opacity: 1 !important;
}
.image-ua {
max-width: 100px;
width: 100%;
transform: translateY(15px);
}
.hero-donation {
padding: 120px 0;
margin-bottom: 120px;
}
.hero-donation__title {
max-width: 800px;
margin: 0 auto 35px;
line-height: 130%;
}
.hero-donation__title span:first-child,
.hero-donation__title span:last-child {
display: inline-flex;
align-items: baseline;
gap: 10px;
}
.hero-donation__cta {
align-items: center;
justify-content: center;
width: max-content;
margin: 0 auto;
padding: 18px 30px;
height: 52px;
background-color: var(--color-blue);
color: #fff;
font-family: e-Ukraine;
font-size: 14px;
letter-spacing: 0.3px;
}
.hero-donation__cta:visited {
color: #fff;
}
.hero-donation__cta:hover {
background-color: var(--color-blue-hover);
color: #fff;
}
.hero-donation__title span:last-of-type::after {
width: 75px;
height: 45px;
background-image: url(//unitedhelpukraine.org/wp-content/themes/uhu/images/svg/ukraine.svg);
}
.hero-donation__title span:first-of-type:after {
width: 45px;
height: 37px;
background-image: url(//unitedhelpukraine.org/wp-content/themes/uhu/images/svg/heart.svg);
}
.hero-donation__items {
display: flex;
flex-wrap: wrap;
gap: 32px;
max-width: 1135px;
margin: 50px auto 0;
}
.hero-donation__item {
width: calc(25% - 32px);
flex: 1 0 calc(25% - 32px);
}
.hero-donation__item-icon {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
background-color: #e6edff;
border-radius: 50%;
}
.hero-donation__item-icon svg {
width: 35px;
height: 35px;
}
.hero-donation__item-icon svg path {
stroke: var(--color-black);
}
.hero-donation__item-top {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
.hero-donation__item-title {
font-size: 16px;
font-weight: 500;
font-family: e-Ukraine;
letter-spacing: -0.02em;
color: var(--color-black);
}
.hero-donation__item-text {
font-size: 18px;
color: var(--color-dark-gray);
line-height: 135%;
text-align: center;
}
.hero-socials {
padding-top: 120px;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 1200px) {
.hero-socials {
padding-top: 90px;
}
}
@media only screen and (max-width: 768px) {
.hero-socials {
padding-top: 55px;
}
}
.hero-socials__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
.hero-socials__wrapper {
margin-bottom: 55px;
}
}
@media only screen and (max-width: 575px) {
.hero-socials__wrapper {
margin-bottom: 35px;
}
}
.hero-socials__title {
margin-bottom: 24px;
font-size: 72px;
font-weight: 700 !important;
color: var(--color-gray-blue);
}
@media only screen and (max-width: 1200px) {
.hero-socials__title {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 768px) {
.hero-socials__title {
font-size: 54px !important;
}
}
@media only screen and (max-width: 575px) {
.hero-socials__title {
font-size: 36px !important;
margin-bottom: 15px;
text-align: center;
}
}
.hero-socials__text {
max-width: 646px;
font-size: 20px;
line-height: 1.3;
color: #545454;
font-weight: 600;
margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
.hero-socials__text {
font-size: 18px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 575px) {
.hero-socials__text {
font-size: 16px;
margin-bottom: 25px;
text-align: center;
}
}
.hero-socials__socials {
display: flex;
}
@media only screen and (max-width: 991px) {
.hero-socials__socials {
width: 100%;
}
}
@media only screen and (max-width: 991px) {
.hero-socials__content {
width: 100%;
margin-bottom: 45px;
}
}
@media only screen and (max-width: 768px) {
.hero-socials__content {
margin-bottom: 40px;
}
}
.hero-socials__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-self: flex-end;
width: 100%;
}
@media only screen and (max-width: 575px) {
.hero-socials__list {
justify-content: center;
}
}
.hero-socials__list-item {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
background-color: #f6f6f6;
border-radius: 50%;
transition: background-color 0.5s;
}
.hero-socials__list-item:hover {
background-color: #ededed;
}
.hero-socials__list-item:active {
background-color: #dcdcdc;
}
.hero-socials__list-item a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.hero-socials__list-item a svg {
width: 18px;
height: 18px;
display: block;
}
.hero-socials__slider .slide-item {
aspect-ratio: 1440 / 648;
}
@media only screen and (max-width: 575px) {
.hero-socials__slider .slide-item {
aspect-ratio: 16 / 9;
}
}
.hero-socials__slider .slide-item img {
display: block;
object-position: center center;
}
.hero-socials__slider {
position: relative;
}
.hero-socials__slider-pagination {
position: absolute;
bottom: 24px !important;
left: 50% !important;
transform: translateX(-50%);
width: fit-content !important;
max-width: 100%;
padding: 12px 16px;
background-color: rgba(39, 56, 63, 0.6);
border-radius: 46px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 7px;
z-index: 1;
}
@media only screen and (max-width: 575px) {
.hero-socials__slider-pagination {
bottom: 15px !important;
}
}
.hero-socials__slider-pagination span.swiper-pagination-bullet {
display: block;
margin: 0 !important;
width: 8px !important;
height: 8px !important;
opacity: 1 !important;
background-color: #fff6da;
transition: background-color 0.4s ease, opacity 0.4s ease;
}
.hero-socials__slider-pagination
span.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover,
.hero-socials__slider-pagination
span.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):focus {
opacity: 0.85 !important;
}
.hero-socials__slider-pagination span.swiper-pagination-bullet-active {
background-color: #ffc300;
cursor: auto;
}
.hero-follow-us {
padding: 40px 0 120px;
color: #fff;
}
.hero-follow-us__content {
display: flex;
align-items: center;
justify-content: space-between;
height: 540px;
background-color: var(--color-blue);
}
.hero-follow-us__textblock {
max-width: 350px;
margin: auto 0 auto 125px;
}
.hero-follow-us__title {
font-weight: 700;
font-size: 48px;
line-height: 1.16;
margin-bottom: 24px;
}
.hero-follow-us__subtitle {
font-weight: 400;
font-size: 16px;
line-height: 1.25;
}
.hero-follow-us__social-links {
display: flex;
flex-wrap: wrap;
width: 48.5%;
height: 100%;
}
.hero-follow-us__social-url {
width: 50%;
padding: 25px 32px;
display: flex;
gap: 14px;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 20px;
line-height: 155%;
transition: 0.3s;
color: #fff;
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.hero-follow-us__social-url:hover {
background: rgba(255, 255, 255, 0.05);
color: #fff;
}
.hero-follow-us__social-image {
width: 23px;
height: 23px;
}
.hero-follow-us__social-image svg,
.hero-follow-us__social-image img {
width: 100%;
height: 100%;
}
.section-hero__wrapper {
position: relative;
z-index: 1;
height: 740px;
}
.section-hero-text {
position: relative;
padding: 140px 0 240px;
background-color: var(--color-gray-blue);
color: #fff;
} .hero-slider--slider,
.hero-slider--slider .swiper {
width: 100%;
position: relative;
}
.hero-slider--slide {
position: relative;
overflow: hidden;
}
.hero-slider--image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero-slider--image img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
}
@media only screen and (max-width: 575px) {
.hero-slider--image {
position: static;
width: 100%;
height: 60vw;
}
}
.hero-slider--content-inner {
position: relative;
min-height: calc(100vh - 75px);
padding: 32px 0 128px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
@media only screen and (max-width: 1200px) {
.hero-slider--content-inner {
min-height: calc(100vh - 112px);
}
}
@media only screen and (max-width: 575px) {
.hero-slider--content-inner {
min-height: 0;
padding: 35px 0 40px;
}
}
.hero-slider--title {
position: relative;
width: 100%;
max-width: 615px;
margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
.hero-slider--title {
max-width: 100%;
font-size: 64px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 575px) {
.hero-slider--title {
font-size: 42px;
color: #27383f !important;
margin: 0;
}
.hero-slider--title *:not(a) {
color: #27383f !important;
}
.hero-slider--title a.button-main {
margin-top: 25px !important;
}
}
@media only screen and (max-width: 412px) {
.hero-slider--title {
font-size: 36px;
}
}
.hero-slider--decor {
position: absolute;
top: 0;
left: -18%;
transform: translateY(calc(-100% - 10px));
}
.hero-slider--decor,
.hero-slider--decor img {
display: block;
width: auto !important;
height: auto !important;
max-width: 100%;
}
@media only screen and (max-width: 768px) {
.hero-slider--decor {
display: none;
}
}
.hero-slider--controls {
position: absolute;
left: 0;
bottom: 32px;
width: 100%;
z-index: 1;
}
@media only screen and (max-width: 575px) {
.hero-slider--controls {
top: calc(60vw - 20px);
bottom: auto;
transform: translateY(-100%);
}
}
@media only screen and (max-width: 320px) {
.hero-slider--controls {
top: calc(60vw - 15px);
}
}
.hero-slider--controls__inner {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 15px;
}
.hero-slider--arrow {
width: 64px;
aspect-ratio: 1 / 1;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
border: solid 2px rgba(255, 255, 255, 0.35);
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.4s ease, border-color 0.4s ease;
cursor: pointer;
}
@media only screen and (max-width: 575px) {
.hero-slider--arrow {
width: 50px;
}
}
.hero-slider--arrow svg {
display: block;
width: 35px !important;
height: auto !important;
}
@media only screen and (max-width: 575px) {
.hero-slider--arrow svg {
width: 27px !important;
}
}
.hero-slider--arrow svg path {
stroke: white;
transition: stroke 0.4s ease;
}
.hero-slider--arrow:hover,
.hero-slider--arrow:focus {
background-color: white;
border-color: white;
}
.hero-slider--arrow:hover svg path,
.hero-slider--arrow:focus svg path {
stroke: #27383f;
}
.hero-slider--pagination {
width: fit-content !important;
max-width: calc(100% - 128px - 30px);
padding: 12px 16px;
background-color: rgba(39, 56, 63, 0.6);
border-radius: 46px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 7px;
}
.hero-slider--pagination span.swiper-pagination-bullet {
display: block;
margin: 0 !important;
width: 8px !important;
height: 8px !important;
opacity: 1 !important;
background-color: #fff6da;
transition: background-color 0.4s ease, opacity 0.4s ease;
}
.hero-slider--pagination
span.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover,
.hero-slider--pagination
span.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):focus {
opacity: 0.85 !important;
}
.hero-slider--pagination span.swiper-pagination-bullet-active {
background-color: #ffc300;
cursor: auto;
}
@media only screen and (max-width: 575px) {
.hero-slider--button {
width: 100%;
margin-top: 30px;
}
}  .hero-text {
background-color: #27383f;
padding: 140px 0 148px;
color: white;
overflow: hidden;
}
@media only screen and (max-width: 1200px) {
.hero-text {
padding: 90px 0 95px;
}
}
@media only screen and (max-width: 768px) {
.hero-text {
padding: 60px 0 65px;
}
}
@media only screen and (max-width: 575px) {
.hero-text {
padding: 60px 0;
}
}
.hero-text--content {
font-size: 80px;
line-height: 1.05;
font-weight: 700;
max-width: 1120px;
}
.hero-text--content p {
margin: 0;
}
.hero-text--decor {
display: flex;
justify-content: flex-end;
}
.hero-text--decor img {
display: block;
width: auto !important;
height: auto !important;
max-width: 100%;
transform: translateX(9.64%);
}  .hero-media {
position: relative;
height: 740px;
}
.hero-media__image {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 101%;
}
.hero-media__image img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.hero-media__content {
position: relative;
display: flex;
max-width: 550px;
margin-left: auto;
flex-direction: column;
padding-top: 180px;
height: 100%;
z-index: 2;
}
.hero-media .size-main {
height: 100%;
}
.hero-media__title {
margin-bottom: 24px;
color: #f6f6f6;
}
.hero-media__text {
max-width: 500px;
margin-bottom: 52px;
color: #f6f6f6;
font-size: 20px;
font-weight: 600;
}
.hero-media__links {
display: flex;
align-items: center;
gap: 20px;
width: 100%;
}
@media only screen and (max-width: 1200px) {
.hero-text--decor {
margin-top: 25px;
justify-content: center;
}
.hero-text--decor img {
transform: none;
}
.hero-text--content {
font-size: 72px;
}
}
@media only screen and (max-width: 1024px) {
.hero-media {
height: 500px;
}
.hero-media__content {
max-width: 100%;
padding-top: 0;
justify-content: center;
}
.hero-follow-us__content {
flex-direction: column;
height: auto;
}
.hero-follow-us__social-links {
width: 100%;
}
.hero-follow-us__textblock {
max-width: 100%;
padding: 40px;
text-align: center;
margin-left: 0;
}
}
@media only screen and (max-width: 992px) {
.hero-text--content {
font-size: 64px;
}
.hero-follow-us {
padding: 0 0 60px;
}
}
@media only screen and (max-width: 768px) {
.hero-text--content {
font-size: 48px;
}
.hero-media__title.title-regular {
font-weight: 700;
font-size: 54px;
}
.hero-follow-us__title {
font-size: 40px;
}
}
@media only screen and (max-width: 575px) {
.hero-text--decor {
display: none;
}
.hero-media__title.title-regular {
font-size: 36px;
}
.hero-text--content {
font-size: 32px;
line-height: 1.33;
}
.hero-follow-us__title {
font-size: 32px;
}
}
@media only screen and (max-width: 480px) {
.hero-media__links {
flex-direction: column;
}
}
@media only screen and (max-width: 425px) {
.hero-text--content {
font-size: 26px;
}
}
.hero-image {
position: relative;
}
.hero-image__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero-image__background img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center center;
}
.hero-image__inner {
position: relative;
padding: 144px 0 260px;
min-height: 700px;
}
@media only screen and (max-width: 768px) {
.hero-image__inner {
min-height: 540px;
}
}
@media only screen and (max-width: 575px) {
.hero-image__inner {
padding: 70px 0 140px;
min-height: unset;
}
}
.hero-image--title {
text-align: center;
color: white;
max-width: 850px;
margin: 0 auto;
font-weight: 700;
font-size: 72px;
line-height: 1;
}
@media only screen and (max-width: 768px) {
.hero-image--title {
font-size: 54px;
}
}
@media only screen and (max-width: 575px) {
.hero-image--title {
font-size: 36px;
}
}
.hero-image + .section-graphics .headline {
display: none;
}
.hero-image + .section-graphics .graphics__wrapper {
padding-top: 100px;
padding-bottom: 0; }
.hero-donation {
background-color: #373f45;
background-size: cover;
background-position: center 0;
color: white;
padding: 110px 0 380px;
margin: 0;
}
.hero-donation.fullheight {
padding-top: 11vw;
min-height: calc(100vh - 149px);
}
@media only screen and (max-width: 1440px) {
.hero-donation.fullheight {
padding-top: 110px;
}
}
@media only screen and (max-width: 1200px) {
.hero-donation {
padding: 90px 0 70px !important;
}
.hero-donation.fullheight {
min-height: calc(100vh - 112px);
display: flex;
flex-direction: column;
justify-content: center;
}
}
@media only screen and (max-width: 768px) {
.hero-donation {
padding: 70px 0 55px !important;
}
}
@media only screen and (max-width: 575px) {
.hero-donation.fullheight {
min-height: calc(100vh - 110px);
}
}
.hero-donation__title {
max-width: 710px;
text-align: center;
color: white;
line-height: 1;
margin: 0 auto 40px;
}
@media only screen and (max-width: 1200px) {
.hero-donation__title {
margin: 0 auto 30px;
}
}
@media only screen and (max-width: 768px) {
.hero-donation__title {
font-size: 54px;
}
}
@media only screen and (max-width: 575px) {
.hero-donation__title {
font-size: 36px;
margin: 0 auto 25px;
}
}
.hero-donation__wrapper .button-main {
margin: 0 auto;
}
.hero-donation__items {
max-width: 100%;
margin: 70px 0 0;
gap: 18px;
display: grid;
grid-template-columns: repeat(4, 1fr);
align-items: stretch;
}
@media only screen and (max-width: 1200px) {
.hero-donation__items {
max-width: 700px;
margin: 55px auto 0;
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 768px) {
.hero-donation__items {
gap: 18px 12px;
}
}
@media only screen and (max-width: 575px) {
.hero-donation__items {
grid-template-columns: repeat(1, 1fr);
}
}
.hero-donation__item {
width: 100%;
flex: unset;
background-color: #27383f;
color: white;
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.15);
padding: 32px 24px;
aspect-ratio: 316 / 302;
display: flex;
flex-direction: column;
row-gap: 16px;
justify-content: space-between;
}
@media only screen and (max-width: 620px) {
.hero-donation__item {
padding: 26px 20px;
aspect-ratio: 316 / 240;
}
}
.hero-donation__item-icon {
background-color: transparent;
border-radius: 0;
width: 64px;
height: auto;
}
@media only screen and (max-width: 1400px) {
.hero-donation__item-icon {
width: 52px;
}
}
@media only screen and (max-width: 620px) {
.hero-donation__item-icon {
width: 44px;
}
}
.hero-donation__item-icon img,
.hero-donation__item-icon svg {
display: block;
width: 100% !important;
height: auto !important;
}
.hero-donation__item-title {
font-family: inherit;
color: inherit;
font-size: 24px;
line-height: 1.1;
font-weight: 700;
margin: 0 0 20px;
}
@media only screen and (max-width: 1400px) {
.hero-donation__item-title {
font-size: 20px;
margin: 0 0 12px;
}
}
.hero-donation__item-text {
color: inherit;
text-align: left;
}
@media only screen and (max-width: 1400px) {
.hero-donation__item-text {
font-size: 16px;
}
}
.donation-text__inner {
padding: 140px 40px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 55px 120px;
}
@media only screen and (max-width: 1400px) {
.donation-text__inner {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 1200px) {
.donation-text__inner {
padding: 110px 0;
gap: 45px;
}
}
@media only screen and (max-width: 991px) {
.donation-text__inner {
flex-direction: column-reverse;
align-items: flex-start;
padding: 90px 0;
}
}
@media only screen and (max-width: 768px) {
.donation-text__inner {
gap: 35px 0;
}
}
@media only screen and (max-width: 575px) {
.donation-text__inner {
padding: 70px 0;
}
}
.donation-text--content {
width: 100%;
max-width: 560px;
}
@media only screen and (max-width: 1200px) {
.donation-text--content {
max-width: 480px;
}
}
@media only screen and (max-width: 991px) {
.donation-text--content {
max-width: 100%;
}
}
.donation-text--image {
flex: 1;
}
@media only screen and (max-width: 991px) {
.donation-text--image {
max-width: 360px;
flex: unset;
}
}
@media only screen and (max-width: 575px) {
.donation-text--image {
max-width: 100%;
}
}
.donation-text--image img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center center;
}
.donation-text--title {
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 1.17;
margin: 0 0 16px;
color: #27383f;
}
@media only screen and (max-width: 991px) {
.donation-text--title {
font-size: 36px;
}
}
@media only screen and (max-width: 768px) {
.donation-text--title {
font-size: 32px;
}
}
@media only screen and (max-width: 575px) {
.donation-text--title {
font-size: 26px;
}
}
.donation-text--text {
font-size: 18px;
line-height: 1.33;
color: #545454;
}
@media only screen and (max-width: 575px) {
.donation-text--text {
font-size: 16px;
}
}
.donation-text--text p:not(:last-child) {
margin: 0 0 1em;
}
.donation-text--controls {
margin-top: 56px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}
.donation-text .post-navigation {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
@media only screen and (min-width: 769px) {
.donation-text .post-navigation {
flex-direction: row;
justify-content: space-between;
gap: 24px;
}
}
@media only screen and (max-width: 768px) {
.donation-text--controls {
margin-top: 45px;
}
}
@media only screen and (max-width: 575px) {
.donation-text--controls {
margin-top: 35px;
}
}
.help-text {
background-color: #f6f6f6;
display: flex;
flex-direction: column;
row-gap: 100px;
padding: 140px 40px;
}
@media only screen and (max-width: 1400px) {
.help-text {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 1200px) {
.help-text {
padding: 110px 0;
row-gap: 90px;
}
}
@media only screen and (max-width: 991px) {
.help-text {
padding: 90px 0;
row-gap: 70px;
}
}
@media only screen and (max-width: 768px) {
.help-text {
row-gap: 55px;
}
}
@media only screen and (max-width: 575px) {
.help-text {
padding: 70px 0;
row-gap: 45px;
}
}
.help-text .donation-text .donation-text__inner {
padding: 0 !important;
}
.help-text .donation-text:nth-child(2n) .donation-text__inner {
flex-direction: row-reverse;
}
@media only screen and (max-width: 991px) {
.help-text .donation-text:nth-child(2n) .donation-text__inner {
flex-direction: column-reverse;
}
}
.donation-columns {
background-color: #27383f;
color: white;
}
.donation-columns--image {
width: 100%;
aspect-ratio: 1440 / 700;
}
.donation-columns--image img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center center;
}
.donation-columns__inner {
padding: 120px 0;
max-width: 1256px;
}
@media only screen and (max-width: 1200px) {
.donation-columns__inner {
padding: 90px 0;
max-width: 100%;
}
}
@media only screen and (max-width: 768px) {
.donation-columns__inner {
padding: 70px 0;
}
}
@media only screen and (max-width: 575px) {
.donation-columns__inner {
padding: 55px 0;
}
}
.donation-columns--title {
font-size: 72px;
font-weight: 700;
line-height: 1;
margin: 0 0 56px;
}
@media only screen and (max-width: 1200px) {
.donation-columns--title {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 1024px) {
.donation-columns--title {
font-size: 54px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 575px) {
.donation-columns--title {
font-size: 36px;
margin-bottom: 25px;
}
}
.donation-columns--list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 56px 160px;
margin-bottom: 56px;
}
@media only screen and (max-width: 1400px) {
.donation-columns--list {
gap: 56px 120px;
}
}
@media only screen and (max-width: 1200px) {
.donation-columns--list {
gap: 45px 90px;
margin-bottom: 45px;
}
}
@media only screen and (max-width: 1024px) {
.donation-columns--list {
gap: 35px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 991px) {
.donation-columns--list {
gap: 25px;
grid-template-columns: repeat(1, 1fr);
}
}
.donation-columns--list-item {
font-size: 20px;
line-height: 1.3;
font-weight: 600;
color: #ccc;
max-width: 520px;
}
@media only screen and (max-width: 1200px) {
.donation-columns--list-item {
font-size: 18px;
}
}
@media only screen and (max-width: 991px) {
.donation-columns--list-item {
max-width: 100%;
}
}
@media only screen and (max-width: 575px) {
.donation-columns--list-item {
font-size: 16px;
}
}
.donation-columns--list-item p:not(:last-child) {
margin-bottom: 1em;
}
.donation-columns--list-item p:last-child {
margin: 0;
}
.donation-columns--controls {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}
#chart-container {
position: relative;
overflow: hidden;
background-color: #f6f6f6;
min-height: 744px;
}
.graphics__wrapper {
padding: 120px 0;
}
@media only screen and (max-width: 1200px) {
.graphics__wrapper {
padding: 70px 0;
}
}
@media only screen and (max-width: 768px) {
.graphics__wrapper {
padding: 45px 0;
}
}
.section-graphics--title {
max-width: 850px;
margin: 0 0 80px;
text-align: left;
font-weight: 700;
font-size: 72px;
line-height: 1;
color: #27383f;
}
@media only screen and (max-width: 1200px) {
.section-graphics--title {
margin: 0 0 45px;
}
}
@media only screen and (max-width: 768px) {
.section-graphics--title {
font-size: 54px;
margin: 0 0 35px;
}
}
@media only screen and (max-width: 575px) {
.section-graphics--title {
font-size: 36px;
}
}
.graphics__content {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
.graphics__content-description {
width: 50%;
position: relative;
min-height: 744px;
}
@media only screen and (max-width: 1200px) {
.graphics__content-description {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.graphics__content-description {
min-height: 600px;
}
}
.graphics__content-description--icon {
display: block;
width: 48px !important;
height: auto !important;
margin-bottom: 16px;
}
.graphics__content-description--label {
width: max-content;
font-size: 48px;
font-weight: 600;
line-height: 1.33; display: inline-block;
border-radius: 80px;
}
@media only screen and (max-width: 575px) {
.graphics__content-description--label {
font-size: 28px;
}
}
@media only screen and (max-width: 768px) {
.graphics__content-description--label {
font-size: 36px;
}
}
.graphics__content-graphics {
width: 50%;
}
@media only screen and (max-width: 1200px) {
.graphics__content-graphics {
width: 100%;
}
}
.graphics__content-description--item {
position: absolute;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
background-color: var(--color-blue);
padding: 60px 120px;
color: #fff;
clip-path: inset(0 0 100% 0);
transition: 0.3s linear;
}
@media only screen and (max-width: 1400px) {
.graphics__content-description--item {
padding: 60px;
}
}
@media only screen and (max-width: 1024px) {
.graphics__content-description--item {
padding: 35px 25px;
}
}
.graphics__content-description--item:first-child {
clip-path: inset(0 0 0 0);
}
.graphics__content-description--info {
display: flex;
flex-direction: column;
gap: 24px;
margin: 48px 0 35px;
}
@media only screen and (max-width: 575px) {
.graphics__content-description--info {
margin: 30px 0 25px;
}
}
.graphics__content-description--info-title {
font-size: 56px;
font-weight: 600;
line-height: 1.14;
margin-bottom: 4px;
}
@media only screen and (max-width: 768px) {
.graphics__content-description--info-title {
font-size: 42px;
}
}
@media only screen and (max-width: 575px) {
.graphics__content-description--info-title {
font-size: 32px;
}
}
.graphics__content-description--info-description {
font-size: 16px;
font-weight: 600;
line-height: 1.25;
color: #27383f;
}
.graphics__content-description--info-item {
display: flex;
flex-direction: column;
}
.graphics__content-description--title {
font-size: 48px;
font-weight: 700;
line-height: 1.16;
margin-bottom: 8px;
}
@media only screen and (max-width: 768px) {
.graphics__content-description--title {
font-size: 36px;
}
}
@media only screen and (max-width: 575px) {
.graphics__content-description--title {
font-size: 28px;
}
}
.graphics__content-description--link {
display: flex;
align-items: center;
width: max-content;
margin-top: auto;
}
.link-icon-arrow {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: var(--color-yellow-second);
transition: 0.3s linear;
}
.graphics__content-description--link .link {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 600;
line-height: 1.25;
text-transform: uppercase;
color: currentColor;
}
.graphics__content-description--link:hover .link-icon-arrow,
.graphics__content-description--link:focus .link-icon-arrow {
background-color: #27383f;
}
.graphics__content-description--link:hover .link-icon-arrow path,
.graphics__content-description--link:focus .link-icon-arrow path {
stroke: #fff;
}
.odometer__item-value,
.odometer__text {
color: var(--color-black);
font-weight: 400;
}
.odometer__wrapper {
padding: 140px 0;
}
@media only screen and (max-width: 1200px) {
.odometer__wrapper {
padding: 90px 0;
}
}
@media only screen and (max-width: 768px) {
.odometer__wrapper {
padding: 0 0 60px;
}
}
.odometer__content {
display: flex;
flex-direction: column;
gap: 85px 0;
margin-bottom: 85px;
}
@media only screen and (max-width: 1200px) {
.odometer__content {
gap: 65px 0;
margin-bottom: 65px;
}
}
@media only screen and (max-width: 768px) {
.odometer__content {
gap: 45px 0;
margin-bottom: 45px;
}
}
.odometer__headline {
max-width: 688px;
width: 100%;
}
.odometer__text {
color: #545454;
max-width: 618px;
margin-bottom: 40px;
font-size: 20px;
line-height: 1.3;
font-weight: 600;
}
@media only screen and (max-width: 768px) {
.odometer__text {
font-size: 18px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 575px) {
.odometer__text {
font-size: 16px;
margin-bottom: 30px;
}
}
.odometer__button {
display: flex;
justify-content: start;
}
.odometer__headline .title-regular {
margin-bottom: 24px;
font-weight: 700;
}
@media only screen and (max-width: 1200px) {
.odometer__headline .title-regular {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 768px) {
.odometer__headline .title-regular {
font-size: 54px;
}
}
@media only screen and (max-width: 575px) {
.odometer__headline .title-regular {
font-size: 36px;
}
}
.odometer__list {
display: flex;
gap: 25px 140px;
flex-wrap: wrap;
width: 100%;
}
@media only screen and (max-width: 1200px) {
.odometer__list {
gap: 25px 80px;
}
}
@media only screen and (max-width: 768px) {
.odometer__list {
gap: 25px 45px;
}
}
@media only screen and (max-width: 575px) {
.odometer__list {
gap: 25px;
}
}
.odometer__item-value {
font-size: 90px;
line-height: 0.91;
font-weight: 600;
color: #27383f;
display: flex;
margin-left: -6px;
margin-bottom: 8px;
}
@media only screen and (max-width: 1200px) {
.odometer__item-value {
font-size: 72px;
margin-bottom: 4px;
}
}
@media only screen and (max-width: 768px) {
.odometer__item-value {
font-size: 54px;
margin-bottom: 2px;
}
}
@media only screen and (max-width: 575px) {
.odometer__item-value {
font-size: 42px;
margin-bottom: 0;
}
}
.odometer__item-title {
font-size: 20px;
font-weight: 600;
line-height: 1.3;
text-align: left;
color: #545454;
}
@media only screen and (max-width: 768px) {
.odometer__item-title {
font-size: 18px;
}
}
@media only screen and (max-width: 575px) {
.odometer__item-title {
font-size: 16px;
}
}
.odometer-inside {
display: flex;
align-items: center;
}
.odometer-value {
width: 100%;
}
.odometer__item {
display: flex;
flex-direction: column;
}
.odometer__image {
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: 100vw;
position: relative;
right: 50%;
width: 100vw;
aspect-ratio: 1440 / 700;
overflow: hidden;
object-fit: cover;
}
.section-odometer + .recent-posts {
padding-top: 0;
}
.footer-top {
background-color: var(--color-yellow);
}
.footer-top__wrapper {
padding: 120px 0 125px;
}
.footer-top__title {
max-width: 700px;
margin: 0 auto 32px;
font-size: 72px;
font-weight: 700;
line-height: 1;
text-align: center;
color: var(--color-gray-blue);
}
.footer-top__button {
display: flex;
justify-content: center;
width: max-content;
margin: 0 auto;
}
@media screen and (max-width: 575px) {
.footer-top__button {
width: 100%;
}
}
.footer-bottom {
background-color: #ffd038;
}
.footer-bottom__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
padding: 45px 0;
}
.footer-bottom__right {
display: flex;
align-items: center;
justify-content: right;
}
.footer-bottom__right .link {
transition: opacity 0.3s;
}
.footer-bottom__right .link:hover {
opacity: 0.8;
}
.footer-bottom__right .link:not(:last-child):after {
content: "|";
padding: 0 5px;
}
.footer__wrapper {
display: flex;
justify-content: space-between;
gap: 100px;
padding: 110px 0 65px;
border-top: 1px solid rgba(84, 84, 84, 0.2);
}
.footer {
background-color: var(--color-yellow);
}
.footer__content {
width: 100%;
max-width: 450px;
}
.footer__awards {
margin-top: 32px;
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
gap: 20px;
}
.footer__awards .e-reward {
width: 100%;
}
.footer__awards .e-reward a {
display: flex;
justify-content: center;
align-items: сenter;
width: 100%;
height: 100%;
}
.footer__awards .e-reward img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 575px) {
.footer__content {
max-width: 100%;
}
}
.footer__title {
margin-bottom: 8px;
color: #27383f;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
line-height: 1.25;
}
.footer__form form input,
.footer__text {
line-height: 155%;
font-size: 14px;
font-weight: 400;
}
.footer__text {
line-height: 1.29;
margin-bottom: 32px;
color: rgba(23, 23, 23, 0.57);
max-width: 370px;
}
.footer__form {
margin-bottom: 24px;
}
.footer__menu-block {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 25px;
max-width: 750px;
width: 100%;
}
@media screen and (max-width: 1025px) {
.footer__menu-block {
justify-content: flex-start;
}
}
.footer__form form {
position: relative;
}
.footer__form form input {
font-family: "Proxima Nova", sans-serif;
width: 100%;
height: 64px;
padding: 8px 22px;
background-color: #fff;
border: none;
outline: 0;
border-radius: 80px;
font-size: 16px;
line-height: 1.25;
font-weight: 400;
font-style: normal;
color: #27383f;
}
.footer__form form input::placeholder {
color: #27383f;
}
.footer__form form input[type="submit"] {
position: absolute;
right: 0;
top: 0;
width: max-content;
padding: 15px 36px;
height: 64px;
font-family: "Proxima Nova", sans-serif;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
line-height: 130%;
background-color: #27383f;
color: #fff;
cursor: pointer;
transition: background-color 0.4s ease;
cursor: pointer;
}
@media only screen and (max-width: 575px) {
.footer__form form input[type="submit"] {
position: static;
margin-top: 18px;
width: 100%;
}
}
.footer__form form input[type="submit"]:active,
.footer__form form input[type="submit"]:visited,
.footer__form form input[type="submit"]:hover,
.footer__form form input[type="submit"]:focus {
background-color: #000;
}
.social-list-footer {
gap: 6px;
justify-content: left;
}
@media only screen and (max-width: 575px) {
.social-list-footer {
justify-content: center;
}
}
.social-list-footer .social-list__item a {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
transition: opacity 0.3s;
color: var(--color-gray-blue);
}
.social-list-footer .social-list__item a:hover {
opacity: 0.8;
color: inherit;
}
.footer__navigation ul ul {
position: static;
flex-direction: column;
margin: 0;
}
.footer__menu {
display: flex;
flex-wrap: wrap;
gap: 25px;
}
.footer__contact,
.footer__menu > li {
max-width: 200px;
width: 100%;
color: var(--color-gray-blue);
}
.footer__contact li:first-child,
.footer__menu > li > a {
display: block;
font-size: 16px;
font-weight: 700;
line-height: 120%;
margin-bottom: 20px;
}
.footer__contact li:not(:first-child),
.footer__menu .sub-menu li {
font-size: 14px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 20px;
}
.footer__contact li a,
.footer__menu li a {
transition: color 0.3s;
}
.footer__contact li a:hover,
.footer__menu li a:hover {
color: rgba(0, 0, 0, 0.43);
}
.footer__navigation {
max-width: 425px;
width: 100%;
}
.footer-bottom__wrapper {
color: var(--color-gray-blue);
font-size: 14px;
font-weight: 400;
line-height: 1.2;
}
.footer .social-list {
margin-top: -15px;
}
.footer__form form input[type="submit"]:hover {
background-color: #232323;
}
.footer .wpcf7-not-valid-tip {
display: none;
}
.wpcf7-response-output {
margin: 1em 0.5em;
}
.blue-donate__title {
font-weight: 500;
}
.blue-donate {
background-color: var(--color-blue);
background-size: cover;
background-position: 100% 40%;
padding: 180px 0 145px;
}
@media only screen and (max-width: 1200px) {
.blue-donate {
padding: 150px 0 110px;
background-position: 0 100%;
}
}
@media only screen and (max-width: 575px) {
.blue-donate {
padding: 140px 0 90px;
background-position: 16% 100%;
}
}
.blue-donate__title {
max-width: 602px;
margin: 0 0 42px;
font-size: 48px;
font-weight: 700;
line-height: 1.17;
color: #27383f;
}
@media only screen and (max-width: 1200px) {
.blue-donate__title {
font-size: 42px;
margin: 0 0 35px;
}
}
@media only screen and (max-width: 768px) {
.blue-donate__title {
font-size: 36px;
margin: 0 0 30px;
}
}
@media only screen and (max-width: 575px) {
.blue-donate__title {
font-size: 28px;
}
}
.testimonial {
padding: 140px 0;
}
@media only screen and (max-width: 1200px) {
.testimonial {
padding: 110px 0;
}
}
@media only screen and (max-width: 768px) {
.testimonial {
padding: 90px 0;
}
}
@media only screen and (max-width: 575px) {
.testimonial {
padding: 70px 0;
}
}
.testimonial__wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 55px 24px;
max-width: 1080px;
margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
.testimonial__wrapper {
gap: 55px 16px;
max-width: 100%;
}
}
.testimonial__image {
flex: 1;
}
@media only screen and (max-width: 991px) {
.testimonial__image {
display: none;
}
}
.testimonial__image img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center center;
}
.testimonial__content {
width: 100%;
max-width: 637px;
padding: 64px;
background-color: #f6f6f6;
background-image: url(//unitedhelpukraine.org/wp-content/themes/uhu/images/svg/quote2.svg);
background-position: right 40px top 40px;
background-size: 82px 67px;
background-repeat: no-repeat;
color: #27383f;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 1200px) {
.testimonial__content {
max-width: 540px;
padding: 48px 36px;
background-position: right 26px top 26px;
background-size: 54px 44px;
}
}
@media only screen and (max-width: 991px) {
.testimonial__content {
max-width: 100%;
padding: 32px;
background-position: right 32px top 32px;
background-size: 54px 44px;
}
}
@media only screen and (max-width: 575px) {
.testimonial__content {
max-width: 100%;
padding: 20px;
background-position: right 20px top 20px;
background-size: 54px 44px;
}
}
.testimonial__content-top-mobile {
display: none;
margin-bottom: 45px;
}
@media only screen and (max-width: 991px) {
.testimonial__content-top-mobile {
display: block;
}
}
.testimonial__image-mobile {
width: 54px;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 50%;
margin-bottom: 12px;
}
.testimonial__image-mobile img {
display: flex;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center center;
}
.testimonial__title {
margin-bottom: 18px;
max-width: 433px;
font-size: 32px;
font-weight: 700;
line-height: 1.125;
}
@media only screen and (max-width: 768px) {
.testimonial__title {
font-size: 26px;
margin-bottom: 12px;
}
}
@media only screen and (max-width: 575px) {
.testimonial__title {
font-size: 20px;
}
}
.testimonial__text {
margin-bottom: 96px;
font-size: 16px;
font-weight: 400;
line-height: 1.25;
color: #545454;
}
@media only screen and (max-width: 1200px) {
.testimonial__text {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 991px) {
.testimonial__text {
margin-bottom: 25px;
}
}
.testimonial__author {
margin-top: auto;
}
.testimonial__author,
.testimonial__author-mobile {
margin-bottom: 4px;
font-size: 20px;
font-weight: 600;
line-height: 1.3;
}
.testimonial__post,
.testimonial__post-mobile {
font-size: 16px;
line-height: 1.25;
font-weight: 600;
color: #545454;
}
@media only screen and (max-width: 768px) {
.testimonial__author,
.testimonial__author-mobile {
font-size: 16px;
}
.testimonial__post,
.testimonial__post-mobile {
font-size: 14px;
}
}
@media only screen and (max-width: 991px) {
.testimonial__author,
.testimonial__post {
display: none;
}
}
.cards{margin-bottom:120px}.cards__wrapper{display:flex;flex-wrap:wrap;gap:35px}.cards__card{display:flex;flex-direction:column;width:calc(33.3% - 35px);flex:1 0 calc(33.3% - 35px);padding:50px;min-height:460px;color:var(--color-black)}.cards__card:nth-child(3n+1){background-color:var(--color-yellow)}.cards__card:nth-child(n+2){background-color:var(--color-light-yellow)}.cards__card:nth-child(3n+3){background-color:var(--color-light-blue)}.cards__card-icon{width:80px;height:80px;margin-bottom:40px}.cards__card-title{margin-bottom:15px;font-family:e-Ukraine;font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:135%}.cards__card-text{margin-bottom:30px;font-family:'Red Hat Text';font-size:18px;font-weight:400;line-height:155%}.cards__card-link{display:flex;align-items:center;gap:10px;margin-top:auto;font-family:e-Ukraine;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.3px}.cards__card-link:hover .cards__card-link-icon circle{fill:#000}.cards__card-link:hover .cards__card-link-icon path{stroke:#fff}.cards__card-link-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}
.shop {
padding: 140px 0;
}
@media only screen and (max-width: 1200px) {
.shop {
padding: 110px 0;
}
}
@media only screen and (max-width: 768px) {
.shop {
padding: 90px 0;
}
}
@media only screen and (max-width: 575px) {
.shop {
padding: 70px 0;
}
}
.shop__title {
margin-bottom: 64px;
font-weight: 700 !important;
text-align: center;
}
@media only screen and (max-width: 1200px) {
.shop__title {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 768px) {
.shop__title {
font-size: 54px !important;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 575px) {
.shop__title {
font-size: 36px !important;
margin-bottom: 25px;
}
}
.shop__items {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 35px 24px;
}
@media only screen and (max-width: 1200px) {
.shop__items {
max-width: 900px;
gap: 35px;
margin: 0 auto;
}
}
@media only screen and (max-width: 575px) {
.shop__items {
max-width: 700px;
margin: 0 auto;
}
}
.shop__item {
width: calc(25% - 18px);
color: #27383f;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 1200px) {
.shop__item {
width: calc(50% - 19px);
}
}
@media only screen and (max-width: 575px) {
.shop__item {
width: 100%;
}
}
.shop__item--image {
background-color: #f6f6f6;
overflow: hidden;
width: 100%;
aspect-ratio: 312 / 320;
margin-bottom: 20px;
}
.shop__item--image img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center center;
}
.shop__item--content {
flex: 1;
display: flex;
flex-direction: column;
row-gap: 32px;
}
@media only screen and (max-width: 575px) {
.shop__item--content {
row-gap: 20px;
}
}
.shop__item--brand {
font-size: 12px;
line-height: 1.33;
font-weight: 700;
color: #3593ff;
margin-bottom: 4px;
text-transform: uppercase;
}
.shop__item--name {
font-size: 18px;
line-height: 1.33;
font-weight: 700;
margin-bottom: 16px;
}
.shop__item--sizes {
font-size: 12px;
line-height: 1.33;
font-weight: 700;
}
.shop__item--content-footer {
margin-top: auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
}
@media only screen and (max-width: 575px) {
.shop__item--content-footer {
gap: 6px;
}
}
.shop__item--price {
font-size: 24px;
line-height: 1.1;
font-weight: 700;
}
@media only screen and (max-width: 768px) {
.shop__item--price {
font-size: 20px;
}
}
.events-list {
margin-bottom: 120px;
}
.events-list__wrapper {
display: flex;
flex-direction: column;
}
.events-list__title {
margin-bottom: 10px;
text-align: center;
}
.events-list__link {
display: flex;
align-items: center;
align-self: center;
gap: 10px;
margin-bottom: 60px;
text-transform: uppercase;
}
.events-list__link:hover .events-list__link-icon circle {
fill: #000;
}
.events-list__link:hover .events-list__link-icon path {
stroke: #fff;
}
.events-list__link-title {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.3px;
}
.events-list__link-icon {
width: 24px;
height: 24px;
}
.events-list__item {
display: flex;
gap: 50px;
padding: 48px 0 56px;
border-bottom: 1px solid #ccc;
}
.events-list__item:first-child {
padding-top: 30px;
}
.events-list__item-image {
width: 100%;
max-width: 270px;
height: 190px;
overflow: hidden;
}
.events-list__item-image img {
transition: transform 0.5s;
transform: scale3d(1, 1, 1);
}
.events-list__item-image:hover img {
transform: scale3d(1.1, 1.1, 1);
}
.events-list__item-date {
display: flex;
align-items: center;
gap: 4px;
width: max-content;
height: 25px;
margin-bottom: 10px;
color: var(--color-blue);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.events-list__item-title {
display: block;
margin-bottom: 20px;
font-size: 32px;
font-weight: 700;
line-height: 1.125;
color: var(--color-gray-blue);
}
.events-list__item-title:hover {
color: currentColor;
}
.events-list__item-title--icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background-color: var(--color-yellow);
transform: translateY(-2px);
}
.events-list__item-title--icon svg {
width: 20px;
height: 20px;
stroke: var(--color-dark-blue);
}
.events-list__item-text {
max-width: 27%;
margin-left: auto;
font-size: 16px;
font-weight: 400;
color: #545454;
line-height: 155%;
padding-top: 36px;
}
.events-list__item-info {
max-width: 40%;
}
.events-list__item-link.mobile {
display: none;
}
.events-list__item-link-title {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
.events-list__item-link-icon {
width: 24px;
height: 24px;
}
@media screen and (max-width: 1025px) {
.events-list__item-text {
padding-top: 0;
}
}
.copy-block__title {
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 1.17;
margin: 0 0 16px;
color: #27383f;
}
@media only screen and (max-width: 991px) {
.copy-block__title {
font-size: 36px;
}
}
@media only screen and (max-width: 768px) {
.copy-block__title {
font-size: 32px;
}
}
@media only screen and (max-width: 575px) {
.copy-block__title {
font-size: 26px;
}
}
.copy-block {
padding: 140px 0;
}
.donation-text + .copy-block {
margin-top: calc(-140px - 140px + 104px);
}
@media only screen and (max-width: 1200px) {
.copy-block {
padding: 110px 0;
}
.donation-text + .copy-block {
margin-top: calc(-110px - 110px + 90px);
}
}
@media only screen and (max-width: 991px) {
.copy-block {
padding: 90px 0;
}
.donation-text + .copy-block {
margin-top: calc(-90px - 90px + 70px);
}
}
@media only screen and (max-width: 575px) {
.copy-block {
padding: 70px 0;
}
.donation-text + .copy-block {
margin-top: calc(-70px - 70px + 55px);
}
}
.copy-block__wrapper {
display: flex;
align-items: center;
gap: 55px 120px;
padding: 0 40px;
margin: 0 auto;
}
@media only screen and (max-width: 1400px) {
.copy-block__wrapper {
padding: 0;
}
}
@media only screen and (max-width: 1200px) {
.copy-block__wrapper {
gap: 45px;
}
}
@media only screen and (max-width: 1024px) {
.copy-block__wrapper {
flex-direction: column-reverse;
align-items: flex-start;
}
}
@media only screen and (max-width: 768px) {
.copy-block__wrapper {
gap: 35px 0;
}
}
.copy-block__content {
position: relative;
flex: 1;
padding: 80px 56px;
color: #27383f;
background-color: #e1efff;
display: flex;
flex-direction: column;
row-gap: 36px;
}
@media only screen and (max-width: 1200px) {
.copy-block__content {
padding: 64px 36px;
}
}
@media only screen and (max-width: 1024px) {
.copy-block__content {
flex: unset;
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 768px) {
.copy-block__content {
padding: 58px 15px 58px 20px;
}
}
@media only screen and (max-width: 575px) {
.copy-block__content {
row-gap: 25px;
}
}
.copy-block__copy-all {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
background-color: #fff;
border-radius: 50%;
}
@media only screen and (max-width: 575px) {
.copy-block__copy-all {
right: 15px;
top: 15px;
}
}
.copy-block__content-icon {
cursor: pointer;
width: 16px;
}
.copy-block__content-icon svg {
display: block;
width: 100% !important;
height: auto !important;
}
.copy-block__content-icon svg path,
.copy-block__copy-all svg path {
stroke: #3593ff;
transition: stroke 0.4s ease;
}
.copy-block__content-icon:hover svg path,
.copy-block__copy-all:hover svg path {
stroke: #27383f;
}
.copy-block__text-wrapper {
width: 100%;
max-width: 560px;
}
@media only screen and (max-width: 991px) {
.copy-block__text-wrapper {
max-width: 100%;
}
}
.copy-block__content-text {
display: flex;
align-items: center;
column-gap: 6px;
font-size: 20px;
line-height: 1.2;
font-weight: 700;
}
@media only screen and (max-width: 1200px) {
.copy-block__content-text {
font-size: 18px;
}
}
@media only screen and (max-width: 575px) {
.copy-block__content-text {
font-size: 16px;
}
}
.copy-block__text {
font-size: 18px;
line-height: 1.33;
color: #545454;
max-width: 465px;
}
@media only screen and (max-width: 991px) {
.copy-block__text {
max-width: 100%;
}
}
@media only screen and (max-width: 575px) {
.copy-block__text {
font-size: 16px;
}
}
.copy-block__text p:not(:last-child) {
margin: 0 0 1em;
}
.big-image-block{margin-bottom:120px}.big-image-block__wrapper{max-width:1090px;margin:0 auto}.big-image-block__title{margin:0 auto 48px;max-width:620px;text-align:center}.big-image-block__image{height:520px;margin-bottom:50px}.big-image-block__content{display:flex;gap:70px}.big-image-block__text{flex:1 1 auto;max-width:650px;font-family:'Red Hat Text';font-size:20px;font-weight:400;line-height:155%;color:var(--color-dark-gray)}.big-image-block__links{display:flex;flex:1 0 auto;justify-content:flex-end;gap:12px}.big-image-block__link{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;color:var(--color-blue);background-color:var(--color-light-blue);font-family:e-Ukraine;font-size:14px;font-weight:500;padding:18px 22px;letter-spacing:.3px;text-transform:uppercase}.big-image-block__link.yellow{background-color:var(--color-yellow);color:var(--color-black);transition:background-color .5s}.big-image-block__link.yellow:hover{background-color:#ffe15e}.big-image-block__link-icon{width:14px;height:12px}.big-image-block__link-icon svg{display:block;width:100%;height:100%}.big-image-block__link-icon svg path{fill:var(--color-blue)}.page-id-788 .big-image-block{margin-bottom:50px}.page-id-788 .big-image-block__image{height:550px;width:1095px}
.recent-event {
padding: 135px 0 140px;
}
.recent-event__title {
text-align: center;
margin-bottom: 20px;
margin-top: 0;
}
.recent-event__text {
font-size: 20px;
line-height: 1.3;
max-width: 560px;
font-weight: 600;
margin: 0 auto 65px;
color: var(--color-gray-dark);
text-align: center;
}
.recent-event__event {
display: flex;
align-items: center;
margin: 0 auto;
gap: 88px;
background-color: #f6f6f6;
padding-right: 40px;
}
.recent-event__event-img {
width: 100%;
max-width: 660px;
height: 520px;
overflow: hidden;
}
.recent-event__event-img img {
transform: scale3d(1, 1, 1);
transition: transform 0.5s;
}
.recent-event__event-img:hover img {
transform: scale3d(1.1, 1.1, 1);
}
.recent-event__event-tags {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 12px;
}
.recent-event__event-date,
.recent-event__event-new {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.recent-event__event-new {
justify-content: center;
color: #e6501e;
}
.recent-event__event-date {
color: var(--color-blue);
}
.events__title,
.recent-event__event-title {
color: var(--color-gray-blue);
}
.recent-event__event-title {
display: block;
font-size: 48px;
font-weight: 700;
margin-bottom: 32px;
line-height: 1.16;
}
.recent-event__event-title:hover {
color: currentColor;
}
.recent-event__event-link-icon {
width: 25px;
height: 25px;
}
.events__title {
font-size: 48px;
font-weight: 700;
}
.events-panel {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.events-filter-date {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 15px 22px;
margin-left: auto;
width: 674px;
}
.events-filter-date .select2-container {
width: 210px !important;
}
.page-template-template-events .select2-dropdown,
.page-template-template-reports .select2-dropdown {
z-index: 1;
}
@media only screen and (max-width: 991px) {
.events .events-panel,
.events .events-list {
max-width: 100%;
}
.events__title {
margin-bottom: 32px;
}
.events-panel {
flex-wrap: wrap;
}
.events-filter-date {
width: 100%;
gap: 15px;
margin-bottom: 0 !important;
}
.events-filter-date .select2-container {
flex: 1;
width: 100% !important;
}
.events-search {
width: 100%;
margin-left: 0 !important;
margin-top: 15px;
}
.events-search .events-search__input {
width: 100% !important;
}
}
.events-filter-date .custom-select {
padding: 0 22px;
height: 48px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: url(//unitedhelpukraine.org/wp-content/themes/uhu/images/svg/select-arrow.svg) right 24px center
no-repeat;
width: 210px;
}
.events-search {
display: flex;
position: relative;
height: 48px;
margin-left: 22px;
}
.events-search .events-search__input {
padding: 0 45px 0 20px;
border: none;
background-color: #f6f6f6;
width: 210px;
font-size: 14px;
}
.events-search .events-search__input:focus {
border: 1px solid var(--color-blue);
}
.events-search .events-search__input:focus + .events-search__btn svg path {
stroke: var(--color-blue);
}
.events-search__btn {
position: absolute;
top: 50%;
right: 23px;
transform: translateY(-50%);
border: none;
padding: 0;
}
.select2-container {
height: 48px;
width: 100% !important;
}
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open.select2-container--focus {
border: 1px solid #eaeaea;
}
.select2-selection__rendered {
display: flex !important;
font-size: 14px;
align-items: center;
}
.select2-container--default .select2-selection--single {
display: flex !important;
align-items: center;
height: 100% !important;
border-radius: unset !important;
border: none !important;
background-color: #f6f6f6 !important;
}
.select2-dropdown {
top: 10px !important;
border: none !important;
}
.select2-results__options {
background-color: #f6f6f6 !important;
}
.select2-container--default .select2-results > .select2-results__options {
padding: 10px;
}
.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
background-color: #ccc !important;
color: #27383f !important;
}
.select2-results__option--selectable {
font-size: 14px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 20px !important;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
top: 50% !important;
transform: translateY(-50%);
right: 20px !important;
background-image: url(//unitedhelpukraine.org/wp-content/themes/uhu/images/svg/select-arrow.svg);
background-repeat: no-repeat;
background-size: 70%;
width: 15px !important;
height: 15px !important;
background-position: center;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
display: none !important;
}
.pagination {
margin-bottom: 120px;
}
.pagination .pagination__list {
display: flex;
justify-content: center;
align-items: center;
color: var(--color-gray-blue);
font-size: 15px;
font-weight: 600;
}
.pagination .pagination__list .page-numbers.next:hover svg {
transform: translateX(5px);
}
.pagination .pagination__list .page-numbers.prev:hover svg {
transform: translateX(-5px) rotate(180deg);
}
.pagination .pagination__list .page-numbers svg {
flex: 1 0 auto;
transition: transform 0.5s;
}
.pagination .pagination__list .page-numbers:first-child svg {
transform: rotate(180deg);
}
.pagination .pagination__list .page-numbers.current {
background-color: #f6f6f6;
border-radius: 50%;
}
.pagination .pagination__list .page-numbers:not(.next) {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
}
.pagination .pagination__list .page-numbers {
outline: 0;
display: flex;
align-items: center;
gap: 5px;
}
.alm-load-more-btn,
.pagination .pagination__list .page-numbers.disabled {
display: none;
}
.events {
margin-bottom: 65px;
}
.events .events-list {
margin-bottom: 0;
}
.events-nothing {
margin: 100px 0 100px;
text-align: center;
}
@media screen and (max-width: 1025px) {
.recent-event__event {
padding-right: 0;
}
.recent-event__event-img {
max-width: 100%;
height: 320px;
}
.pagination {
margin-bottom: 60px !important;
}
.recent-event__event-info {
padding-left: 20px;
padding-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.recent-event__title.title-regular {
font-weight: 700;
font-size: 54px;
}
.events-nothing__title {
font-size: 30px !important;
font-weight: 700 !important;
}
}
@media screen and (max-width: 575px) {
.recent-event__title.title-regular {
font-weight: 700;
font-size: 36px;
}
}
.event-recent-posts__last-img img,
.event-recent-posts__post-img img {
transform: scale3d(1, 1, 1);
transition: transform 0.5s;
}
.event-recent-posts__last-img:hover img,
.event-recent-posts__post-img:hover img {
transform: scale3d(1.1, 1.1, 1);
}
.event-recent-posts__last-title:hover,
.event-recent-posts__post-title:hover {
color: currentColor;
}
.single-event {
padding: 135px 0 48px;
}
.responsive-iframe {
margin: 16px auto;
position: relative;
width: 100%;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.responsive-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.single-event__link {
background-color: var(--color-blue);
padding: 17px 33px;
transition: background-color 0.5s;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: max-content;
height: 64px;
}
.single-event__tags {
display: flex;
gap: 10px;
margin-bottom: 10px;
} .single-event__tags .recent-event__event-date {
background-color: unset;
}
.single-event__link:hover,
.single-event__subscribe .field-wrapper input[type="submit"]:hover {
background-color: #ffd650;
}
.single-event__title {
font-size: 72px;
line-height: 1;
margin-bottom: 48px;
max-width: 1000px;
}
.single-event__images {
display: flex;
gap: 24px;
width: 100%;
max-width: calc(70% - 55px);
height: 600px;
margin-top: 65px;
}
.single-event__image {
width: 100%;
max-width: 100%;
}
.single-event__image>img {
display: block;
}
.single-event__link-icon {
width: 24px;
height: 24px;
}
.single-event__link-icon svg {
display: block;
width: 100%;
height: 100%;
}
.single-event__link-title {
color: var(--color-gray-blue);
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
}
.single-event__content {
padding: 48px 0 140px;
}
.single-event__content h2 {
font-size: 32px;
font-weight: 700;
margin-bottom: 16px;
color: var(--color-gray-blue);
}
.single-event__content h3 {
margin-bottom: 22px;
font-size: 24px;
color: var(--color-gray-blue);
font-weight: 700;
}
.single-event__content p,
.single-event__content ul {
font-size: 18px;
color: #545454;
}
.single-event__content p {
font-weight: 400;
line-height: 155%;
}
.single-event__content ul li {
margin-bottom: 15px;
padding-left: 10px;
}
.single-event__content ul li:last-child {
margin-bottom: 25px;
}
.single-event__content ul li:before {
content: "";
width: 7px;
height: 7px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
margin-right: 13px;
background-color: var(--color-blue);
}
.single-event__slider {
position: relative;
margin: 45px 0 40px;
}
.single-event__slider-navigation {
position: absolute;
z-index: 1;
right: 20px;
top: 20px;
display: flex;
gap: 10px;
}
.single-event__slider-navigation .nav-btn {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.35);
cursor: pointer;
}
.single-event__share-socials .share::before {
display: none;
}
.single-event__subscribe-wrapper .wpcf7-not-valid-tip {
font-size: 14px;
font-weight: 700;
color: #e6501e;
padding-left: 10px;
display: none;
}
.single-event__slider-navigation .nav-btn svg path {
stroke: #fff;
}
.single-event__slider-navigation .nav-btn:hover svg rect {
fill: #fff;
}
.single-event__slider-navigation .nav-btn:hover svg path {
stroke: #000;
}
.single-event__slider-navigation svg rect {
fill: transparent;
}
.single-event__slider-navigation .nav-prev {
transform: rotate(180deg);
}
.single-event__slider-pagination {
display: flex;
justify-content: center;
margin-top: 20px;
}
.single-event__slider-slide {
height: 455px;
}
.single-event__content-wrapper {
display: flex;
align-items: flex-start;
gap: 110px;
}
.single-event__content-content {
flex: 1 0 calc(70% - 110px);
width: calc(70% - 110px);
}
.single-event__subscribe {
flex: 1 0 calc(30% - 110px);
width: calc(30% - 110px);
}
.single-event__subscribe-wrapper {
background-color: #fffbed;
padding: 40px;
margin-bottom: 20px;
}
.single-event__subscribe-title {
font-size: 24px;
font-weight: 700;
color: var(--color-gray-blue);
margin-bottom: 32px;
max-width: 160px;
}
.single-event__subscribe-title p {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
color: var(--color-black);
margin-bottom: 25px;
text-align: center;
}
.single-event__subscribe .field-wrapper input {
width: 100%;
border: 1px solid #ccc;
background-color: transparent;
border-radius: 500px;
height: 56px;
padding: 0 20px;
font-family: inherit;
color: #27383f;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.single-event__subscribe .field-wrapper input::placeholder {
color: #27383f;
}
.single-event__subscribe .field-wrapper input.wpcf7-not-valid {
border-color: #e6501e;
}
.single-event__subscribe .field-wrapper input:focus {
border-color: #3593ff;
}
.single-event__subscribe .field-wrapper input[type="submit"] {
color: var(--color-gray-blue);
text-transform: uppercase;
margin-top: 25px;
height: 56px;
cursor: pointer;
font-family: inherit;
font-size: 16px;
border: none;
background-color: #ffc300;
}
.single-event__share-title {
font-size: 14px;
font-weight: 700;
line-height: 18px;
text-transform: uppercase;
margin-bottom: 16px;
text-align: center;
}
.event-recent-posts__last-title,
.event-recent-posts__title {
font-weight: 700;
color: var(--color-gray-blue);
}
.single-event__share-socials {
display: flex;
justify-content: center;
gap: 10px;
}
.single-event__share-socials .share {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #f3f3f3;
border-radius: 50%;
transition: background-color 0.5s;
padding: 0;
}
.single-event__share-socials .share a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.single-event__share-socials .share svg {
width: 14px;
height: 14px;
}
.single-event__share-socials .share svg path {
transition: fill 0.5s;
fill: #545454;
}
.single-event__share-socials .share:hover {
background-color: #ededed;
}
.event-recent-posts__title {
font-size: 48px;
margin-bottom: 50px;
}
.event-recent-posts__posts {
display: flex;
gap: 130px;
}
.event-recent-posts__last {
width: 100%;
max-width: 440px;
}
.event-recent-posts__last-img {
display: block;
width: 440px;
height: 250px;
margin-bottom: 25px;
overflow: hidden;
}
.event-recent-posts__last .recent-event__event-date,
.event-recent-posts__post-info .recent-event__event-date {
margin-bottom: 10px;
}
.event-recent-posts__last-title {
font-size: 20px;
line-height: 145%;
margin-bottom: 15px;
}
.event-recent-posts__last-text {
font-size: 16px;
font-weight: 400;
line-height: 155%;
color: #545454;
margin-bottom: 15px;
}
.event-recent-posts__other .event-recent-posts__post {
display: flex;
gap: 60px;
border-bottom: 1px solid #ccc;
padding: 40px 0;
}
.event-recent-posts__other .event-recent-posts__post:first-child {
padding-top: 0;
}
.event-recent-posts__post-img {
width: 180px;
height: 125px;
overflow: hidden;
flex: 0 0 auto;
}
.event-recent-posts__post-title {
display: block;
font-size: 20px;
font-weight: 700;
color: var(--color-gray-blue);
margin-bottom: 15px;
}
.event-recent-posts {
padding: 120px 0;
background-color: #f6f6f6;
}
.event-recent-posts__post-text {
font-size: 14px;
font-weight: 400;
line-height: 155%;
color: var(--color-dark-gray);
display: none;
}
.single-event--controls__inner {
display: flex;
justify-content: space-between;
position: absolute;
bottom: 24px !important;
left: 50% !important;
transform: translateX(-50%);
z-index: 1;
width: 100%;
padding: 0 20px;
}
.single-event--arrow {
width: 44px;
height: 44px;
aspect-ratio: 1 / 1;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
border: solid 2px rgba(255, 255, 255, 0.35);
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.4s ease, border-color 0.4s ease;
cursor: pointer;
}
.single-event--arrow:hover,
.single-event--arrow:focus {
background-color: white;
border-color: white;
}
.single-event--arrow svg {
width: 24px;
height: 24px;
}
.single-event--arrow:hover svg path,
.single-event--arrow:focus svg path {
stroke: #27383f;
}
.single-event__slider-pagination {
width: fit-content !important;
max-width: 100%;
padding: 12px 16px;
background-color: rgba(39, 56, 63, 0.6);
border-radius: 46px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 7px;
}
.single-event__slider-pagination .swiper-pagination-bullet {
display: block;
margin: 0 !important;
width: 8px !important;
height: 8px !important;
opacity: 1 !important;
background-color: #fff6da;
transition: background-color 0.4s ease, opacity 0.4s ease;
}
.single-event__slider-pagination .swiper-pagination-bullet-active {
background-color: #ffc300;
}
.single-event__text .jetpack-video-wrapper {
margin: 16px auto;
position: relative;
width: 100%;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.single-event__text .jetpack-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
@media screen and (max-width: 1024px) {
.single-event__images {
max-width: 800px;
margin: 0 auto;
height: auto;
}
.event-recent-posts {
padding: 60px 0;
}
.single-event {
padding: 60px 0 0;
}
.single-event__title.title-regular {
font-size: 64px;
font-weight: 700;
}
.single-event__image,
.single-event__image2 {
max-width: 100%;
height: 400px;
}
}
@media screen and (max-width: 768px) {
.single-event__title.title-regular {
font-size: 44px;
}
}
@media screen and (max-width: 575px) {
.single-event__images {
flex-direction: column;
margin-bottom: -35px;
}
.single-event__image,
.single-event__image2 {
height: 300px;
}
}
.reports {
padding: 120px 0;
}
.reports__list {
max-width: 1073px;
margin: 0 auto;
}
.reports__title {
font-size: 48px;
font-weight: 700;
max-width: 600px;
color: #27383f;
margin: 0 auto 64px;
text-align: center;
line-height: 1.17;
}
.reports__table-link-title,
.reports__table-name,
.reports__table-year {
font-size: 16px;
font-weight: 400;
}
.reports__table-head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 32px;
background-color: var(--color-blue);
}
.reports__table:not(:last-child) {
margin-bottom: 120px;
}
.reports__table-head span {
font-size: 14px;
line-height: 1.29;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.reports__table-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 29px 30px;
border-bottom: 1px solid #dfdfdf;
transition: background-color 0.5s;
}
.reports__table-link.mobile {
display: none;
}
.reports__table-year {
background-color: #f6f6f6;
padding: 6px 12px;
color: #171717;
font-size: 16px;
line-height: 1.25;
width: 58px;
text-align: center;
transition: background-color 0.5s, color 0.5s;
}
.reports__table-name {
font-size: 16px;
line-height: 1.25;
font-weight: 600;
color: #27383f;
flex: 0 0 320px;
}
.reports__table-link {
display: flex;
align-items: center;
gap: 10px;
}
.reports__table-link.desktop {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s, visibility 0.5s;
}
.reports__table-link.desktop span {
transition: opacity 0.4s ease;
}
.reports__table-row:hover .reports__table-link.desktop {
opacity: 1;
visibility: visible;
}
.reports__table-link.desktop:hover span,
.reports__table-link.desktop:focus span {
opacity: 0.85;
}
.reports__table-row:hover {
background-color: #e1efff;
border-color: #e1efff;
}
.reports__table-row:hover .reports__table-year {
background-color: white;
color: #3593ff;
}
.reports__table-link-icon {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding-left: 1px;
background-color: #3593ff;
border-radius: 50%;
}
.reports__table-link-icon svg {
display: block;
width: 21px !important;
height: auto !important;
}
.reports__table-link-title {
font-size: 16px;
line-height: 1.25;
font-weight: 600;
color: #3593ff;
}
.team-pagination__block:not(.active),
.team-pagination__pagination-next.hide,
.team-pagination__pagination-prev.hide {
display: none;
}
.team-pagination {
padding: 140px 0;
}
@media only screen and (max-width: 1200px) {
.team-pagination {
padding: 110px 0;
}
}
@media only screen and (max-width: 768px) {
.team-pagination {
padding: 60px 0;
}
}
.team-pagination__title {
text-align: center;
margin-bottom: 24px;
font-weight: 700 !important;
color: #171717;
}
@media only screen and (max-width: 1200px) {
.team-pagination__title {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 768px) {
.team-pagination__title {
font-size: 54px !important;
}
}
@media only screen and (max-width: 575px) {
.team-pagination__title {
font-size: 36px !important;
margin-bottom: 15px;
}
}
.team-pagination__text {
font-size: 20px;
line-height: 1.3;
font-weight: 600;
text-align: center;
color: #545454;
max-width: 620px;
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.team-pagination__text {
font-size: 18px;
}
}
@media only screen and (max-width: 575px) {
.team-pagination__text {
font-size: 16px;
}
}
.team-pagination__block-wrapper {
margin-top: 64px;
}
@media only screen and (max-width: 991px) {
.team-pagination__block-wrapper {
margin-top: 50px;
}
}
@media only screen and (max-width: 768px) {
.team-pagination__block-wrapper {
margin-top: 45px;
}
}
@media only screen and (max-width: 575px) {
.team-pagination__block-wrapper {
margin-top: 35px;
}
}
.team-pagination__block {
display: flex;
justify-content: center;
gap: 40px 20px;
flex-wrap: wrap;
}
.team-pagination__block-item {
width: calc(25% - 15px);
position: relative;
}
.swiper-slide .team-pagination__block-item {
width: 100%;
position: relative;
}
@media only screen and (max-width: 991px) {
.team-pagination__block {
gap: 35px 15px;
}
.team-pagination__block-item {
width: calc(33.33333333% - 10px);
}
}
@media only screen and (max-width: 768px) {
.team-pagination__block {
gap: 35px 14px;
}
.team-pagination__block-item {
width: calc(50% - 7px);
}
}
@media only screen and (max-width: 575px) {
.team-pagination__block-item {
width: 100%;
}
}
.team-pagination__block-item-image {
width: 100%;
aspect-ratio: 312 / 400;
margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
.team-pagination__block-item-image {
margin-bottom: 15px;
}
}
.team-pagination__block-item-name {
font-size: 20px;
line-height: 1.2;
font-weight: 700;
color: var(--color-gray-blue);
margin-bottom: 4px;
}
@media only screen and (max-width: 991px) {
.team-pagination__block-item-name {
font-size: 18px;
margin-bottom: 2px;
}
}
@media only screen and (max-width: 575px) {
.team-pagination__block-item-name {
font-size: 16px;
}
}
.team-pagination__block-item-post {
font-size: 14px;
line-height: 1.29;
font-weight: 700;
color: #545454;
}
.team-pagination__block-item-link {
position: absolute;
width: 40px;
height: 40px;
right: 20px;
top: 20px;
opacity: 1;
visibility: visible;
transition: transform 0.4s ease;
}
.team-pagination__block-item-link svg {
width: 100%;
height: 100%;
display: block;
}
.team-pagination__block-item-link:hover,
.team-pagination__block-item-link:focus {
transform: scale(1.05);
}
.team-pagination__pagination {
display: flex;
align-items: center;
justify-content: center;
margin-top: 64px;
}
.team-pagination__pagination svg {
transition: transform 0.4s ease;
}
.team-pagination__pagination-prev svg {
transform: rotate(180deg);
}
.team-pagination__pagination-item {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 15px;
line-height: 1;
color: #27383f;
font-weight: 600;
}
.team-pagination__pagination-next,
.team-pagination__pagination-prev {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
cursor: pointer;
font-size: 15px;
line-height: 1;
color: #27383f;
font-weight: 600;
}
.team-pagination__pagination-prev {
margin-right: 30px;
}
.team-pagination__pagination-next {
margin-left: 30px;
}
.team-pagination__pagination-next:hover svg {
transform: translateX(5px);
}
.team-pagination__pagination-prev:hover svg {
transform: rotate(180deg) translateX(5px);
}
.team-pagination__pagination-item.active {
background-color: #f6f6f6;
border-radius: 50%;
}
.team-pagination__swiper {
padding-bottom: 56px;
}
.team-pagination__swiper-pagination {
position: absolute;
bottom: 0px !important;
left: 50% !important;
transform: translateX(-50%);
width: fit-content !important;
max-width: 100%;
padding: 12px 16px;
background-color: rgba(39, 56, 63, 0.6);
border-radius: 46px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 7px;
z-index: 1;
}
.team-pagination__swiper-pagination span.swiper-pagination-bullet {
display: block;
margin: 0 !important;
width: 8px !important;
height: 8px !important;
opacity: 1 !important;
background-color: #FFF6DA;
transition: background-color 0.4s ease, opacity 0.4s ease;
}
.team-pagination__swiper-pagination span.swiper-pagination-bullet-active {
background-color: #FFC300;
cursor: auto;
}
.team-pagination__swiper-prev::after ,
.team-pagination__swiper-next::after {
display: none;
}
.team-pagination__swiper-prev,
.team-pagination__swiper-next {
top: 40%;
width: 64px;
height: 64px;
aspect-ratio: 1 / 1;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
border: solid 2px rgba(255, 255, 255, 0.35);
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.4s ease, border-color 0.4s ease;
cursor: pointer;
}
.team-pagination__swiper-prev svg,
.team-pagination__swiper-next svg {
stroke: white;
display: block;
width: 35px !important;
height: auto !important;
}
.team-pagination__swiper-prev:hover,
.team-pagination__swiper-next:hover, 
.team-pagination__swiper-prev:focus ,
.team-pagination__swiper-next:focus {
background-color: white;
border-color: white;
}
.team-pagination__swiper-prev:hover svg,
.team-pagination__swiper-next:hover svg, 
.team-pagination__swiper-prev:focus svg,
.team-pagination__swiper-next:focus svg {
stroke: #27383f;
}
.desc-with-img {
padding: 120px 0 80px;
}
@media only screen and (max-width: 1200px) {
.desc-with-img {
padding: 90px 0 80px;
}
}
@media only screen and (max-width: 768px) {
.desc-with-img {
padding: 55px 0 55px;
}
}
@media only screen and (max-width: 575px) {
.desc-with-img {
padding: 55px 0 45px;
}
}
.desc-with-img__wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.desc-with-img__desc {
width: 55%;
}
.desc-with-img__img {
margin-left: auto;
display: block;
width: 100%;
max-width: 355px;
height: auto;
}
@media only screen and (max-width: 1200px) {
.desc-with-img__img {
max-width: 260px;
}
}
@media only screen and (max-width: 991px) {
.desc-with-img__img {
margin-left: 0;
margin-top: 45px;
}
.desc-with-img__desc {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.desc-with-img__img {
margin-top: 40px;
}
}
@media only screen and (max-width: 575px) {
.desc-with-img__img {
margin: 40px auto 0;
}
}
.desc-with-img__img svg,
.desc-with-img__img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.desc-with-img__title {
margin-bottom: 24px;
padding: 0;
font-weight: 700 !important;
font-size: 72px;
line-height: 1;
color: var(--color-gray-blue);
}
@media only screen and (max-width: 1200px) {
.desc-with-img__title {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 768px) {
.desc-with-img__title {
font-size: 54px !important;
}
}
@media only screen and (max-width: 575px) {
.desc-with-img__title {
font-size: 36px !important;
margin-bottom: 15px;
text-align: center;
}
}
.desc-with-img__text {
max-width: 646px;
color: #545454;
font-weight: 600;
font-size: 20px;
line-height: 1.3;
}
@media only screen and (max-width: 768px) {
.desc-with-img__text {
font-size: 18px;
}
}
@media only screen and (max-width: 575px) {
.desc-with-img__text {
font-size: 16px;
text-align: center;
}
}
.desc-with-img__text p {
margin: 0;
padding: 0;
}
.slider-full-width {
overflow: hidden;
position: relative;
margin: 0;
}
.desc-with-img + .slider-full-width {
margin: 0 0 140px;
}
@media only screen and (max-width: 1200px) {
.desc-with-img + .slider-full-width {
margin: 0 0 110px;
}
}
@media only screen and (max-width: 768px) {
.desc-with-img + .slider-full-width {
margin: 0 0 65px;
}
}
.slider-full-width__item {
aspect-ratio: 1440 / 648;
}
@media only screen and (max-width: 575px) {
.slider-full-width__item {
aspect-ratio: 16 / 9;
}
}
.slider-full-width-img {
display: block;
object-fit: cover;
object-position: center center;
}
.slider-full-width__swiper-pagination {
position: absolute;
bottom: 24px !important;
left: 50% !important;
transform: translateX(-50%);
width: fit-content !important;
max-width: 100%;
padding: 12px 16px;
background-color: rgba(39, 56, 63, 0.6);
border-radius: 46px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 7px;
z-index: 1;
}
@media only screen and (max-width: 575px) {
.slider-full-width__swiper-pagination {
bottom: 15px !important;
}
}
.slider-full-width__swiper-pagination span.swiper-pagination-bullet {
display: block;
margin: 0 !important;
width: 8px !important;
height: 8px !important;
opacity: 1 !important;
background-color: #FFF6DA;
transition: background-color 0.4s ease, opacity 0.4s ease;
}
.slider-full-width__swiper-pagination span.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover,
.slider-full-width__swiper-pagination span.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):focus {
opacity: 0.85 !important;
}
.slider-full-width__swiper-pagination span.swiper-pagination-bullet-active {
background-color: #FFC300;
cursor: auto;
}
.posts-slider {
padding: 140px 0;
}
@media only screen and (max-width: 1200px) {
.posts-slider {
padding: 90px 0;
}
}
@media only screen and (max-width: 768px) {
.posts-slider {
padding: 60px 0;
}
}
.posts-slider__title {
font-weight: 700;
font-size: 72px;
line-height: 1;
color: #27383f;
max-width: 632px;
margin: 0 0 24px;
}
@media only screen and (max-width: 768px) {
.posts-slider__title {
font-size: 54px;
}
}
@media only screen and (max-width: 575px) {
.posts-slider__title {
font-size: 36px;
}
}
.posts-slider__swiper,
.posts-slider__row {
margin-top: 64px;
position: relative;
}
.posts-slider__row {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto;
gap: 18px;
}
@media only screen and (max-width: 1200px) {
.posts-slider__swiper,
.posts-slider__row {
margin-top: 45px;
}
}
@media only screen and (max-width: 768px) {
.posts-slider__swiper {
width: calc(100% + 20px);
margin-right: -20px;
}
.posts-slider__row {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 575px) {
.posts-slider__swiper,
.posts-slider__row {
margin-top: 35px;
}
.posts-slider__row {
grid-template-columns: 1fr;
}
}
.posts-slider .swiper {
width: 100%;
}
.posts-slider__btns {
position: absolute;
top: calc(-64px - 47px);
right: 0;
display: flex;
align-items: center;
column-gap: 10px;
}
@media only screen and (max-width: 1200px) {
.posts-slider__btns {
top: calc(-45px - 47px);
}
}
@media only screen and (max-width: 768px) {
.posts-slider__btns {
display: none;
}
}
.posts-slider__btn {
position: static !important;
width: 47px;
aspect-ratio: 1 / 1;
display: flex;
justify-content: center;
align-items: center;
border: solid 1px #f6f6f6;
border-radius: 50%;
cursor: pointer;
transition: border-color 0.4s ease;
}
.posts-slider__btn svg {
display: block;
width: 25px !important;
height: auto !important;
}
.posts-slider__btn svg path {
transition: stroke 0.4s ease;
}
.posts-slider__btn:hover:not(.swiper-button-disabled),
.posts-slider__btn:focus:not(.swiper-button-disabled) {
border-color: #cccccc;
}
.posts-slider__btn:hover:not(.swiper-button-disabled) svg path {
stroke: #27383f;
}
.posts-slider__btn:focus:not(.swiper-button-disabled) svg path {
stroke: #cccccc;
}
.posts-slider__description {
max-width: 490px;
font-weight: 600;
font-size: 20px;
line-height: 1.3;
color: #545454;
}
@media only screen and (max-width: 575px) {
.posts-slider__description {
font-size: 16px;
}
}
.posts-slider .posts-slider__card-text {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 60px;
}
.posts-slider .swiper-button-prev {
right: 55px;
transform: rotateZ(180deg);
margin-left: auto;
}
.posts-slider__card {
display: flex;
flex-direction: column;
overflow: hidden;
}
.posts-slider__card-title {
display: flex;
align-items: flex-end;
padding: 24px;
height: 300px;
position: relative;
font-weight: 700;
font-size: 28px;
line-height: 1.14;
background-color: #27383f;
color: #fff;
}
.posts-slider__card-icon {
position: absolute;
top: 32px;
right: 32px;
width: 40px;
height: 40px;
}
.posts-slider__card-text-wrap {
background-color: #f6f6f6;
padding: 24px;
}
.posts-slider__card-text {
font-weight: 400;
font-size: 16px;
line-height: 1.25;
color: var(--color-gray-blue);
margin-bottom: 20px;
}
.posts-slider__card-more {
margin-top: auto;
font-weight: 600;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
color: #27383f;
display: flex;
align-items: center;
column-gap: 8px;
}
.posts-slider__card-more span,
.posts-slider__card-more span svg {
display: block;
}
.posts-slider__card-more__arrow svg {
width: 24px !important;
height: auto !important;
transform: translateY(-1px);
}
.posts-slider__card-more svg circle,
.posts-slider__card-more svg path {
transition: fill 0.4s ease, stroke 0.4s ease;
}
.posts-slider__card-more:hover svg circle,
.posts-slider__card-more:focus svg circle {
fill: #27383f !important;
}
.posts-slider__card-more .posts-slider__card-more__text {
transition: opacity 0.4s ease;
}
.posts-slider__card-more:hover .posts-slider__card-more__text,
.posts-slider__card-more:focus .posts-slider__card-more__text {
opacity: 0.75;
}
.posts-slider__moreBtns {
margin-top: 72px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px 16px;
}
@media only screen and (max-width: 1200px) {
.posts-slider__moreBtns {
margin-top: 45px;
}
}
@media only screen and (max-width: 575px) {
.posts-slider__moreBtns {
margin-top: 35px;
flex-direction: column;
}
}
.grid-three-column{margin:120px 0}.grid-three-column .container{display:flex;flex-direction:column;align-items:center}.grid-three-column .wrapper{display:flex;flex-direction:column}.grid-three-column__title{max-width:570px;font-weight:700;font-size:48px;line-height:130%;color:#151618;margin:0 auto 64px;text-align:center}.grid-three-column__subtitle{display:none}.grid-three-column__blocks{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:1fr;grid-column-gap:80px;grid-row-gap:60px;margin-bottom:25px;width:104%}.grid-three-column__block-title{font-family:e-Ukraine;font-weight:500;font-size:18px;line-height:24px;color:var(--color-black);margin-bottom:10px;display:block}.grid-three-column__block-text{font-weight:400;font-size:20px;line-height:31px;color:var(--color-dark-gray)}.grid-three-column__btn{margin:0 auto}
.slider-with-tabs{margin:120px 0}.slider-with-tabs__title{margin-bottom:40px;font-family:e-Ukraine;color:var(--color-black);font-weight:700;font-size:48px;line-height:130%;text-align:center}.slider-with-tabs__block{padding:5px;background:#f2f4fb;margin:0 auto 65px;display:flex;justify-content:center;width:334px}.slider-with-tabs__block-item{font-weight:500;font-size:14px;line-height:155%;cursor:pointer;padding:17px 36px;background:#f2f4fb;color:rgba(0,0,0,.25);transition:background .3s}.slider-with-tabs__block-item.active,.slider-with-tabs__block-item:hover{color:#171717;background:var(--color-yellow)}.slider-with-tabs__row{transition-timing-function:linear!important}.slider-with-tabs__swipers{pointer-events:none;opacity:0;height:0}.slider-with-tabs__swipers.active{pointer-events:auto;opacity:1;height:auto}.slider-with-tabs-card__svg{opacity:0;position:absolute;right:14px;top:14px;transition:.5s}.slider-with-tabs-card:hover .slider-with-tabs-card__svg,.slider-with-tabs-card__social:hover .slider-with-tabs-card__svg{opacity:1}.slider-with-tabs-card__img{height:370px}.slider-with-tabs-card__name,.slider-with-tabs-card__position{display:block}.slider-with-tabs-card__name{margin-top:20px;margin-bottom:10px;font-family:e-Ukraine;font-weight:500;font-size:18px;line-height:120%;color:#1d1d1f}.slider-with-tabs-card__position{font-weight:400;font-size:14px;line-height:155%;margin-bottom:50px;color:var(--color-dark-gray)}
.timeline {
background: #f6f6f6;
padding: 140px 0;
position: relative;
}
@media only screen and (max-width: 1200px) {
.timeline {
padding: 110px 0;
}
}
@media only screen and (max-width: 991px) {
.timeline {
padding: 70px 0;
}
}
@media only screen and (max-width: 575px) {
.timeline {
padding: 55px 0;
}
}
.timeline .container {
position: relative;
overflow: hidden;
}
.timeline__inner {
padding: 0 80px;
}
@media only screen and (max-width: 1400px) {
.timeline__inner {
padding: 0;
}
}
.toTop-timeline {
position: absolute;
right: 50px;
bottom: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background-color: #27383f;
cursor: pointer;
}
.toTop-timeline:hover {
opacity: 0.8;
}
.timeline__title {
margin: 0 auto;
font-weight: 700 !important;
font-size: 72px;
margin-bottom: 48px;
line-height: 1;
text-align: center;
color: var(--color-gray-blue);
}
@media only screen and (max-width: 768px) {
.timeline__title {
font-size: 54px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 575px) {
.timeline__title {
font-size: 36px;
margin-bottom: 15px;
}
}
.timeline__years {
padding: 90px 0;
display: flex;
justify-content: space-between;
position: relative;
align-items: center;
}
@media only screen and (max-width: 991px) {
.timeline__years {
padding: 50px 0;
gap: 25px 35px;
}
}
.timeline__years.revers {
flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
.timeline__years,
.timeline__years.revers {
padding: 30px 0;
flex-direction: column-reverse;
align-items: flex-start;
}
}
.timeline__years.d-block {
display: flex;
}
.timeline .hide,
.timeline__years-text-mobile,
.timeline__years.d-none {
display: none;
}
.timeline__years-description {
max-width: 440px;
}
@media only screen and (max-width: 1024px) {
.timeline__years-description {
max-width: 380px;
}
}
@media only screen and (max-width: 991px) {
.timeline__years-description {
flex: 1;
max-width: 100%;
}
}
.timeline__years-title {
font-weight: 700;
font-size: 32px;
line-height: 1.125;
color: var(--color-gray-blue);
margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
.timeline__years-title {
font-size: 26px;
margin-bottom: 12px;
}
}
.timeline__years-more {
height: 0;
opacity: 0;
}
.timeline .show {
display: block;
}
.timeline__years-more,
.timeline__years-text {
font-weight: 400;
font-size: 16px;
line-height: 1.25;
color: var(--color-gray-blue);
}
.timeline__years-img {
width: 100%;
max-width: 440px;
aspect-ratio: 440 / 320;
}
@media only screen and (max-width: 1024px) {
.timeline__years-img {
max-width: 380px;
}
}
@media only screen and (max-width: 768px) {
.timeline__years-img {
margin: 0 auto;
}
}
.timeline__years-img img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center center;
}
.timeline__more-text,
.timeline__years-btn {
display: flex;
align-items: center;
margin-top: 40px;
gap: 8px;
font-weight: 400;
text-transform: uppercase;
transition: 0.3s;
}
@media only screen and (max-width: 768px) {
.timeline__more-text,
.timeline__years-btn {
margin-top: 25px;
}
}
.timeline__years-btn span {
color: #27383f;
font-weight: 600;
transition: opacity 0.4s ease;
}
.timeline__years-btn:hover span.shop__item-link-title,
.timeline__years-btn:focus span.shop__item-link-title {
opacity: 0.85;
}
.timeline__years-icon,
.timeline__years-line {
justify-content: center;
width: 48px;
height: 48px;
position: absolute;
}
.timeline__more-text.full,
.timeline__years-btn.full {
transition: 0.3s;
}
.timeline__more-text.full svg,
.timeline__years-btn.full svg {
transform: rotate(180deg);
}
.timeline__more-text:hover,
.timeline__years-btn:hover {
cursor: pointer;
transition: 0.3s;
}
.timeline__more-text:hover circle,
.timeline__years-btn:hover circle {
transition: 0.3s;
fill: #27383f;
}
.timeline__more-text:hover path,
.timeline__years-btn:hover path {
transition: 0.3s;
stroke: #ffffff;
}
.timeline__more-text:active circle,
.timeline__years-btn:active circle {
fill: #f5cd1f;
}
.timeline__more-text:active path,
.timeline__years-btn:active path {
stroke: #27383f;
}
.timeline__more-btn {
position: relative;
transition: background-color 0.5s;
}
.timeline__more-btn:after {
content: "";
position: absolute;
left: 50%;
transform: translate(-50%);
bottom: 100%;
width: 10px;
height: 265px;
z-index: -1;
background-color: #f6f6f6;
}
.timeline__years-svg svg {
display: block;
margin-top: 5px;
}
.timeline__years-btn {
display: flex;
}
.timeline__years-badge {
width: 48px;
height: 48px;
position: absolute;
top: 226px;
left: 50%;
transform: translateX(-50%);
z-index: 100;
padding-right: 1px;
}
.timeline__years-icon {
display: flex;
align-items: center;
background-color: #e2e9ff;
border-radius: 50%;
z-index: 10;
}
.timeline__years-icon::before {
content: "";
position: absolute;
width: 75px;
height: 75px;
background-color: #f6f6f6;
border-radius: 50%;
z-index: -1;
}
.timeline__years.more-height .timeline__years-icon::after {
height: 40rem;
}
.timeline__years-line {
display: none;
align-items: center;
z-index: -1;
}
.timeline__more {
margin-top: 48px;
display: flex;
justify-content: center;
position: relative;
z-index: 100;
background: #f6f6f6;
}
@media only screen and (max-width: 768px) {
.timeline__more {
margin-top: 15px;
}
}
.timeline .d-none,
.timeline__more-text {
display: none;
}
.timeline .popup {
position: fixed;
width: 100vw;
height: 100vh;
opacity: 0;
visibility: hidden;
transition: 0.3s;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.timeline .popup.open {
overflow: auto;
visibility: visible;
opacity: 1;
transition-delay: 0s;
z-index: 999;
}
.timeline .popup-background {
position: absolute;
background: rgba(94, 94, 94, 0.5);
backdrop-filter: blur(6px);
width: 100%;
height: 100%;
transition: 0.3s;
}
.timeline .popup-container {
width: 100%;
max-width: 830px;
height: auto;
position: absolute;
background: #fff;
padding: 90px 100px;
}
.timeline .popup-close {
position: absolute;
right: 36px;
top: 36px;
outline: 0;
appearance: none;
color: red;
background: 0 0;
border: 0;
font-weight: 700;
cursor: pointer;
width: 40px;
height: 30px;
}
@media only screen and (max-width: 991px) {
.timeline .popup-container {
max-width: 90%;
padding: 70px 40px;
}
.timeline .popup-close {
right: 0;
top: 20px;
}
}
.timeline .popup-close span {
transform: rotate(-45deg);
top: 13px;
width: 16px;
}
.timeline .popup-close:hover span {
transform-origin: center;
transform: rotateZ(-120deg);
}
.timeline .popup-close span::before {
top: 0;
transform: rotate(90deg);
width: 16px;
}
.timeline .popup-close span::after {
top: 0;
left: 0;
transform: rotate(90deg);
opacity: 0;
width: 0;
}
.timeline .popup-close span,
.timeline .popup-close span::after,
.timeline .popup-close span::before {
background: #7a7a7a;
display: block;
height: 2px;
opacity: 1;
position: absolute;
transition: 0.3s ease-in-out;
border-radius: 20px;
}
.timeline .popup-close span::after,
.timeline .popup-close span::before {
content: "";
}
.timeline .popup .timeline__years-text p,
.timeline .popup .timeline__years-title {
margin-bottom: 25px;
}
.timeline__years-icon.active svg circle {
transition: fill 0.7s;
fill: var(--color-blue);
}
.timeline__years-icon.active svg path {
transition: stroke 0.7s;
stroke: #fff;
}
.timeline-wrapp {
position: relative;
overflow: hidden;
}
.timeline-wrapp .line,
.timeline-wrapp .line-blue {
display: block;
position: absolute;
left: calc(50% - 1px);
top: 300px;
width: 2px;
display: block;
height: 100%;
}
@media screen and (max-width: 1025px) {
.timeline__more-btn:after {
height: 230px;
}
}
@media only screen and (max-width: 991px) {
.timeline-wrapp .line,
.timeline-wrapp .line-blue,
.timeline__years-badge,
.timeline__more-btn:after {
display: none;
}
.toTop-timeline {
display: none;
}
}
.shop__item-link-icon {
width: 24px;
height: 24px;
}
@media only screen and (max-width: 768px) {
.timeline__years-btn {
display: none;
}
.timeline__more-text {
margin-top: 25px;
font-size: 14px;
font-weight: 600;
display: flex;
}
}
.recent-posts {
padding: 140px 0;
}
.programs-recent-posts {
background-color: #f6f6f6;
padding: 140px 0;
}
@media only screen and (max-width: 1200px) {
.recent-posts {
padding: 90px 0;
}
}
@media only screen and (max-width: 768px) {
.recent-posts {
padding: 55px 0;
}
}
.recent-posts .container {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}
.recent-posts__title {
font-weight: 700;
font-size: 72px;
color: var(--color-gray-blue);
margin-bottom: 64px;
line-height: 1;
}
@media only screen and (max-width: 1200px) {
.recent-posts__title {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 768px) {
.recent-posts__title {
font-size: 54px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 575px) {
.recent-posts__title {
font-size: 36px;
margin-bottom: 25px;
}
}
.recent-posts-row {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 45px 24px;
}
@media only screen and (max-width: 991px) {
.recent-posts-row {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 767px) {
.recent-posts-row {
grid-template-columns: repeat(1, 1fr);
}
}
@media only screen and (max-width: 575px) {
.recent-posts-row {
gap: 35px 0;
}
}
.recent-posts__item-img {
margin-bottom: 24px;
overflow: hidden;
}
@media only screen and (max-width: 991px) {
.recent-posts__item-img {
margin-bottom: 15px;
}
}
.recent-posts__item-img a,
.recent-posts__item-img img {
display: block;
width: 100%;
aspect-ratio: 424 / 400;
}
@media only screen and (max-width: 991px) {
.recent-posts__item-img a,
.recent-posts__item-img img {
aspect-ratio: 16 / 9;
}
}
.recent-posts__item-img img {
transition: transform 0.5s;
}
.recent-posts__item-img:hover img {
transform: scale3d(1.1, 1.1, 1);
}
.recent-posts__item-date {
padding: 0;
display: inline-block;
font-size: 14px;
line-height: 1.28;
font-weight: 700;
color: #3593ff;
margin-bottom: 12px;
text-transform: uppercase;
}
@media only screen and (max-width: 991px) {
.recent-posts__item-date {
margin-bottom: 6px;
font-size: 12px;
}
}
.recent-posts__item-date__icon {
margin-right: 5px;
position: relative;
bottom: -2px;
}
.recent-posts__item-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 700;
font-size: 20px;
line-height: 1.2;
color: #27383f;
transition: color 0.4s ease;
}
@media only screen and (max-width: 991px) {
.recent-posts__item-title {
font-size: 18px;
}
}
@media only screen and (max-width: 575px) {
.recent-posts__item-title {
font-size: 16px;
}
}
.recent-posts__item > a {
display: block;
}
.recent-posts__item > a:hover .recent-posts__item-title,
.recent-posts__item > a:focus .recent-posts__item-title {
color: #3593ff;
}
.recent-posts-btn {
padding: 20px 32px;
height: 64px;
font-weight: 700;
font-size: 18px;
line-height: 1.3;
text-align: center;
text-transform: uppercase;
margin-top: 64px;
align-self: center;
}
@media only screen and (max-width: 1200px) {
.recent-posts-btn {
padding: 26px 40px;
font-size: 16px;
margin-top: 45px;
}
}
.recent-posts-list {
padding: 140px 0;
}
.recent-posts-list .container {
display: flex;
flex-direction: column;
}
.recent-posts-list__title-wrapp,
.programs-recent-posts__row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.recent-posts-list__post,
.programs-recent-posts__post {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 50px;
padding: 48px 0 56px;
border-bottom: 1px solid #ccc;
}
.recent-posts-list__post-img,
.programs-recent-posts__post-img {
width: 100%;
max-width: 270px;
}
.recent-posts-list__post-date,
.programs-recent-posts__post-date {
margin-bottom: 12px;
color: var(--color-blue);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.recent-posts-list__post-title,
.programs-recent-posts__post-title {
max-width: 400px;
margin-bottom: 24px;
line-height: 1.125;
font-size: 32px;
font-weight: 700;
color: var(--color-gray-blue);
}
.recent-posts-list__post-text,
.programs-recent-posts__post-text {
max-width: 360px;
margin-left: auto;
font-size: 16px;
font-weight: 400;
line-height: 1.25;
color: #545454;
}
@media screen and (max-width: 1024px) {
.recent-posts-list__post {
flex-direction: column;
gap: 30px;
padding: 30px 0;
}
.recent-posts-list__post-title,
.programs-recent-posts__post-title {
max-width: 100%;
}
.recent-posts-list__post-text {
max-width: 100%;
}
.recent-posts-list__post-info {
width: 100%;
}
.recent-posts-list__post-img {
height: 300px;
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.recent-posts-list,
.programs-recent-posts {
padding: 60px 0;
}
}
.hero-subscribe {
background-color: #ffd038;
background-repeat: no-repeat;
background-image: url(//unitedhelpukraine.org/wp-content/themes/uhu/images/subscribe_background.jpg);
background-size: cover;
background-position: center;
padding: 112px 0 180px;
position: relative;
}
@media only screen and (max-width: 1200px) {
.hero-subscribe {
padding: 90px 0;
}
}
@media only screen and (max-width: 768px) {
.hero-subscribe {
padding: 70px 0 45px;
}
}
.hero-subscribe__decor {
position: absolute;
left: 0;
bottom: 42%;
}
@media only screen and (max-width: 768px) {
.hero-subscribe__decor {
display: none;
}
}
.hero-subscribe .container {
background-position: 0 15px;
}
.hero-subscribe__title {
max-width: 550px;
margin-bottom: 24px;
font-weight: 700;
font-size: 72px;
line-height: 1;
color: var(--color-gray-blue);
}
@media only screen and (max-width: 768px) {
.hero-subscribe__title {
font-size: 54px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 575px) {
.hero-subscribe__title {
font-size: 36px;
margin-bottom: 15px;
}
}
.hero-subscribe__inner {
padding: 0 0 0 36px;
}
@media only screen and (max-width: 1200px) {
.hero-subscribe__inner {
padding: 0;
}
}
.hero-subscribe__text {
margin-bottom: 48px;
font-size: 20px;
line-height: 1.3;
font-weight: 600;
color: #27383f;
max-width: 490px;
}
@media only screen and (max-width: 768px) {
.hero-subscribe__text {
font-size: 18px;
}
}
@media only screen and (max-width: 575px) {
.hero-subscribe__text {
font-size: 16px;
}
}
.hero-subscribe__form form {
position: relative;
max-width: 440px;
}
@media only screen and (max-width: 575px) {
.hero-subscribe__form form {
max-width: 100%;
}
}
.hero-subscribe__form form input {
font-family: "Proxima Nova", sans-serif;
width: 100%;
height: 64px;
padding: 8px 22px;
background-color: #fff;
border: none;
outline: 0;
border-radius: 80px;
font-size: 16px;
line-height: 1.25;
font-weight: 400;
font-style: normal;
color: #27383f;
padding-right: 200px;
}
.hero-subscribe__form form input::placeholder {
color: #27383f;
}
.hero-subscribe__form form input[type="submit"] {
position: absolute;
right: 0;
top: 0;
width: max-content;
padding: 15px 36px;
height: 64px;
font-family: "Proxima Nova", sans-serif;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
line-height: 130%;
background-color: #27383f;
color: #fff;
cursor: pointer;
transition: background-color 0.4s ease;
cursor: pointer;
}
@media only screen and (max-width: 575px) {
.hero-subscribe__form form input[type="submit"] {
position: relative;
margin-top: 18px;
width: 100%;
}
.wpcf7-form .wpcf7-not-valid-tip {
position: static;
}
.hero-subscribe__form form input {
padding-right: 20px;
}
}
.hero-subscribe__form .wpcf7-form .wpcf7-not-valid-tip {
display: none;
}
.wpcf7-response-output {
margin-top: 10px !important;
}
.hero-subscribe__form form input[type="submit"]:active,
.hero-subscribe__form form input[type="submit"]:visited,
.hero-subscribe__form form input[type="submit"]:hover,
.hero-subscribe__form form input[type="submit"]:focus {
background-color: #000;
}
.grid-two-columns__item-desc__title,
.grid-two-columns__title {
color: #fff;
}
.grid-two-columns {
background: var(--color-gray-blue);
padding: 140px 0;
}
@media only screen and (max-width: 1200px) {
.grid-two-columns {
padding: 110px 0;
}
}
@media only screen and (max-width: 991px) {
.grid-two-columns {
padding: 70px 0;
}
}
@media only screen and (max-width: 575px) {
.grid-two-columns {
padding: 55px 0;
}
}
.grid-two-columns .container {
max-width: 1240px;
}
.grid-two-columns__inner {
padding: 0 10px;
}
@media only screen and (max-width: 1400px) {
.grid-two-columns__inner {
padding: 0;
}
}
.grid-two-columns__title {
max-width: 723px;
margin: 0 auto 96px;
font-weight: 700;
font-size: 72px;
text-align: center;
line-height: 1;
}
@media only screen and (max-width: 1200px) {
.grid-two-columns__title {
margin: 0 auto 70px;
}
}
@media only screen and (max-width: 768px) {
.grid-two-columns__title {
font-size: 54px;
margin: 0 auto 55px;
max-width: 100%;
}
}
@media only screen and (max-width: 575px) {
.grid-two-columns__title {
margin: 0 auto 35px;
font-size: 36px;
text-align: center;
}
}
.grid-two-columns__items {
display: flex;
flex-wrap: wrap;
padding: 0 38px;
gap: 112px 225px;
}
@media only screen and (max-width: 1400px) {
.grid-two-columns__items {
padding: 0;
gap: 90px 100px;
padding-left: 50px;
}
}
@media only screen and (max-width: 1200px) {
.grid-two-columns__items {
gap: 75px 55px;
justify-content: center;
padding-left: 0;
}
}
@media only screen and (max-width: 1200px) {
.grid-two-columns__items {
gap: 75px 55px;
justify-content: center;
}
}
@media only screen and (max-width: 1110px) {
.grid-two-columns__items {
gap: 55px 55px;
justify-content: center;
}
}
@media only screen and (max-width: 991px) {
.grid-two-columns__items {
flex-direction: column;
align-items: center;
}
}
@media only screen and (max-width: 575px) {
.grid-two-columns__items {
gap: 35px 0;
}
}
.grid-two-columns__item {
display: flex;
align-items: center;
}
.grid-two-columns__item:nth-child(3),
.grid-two-columns__item:nth-child(4) {
transform: translateX(94px);
}
@media only screen and (max-width: 1200px) {
.grid-two-columns__item:nth-child(3),
.grid-two-columns__item:nth-child(4) {
transform: none;
}
}
.grid-two-columns__item:last-child {
margin-bottom: 0;
}
.grid-two-columns__item-img {
width: 103px;
height: 126px;
}
@media only screen and (max-width: 1200px) {
.grid-two-columns__item-img {
width: 70px;
height: 86px;
}
}
@media only screen and (max-width: 575px) {
.grid-two-columns__item-img {
width: 44px;
height: 54px;
}
}
.grid-two-columns__item-img img,
.grid-two-columns__item-img svg {
display: block;
width: auto !important;
height: 100% !important;
max-width: 100%;
}
.grid-two-columns__item-desc {
margin-left: 27px;
max-width: 310px;
}
@media only screen and (max-width: 1200px) {
.grid-two-columns__item-desc {
margin-left: 16px;
}
}
@media only screen and (max-width: 1110px) {
.grid-two-columns__item-desc {
max-width: 280px;
}
}
.grid-two-columns__item-desc__title {
max-width: 75%;
display: block;
font-weight: 700;
font-size: 24px;
line-height: 1;
text-transform: capitalize;
margin-bottom: 16px;
}
@media only screen and (max-width: 1110px) {
.grid-two-columns__item-desc__title {
max-width: 100%;
font-size: 20px;
margin-bottom: 12px;
}
}
@media only screen and (max-width: 575px) {
.grid-two-columns__item-desc__title {
font-size: 18px;
margin-bottom: 10px;
}
}
.grid-two-columns__item-desc__text {
font-weight: 400;
font-size: 16px;
line-height: 1.25;
color: #ccc;
}
.description-only-text{margin:95px auto 60px;padding:0 20px;text-align:center}.description-only-text__title{font-family:e-Ukraine;font-weight:700;font-size:48px;line-height:130%;color:var(--color-black);margin:0 0 20px}.description-only-text__desc{font-family:"Red Hat Text";font-weight:400;font-size:18px;line-height:155%;color:var(--color-dark-gray);max-width:574px;margin:0 auto}.page-id-788 .description-only-text::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:840px;background:var(--color-light-blue);z-index:-2}
.posts-list{margin-bottom:120px}.posts-list-item{display:flex;align-items:center;gap:60px;border-top:1px solid #f1f1f1;padding:40px 55px}.posts-list-item:last-child{border-bottom:1px solid #f1f1f1}.posts-list-item__img{min-width:380px;max-width:380px;height:250px;overflow:hidden}.posts-list-item__img img{transform:scale3d(1,1,1);transition:transform .5s}.posts-list-item__img:hover img{transform:scale3d(1.1,1.1,1)}.posts-list-item__title{font-family:e-Ukraine;font-weight:500;font-size:26px;line-height:135%;letter-spacing:-.02em;color:var(--color-black);margin-bottom:16px}.posts-list-item__text{display:-webkit-box;margin-bottom:22px;font-family:"Red Hat Text";font-weight:400;font-size:16px;line-height:155%;color:var(--color-dark-gray);-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.posts-list-item__more{display:flex;align-items:center;font-family:e-Ukraine;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.3px;text-transform:uppercase;color:var(--color-black)}
.programs {
padding: 130px 0 140px;
}
.type-programs.programs {
padding: 0;
}
.programs__wrapper {
max-width: 1320px;
margin: 0 auto;
padding: 0 60px;
}
.programs__title {
margin-bottom: 24px;
font-size: 72px;
font-weight: 700;
text-align: center;
line-height: 1;
color: var(--color-gray-blue);
}
.programs__text {
max-width: 800px;
text-align: center;
margin: 0 auto 80px;
font-size: 20px;
font-weight: 600;
line-height: 1.3;
color: var(--color-gray-dark);
}
.programs__list {
display: flex;
flex-direction: column;
gap: 40px;
}
.programs__item {
display: flex;
flex-wrap: wrap;
}
.programs__item-project-text {
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
}
.programs__item-image {
width: 100%;
max-width: 320px;
height: 360px;
display: flex;
flex: 1 0 auto;
align-items: center;
justify-content: center;
}
.programs__item-content {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
padding: 0 80px 0;
background-color: #f6f6f6;
}
.programs__item-title,
.programs__item-project-title,
.program-projects__item-title {
margin-bottom: 16px;
font-size: 32px;
color: var(--color-gray-blue);
font-weight: 700;
}
.programs__item-text,
.programs__item-project-text,
.program-projects__item-text {
margin-bottom: 40px;
font-size: 18px;
font-weight: 400;
line-height: 1.33;
color: var(--color-gray-dark);
}
.program-projects__item-text {
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.programs__item-links {
display: flex;
align-items: center;
gap: 24px;
}
.programs__item-show {
display: flex;
align-items: center;
gap: 15px;
padding: 15px 20px 15px 20px;
border-radius: 80px;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
cursor: pointer;
transition: opacity 0.5s ease;
font-family: "Proxima Nova";
}
.programs__item-show.active svg {
transform: rotate(180deg);
}
.programs__item-show:hover {
opacity: 0.8;
}
.programs__item-cta,
.programs__item-project-cta,
.program-projects__item-cta {
display: flex;
align-items: center;
text-transform: uppercase;
font-size: 14px;
gap: 8px;
color: var(--color-gray-blue);
font-weight: 600;
}
.programs__item-projects {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
}
.programs__item-projects-inner {
display: flex;
flex-wrap: wrap;
gap: 40px;
width: 100%;
padding-top: 40px;
}
.programs__item-project {
width: calc(50% - 20px);
}
.programs__item-project-image {
height: 300px;
}
.programs__item-project-image img {
object-fit: cover;
}
.programs__item-project-image.Wounded img {
object-fit: contain;
}
.programs__item-project-content {
padding: 50px 40px;
background-color: #f6f6f6;
height: 100%;
} .program-hero,
.project-hero {
display: flex;
height: 740px;
}
.program-image,
.project-image {
width: 50%;
}
.program-icon {
width: 70px;
height: 70px;
margin-bottom: 24px;
}
.program-icon svg {
width: 100%;
height: 100%;
}
.program-content,
.project-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 50%;
}
.project-content {
background-color: #f6f6f6;
}
.programs-title {
margin-bottom: 50px;
font-size: 36px;
line-height: 1.11;
font-weight: 700;
color: #fff;
}
.programs-odometer__list.odometer__list {
display: flex;
flex-direction: column;
}
.programs-odometer {
margin-bottom: 80px;
}
.programs-odometer__item {
align-items: center;
}
.programs-odometer__item-value {
font-size: 56px;
color: #171717;
}
.programs-odometer__item-title {
color: #171717;
font-size: 16px;
}
.programs-odometer__list.odometer__list.Defenders .programs-odometer__item-value,
.programs-odometer__list.odometer__list.Defenders .programs-odometer__item-title {
color: #fff;
}
.programs-content-wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 100px 0 140px;
}
.programs-content__title {
display: flex;
align-items: center;
gap: 7px;
padding-left: 10px;
color: var(--color-blue);
font-weight: 700;
font-size: 16px;
}
.programs-content__title:before {
content: "";
width: 8px;
height: 8px;
background-color: var(--color-blue);
display: inline-block;
vertical-align: middle;
border-radius: 50%;
}
.programs-content__disc {
max-width: 65%;
font-weight: 600;
}
.programs-content__disc p {
font-size: 20px;
line-height: 1.3;
color: var(--color-gray-dark);
margin-bottom: 10px;
}
.programs-content__disc>ul {
list-style: disc;
padding-left: 20px;
margin-bottom: 20px;
color: #545454;
}
.programs-content__disc p strong {
font-weight: 700;
}
.programs-content__sliders {
position: relative;
margin-top: 55px;
}
.programs-content--controls__inner {
display: flex;
justify-content: space-between;
position: absolute;
bottom: 24px !important;
left: 50% !important;
transform: translateX(-50%);
z-index: 1;
width: 100%;
padding: 0 20px;
}
.programs-content__slider-pagination {
width: fit-content !important;
max-width: 100%;
padding: 12px 16px;
background-color: rgba(39, 56, 63, 0.6);
border-radius: 46px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 7px;
}
.programs-content__slider-pagination .swiper-pagination-bullet {
display: block;
margin: 0 !important;
width: 8px !important;
height: 8px !important;
opacity: 1 !important;
background-color: #fff6da;
transition: background-color 0.4s ease, opacity 0.4s ease;
}
.programs-content__slider-pagination .swiper-pagination-bullet-active {
background-color: #ffc300;
}
.programs-content__slider--arrow {
width: 44px;
aspect-ratio: 1 / 1;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
border: solid 2px rgba(255, 255, 255, 0.35);
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.4s ease, border-color 0.4s ease;
cursor: pointer;
}
.programs-content__slider--arrow svg {
width: 24px;
height: 24px;
}
.programs-content__slider--arrow:hover,
.programs-content__slider--arrow:focus {
background-color: white;
border-color: white;
}
.programs-content__slider--arrow:hover svg path,
.programs-content__slider--arrow:focus svg path {
stroke: #27383f;
}
.programs-odometer-btn {
padding: 26px 75px;
}
.programs-content__slider-img {
height: 450px;
}  .program-projects {
padding: 140px 0;
background-color: #f6f6f6;
}
.program-projects__wrapper {
display: flex;
flex-direction: column;
align-items: center;
max-width: 1320px;
margin: 0 auto;
padding: 0 60px;
}
.program-projects__list {
display: flex;
flex-direction: column;
gap: 40px;
}
.program-projects__item {
display: flex;
}
.program-projects__item-image {
width: 100%;
max-width: 320px;
height: 330px;
}
.program-projects__item-content {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
padding: 0 80px 0;
background-color: #fff;
}
.program-projects__title {
margin-bottom: 100px;
font-size: 72px;
line-height: 1;
font-weight: 700;
color: var(--color-gray-blue);
}  .project-icon {
margin-top: auto;
margin-bottom: 30px;
}
.project-icon img,
.project-icon svg {
width: 100%;
height: 100%;
object-fit: contain;
}
.project-icon img[src$=".png"] {
height: auto
}
.project__cta {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
height: 80px;
padding: 0 40px;
margin-top: auto;
color: #fff !important;
font-size: 28px;
font-weight: 700;
gap: 18px;
}
.project__cta svg {
margin-left: auto;
}
.project__cta-icon {
width: 32px;
height: 32px;
}
.project__cta-icon svg,
.project__cta-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.project-odometer {
margin-bottom: 50px;
}  .cards-section {
padding-bottom: 140px;
}
.cards__list {
display: flex;
flex-wrap: wrap;
gap: 42px;
}
.cards__item {
width: calc(33.3% - 28px);
}
.cards__item-image {
height: 300px;
}
.cards__item-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cards__item-content {
display: flex;
flex-direction: column;
height: calc(100% - 300px);
padding: 40px;
background-color: #f6f6f6;
}
.cards__item-title {
font-size: 32px;
font-weight: 700;
line-height: 1.125;
color: var(--color-gray-blue);
margin-bottom: 16px;
}
.cards__item-text {
font-size: 18px;
line-height: 1.33;
font-weight: 400;
color: #545454;
margin-bottom: 40px;
}
.cards__item-cta {
margin-top: auto;
} @media screen and (max-width: 1200px) {
.program-projects {
padding: 60px 0;
}
.program-projects__wrapper {
padding: 0;
}
.programs__wrapper {
padding: 0 20px;
}
.programs__item-content {
padding: 0 40px 0;
}
}
@media screen and (max-width: 1024px) {
.cards-section {
padding-bottom: 60px;
}
.programs {
padding: 50px 0 60px;
}
.cards__item-title {
font-size: 24px;
}
.cards__item-text {
font-size: 16px;
margin-bottom: 20px;
}
.cards__item-content {
padding: 40px 20px;
}
.cards__item {
width: 100%;
}
.programs__item,
.program-projects__item {
flex-direction: column;
}
.programs__item-image,
.program-projects__item-image {
width: 100%;
max-width: 100%;
}
.programs__item-content,
.program-projects__item-content {
padding: 40px;
}
}
@media screen and (max-width: 768px) {
.program-hero,
.project-hero {
flex-direction: column;
height: auto;
}
.programs-content-wrapper {
flex-direction: column;
padding: 60px 0;
}
.programs-content__title {
margin-bottom: 40px;
}
.programs-content__disc p {
font-size: 16px;
}
.programs-content__slider-img {
height: 300px;
}
.program-image,
.project-image {
width: 100%;
height: 400px;
}
.program-content,
.project-content {
width: 100%;
padding: 40px 20px 80px;
}
.project-content {
padding-bottom: 0;
}
.project__cta {
position: relative;
left: -50vw;
transform: translateX(50vw);
right: -50vw;
width: 100%;
margin: 40px -50vw 0;
width: 100vw;
}
.recent-posts-list__title.title-regular,
.programs-recent-posts__title.title-regular {
font-weight: 700;
font-size: 54px;
}
.programs__item-project {
width: 100%;
}
.programs__item-title,
.programs__item-project-title,
.program-projects__item-title {
font-size: 20px;
}
.programs__item-show {
font-size: 16px;
}
.programs__item-text,
.programs__item-project-text,
.program-projects__item-text {
font-size: 14px;
}
.programs__title {
margin-bottom: 20px;
font-size: 54px;
}
.programs__text {
margin-bottom: 40px;
font-size: 18px;
}
.programs__item-content,
.programs__item-project-content,
.program-projects__item-content {
padding: 40px 20px;
height: auto;
}
.program-projects__title {
margin-bottom: 40px;
font-size: 54px;
}
}
@media screen and (max-width: 575px) {
.recent-posts-list__title.title-regular,
.programs-recent-posts__title.title-regular {
font-weight: 700;
font-size: 36px;
}
.programs__title {
margin-bottom: 15px;
font-size: 36px;
}
.programs__text {
font-size: 16px;
}
.program-projects__title {
font-size: 36px;
}
}
@media screen and (max-width: 480px) {
.programs__item-links {
flex-direction: column;
}
.programs__item-show {
width: 100%;
justify-content: center;
}
}
.post-897 .programs-odometer-btn {
background-color: #ffff;
}
.post-897 .programs-odometer-btn:hover {
background-color: #ccc;
}
.grid-four-column {
margin: 140px 0;
}
@media only screen and (max-width: 1200px) {
.grid-four-column {
margin: 110px 0;
}
}
@media only screen and (max-width: 991px) {
.grid-four-column {
margin: 90px 0;
}
}
@media only screen and (max-width: 575px) {
.grid-four-column {
margin: 55px 0;
}
}
.grid-four-column__title {
color: var(--color-gray-blue);
font-weight: 700 !important;
font-size: 72px;
line-height: 1;
text-align: left;
margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
.grid-four-column__title {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 991px) {
.grid-four-column__title {
text-align: center;
}
}
@media only screen and (max-width: 768px) {
.grid-four-column__title  {
font-size: 54px;
max-width: 100%;
}
}
@media only screen and (max-width: 575px) {
.grid-four-column__title  {
margin: 0 auto 35px;
font-size: 36px;
}
}
.grid-four-column__row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
@media only screen and (max-width: 1200px) {
.grid-four-column__row {
gap: 24px 16px;
}
}
@media only screen and (max-width: 991px) {
.grid-four-column__row {
max-width: 720px;
margin: 0 auto;
grid-template-columns: repeat(2, 1fr);
gap: 35px 24px;
}
}
@media only screen and (max-width: 575px) {
.grid-four-column__row {
max-width: 335px;
grid-template-columns: repeat(1, 1fr);
gap: 30px 24px;
}
}
.grid-four-column__card {
position: relative;
display: flex;
flex-direction: column;
}
.grid-four-column__card:last-child {
margin-bottom: 0;
}
.grid-four-column__card-img {
aspect-ratio: 312 / 400;
margin-bottom: 24px;
width: 100%;
}
@media only screen and (max-width: 1200px) {
.grid-four-column__card-img {
margin-bottom: 15px;
}
}
.grid-four-column__card-img img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center center;
}
.grid-four-column__card-icon {
display: block;
opacity: 1;
position: absolute;
right: 20px;
top: 20px;
width: 40px;
height: 40px;
transition: transform 0.4s ease;
}
.grid-four-column__card-icon img,
.grid-four-column__card-icon svg {
display: block;
width: 100% !important;
height: 100% !important;
}
.grid-four-column__card-icon:hover,
.grid-four-column__card-icon:focus {
transform: scale(1.05);
}
.grid-four-column__card-name {
font-weight: 700;
font-size: 20px;
line-height: 1.5;
color: #27383F;
margin-bottom: 8px;
}
@media only screen and (max-width: 1200px) {
.grid-four-column__card-name {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 768px) {
.grid-four-column__card-name {
font-size: 18px;
}
}
@media only screen and (max-width: 575px) {
.grid-four-column__card-name {
font-size: 16px;
}
}
.grid-four-column__card-position {
font-weight: 700;
font-size: 14px;
line-height: 1.28;
color: #545454;
}
@media only screen and (max-width: 575px) {
.grid-four-column__card-position {
font-size: 12px;
}
}
.description-quote {
padding: 105px 0;
position: relative;
background-color: var(--color-gray-blue);
color: #fff;
overflow: hidden;
}
.description-quote__decor {
position: absolute;
right: -6%;
bottom: 30%;
}
.description-quote__text {
max-width: 870px;
margin-bottom: 75px;
font-size: 48px;
font-weight: 700;
line-height: 1.16;
}
.description-quote__person {
display: flex;
align-items: center;
gap: 15px;
}
.description-quote__person-logo {
width: 64px;
height: 64px;
border-radius: 50%;
overflow: hidden;
}
.description-quote__person-logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.description-quote__person-name {
margin-bottom: 5px;
font-size: 24px;
font-weight: 700;
}
.description-quote__person-position {
font-size: 16px;
font-weight: 600;
}
@media screen and (max-width: 1200px) {
.description-quote {
padding: 90px 0;
}
.description-quote__decor {
bottom: 0;
}
}
@media screen and (max-width: 768px) {
.description-quote {
padding: 60px 0;
}
.description-quote__text {
font-size: 40px;
}
.description-quote__decor {
display: none;
}
}
@media screen and (max-width: 575px) {
.description-quote__text {
font-size: 36px;
}
}
.news-list {
padding: 140px 0;
}
.news-list .row {
display: flex;
gap: 175px;
}
.news-list__title {
font-weight: 700;
font-size: 48px;
line-height: 1.16;
color: var(--color-gray-blue);
max-width: 390px;
}
.news-list__item {
display: flex;
gap: 70px;
padding: 45px 0 30px;
border-bottom: 1px solid #cccccc;
}
.news-list__item:first-child {
padding: 0 0 30px;
}
.news-list__item:last-child {
border: none;
}
.news-list__item-img {
transform: scale3d(1, 1, 1);
overflow: hidden;
}
.news-list__item-img img {
transition: transform 0.5s ease;
}
.news-list__item-img:hover img,
.news-list__item-img:focus img {
cursor: pointer;
transform: scale3d(1.1, 1.1, 1);
}
.news-list__item-img {
width: 100%;
max-width: 180px;
height: 140px;
transition: transform 0.5s ease;
}
.news-list__item-link {
font-weight: 700;
font-size: 14px;
color: var(--color-blue);
margin-bottom: 10px;
display: inline-block;
}
.news-list__item-title {
font-weight: 700;
font-size: 20px;
line-height: 1.2;
color: var(--color-gray-blue);
margin-bottom: 24px;
}
.news-list__items--controls {
display: flex;
justify-content: center;
padding-top: 70px;
background-color: white;
transform: translateY(-1px);
}
@media screen and (max-width: 1200px) {
.news-list {
padding: 90px 0;
}
}
@media screen and (max-width: 1024px) {
.news-list__title {
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.news-list {
padding: 60px 0;
}
}
@media screen and (max-width: 575px) {
.news-list__item-img {
max-width: 100%;
}
.news-list__items--controls {
padding-top: 15px;
}
}
.image-and-text_title {
max-width: 560px;
margin: 0 auto 30px;
font-size: 48px;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 130%;
text-align: center;
color: var(--color-black);
}
.image-and-text_description {
max-width: 620px;
margin: 0 auto 60px;
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 155%;
color: var(--color-dark-gray);
}
.image-and-text__text a {
text-decoration: underline;
text-underline-offset: 5px;
}
.image-and-text__links {
display: flex;
gap: 16px;
margin-top: 32px;
}
.image-and-text__link {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 18px 22px;
font-size: 14px;
font-weight: 500;
color: var(--color-blue);
letter-spacing: 0.3px;
text-transform: uppercase;
height: 52px;
}
.image-and-text__link-icon {
width: 14px;
height: 12px;
}
.image-and-text__link-icon svg {
display: block;
width: 100%;
height: 100%;
}
.image-and-text__link.blue {
background-color: var(--color-blue);
color: #fff;
transition: background-color 0.5s;
}
.image-and-text__items {
display: flex;
align-items: center;
gap: 50px;
margin-bottom: 140px;
}
.image-and-text__item {
display: flex;
flex-direction: column;
align-items: center;
width: calc(25% - 50px);
flex: 1 0 calc(25% - 50px);
}
.image-and-text__item-icon {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
margin-bottom: 20px;
background-color: var(--color-yellow);
}
.image-and-text__item-icon svg {
width: 35px;
height: 35px;
}
.image-and-text__item-title {
margin-bottom: 10px;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.02em;
color: var(--color-black);
}
.image-and-text__item-text {
font-weight: 400;
font-size: 18px;
line-height: 155%;
text-align: center;
}
.image-and-text {
margin: 140px 0;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 1200px) {
.image-and-text {
margin: 110px 0;
}
}
@media only screen and (max-width: 768px) {
.image-and-text {
margin: 70px 0;
}
}
@media only screen and (max-width: 575px) {
.image-and-text {
margin: 55px 0;
}
}
.image-and-text__decor {
position: absolute;
width: auto;
height: auto;
max-width: 64.375vw;
right: -22.7vw;
top: calc(100% + 72px);
}
@media only screen and (max-width: 1366px) {
.image-and-text__decor {
max-width: 760px;
top: calc(100% + 36px);
}
}
@media only screen and (max-width: 1200px) {
.image-and-text__decor {
max-width: 620px;
top: calc(100% + 25px);
}
}
@media only screen and (max-width: 991px) {
.image-and-text__decor {
display: none;
}
}
.image-and-text .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px 120px;
width: 100%;
max-width: 100%;
padding: 0 40px;
margin-bottom: 100px;
}
@media only screen and (max-width: 1366px) {
.image-and-text .wrapper {
padding: 0;
gap: 25px 60px;
}
}
.image-and-text .wrapper:last-child {
margin-bottom: 0;
}
.image-and-text .revers {
flex-direction: row-reverse;
}
@media only screen and (max-width: 1200px) {
.image-and-text .wrapper {
gap: 25px;
margin-bottom: 55px;
}
}
@media only screen and (max-width: 991px) {
.image-and-text .wrapper,
.image-and-text .revers {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
}
.image-and-text__img {
width: 100%;
max-width: 560px;
}
.image-and-text__img img {
display: block;
aspect-ratio: 560 / 600;
}
@media only screen and (max-width: 1200px) {
.image-and-text__img {
max-width: 420px;
}
}
@media only screen and (max-width: 1024px) {
.image-and-text__img {
max-width: 360px;
}
}
@media only screen and (max-width: 991px) {
.image-and-text__img {
max-width: 320px;
}
}
.image-and-text__img-caption {
padding-top: 8px;
color: #545454; font-size: 16px;
line-height: 21px;
}
.image-and-text__discr {
flex: 1;
position: relative;
}
.image-and-text__discr.padded {
margin-bottom: 112px;
}
@media only screen and (max-width: 1366px) {
.image-and-text__discr.padded {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 1200px) {
.image-and-text__discr.padded {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 991px) {
.image-and-text__discr.padded {
margin-bottom: 0;
}
}
.image-and-text__title {
width: max-content;
font-weight: 600;
font-size: 16px;
line-height: 1.25;
color: #3593ff;
margin-bottom: 32px;
background-color: #c8e1ff;
border-radius: 80px;
padding: 8px 20px;
}
@media only screen and (max-width: 1200px) {
.image-and-text__title {
font-size: 14px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 991px) {
.image-and-text__title {
margin: 0 auto 20px;
}
}
.image-and-text__text {
font-weight: 700;
font-size: 32px;
line-height: 1.125;
color: var(--color-gray-blue);
}
@media only screen and (max-width: 1200px) {
.image-and-text__text {
font-size: 26px;
}
}
@media only screen and (max-width: 991px) {
.image-and-text__text {
max-width: 620px;
text-align: center;
}
}
@media only screen and (max-width: 768px) {
.image-and-text__text {
font-size: 20px;
}
}
@media only screen and (max-width: 575px) {
.image-and-text__text {
font-size: 16px;
}
}
.instagram-gallery {
padding: 140px 0;
background-color: #f6f6f6;
}
.instagram-gallery__content {
display: flex;
align-items: center;
}
.instagram-gallery__info {
width: 430px;
}
.instagram-gallery__title {
font-weight: 700;
font-size: 48px;
line-height: 1.16;
color: #171717;
margin-bottom: 30px;
}
.instagram-gallery__btn {
max-width: 150px;
}
.instagram-gallery__items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 18px;
grid-auto-flow: row;
grid-template-areas: ". . ." ". . .";
margin-left: auto;
}
.instagram-gallery__item {
max-width: 165px;
max-height: 165px;
}
@media screen and (max-width: 1025px) {
.instagram-gallery {
padding: 60px 0;
}
}
@media screen and (max-width: 768px) {
.instagram-gallery__content {
flex-direction: column;
}
}
.help-cards {
padding: 140px 0;
}
.testimonial+.help-cards {
padding-top: 80px;
}
@media only screen and (max-width: 1200px) {
.help-cards {
padding: 110px 0;
}
.testimonial+.help-cards {
padding-top: 60px;
}
}
@media only screen and (max-width: 768px) {
.help-cards {
padding: 90px 0;
}
.testimonial+.help-cards {
padding-top: 45px;
}
}
@media only screen and (max-width: 575px) {
.help-cards {
padding: 70px 0;
}
.testimonial+.help-cards {
padding-top: 35px;
}
}
.help-cards--title {
max-width: 800px;
margin: 0 auto 24px;
font-weight: 700;
font-size: 72px;
line-height: 1;
color: var(--color-gray-blue);
text-align: center;
}
@media only screen and (max-width: 768px) {
.help-cards--title {
font-size: 54px;
margin: 0 auto 20px;
}
}
@media only screen and (max-width: 575px) {
.help-cards--title {
font-size: 36px;
margin: 0 auto 15px;
}
}
.help-cards--text {
max-width: 700px;
text-align: center;
font-size: 20px;
line-height: 1.3;
font-weight: 600;
color: #545454;
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.help-cards--text {
font-size: 18px;
}
}
@media only screen and (max-width: 575px) {
.help-cards--text {
font-size: 16px;
}
}
.help-cards .hero-donation__items {
margin-top: 64px;
}
.help-cards .hero-donation__item {
box-shadow: none;
}
@media only screen and (max-width: 768px) {
.help-cards .hero-donation__items {
margin-top: 45px;
}
.help-cards .hero-donation__item {
aspect-ratio: 316 / 302;
}
}
@media only screen and (max-width: 620px) {
.help-cards .hero-donation__item {
aspect-ratio: 316 / 240;
}
}
@media only screen and (max-width: 575px) {
.help-cards .hero-donation__items {
margin-top: 35px;
}
} .hero-donation__items.swiper {
padding-bottom: 56px;
max-width: 100%;
}
.help-cards-pagination__swiper-pagination {
position: absolute;
bottom: 0px !important;
left: 50% !important;
transform: translateX(-50%);
width: fit-content !important;
max-width: 100%;
padding: 12px 16px;
background-color: rgba(39, 56, 63, 0.6);
border-radius: 46px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 7px;
z-index: 1;
}
.help-cards-pagination__swiper-pagination span.swiper-pagination-bullet {
display: block;
margin: 0 !important;
width: 8px !important;
height: 8px !important;
opacity: 1 !important;
background-color: #FFF6DA;
transition: background-color 0.4s ease, opacity 0.4s ease;
}
.help-cards-pagination__swiper-pagination span.swiper-pagination-bullet-active {
background-color: #FFC300;
cursor: auto;
}
.help-cards-pagination__swiper-prev::after,
.help-cards-pagination__swiper-next::after {
display: none;
}
.help-cards-pagination__swiper-prev,
.help-cards-pagination__swiper-next {
top: 50%;
transform: translateY(-50%);
width: 64px;
height: 64px;
aspect-ratio: 1 / 1;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.3);
border: solid 2px rgba(255, 255, 255, 0.35);
display: none;
justify-content: center;
align-items: center;
transition: background-color 0.4s ease, border-color 0.4s ease;
cursor: pointer;
}
@media only screen and (min-width: 1280px) {
.help-cards-pagination__swiper-prev,
.help-cards-pagination__swiper-next {
display: flex;
}
}
.help-cards-pagination__swiper-prev svg,
.help-cards-pagination__swiper-next svg {
stroke: white;
display: block;
width: 35px !important;
height: auto !important;
}
.help-cards-pagination__swiper-prev:hover,
.help-cards-pagination__swiper-next:hover,
.help-cards-pagination__swiper-prev:focus,
.help-cards-pagination__swiper-next:focus {
background-color: white;
border-color: white;
}
.help-cards-pagination__swiper-prev:hover svg,
.help-cards-pagination__swiper-next:hover svg,
.help-cards-pagination__swiper-prev:focus svg,
.help-cards-pagination__swiper-next:focus svg {
stroke: #27383f;
}
.partners-donors {
padding: 120px 0 140px;
}
@media only screen and (max-width: 1200px) {
.partners-donors {
padding: 90px 0 110px;
}
}
@media only screen and (max-width: 768px) {
.partners-donors {
padding: 70px 0;
}
}
@media only screen and (max-width: 575px) {
.partners-donors {
padding: 55px 0;
}
}
.partners-donors__inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
gap: 35px;
}
.partners-donors__heading {
flex: 1;
}
.partners-donors__heading .partners-donors--link {
display: flex;
justify-content: center;
margin-top: 40px;
}
.partners-donors--fix-count .partners-donors--title {
text-align: center;
max-width: 100%;
}
.partners-donors--fix-count .partners-donors--text {
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media only screen and (max-width: 991px) {
.partners-donors__heading {
flex: unset;
width: 100%;
}
}
.partners-donors__search {
width: 100%;
max-width: 296px;
}
.partners-donors__search .events-search {
background-color: #f6f6f6;
margin-left: 0;
position: relative;
}
.partners-donors__search .events-search svg {
display: block;
}
.partners-donors__search .events-search .events-search__input {
width: 100%;
}
@media only screen and (max-width: 575px) {
.partners-donors__search {
max-width: 100%;
}
}
.partners-donors--title {
width: 100%;
max-width: 750px;
margin: 0 0 24px;
font-size: 72px;
line-height: 1;
font-weight: 700;
color: #27383f;
}
@media only screen and (max-width: 768px) {
.partners-donors--title {
font-size: 54px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 575px) {
.partners-donors--title {
font-size: 36px;
margin-bottom: 15px;
}
}
.partners-donors--text {
width: 100%;
max-width: 646px;
font-size: 20px;
line-height: 1.3;
font-weight: 600;
color: #545454;
}
@media only screen and (max-width: 768px) {
.partners-donors--text {
font-size: 18px;
}
}
@media only screen and (max-width: 575px) {
.partners-donors--text {
font-size: 16px;
}
}
.partners-donors__list {
margin-top: 80px;
display: grid;
grid-template-columns: repeat(5, 1fr);
outline: 2px solid #fff;
}
@media only screen and (max-width: 1200px) {
.partners-donors__list {
margin-top: 60px;
}
}
@media only screen and (max-width: 991px) {
.partners-donors__list {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 768px) {
.partners-donors__list {
margin-top: 55px;
}
}
@media only screen and (max-width: 575px) {
.partners-donors__list {
margin-top: 35px;
grid-template-columns: repeat(2, 1fr);
}
}
.partners-donors__list-item {
display: flex;
justify-content: center;
align-items: center;
padding: 35px 42px;
background-color: white;
cursor: pointer;
transition: background-color 0.4s ease;
border-top: 1px solid #ccc;
margin: -1px -1px 0px -1px; border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.partners-donors__list-item.shift {
border-right-width: 0;
border-bottom-width: 0;
margin-left: -1px;
cursor: auto;
}
@media only screen and (max-width: 1200px) {
.partners-donors__list-item {
padding: 25px 30px;
}
}
@media only screen and (max-width: 575px) {
.partners-donors__list-item {
padding: 15px 20px;
}
}
.partners-donors__list-item img {
display: block;
width: auto !important;
height: auto !important;
max-height: 65px;
max-width: 100%;
}
@media only screen and (max-width: 575px) {
.partners-donors__list-item img {
max-height: 52px;
}
}
.partners-donors__list-item:not(.shift):hover,
.partners-donors__list-item:not(.shift):focus {
background-color: #f6f6f6;
}
.partners-donors__not-found {
margin-bottom: -80px;
margin-top: 120px;
text-align: center;
color: var(--color-gray-blue);
font-size: 60px;
font-weight: 700;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 575px) {
.partners-donors__not-found {
margin-bottom: -35px;
margin-top: 45px;
font-size: 30px;
}
}
.partners-donors--fix-count .partners-donors__bottom {
text-align: center;
}
.partners-donors--link {
text-align: center;
}
.partners-donors__swiper {
margin-top: 40px;
height: auto;
padding-bottom: 60px;
}
.swiper-wrapper {
height: auto !important;
}
.partners-donors__swiper .swiper-slide {
height: 100%;
width: 100%;
position: relative;
aspect-ratio: 234 / 137;
padding-top: 1px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.partners-donors__swiper .swiper-slide .partners-donors__list-item {
border: 1px solid #ccc !important;
width: 100%;
height: 100%;
}
.partners-donors__swiper-pagination {
position: absolute;
bottom: 0px !important;
left: 50% !important;
transform: translateX(-50%);
width: fit-content !important;
max-width: 100%;
padding: 12px 16px;
background-color: rgba(39, 56, 63, 0.6);
border-radius: 46px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 7px;
z-index: 1;
}
.partners-donors__swiper-pagination span.swiper-pagination-bullet {
display: block;
margin: 0 !important;
width: 8px !important;
height: 8px !important;
opacity: 1 !important;
background-color: #FFF6DA;
transition: background-color 0.4s ease, opacity 0.4s ease;
}
.partners-donors__swiper-pagination span.swiper-pagination-bullet-active {
background-color: #FFC300;
cursor: auto;
}
.partners-donors__swiper-prev::after ,
.partners-donors__swiper-next::after {
display: none;
}
.partners-donors__swiper-prev {
left: 0;
}
.partners-donors__swiper-next {
right: 0;
}
.partners-donors__swiper-prev,
.partners-donors__swiper-next {
top: 50%;
width: 48px;
height: 48px;
aspect-ratio: 1 / 1;
border-radius: 50%;
background-color: rgba(39, 56, 63, 0.6); display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.4s ease, border-color 0.4s ease;
cursor: pointer;
margin-top: -54px;
}
.partners-donors__swiper-prev svg,
.partners-donors__swiper-next svg {
stroke: white;
display: block;
width: 35px !important;
height: auto !important;
}
.partners-donors__swiper-prev:hover,
.partners-donors__swiper-next:hover, 
.partners-donors__swiper-prev:focus ,
.partners-donors__swiper-next:focus {
background-color: rgba(39, 56, 63, 0.8); }
.partners-donors__swiper-prev:hover svg,
.partners-donors__swiper-next:hover svg, 
.partners-donors__swiper-prev:focus svg,
.partners-donors__swiper-next:focus svg {
stroke: #FFC300;
}
.cat-blog {
padding: 128px 0 32px;
}
.cat-blog__wrapper {
max-width: 1560px;
margin: 0 auto;
padding: 0 60px;
}
.cat-blog__title {
max-width: 800px;
margin: 0 auto 24px;
font-weight: 700;
font-size: 72px;
line-height: 1;
color: var(--color-gray-blue);
text-align: center;
}
.cat-blog__description {
max-width: 800px;
text-align: center;
margin: 0 auto 80px;
font-size: 20px;
font-weight: 600;
line-height: 1.3;
color: var(--color-gray-dark);
}
.cat-blog__buttons {
display: flex;
justify-content: center;
gap: 8px;
margin-bottom: 32px;
}
.cat-blog__btn {
padding: 16px 20px;
font-size: 16px;
white-space: nowrap;
display: inline-flex;
min-width: unset;
}
.cat-blog__btn.active {
background-color: var(--color-yellow);
}
.view-switch {
display: flex;
gap: 4px;
align-items: center;
}
.view-switch .btn-view {
width: 48px;
height: 48px;
flex: 0 0 48px;
font-size: 16px;
line-height: 1.2;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
background-color: #f6f6f6;
transition: all 0.3s;
}
.view-switch .btn-view.active,
.view-switch .btn-view:hover {
background-color: #ededed;
}
.recent-posts-row.view-hidden {
display: none;
}
.recent-posts-row.view-active {
display: grid;
}
.events-list.view-hidden {
display: none;
}
.events-list.view-active {
display: block;
} .single-blog {
padding: 130px 0 140px;
}
.single-blog__wrapper {
max-width: 1560px;
margin: 0 auto;
padding: 0 60px;
}
.single-blog__information {
display: flex;
align-items: center;
margin-bottom: 32px;
gap: 24px;
}
.single-blog__date {
font-size: 14px;
color: var(--color-blue);
text-transform: uppercase;
}
.single-blog__title {
margin: 0 0 48px;
font-weight: 700;
font-size: 72px;
line-height: 1;
color: var(--color-gray-blue);
max-width: 75%;
}
.single-blog__author {
display: flex;
align-items: center;
gap: 10px;
text-transform: uppercase;
}
.sa_photo img {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}
.sa__name {
font-weight: bold;
font-size: 16px;
line-height: 1.4;
}
.sa__name span {
font-weight: normal;
}
.single-blog__main-wrapper {
display: flex;
gap: 110px;
}
.single-blog__main {
flex: 1 0 calc(70% - 110px);
width: calc(70% - 110px);
}
.single-blog__sidebar {
flex: 1 0 calc(30% - 110px);
width: calc(30% - 110px);
}
.single-blog__content h1 {
font-size: 48px;
font-weight: 700;
line-height: 1.3;
color: var(--color-gray-blue);
margin-bottom: 12px;
margin-top: 24px;
}
.single-blog__content h2 {
font-size: 36px;
font-weight: 700;
line-height: 1.3;
color: var(--color-gray-blue);
margin-bottom: 12px;
margin-top: 24px;
}
.single-blog__content h3 {
font-size: 28px;
font-weight: 700;
line-height: 1.3;
color: var(--color-gray-blue);
margin-bottom:12px;
margin-top: 18px;
}
.single-blog__content h4 {
font-size: 24px;
font-weight: 700;
line-height: 1.3;
color: var(--color-gray-blue);
margin-bottom: 12px;
margin-top: 18px;
}
.single-blog__content h5 {
font-size: 20px;
font-weight: 700;
line-height: 1.3;
color: var(--color-gray-blue);
margin-bottom: 8px;
margin-top: 12px;
}
.single-blog__content h6 {
font-size: 16px;
font-weight: 700;
line-height: 1.3;
color: var(--color-gray-blue);
margin-bottom: 8px;
margin-top: 12px;
}
.single-blog__content img {
max-width: 100%;
height: auto;
margin: 18px 0;
}
.single-blog__content ul,
.single-blog__content ol {
margin: 12px 0 12px 32px;
}
.single-blog__content ul {
list-style: disc;
}
.single-blog__sidebar-stiky {
position: sticky;
top: 120px;
}
.single-blog__sidebar-stiky .single-event__subscribe  {
width: 100%;
flex: 1 0 100%;
padding-bottom: 24px;
}
#table-of-contents {
margin: 18px 0 20px;
padding: 40px;
background-color: #fffbed;
}
#table-of-contents ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 12px;
flex-direction: column;
}
#table-of-contents ul li {
margin: 0;
padding: 0;
list-style: none;
font-weight: bold;
color: var(--color-gray-blue);
}
.content-h1 {
font-size: 24px;
}
.content-h2 {
font-size: 21px;
line-height: 1.2;
}
.content-h3 {
font-size: 18px;
line-height: 1.2;
padding-left: 12px !important;
}
.content-h4 {
font-size: 16px;
line-height: 1.2;
padding-left: 24px !important;
}
.content-h5 {
font-size: 14px;
padding-left: 24px;
}
.content-h6 {
font-size: 12px;
}
.post-navigation {
padding: 32px 0;
}
table-of-contents
.sd-cta {
background-color: var(--color-yellow);
}
.sd-cta__wrapper {
padding: 48px 0 48px;
}
.sd-cta__title {
max-width: 700px;
margin: 0 auto 32px !important;
font-size: 72px;
font-weight: 700;
line-height: 1;
text-align: center;
color: var(--color-gray-blue);
}
.sd-cta__button {
display: flex;
justify-content: center;
width: max-content;
margin: 0 auto;
}
@media screen and (max-width: 575px) {
.sd-cta__button {
width: 100%;
}
}
.faq {
padding: 64px 0;
}
.faq__title {
font-size: 3rem;
font-weight: 700;
text-align: center;
margin-bottom: 32px;
}
.accordion__list {
list-style: none;
margin: 16px 0 !important;
display: flex;
flex-direction: column;
gap: 16px;
padding: 0;
}
.accordion__item {
position: relative;
display: block;
width: 100%;
cursor: pointer;
&::before {
display: none !important; 
}
}
.accordion__item.active .accordion__title span {
transform: rotate(180deg);
}
.accordion__title {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
margin: 0 !important;
font-size: 21px !important;
font-weight: 500;
cursor: pointer;
background-color: #f6f6f6;
}
.accordion__title span {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s ease;
}
.accordion__body {
position: relative;
width: 100%;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
background-color: white;
border-radius: 0 0 4px 4px;
}
.accordion__content {
padding: 16px;
}
@media (max-width: 1400px) {
.container {
padding: 0 20px;
}
.hero-follow-us .row {
gap: 120px;
padding: 110px 100px;
}
}
@media screen and (max-width: 1200px) {
.size-main {
padding: 0 20px;
}
.header__menu {
gap: 15px;
}
.grid-three-column__blocks,
.page-id-788 .big-image-block__image {
width: 100%;
}
.programs-content {
gap: 80px;
gap: 30px;
}
.programs-recent-posts__post {
gap: 40px;
}
.programs-recent-posts__post-info {
min-width: 280px;
}
.hero-follow-us .row {
gap: 70px;
padding: 110px 80px;
}
}
@media screen and (max-width: 1025px) {
.section-hero-text {
padding: 80px 0 240px;
}
.hero__text {
font-size: 28px;
line-height: 150%;
}
.hero__title {
font-size: 40px;
}
.big-image-block {
margin-bottom: 60px;
}
.description-with-buttons__text {
width: 100%;
font-weight: 500;
font-size: 16px;
text-align: center;
}
.description-with-buttons__person,
.single-event__info {
margin-bottom: 30px;
}
.description-with-buttons .row {
flex-direction: column;
align-items: center;
}
.event-recent-posts__other .event-recent-posts__post:last-child,
.events-list__item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.popup-container {
width: 90%;
}
.events-list__item-link.desktop,
.reports__table-link.desktop,
.single-event__slider-navigation,
.single-event__subscribe {
display: none;
}
.posts-list-item__img {
min-width: 350px;
}
.instagram-gallery__info {
width: 350px;
}
.instagram-gallery__items {
width: 430px;
gap: 10px;
}
.reports__table-year {
font-size: 14px;
}
.footer__wrapper {
flex-wrap: wrap;
}
.news-slider {
margin-bottom: 90px;
}
.news-slider__item-img,
.single-event__slider-slide {
height: 360px;
}
.big-image-block__title {
font-size: 24px;
margin-bottom: 24px;
}
.recent-event__text {
font-size: 16px;
margin-bottom: 32px;
}
.programs-recent-posts__post a {
width: 100%;
}
.events-list__item-image,
.programs-recent-posts__post-img {
width: 100%;
max-width: 100%;
height: 330px;
margin-bottom: 24px;
}
.events-list__link {
margin-bottom: 32px;
}
.events-list__item-title {
font-size: 19px;
margin-bottom: 0;
}
.events-list__item {
flex-direction: column;
align-items: flex-start;
padding: 0 0 45px;
gap: 0;
border-bottom: none;
}
.events-list__item-info {
max-width: 100%;
margin-bottom: 16px;
}
.events-list__item-text {
max-width: 100%;
margin-bottom: 20px;
font-size: 14px;
}
.events-list {
max-width: 800px;
margin: 0 auto 60px;
}
.events-list__item-link.mobile {
display: flex;
align-self: flex-start;
}
.big-image-block__image {
height: 470px;
margin-bottom: 24px;
}
.big-image-block__content {
flex-direction: column;
gap: 24px;
}
.big-image-block__text {
max-width: 100%;
font-size: 16px;
}
.big-image-block__links {
justify-content: center;
}
.recent-event__event,
.single-event__wrapper {
flex-direction: column;
}
.recent-event {
padding: 50px 0 60px;
}
.recent-event__event {
align-items: flex-start;
gap: 32px;
}
.recent-event__event-title {
font-size: 20px;
margin-bottom: 20px;
}
.events-panel {
padding-left: 0;
max-width: 800px;
margin: 0 auto;
}
.events__title {
font-size: 24px;
}
.reports,
.single-event__content {
padding: 60px 0;
}
.event-recent-posts__other .event-recent-posts__post,
.event-recent-posts__posts,
.single-event__content-wrapper {
flex-direction: column;
gap: 0;
}
.single-event__content-content {
flex: 1 0 100%;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.event-recent-posts__wrapper {
max-width: 800px;
margin: 0 auto;
}
.event-recent-posts__title {
font-size: 24px;
margin-bottom: 35px;
text-align: center;
}
.event-recent-posts__last {
max-width: 100%;
border-bottom: 1px solid #e1e1e1;
}
.event-recent-posts__last-img {
width: 100%;
height: 330px;
}
.event-recent-posts__post-img {
width: 100%;
height: 330px;
margin-bottom: 25px;
}
.event-recent-posts__other .event-recent-posts__post:first-child {
padding-top: 40px;
}
.event-recent-posts__post-text {
display: block;
margin-bottom: 15px;
}
.event-recent-posts__last-text,
.reports__table-name,
.single-event__content p,
.single-event__content ul li {
font-size: 14px;
}
.event-recent-posts {
margin-bottom: 60px;
}
.reports__title {
font-size: 24px;
margin: 0 auto 32px;
}
.reports__table-row {
padding: 20px 25px;
}
.reports__table-head {
padding: 15px 25px;
}
.reports__table-row:nth-child(odd) {
background-color: #f1f5ff;
}
.reports__table-row:nth-child(odd) .reports__table-year {
background-color: white;
color: var(--color-blue);
}
.reports__table-link.mobile {
display: flex;
}
.events-list__item:first-child {
border-top: none;
padding-top: 45px;
}
.pagination {
margin-bottom: -60px;
}
}
@media screen and (max-width: 992px) {
body.overflow,
html.overflow {
position: relative;
height: 100%;
overflow: hidden;
}
.programs-recent-posts__post-info {
width: 100%;
}
.programs-recent-posts__post {
flex-direction: column;
max-width: 800px;
margin: 0 auto;
align-items: center;
padding: 42px 0;
gap: 0;
}
.programs-recent-posts__post-text {
min-width: 100%;
}
.popup-container {
padding: 70px;
max-height: 500px;
overflow: scroll;
}
.posts-list-item {
padding: 35px 20px;
gap: 45px;
}
.programs-odometer {
flex-direction: column;
align-items: center;
}
.programs-odometer__list {
flex-wrap: wrap;
}
.programs-odometer__item:nth-child(2),
.programs-odometer__item:nth-child(3) {
margin-left: 0;
}
.programs-content {
gap: 20px;
}
.programs-content__disc {
width: 70%;
}
.programs-recent-posts__post-info {
min-width: 210px;
}
.programs-recent-posts__post-title {
font-size: 19px;
line-height: 150%;
}
.news-list .row {
gap: 40px;
flex-direction: column;
align-items: center;
}
.hero-follow-us .row {
flex-direction: column;
text-align: center;
}
.instagram-gallery__info {
width: 300px;
margin-right: 20px;
}
.instagram-gallery__title {
font-size: 24px;
line-height: 130%;
text-align: center;
}
.instagram-gallery__items {
width: 460px;
}
.hero__video {
height: auto;
}
.cards__card {
width: 100%;
flex: 1 0 100%;
min-height: 380px;
}
.cards__wrapper {
gap: 16px;
}
.cards__card-icon {
margin-bottom: 34px;
}
.cards__card-title {
font-size: 20px;
}
.cards__card-text {
font-size: 14px;
}
.cards__card-link {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#burger-menu .menu-item a {
font-size: 18px;
}
.events-filter-date,
.events-search .events-search__input,
.footer-top__button a,
.programs-recent-posts__post a {
width: 100%;
}
.grid-three-column__btn {
display: none;
}
.grid-three-column,
.news-list {
margin: 60px 0;
}
.grid-three-column__subtitle {
display: block;
margin-bottom: 20px;
}
.grid-three-column__blocks {
grid-template-columns: repeat(1, auto);
}
.additional-menu,
.programs-content__slider__btns,
.programs-recent-posts__post-link.desktop {
display: none;
}
.events-panel,
.posts-list-item,
.programs-content,
.programs-odometer {
flex-direction: column;
}
.page-id-788 .description-only-text::before {
height: 650px;
}
.programs-odometer {
gap: 40px;
}
.instagram-gallery__btn,
.programs-odometer-btn {
margin: 0 auto;
}
.programs-content__disc,
.programs-content__title {
min-width: 100%;
}
.programs-recent-posts__title {
font-size: 24px;
line-height: 135%;
}
.news-list__title {
line-height: 130%;
font-size: 24px;
}
.programs-recent-posts__post-link.mobile {
display: inline-flex;
}
.description-with-buttons {
margin: 50px 0 60px;
}
.description-with-buttons__btns {
justify-content: center;
width: 100%;
}
.news-list__title {
text-align: center;
font-weight: 700;
}
.hero__text,
.title-regular {
font-weight: 500;
letter-spacing: -0.03em;
}
.instagram-gallery .container {
flex-direction: column;
text-align: center;
}
.instagram-gallery__info {
margin-right: 0;
margin-bottom: 35px;
width: 100%;
}
.instagram-gallery__items {
width: 340px;
margin: 0 auto;
gap: 11px;
}
.instagram-gallery__item {
width: 105px;
height: 102px;
}
.section-hero::before {
background-image: url(//unitedhelpukraine.org/wp-content/themes/uhu/images/svg/hero-mask-mobile.svg);
background-size: cover;
background-position: 0 150px;
}
.hero__video video {
height: 560px;
width: 100%;
object-fit: cover;
}
.page-id-788 .big-image-block__image {
max-width: 330px;
max-height: 470px;
margin: 0 auto;
}
.title-regular {
font-size: 24px;
}
.graphics__wrapper {
padding: 60px 0;
}
#chart-container {
height: auto;
min-height: 520px;
}
.statistics__rendered-content {
padding-top: 25px;
background-color: #fff;
}
.footer-top__title {
font-size: 36px;
font-weight: 700;
line-height: 121%;
letter-spacing: -0.01em;
max-width: 295px;
margin: 0 auto 24px;
}
.footer-top__title svg {
width: 30px;
height: 30px;
margin-right: 10px;
}
.footer-top__wrapper {
padding: 48px 0 40px;
}
.footer__wrapper {
padding: 42px 0;
}
.events-filter-date,
.footer__title {
margin-bottom: 15px;
}
.footer__text {
margin-bottom: 24px;
}
.big-image-block__links {
flex-direction: column;
gap: 14px;
}
.events-filter-date .custom-select {
width: 100%;
margin-bottom: 0;
}
.events-search {
width: 100%;
margin-left: 0;
}
.events__title {
margin-bottom: 32px;
}
}
@media screen and (max-width: 575px) {
#burger-menu .header__button,
.instagram-gallery__btn {
max-width: 100%;
}
.footer__form form input,
.news-slider__item,
.single-event__link {
width: 100%;
}
.news-slider .w-auto {
width: 100% !important;
}
.footer__form form > p {
flex-direction: column;
}
.description-only-text__desc {
font-size: 16px;
line-height: 155%;
}
.grid-three-column__title {
font-size: 24px;
line-height: 135%;
max-width: 100%;
margin: 0 0 12px;
text-align: left;
}
.grid-three-column__blocks {
grid-row-gap: 30px;
}
.grid-three-column__block-text {
font-size: 16px;
line-height: 155%;
max-width: 90%;
}
.slider-with-tabs {
margin: 60px 0 0;
}
.slider-with-tabs__title {
font-size: 24px;
line-height: 130%;
margin-bottom: 20px;
letter-spacing: -0.03em;
}
.hero-follow-us__title img,
.slider-with-tabs__block,
.slider-with-tabs__swiper {
display: none;
}
.slider-with-tabs__swiper:first-child {
display: block;
}
.slider-with-tabs-card__img {
height: 275px;
}
.slider-with-tabs-card__name {
font-size: 14px;
line-height: 120%;
margin-top: 10px;
margin-bottom: 8px;
}
.slider-with-tabs-card__position {
font-size: 14px;
line-height: 155%;
}
.popup-container {
padding: 70px 40px;
max-height: 500px;
overflow: scroll;
}
.description-only-text {
margin: 50px auto;
}
.description-only-text__title {
font-size: 36px;
letter-spacing: -0.03em;
}
.posts-list {
margin-bottom: 60px;
}
.posts-list-item {
padding: 25px 0;
gap: 25px;
}
.posts-list-item:last-child,
.programs-recent-posts__post:last-child {
border-bottom: none;
}
.posts-list-item__img {
width: 335px;
min-width: 335px;
height: 332px;
}
.posts-list-item__title {
font-size: 19px;
line-height: 150%;
margin-bottom: 15px;
}
.posts-list-item__text {
margin-bottom: 20px;
font-size: 14px;
line-height: 155%;
}
.programs-title {
font-size: 36px;
line-height: 130%;
margin-bottom: 25px;
}
.programs .post-thumbnail {
height: 360px;
}
.programs-odometer__item-value {
font-size: 36px;
line-height: 110%;
margin-bottom: 0;
}
.programs-recent-posts__row {
flex-direction: column;
text-align: center;
padding: 0;
align-items: center;
margin-bottom: 0;
}
.programs-recent-posts__title {
font-size: 24px;
line-height: 135%;
}
.programs-recent-posts__allbtn {
margin-top: 20px;
}
.programs-recent-posts__post {
padding: 25px 0;
border-top: none;
border-bottom: 1px solid #f1f1f1;
}
.news-list__item,
.news-list__item:first-child {
padding: 0 0 35px;
}
.description-with-buttons__btns {
flex-direction: column;
width: 100%;
}
.news-list__item {
flex-direction: column;
gap: 0;
border: none;
}
.news-list__item:last-child {
padding: 0;
}
.news-list__item-img,
.news-list__item-img img {
width: 100%;
min-height: 155px;
}
.news-list__item-link {
margin-top: 10px;
}
.hero-follow-us .container {
background-image: none;
}
.hero-follow-us .row {
padding: 60px 0;
gap: 30px;
}
.hero-follow-us__title {
font-size: 24px;
line-height: 135%;
max-width: 70%;
margin: 0 auto 15px;
}
.hero-follow-us__subtitle {
font-size: 14px;
line-height: 155%;
max-width: 75%;
margin: 0 auto;
}
.hero-follow-us__social-url {
font-size: 14px;
line-height: 155%;
padding: 15px 25px;
}
.hero-follow-us__social-image {
width: 17px;
height: 17px;
}
.hero-follow-us__social-image img {
object-fit: contain;
}
.section-hero .title-hero {
font-size: 48px;
line-height: 130%;
margin-bottom: 20px;
}
.section-hero-text {
padding: 50px 0;
}
.section-graphics .title-regular {
margin-bottom: 30px;
}
.hero__button,
.pagination {
margin-bottom: 50px;
}
.image-ua {
max-width: 50px;
transform: translateY(0);
}
.footer__menu {
flex-wrap: nowrap;
}
.footer__navigation {
margin-bottom: 20px;
}
.footer-bottom__wrapper {
padding: 15px 0;
gap: 10px;
}
.news-slider__inner {
width: auto;
}
.news-slider-pagination {
display: flex;
justify-content: center;
}
.reports__table-name {
flex: 0 0 120px;
}
}
@media (max-width: 423px) {
.footer__form form br {
display: none;
}
.programs-odometer-btn {
width: 100%;
}
.posts-list-item__img {
width: 100%;
min-width: 100%;
}
.programs-odometer {
margin-top: 30px;
gap: 0;
}
.programs-odometer__list {
gap: 20px;
margin-bottom: 20px;
}
.programs-odometer__item-title {
font-size: 14px;
line-height: 135%;
}
.programs-content__title {
margin-left: 8px;
}
.programs-content__disc p {
font-size: 16px;
line-height: 155%;
}
.programs-content__sliders {
margin-top: 30px;
}
.programs-recent-posts .container {
padding: 0 20px;
}
.programs-recent-posts__post-link.mobile {
margin-top: -10px;
}
.programs-recent-posts__post-text {
font-size: 14px;
line-height: 155%;
margin-top: -25px;
}
.news-list {
margin: 30px 0;
}
.hero-follow-us__textblock {
min-width: 250px;
}
.instagram-gallery__items {
width: 335px;
gap: 9px;
}
.instagram-gallery__item {
width: 102px;
height: 100px;
}
.footer__form {
margin: 0;
}
.footer__wrapper {
gap: 40px;
}
.footer__menu-block {
gap: 0;
}
.footer__form form input {
max-width: 100%;
}
}
@media screen and (max-width: 374px) {
#chart-container {
height: auto;
min-height: 420px;
}
}
@media (max-width: 350px) {
.instagram-gallery__item,
.instagram-gallery__items {
width: 100%;
}
}
@media (max-height: 500px) {
.popup-container {
max-height: 300px;
}
}
:root {
--color-white: #fcfcfc;
--color-black: #171717;
--color-dark-blue: #25346a;
--color-dark-gray: #42434b;
--color-gray: #d3d3d3;
--color-light-gray: #e9e9e9;
--color-yellow: #fcd633;
--color-yellow-second: #f1cc2c;
--color-light-yellow: #fffdf2;
--color-light-blue: #f1f5ff;
--color-extra-dark-gray: #36373d;
--color-blue: #005cbb;
--color-blue-hover: #006ddd;
--color-blue-visited: #0354a8;
--color-gray-blue: #27383f;
--color-brown: #4b4636;
--color-gray-dark: #545454;
--color-gray: #cccccc;
--color-gray-light: #e9e9e9;
--color-blue: #3593ff;
--color-yellow: #ffc300;
--color-red: #e6501e;
--color-blue-light: #e1efff;
}