@charset "UTF-8";
@charset "UTF-8";


html {
box-sizing: border-box;
}
*,
*::after,
*::before {
box-sizing: inherit;
}
ul[class] {
padding: 0;
}
input::-webkit-input-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input::-moz-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input:-moz-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input:-ms-input-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input:focus::-webkit-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input:focus::-moz-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input:focus:-moz-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input:focus:-ms-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
textarea::-webkit-input-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
textarea::-moz-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
textarea:-moz-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
textarea:-ms-input-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
textarea:focus::-webkit-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
textarea:focus::-moz-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
textarea:focus:-moz-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
textarea:focus:-ms-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
}
ul[class] {
list-style: none;
}
li {
margin: 0;
}
img {
max-width: 100%;
display: block;
}
input,
button,
textarea,
select {
font: inherit;
}
input,
textarea {
outline: none;
}
textarea {
resize: none;
}
a {
text-decoration: none;
cursor: pointer;
}
button {
border: none;
cursor: pointer;
background-color: transparent;
padding: 0;
outline: none;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Thin.ttf);
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Light.ttf);
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Regular.ttf);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Medium.ttf);
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Bold.ttf);
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Black.ttf);
font-weight: 700;
font-style: normal;
}
body {
font-family: "Roboto";
font-style: normal;
}
.wrapper {
width: 75%;
max-width: 1400px;
margin: 0 auto;
}
.wrapper__container {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.wrapper__left-block {
width: 20%;
}
.wrapper__right-block {
width: 76%;
}
.breadcrumbs {
gap: 5px;
display: flex;
overflow-x: scroll;
margin: 20px auto 30px;
}
.breadcrumbs::-webkit-scrollbar {
width: 0;
}
.breadcrumbs__item {
font-size: 13px;
color: #2C5B95;
font-weight: 400;
line-height: 18px;
width: fit-content;
white-space: nowrap;
}
.breadcrumbs__item span {
text-decoration: underline;
}
.breadcrumbs__item::after {
content: "→";
color: #000000;
font-size: 13px;
font-weight: 400;
line-height: 18px;
margin-left: 5px;
text-decoration: none;
}
.breadcrumbs__item:last-child {
color: #A7ACB1;
text-decoration: none;
}
.breadcrumbs__item:last-child::after {
content: "";
margin: 0;
}
.title {
font-size: 36px;
font-weight: bold;
margin-bottom: 10px;
}
.sub-title {
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
}
.paragraph {
font-size: 20px;
font-weight: 400;
margin-bottom: 12px;
}
.paragraph .bold {
font-weight: bold;
}
.list {
list-style: disc !important;
padding-left: 40px !important;
}
.list__item {
color: #000000;
font-size: 22px;
margin-bottom: 12px;
}
.link {
width: 100%;
display: block;
font-size: 16px;
font-weight: 400;
color: #2C5B95;
margin-bottom: 12px;
text-decoration: underline;
}
.video {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.video__wrapper {
width: 100%;
height: 0;
position: relative;
margin: 15px 0;
padding-top: 59%;
}
.search.wrapper {
margin: 20px auto 0;
width: 30%;
}
@media (max-width: 1600px) {
.wrapper {
width: 90%;
}
.wrapper__left-block {
width: 30%;
}
.wrapper__right-block {
width: 66%;
}
.search.wrapper {
margin: 20px auto 0;
width: 30%;
}
}
@media (max-width: 1024px) {
.wrapper__left-block {
display: none;
}
.wrapper__right-block {
width: 100%;
}
.search.wrapper {
margin: 20px auto 0;
width: 50%;
}
}
@media (max-width: 600px) {
.search.wrapper {
margin: 20px auto 0;
width: 90%;
}
.title {
font-size: 22px;
}
}
.media__list {
gap: 20px;
display: flex;
flex-direction: column;
}
.media__card {
gap: 15px;
display: flex;
align-items: center;
}
.media__card__img-wrapper {
min-width: 120px;
flex-basis: 120px;
position: relative;
}
.media__card__img {
width: 100%;
height: 90px;
object-fit: cover;
}
.media__card__icon {
background: url(//sdgs.by/wp-content/themes/sdgs/images/media/folder.svg) no-repeat center center;
width: 32px;
height: 32px;
position: absolute;
top: calc(50% - 16px);
left: calc(50% - 16px);
}
.media__card__title {
color: #000000;
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.media__card__date {
color: #A7ACB1;
font-size: 14px;
font-weight: 500;
}
.photo-inner__list {
display: grid;
grid-gap: 10px;
grid-auto-flow: row;
grid-template-columns: repeat(3, 1fr);
}
.photo-inner__img {
width: 100%;
height: 200px;
object-fit: cover;
cursor: pointer;
}
.full-screen-slider {
padding: 100px;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1000;
opacity: 0;
transition: all 0.3s;
}
.full-screen-slider .swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.full-screen-slider .swiper-slide {
background-size: cover;
background-position: center;
}
.full-screen-slider .mySwiper2 {
height: 80%;
width: 100%;
}
.full-screen-slider .mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.full-screen-slider .mySwiper .swiper-slide {
width: 25%;
height: 100%;
background-color: rgba(255, 255, 255, 0);
}
.full-screen-slider .mySwiper .swiper-slide-thumb-active {
background-color: rgba(255, 255, 255, 0.4);
}
.full-screen-slider .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.close-slider {
position: absolute;
top: 10px;
right: 10px;
color: white;
cursor: pointer;
}
@media (max-width: 800px) {
.photo-inner__list {
grid-template-columns: repeat(2, 1fr);
}
.full-screen-slider {
padding: 200px 40px;
}
.full-screen-slider .swiper-slide {
background-size: cover;
background-position: center;
}
.full-screen-slider .mySwiper2 {
height: 60%;
width: 100%;
}
.full-screen-slider .mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.full-screen-slider .mySwiper .swiper-slide {
width: 25%;
height: 100%;
background-color: rgba(255, 255, 255, 0);
}
.full-screen-slider .mySwiper .swiper-slide-thumb-active {
background-color: rgba(255, 255, 255, 0.4);
}
.full-screen-slider .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media (max-width: 500px) {
.photo-inner__list {
grid-template-columns: repeat(1, 1fr);
}
}
.sub-nav__list__item {
padding: 10px;
cursor: pointer;
border-radius: 4px;
margin-bottom: 10px;
border-bottom: 1px solid #2C5B95;
}
.sub-nav__list__item:hover {
background-color: #2C5B95;
}
.sub-nav__list__item:hover .sub-nav__list__link {
color: #ffffff;
}
.sub-nav__list__link {
font-size: 17px;
font-weight: bold;
line-height: 24px;
color: #000000;
text-transform: uppercase;
}
.sub-nav .accordion__item {
width: 100%;
margin-bottom: 10px;
}
.sub-nav .accordion__header {
border-bottom: 1px solid #2C5B95;
}
.sub-nav .accordion__header:hover {
color: #ffffff;
background-color: #2C5B95;
}
.sub-nav .accordion__header:hover::after {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowWhite.svg);
}
.sub-nav .accordion__header::after {
flex-shrink: 0;
width: 20px;
height: 10px;
margin-left: auto;
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowBlack.svg);
background-repeat: no-repeat;
background-size: 1.25rem;
content: "";
transition: transform 0.2s ease-out;
}
.sub-nav .accordion__body {
padding: 0;
}
.sub-nav .accordion__body__list__item {
padding: 10px;
border-bottom: 2px solid #2C5B95;
}
.sub-nav .accordion__body__list__item:hover .accordion__body__list__link {
color: #2C5B95;
}
.sub-nav .accordion__body__list__link {
color: #232323;
font-size: 17px;
font-weight: 600;
line-height: 24px;
}
.sub-nav .accordion__content {
display: flex;
flex-direction: column;
background: #fff;
}
.sub-nav .accordion__content .accordion__header {
color: #232323;
text-transform: none;
font-size: 17px;
font-weight: 600;
line-height: 24px;
border-bottom: 2px solid #2C5B95;
}
.sub-nav .accordion__content .accordion__header:hover {
color: #ffffff;
background-color: #2C5B95;
}
.sub-nav .accordion__content .accordion__header:hover::after {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowWhite.svg);
}
.sub-nav .accordion__item_show > .accordion__header::after,
.sub-nav .accordion__item_slidedown > .accordion__header::after {
transform: rotate(-180deg);
}
.sub-nav .accordion__item:not(.accordion__item_show) > .accordion__body {
display: none;
}
@media (max-width: 1024px) {
.sub-nav {
display: none;
}
}
.accordion__item {
width: 240px;
margin-bottom: 10px;
}
.accordion__header {
padding: 10px;
cursor: pointer;
color: #232323;
display: flex;
font-size: 17px;
font-weight: bold;
line-height: 24px;
text-transform: uppercase;
white-space: wrap;
align-items: center;
justify-content: space-between;
transition: background-color 0.2s ease-out;
margin-bottom: 5px;
border-radius: 4px;
}
.accordion__header:hover {
color: #ffffff;
background-color: #2C5B95;
}
.accordion__header:hover::after {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowWhite.svg);
}
.accordion__header::after {
flex-shrink: 0;
width: 20px;
height: 10px;
margin-left: auto;
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowBlack.svg);
background-repeat: no-repeat;
background-size: 1.25rem;
content: "";
transition: transform 0.2s ease-out;
}
.accordion__body {
overflow: hidden;
padding: 0 10px;
max-height: 0;
transition: max-height 0.35s ease-in-out;
}
.accordion__item_show .accordion__body {
max-height: 100%;
transition: max-height 0.35s ease-in-out;
}
.accordion__item_init .accordion__body {
max-height: 0;
}
.pagination {
margin: 50px auto 0;
user-select: none;
text-align: center;
}
.pagination__item {
display: inline-block;
}
.pagination__item .active {
color: #ffffff;
font-weight: 700;
padding: 14px 18px;
background-color: #2C5B95;
}
.pagination__item .ellipsis {
font-size: 19px;
color: #2C5B95;
}
.pagination__link {
font-size: 14px;
font-weight: 500;
line-height: 16px;
color: #000000;
padding: 14px 18px;
border-radius: 50%;
background-color: #FBFBFB;
transition: all 0.5s;
}
.pagination__link:hover {
color: #ffffff;
background-color: #2C5B95;
}
.header {
display: flex;
padding: 0px 20px;
justify-content: space-between; }
.header__logo img {
width: 403px;
max-width: 100%;
}
.header__nav {
padding: 35px 30px;
}
.header__nav__top-list {
gap: 2.5px;
display: flex;
}
.header__nav__top-list__item {
gap: 5px;
display: flex;
padding: 10px;
cursor: pointer;
position: relative;
align-items: center;
border-radius: 4px;
transition: all 0.2s;
}
.header__nav__top-list__item path {
fill: #000000;
transition: all 0.3s;
}
.header__nav__top-list__item:hover {
background-color: #2C5B95;
}
.header__nav__top-list__item:hover .header__nav__top-list__link {
color: #ffffff;
}
.header__nav__top-list__item:hover path {
fill: #ffffff;
}
.header__nav__top-list__link {
font-size: 15px;
font-weight: 600;
color: #193557;
white-space: nowrap;
letter-spacing: 0.89px;
text-transform: uppercase;
transition: all 0.3s;
}
.header__nav__top-list__content {
left: 0;
top: 100%;
z-index: 3;
display: none;
min-width: 300px;
position: absolute;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.header__nav__top-list__content__item {
display: flex;
padding: 0 10px;
align-items: center;
transition: all 0.3s;
justify-content: space-between;
border-bottom: 1px solid #cdcdcd;
}
.header__nav__top-list__content__item .svg path {
fill: #000000;
}
.header__nav__top-list__content__item:hover {
background-color: #2C5B95;
}
.header__nav__top-list__content__item:hover .header__nav__top-list__content__link {
color: #ffffff;
}
.header__nav__top-list__content__item:hover .svg path {
fill: #ffffff;
}
.header__nav__top-list__content__link {
width: 100%;
padding: 10px;
font-size: 15px;
font-weight: 600;
color: #193557;
text-transform: uppercase;
transition: all 0.3s;
position: relative;
display: block;
}
.header__nav__top-list__content__sub-list {
display: none;
position: absolute;
top: 10%;
left: 100%;
min-width: 300px;
width: auto;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.header__nav__top-list__content__sub-list__item {
display: flex;
padding: 0 10px;
align-items: center;
transition: all 0.3s;
justify-content: space-between;
border-bottom: 1px solid #cdcdcd;
}
.header__nav__top-list__content__sub-list__item .svg path {
fill: #000000;
}
.header__nav__top-list__content__sub-list__item:hover {
background-color: #2C5B95;
}
.header__nav__top-list__content__sub-list__item:hover .header__nav__top-list__content__sub-list__link {
color: #ffffff;
}
.header__nav__top-list__content__sub-list__item:hover .svg path {
fill: #ffffff;
}
.header__nav__top-list__content__sub-list__link {
padding: 10px;
font-size: 15px;
font-weight: 600;
color: #193557;
text-transform: uppercase;
transition: all 0.3s;
display: block;
}
.header__nav__top-list__content__sub-list.last {
left: auto;
right: 100%;
}
.header__nav__top-list__content.last {
left: auto;
right: 0;
}
.header__nav__top-list__content.last .header__nav__top-list__content__link {
text-align: right;
}
.header__nav__bottom-block {
display: flex;
align-items: center;
margin: 10px 0 5px 10px;
justify-content: space-between;
}
.header__nav__bottom-block__link:hover {
transition: 0.3s;
transform: scale(1.2);
}
.header__nav__bottom-block__right {
gap: 20px;
display: flex;
align-items: center;
}
.header__mobile {
display: none;
}
.header__burger {
display: none;
}
.header__burger__close-wrapper {
display: flex;
padding: 20px 0;
justify-content: right;
}
.header__burger-menu {
overflow-y: auto;
top: 0;
right: 0;
width: 50%;
z-index: 4;
padding: 20px;
display: block;
background: #ffffff;
position: absolute;
box-sizing: border-box;
transform: translateY(-100%);
transition: transform 0.3s ease-in-out;
}
.header__burger-menu__list {
margin: 10px 0 30px;
}
.header__burger-menu__list__item {
padding: 23px 30px;
background-color: #E1E7ED;
margin-bottom: 5px;
}
.header__burger-menu__list__item__sub-list__item .accordion__item {
width: 100%;
}
.header__burger-menu__list__item__sub-list__item .accordion__header {
gap: 0;
color: #193557;
padding: 23px 30px;
background-color: #E1E7ED;
justify-content: space-between;
}
.header__burger-menu__list__item__sub-list__item .accordion__body {
padding: 0;
}
.header__burger-menu__list__sub-item {
padding: 23px 30px;
background-color: #3a5c85;
margin-bottom: 5px;
}
.header__burger-menu__list__sub-link {
font-size: 16px;
font-weight: 600;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
}
.header__burger-menu__list__accordion-item .accordion__item {
width: 100%;
margin-bottom: 0;
}
.header__burger-menu__list__accordion-item .accordion__header {
gap: 0;
padding: 0;
color: #193557;
background-color: transparent;
justify-content: space-between;
padding: 23px 30px;
background-color: #E1E7ED;
margin-bottom: 5px;
}
.header__burger-menu__list__accordion-item .accordion__header:hover {
color: #193557;
}
.header__burger-menu__list__accordion-item .accordion__header:hover path {
fill: #000000;
}
.header__burger-menu__list__accordion-item .accordion__body {
padding: 0;
}
.header__burger-menu__list__link {
font-size: 17px;
font-weight: bold;
color: #193557;
text-decoration: none;
text-transform: uppercase;
}
.header__burger-menu__sub-block {
gap: 30px;
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.header__burger .active {
display: block;
}
.header__burger-overlay {
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
display: none;
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
}
.header__burger-menu.active + .header__burger-overlay {
display: block;
opacity: 1;
pointer-events: auto;
}
@media (min-width: 1025px) and (max-width: 1200px) {
.header {
flex-direction: column;
justify-content: center;
align-items: center;
}
}
@media (max-width: 1024px) {
.header {
align-items: center;
}
.header__nav {
display: none;
}
.header__burger {
display: block;
}
}
@media (max-width: 768px) {
.header__logo img {
width: 333px;
}
.header__burger-menu {
width: 100%;
height: 100vh;
}
}
@media (max-width: 450px) {
.header__logo img {
width: 233px;
}
}
.footer {
padding: 20px;
background: #F7F9FC;
}
.footer__text {
font-size: 12px/22px;
color: #8B9299;
}
.footer__text a {
color: #8B9299;
text-decoration: underline;
}
.footer__big-text {
font-size: 16px/22px;
text-transform: uppercase;
color: #000000;
}
.footer__container {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer__link-block {
gap: 20px;
display: flex;
align-items: center;
}
@media (max-width: 700px) {
.footer__text {
text-align: center;
}
.footer__big-text {
display: none;
}
.footer__container {
gap: 10px;
flex-direction: column;
}
}
.logo-slider {
height: 100%;
position: relative;
width: 80%;
margin: 0 auto 15px;
}
.logo-slider .swiper-wrapper {
padding: 40px 0;
}
.logo-slider .swiper {
width: 94%;
height: 100%;
border-top: 3px solid #2F402D;
border-bottom: 3px solid #2F402D;
}
.logo-slider .swiper-slide {
gap: 70px;
display: flex;
font-size: 18px;
background: #fff;
justify-content: center;
text-align: center;
align-items: center;
}
.logo-slider .swiper-slide img {
display: block;
width: 178px;
height: 55px;
object-fit: contain;
filter: grayscale(100%);
}
.logo-slider .swiper-button-prev, .logo-slider .swiper-button-next {
position: absolute;
top: 50%;
z-index: 2;
}
.logo-slider .swiper-button-prev::after, .logo-slider .swiper-button-next::after {
content: "";
}
.logo-slider .swiper-button-next {
transform: rotate(180deg);
}
.logo-slider a {
gap: 4px;
display: flex;
align-items: center;
}
.logo-slider .text {
font-size: 12px;
color: #666666;
}
@media (max-width: 1600px) {
.logo-slider {
width: 95%;
}
}
.social-list {
gap: 10px;
display: flex;
align-items: center;
}
.social-list__img {
width: 32px;
height: 32px;
object-fit: cover;
transition: 0.3s;
}
.social-list__img:hover {
transform: scale(1.2);
}
.banners-list {
display: grid;
grid-gap: 1.5%;
grid-auto-flow: row;
margin-bottom: 75px;
grid-template-columns: repeat(3, 1fr);
}
.banners-list__link {
position: relative;
}
.banners-list__content {
top: 15px;
left: 25px;
right: 40px;
color: #ffffff;
position: absolute;
}
.banners-list__content .container {
gap: 10px;
display: flex;
}
.banners-list__content .place {
display: flex;
flex-direction: column;
}
.banners-list__content .place .number {
font-size: 50px;
font-weight: bold;
line-height: 100%;
}
.banners-list__content .place .text {
font-size: 20px;
}
.banners-list__content .description {
font-size: 20px;
}
.banners-list__img {
width: 100%;
}
@media (max-width: 1200px) {
.banners-list__content {
top: 15px;
left: 25px;
right: 10px;
}
.banners-list__content .title {
font-size: 25px;
}
.banners-list__content .place {
display: flex;
flex-direction: column;
}
.banners-list__content .place .number {
font-size: 40px;
font-weight: bold;
line-height: 100%;
}
.banners-list__content .place .text {
font-size: 14px;
}
.banners-list__content .description {
font-size: 20px;
}
}
@media (max-width: 1000px) {
.banners-list__content {
top: 15px;
left: 25px;
right: 10px;
}
.banners-list__content .title {
font-size: 25px;
}
.banners-list__content .place {
display: flex;
flex-direction: column;
}
.banners-list__content .place .number {
font-size: 40px;
font-weight: bold;
line-height: 100%;
}
.banners-list__content .place .text {
font-size: 14px;
}
.banners-list__content .description {
font-size: 14px;
}
}
@media (max-width: 768px) {
.banners-list {
grid-template-columns: repeat(1, 1fr);
margin-bottom: 50px;
}
.banners-list__content {
top: 15px;
left: 25px;
right: 10px;
color: #ffffff;
position: absolute;
}
.banners-list__content .container {
gap: 10px;
display: flex;
}
.banners-list__content .place {
display: flex;
flex-direction: column;
}
.banners-list__content .place .number {
font-size: 50px;
font-weight: bold;
line-height: 100%;
}
.banners-list__content .place .text {
font-size: 20px;
}
.banners-list__content .description {
font-size: 20px;
}
}
@media (max-width: 400px) {
.banners-list__content .place {
display: flex;
flex-direction: column;
}
.banners-list__content .place .number {
font-size: 40px;
font-weight: bold;
line-height: 100%;
}
.banners-list__content .place .text {
font-size: 14px;
}
.banners-list__content .description {
font-size: 16px;
}
}
.lang-list {
gap: 40px 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.lang-list__link {
color: #193557;
font-size: 15px;
font-weight: 600;
padding: 10px 24px;
border-radius: 4px;
transition: all 0.3s;
white-space: nowrap;
letter-spacing: 0.89px;
text-transform: uppercase;
background-color: #EDEDED;
}
.lang-list__link:hover {
color: #ffffff;
background-color: #2C5B95;
}
.lang-list .active .lang-list__link {
color: #ffffff;
background-color: #2C5B95;
}
.all-news-list {
display: grid;
grid-gap: 20px;
grid-auto-flow: row;
grid-template-columns: repeat(4, 1fr);
margin-bottom: 75px;
}
.all-news-list__item {
border-top: 3px solid #0071aa;
padding-top: 15px;
}
.all-news-list__title {
font-weight: 600;
font-size: 18px;
color: #0071aa;
text-decoration: underline;
text-transform: uppercase;
}
.all-news-list__sub-title {
color: #000000;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height: 66px;
margin-top: 15px;
}
.all-news-list__img-default {
width: 100%;
height: 195px;
margin-bottom: 45px;
object-fit: cover;
}
.all-news-list__img {
width: 100%;
}
.all-news-list__date {
font-size: 12px;
font-weight: 500;
color: #A7ACB1;
margin-bottom: 25px;
}
.all-news-list__sub-text {
font-size: 16px;
text-decoration: underline;
color: #A7ACB1;
font-weight: 400;
}
.all-news-list__link:hover {
text-decoration: underline;
}
@media (max-width: 1024px) {
.all-news-list {
grid-gap: 60px;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 50px;
}
}
@media (max-width: 600px) {
.all-news-list {
grid-template-columns: repeat(1, 1fr);
}
}
.map-navigation {
margin-bottom: 40px;
}
.map-navigation__title {
font-size: 18px;
color: #193557;
font-weight: 600;
text-transform: uppercase;
}
.map-navigation__list {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.map-navigation__sub-list {
gap: 10px;
display: flex;
flex-direction: column;
}
.map-navigation__sub-list a {
color: #000000;
font-size: 16px;
font-weight: 400;
text-decoration: underline;
transition: all 0.3s;
}
.map-navigation__sub-list a:hover {
color: #193557;
font-weight: 600;
}
.map-navigation .accordion__header {
align-items: flex-start;
}
.map-navigation .accordion__header::after {
margin-top: 6px;
}
@media (max-width: 1024px) {
.map-navigation .accordion__header {
background-color: #E1E7ED;
}
.map-navigation .accordion__header:hover {
color: #ffffff;
background-color: #2C5B95;
}
.map-navigation .accordion__header:hover path {
fill: #ffffff;
}
.map-navigation__list {
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.map-navigation {
margin-bottom: 20px;
}
.map-navigation__list {
flex-direction: column;
margin-top: 20px;
}
.map-navigation .accordion__item {
width: 100%;
}
.map-navigation .accordion__header {
justify-content: space-between;
}
}
.soc-print-block {
border-top: 3px solid #2F402D;
padding-top: 10px;
display: flex;
gap: 10px;
}
.soc-print-twit {
width: 32px;
}
.soc-print-twit img {
width: 100%;
height: 100%;
object-fit: cover;
}
.soc-print {
display: flex;
gap: 5px;
align-items: center;
color: #000000;
font-size: 14px;
padding: 10px;
background: #EBEDEF;
border-radius: 4px;
}
.goal__list {
gap: 11px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.goal__list__item {
width: 49%;
}
.goal__card {
padding: 20px;
height: 250px;
display: flex;
border-radius: 5px;
flex-direction: column;
background-repeat: no-repeat;
justify-content: space-between;
}
.goal__card__header {
display: flex;
justify-content: space-between;
}
.goal__card__header .title {
width: 80%;
color: #ffffff;
font-size: 26px;
font-weight: bold;
}
.goal__card__header .number {
color: #ffffff;
font-size: 50px;
font-weight: bold;
}
.goal__card__icon {
max-width: 200px;
height: 120px;
}
.goal__block {
height: 70%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.goal__block .number {
color: #ffffff;
font-size: 70px;
font-weight: bold;
}
.goal__block .icon {
width: 300px;
height: 150px;
}
.goal__list .goal__list__item:nth-child(1) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #F52853 0%, #DC254B 98%);
}
.goal__list .goal__list__item:nth-child(2) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #F5AD00 0%, #E2A104 100%);
}
.goal__list .goal__list__item:nth-child(3) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #06AB2D 1%, #0B9F2E 99%);
}
.goal__list .goal__list__item:nth-child(4) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #CB1E32 0%, #AF2535 96%);
}
.goal__list .goal__list__item:nth-child(5) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #F03B2B 1%, #DA3F31 100%);
}
.goal__list .goal__list__item:nth-child(6) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #22B4DE 2%, #209FC3 99%);
}
.goal__list .goal__list__item:nth-child(7) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #FFBD43 0%, #F2B037 94%);
}
.goal__list .goal__list__item:nth-child(8) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #961D39 4%, #7A1C32 98%);
}
.goal-icon {
width: 150px;
height: 150px;
object-fit: cover;
}
@media (max-width: 1024px) {
.goal__card__header {
display: flex;
justify-content: space-between;
}
.goal__card__header .title {
width: 40%;
color: #ffffff;
font-size: 20px;
font-weight: bold;
margin-right: 20px;
}
.goal__card__header .number {
color: #ffffff;
font-size: 40px;
font-weight: bold;
}
.goal__block {
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.goal__block .number {
color: #ffffff;
font-size: 70px;
font-weight: bold;
}
.goal__block .icon {
width: 300px;
height: 150px;
}
.goal__wrapper {
flex-direction: column;
justify-content: space-between;
padding: 30px;
display: flex;
align-items: center;
height: 100%;
}
}
@media (max-width: 700px) {
.goal__list {
gap: 11px 0;
display: flex;
justify-content: space-between;
}
.goal__list__item {
width: 100%;
}
.goal__block .number {
color: #ffffff;
font-size: 50px;
font-weight: bold;
}
.goal__block .icon {
width: 150px;
height: 100px;
}
}
.news__list {
gap: 40px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.news__list__item {
width: 49%;
}
.news__card__title {
color: #000000;
font-size: 18px;
font-weight: 600;
height: 66px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 10px;
}
.news__card__img {
width: 100%;
max-height: 300px;
min-height: 300px;
object-fit: cover;
border-radius: 4px;
margin-bottom: 25px;
}
.news__card__bottom-block {
display: flex;
align-items: center;
justify-content: space-between;
}
.news__card__date {
font-size: 14px;
font-weight: 500;
color: #A7ACB1;
}
.news__card__more {
font-size: 16px;
text-decoration: underline;
color: #A7ACB1;
font-weight: 400;
}
.news__card:hover .news__card__title, .news__card:hover .news__card__date {
text-decoration: underline;
}
@media (max-width: 768px) {
.news__list__item {
width: 100%;
}
}
.events__list {
gap: 20px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.events__list__item {
width: 49%;
}
.events__card {
border-radius: 6px;
border: 2px solid #E3E5E8;
}
.events__card__header {
color: #000000;
padding: 20px;
background-color: rgba(11, 159, 49, 0.1);
transition: all 0.5s;
}
.events__card__title {
min-height: 70px;
margin: 5px;
font-size: 18px;
font-weight: bold;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.events__card__img {
width: 100%;
height: 250px;
object-fit: cover;
}
.events__card__more {
color: #000000;
font-size: 16px;
padding: 20px 0;
font-weight: 400;
text-align: center;
text-decoration: underline;
border-top: 1px solid #E3E5E8;
}
.events__card:hover .events__card__header {
border-radius: 4px 4px 0 0;
color: #ffffff;
background-color: #4A90E2;
}
@media (max-width: 600px) {
.events__list__item {
width: 100%;
}
}
.question {
margin-bottom: 60px;
}
.question__title {
padding-bottom: 10px;
font-size: 26px;
color: #000000;
font-weight: 600;
border-bottom: 3px solid #4A90E2;
}
.question__list__item {
padding-bottom: 20px;
border-bottom: 1px solid #CED5DB;
}
.question__list__item__text {
color: #000000;
font-size: 22px;
font-weight: 400;
}
.question__list__header {
background: url(//sdgs.by/wp-content/themes/sdgs/images/icons/questions_open.svg) no-repeat left 27px;
padding: 25px 20px 0 50px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
cursor: pointer;
}
.question__list__body {
padding: 10px 0 0 50px;
max-width: 0;
max-height: 0;
overflow: hidden;
transition: max-width 0.3s, max-height 0.3s;
transform-origin: top left right;
}
.not-found {
height: 73vh;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
background-size: 100%;
background-repeat: no-repeat;
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/not-found/fonNotFound.png);
}
.not-found__img {
width: 852px;
height: 411px;
object-fit: cover;
display: block;
margin: 0 auto;
}
.not-found__title {
color: #193557;
text-align: center;
font-size: 50px;
font-weight: 700;
line-height: 100%;
}
.not-found__sub-title {
width: 753px;
color: #121D21;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-align: center;
margin: 25px auto 40px;
}
.not-found__link {
display: block;
width: 180px;
margin: 0 auto;
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
border-radius: 5px;
background: #2C5B95;
padding: 15px;
position: relative;
}
.not-found__link::after {
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 19px;
height: 18px;
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/not-found/back.svg);
background-repeat: no-repeat;
background-size: 100%;
transform: translateY(-50%);
transition: transform 0.2s ease-out;
}
@media (max-width: 1600px) {
.not-found__img {
width: 375px;
height: 163px;
object-fit: cover;
}
.not-found__title {
font-size: 30px;
}
}
@media (max-width: 800px) {
.not-found__sub-title {
width: 500px;
margin-bottom: 20px;
}
}
@media (max-width: 550px) {
.not-found__img {
width: 300px;
height: 140px;
object-fit: cover;
}
.not-found__sub-title {
width: 320px;
}
}
.clear-lang {
gap: 24px;
display: flex;
max-width: 50%;
margin: 0 auto 50px;
}
.clear-lang__list {
gap: 24px;
display: flex;
flex-direction: column;
}
.clear-lang__list__item {
position: relative;
}
.clear-lang__list__item:nth-child(2) .clear-lang__content {
background-color: #F5AD00;
}
.clear-lang__list__item:nth-child(3) .clear-lang__content {
background-color: #06AB2D;
}
.clear-lang__list__item:nth-child(4) .clear-lang__content {
background-color: #CB1E32;
}
.clear-lang__list__item:nth-child(5) .clear-lang__content {
background-color: #F03B2B;
}
.clear-lang__list__item:nth-child(6) .clear-lang__content {
background-color: #22B4DE;
}
.clear-lang__list__item:nth-child(7) .clear-lang__content {
background-color: #FFBD43;
}
.clear-lang__list__item:nth-child(8) .clear-lang__content {
background-color: #961D39;
}
.clear-lang__list__item:nth-child(9) .clear-lang__content {
background-color: #F7783D;
}
.clear-lang__list__item:nth-child(10) .clear-lang__content {
background-color: #E0207E;
}
.clear-lang__list__item:nth-child(11) .clear-lang__content {
background-color: #F7A246;
}
.clear-lang__list__item:nth-child(12) .clear-lang__content {
background-color: #DA983E;
}
.clear-lang__list__item:nth-child(13) .clear-lang__content {
background-color: #538645;
}
.clear-lang__list__item:nth-child(14) .clear-lang__content {
background-color: #2488C7;
}
.clear-lang__list__item:nth-child(15) .clear-lang__content {
background-color: #3FC24D;
}
.clear-lang__list__item:nth-child(16) .clear-lang__content {
background-color: #216EAE;
}
.clear-lang__list__item:nth-child(17) .clear-lang__content {
background-color: #334B80;
}
.clear-lang__link {
width: 210px;
height: 210px;
display: flex;
flex-direction: column;
display: inline-block;
position: relative;
overflow: visible;
}
.clear-lang__img {
width: 100%;
height: 100%;
}
.clear-lang__content {
width: 220px; display: none;
color: #ffffff;
font-size: 26px;
position: absolute;
background-color: #F52853;
padding: 10px 15px 10px 10px;
z-index: 2;
top: 50%;
left: 50%;
opacity: 0;
transition: opacity 0.3s;
}
.clear-lang__info-block .title {
font-size: 18px;
color: #193557;
text-transform: uppercase;
}
.clear-lang__info-block .paragraph {
font-size: 22px;
}
.clear-lang__info-block .btn {
height: 32px;
padding: 0 15px;
border-radius: 4px;
background-color: #EBEDEF;
}
.clear-lang__btn-block {
gap: 10px;
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 10px;
}
.clear-lang__btn-block .back-link, .clear-lang__btn-block .up-link {
height: 32px;
color: #000000;
padding: 0 15px;
font-size: 22px;
font-weight: 400;
border-radius: 4px;
background-color: #EBEDEF;
display: inline-block;
}
.clear-lang__btn-block .up-link {
gap: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.clear-lang__btn-block .up-link img {
width: 20px;
height: 20px;
}
.clear-lang__link:hover .clear-lang__content {
display: block;
opacity: 1;
}
@media (max-width: 1024px) {
.clear-lang {
max-width: 100%;
flex-direction: column;
}
.clear-lang__list {
gap: 24px 0;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.clear-lang__list__item {
width: 16.5%;
}
.clear-lang__link {
width: 100%;
height: 100%;
}
}
@media (max-width: 768px) {
.clear-lang__left-block {
display: none;
}
}
.target-block {
position: relative;
margin: 50px auto;
}
.target-block__content {
z-index: 3;
gap: 13px;
opacity: 0;
display: flex;
color: #ffffff;
padding: 15px;
font-size: 26px;
position: absolute;
border-radius: 4px;
transform-origin: top left;
transform: scale(0) translate(-50%, -50%);
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
background-image: linear-gradient(-180deg, #F52853 0%, #DC254B 98%);
}
.target-block__link {
height: 0;
top: 13.3%;
left: 4.7%;
width: 5.5%;
cursor: pointer;
padding-top: 5.6%;
position: absolute;
}
.target-block__link:nth-child(3) {
left: 21.7%;
}
.target-block__link:nth-child(3) .target-block__content {
background-image: linear-gradient(-180deg, #F5AD00 0%, #E2A104 100%);
}
.target-block__link:nth-child(4) {
left: 38.8%;
}
.target-block__link:nth-child(4) .target-block__content {
background-image: linear-gradient(-180deg, #06AB2D 1%, #0B9F2E 99%);
}
.target-block__link:nth-child(5) {
left: 55.7%;
}
.target-block__link:nth-child(5) .target-block__content {
background-image: linear-gradient(-180deg, #CB1E32 0%, #AF2535 96%);
}
.target-block__link:nth-child(6) {
left: 72.7%;
}
.target-block__link:nth-child(6) .target-block__content {
background-image: linear-gradient(-180deg, #F03B2B 1%, #DA3F31 100%);
}
.target-block__link:nth-child(7) {
left: 89.8%;
}
.target-block__link:nth-child(7) .target-block__content {
background-image: linear-gradient(-180deg, #22B4DE 2%, #209FC3 99%);
left: auto;
right: 0;
transform-origin: top right;
}
.target-block__link:nth-child(8) {
top: 40.9%;
left: 13.2%;
}
.target-block__link:nth-child(8) .target-block__content {
background-image: linear-gradient(-180deg, #FFBD43 0%, #F2B037 94%);
}
.target-block__link:nth-child(9) {
top: 40.9%;
left: 30.2%;
}
.target-block__link:nth-child(9) .target-block__content {
background-image: linear-gradient(-180deg, #961D39 4%, #7A1C32 98%);
}
.target-block__link:nth-child(10) {
top: 40.9%;
left: 47.2%;
}
.target-block__link:nth-child(10) .target-block__content {
background-image: linear-gradient(-180deg, #F7783D 2%, #E1652C 98%);
}
.target-block__link:nth-child(11) {
top: 40.9%;
left: 64.3%;
}
.target-block__link:nth-child(11) .target-block__content {
background-image: linear-gradient(-180deg, #E0207E 0%, #CE1F75 95%);
}
.target-block__link:nth-child(12) {
top: 40.9%;
left: 81.3%;
}
.target-block__link:nth-child(12) .target-block__content {
background-image: linear-gradient(-180deg, #F7A246 3%, #EC9536 98%);
}
.target-block__link:nth-child(13) {
top: 68.2%;
left: 4.7%;
}
.target-block__link:nth-child(13) .target-block__content {
background-image: linear-gradient(-180deg, #DA983E 3%, #C18431 97%);
}
.target-block__link:nth-child(14) {
top: 68.2%;
left: 21.7%;
}
.target-block__link:nth-child(14) .target-block__content {
background-image: linear-gradient(-180deg, #538645 0%, #466F3B 94%);
}
.target-block__link:nth-child(15) {
top: 68.2%;
left: 38.7%;
}
.target-block__link:nth-child(15) .target-block__content {
background-image: linear-gradient(-180deg, #2488C7 3%, #1D70A5 96%);
}
.target-block__link:nth-child(16) {
top: 68.2%;
left: 55.7%;
}
.target-block__link:nth-child(16) .target-block__content {
background-image: linear-gradient(-180deg, #3FC24D 3%, #3CA447 97%);
}
.target-block__link:nth-child(17) {
top: 68.2%;
left: 72.7%;
}
.target-block__link:nth-child(17) .target-block__content {
background-image: linear-gradient(-180deg, #216EAE 2%, #174C78 94%);
}
.target-block__link:nth-child(18) {
top: 68.2%;
left: 89.7%;
}
.target-block__link:nth-child(18) .target-block__content {
background-image: linear-gradient(-180deg, #334B80 4%, #202F52 95%);
left: auto;
right: 0;
transform-origin: top right;
}
.target-block__link:hover .target-block__content {
transform: scale(1) translate(-50%, -50%);
opacity: 1;
}
.target-block-mobile {
display: none;
margin: 50px auto;
}
.target-block-mobile__img {
width: 205px;
width: 205px;
display: block;
margin: 0 auto;
object-fit: cover;
}
.target-block-mobile .title {
color: #000000;
font-size: 22px;
font-weight: 600;
margin-top: 50px;
text-align: center;
}
.target-block-mobile a {
width: 150px;
color: #000000;
display: block;
font-size: 18px;
font-weight: 400;
padding: 10px 30px;
border-radius: 2px;
text-align: center;
margin: 30px auto 50px;
border: 1px solid #A7ACB1;
}
.target-block-mobile .swiper {
width: 94%;
height: 100%;
}
.target-block-mobile .swiper-slide {
font-size: 18px;
background: #fff;
justify-content: center;
text-align: center;
align-items: center;
}
.target-block-mobile .swiper-button-prev, .target-block-mobile .swiper-button-next {
width: 32px;
height: 32px;
position: absolute;
top: 40%;
background-color: #ccc;
z-index: 2;
}
.target-block-mobile .swiper-button-prev::after, .target-block-mobile .swiper-button-next::after {
content: "";
}
.target-block-mobile .swiper-button-next {
transform: rotate(180deg);
}
@media (max-width: 1024px) {
.target-block {
display: none;
}
.target-block-mobile {
display: block;
}
}
.main-bg {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/bg/ornament_bg.png), linear-gradient(-180deg, #F52853 0%, #DC254B 98%);
background-repeat: no-repeat;
background-position: 100% 25%;
background-attachment: fixed;
height: 570px;
display: flex;
padding-top: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 768px) {
.main-bg {
height: 380px;
background-position: 4% 30%;
}
}
.main-bg-title-block {
display: flex;
align-items: center;
height: 100%;
}
.main-bg-title-block__title {
font-size: clamp(30px, 7.3vw, 60px);
color: #fff;
padding-left: 285px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1024px) {
.main-bg-title-block__title {
padding-left: 0;
}
}
table.architecture-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
height: auto;
font-size: clamp(14px, 1.666vw, 16px);
}
table.architecture-table, table.architecture-table td, table.architecture-table th {
border: 1px solid #595959;
}
table.architecture-table td, table.architecture-table th {
padding: 10px;
width: 30px;
height: 35px;
}
table.architecture-table td span {
font-weight: 500;
}
@media (max-width: 475px) {
table.architecture-table td {
vertical-align: baseline;
}
}
.architecture-content {
padding-top: 50px;
display: flex;
padding-bottom: 60px;
}
.nav-bar {
flex: 0 0 280px;
width: 280px;
margin-right: 40px;
}
@media (max-width: 1024px) {
.nav-bar {
display: none;
}
}
.architecture-content-right {
max-width: 1050px;
}
@media (max-width: 575px) {
.architecture-content-right {
width: 100%;
}
}
.architecture-content-right__title {
font-size: clamp(22px, 3.75vw, 36px);
padding-bottom: 20px;
line-height: 100%;
letter-spacing: 0.8;
}
.architecture-content-right p {
font-size: 18px;
}
.architecture-content-right p:not(:last-child) {
padding-bottom: 20px;
}
.table-title {
font-size: 18px;
padding-bottom: 10px;
font-weight: 600;
}
.architecture-link {
padding-top: 40px;
padding-bottom: 10px;
}
.architecture-link a {
font-size: clamp(18px, 2.291vw, 22px);
color: #2C5B95;
text-decoration: underline;
}
.ambasadors__title {
font-size: clamp(22px, 3.75vw, 36px);
padding-bottom: 20px;
line-height: 130%;
letter-spacing: 0.8;
}
.ambasadors-position-link {
padding-bottom: 20px;
}
.ambasadors-position-link a {
font-size: 20px;
text-decoration: underline;
color: #2C5B95;
}
.ambasadors-position-link a span {
color: #000000;
}
.ambasadors-card {
padding-bottom: 30px;
}
.ambasadors-card__tel {
text-decoration: underline;
font-weight: bold;
}
.ambasadors-card__title {
text-align: center;
font-size: clamp(18px, 2.083vw, 20px);
line-height: 120%;
font-weight: 400;
padding-bottom: 10px;
}
.ambasadors-card__user {
text-align: center;
font-size: clamp(18px, 2.083vw, 20px);
line-height: 120%;
font-weight: 400;
padding-bottom: 10px;
}
.ambasadors-card__block-link {
display: flex;
gap: 10px;
justify-content: center;
text-align: center;
font-size: clamp(18px, 2.083vw, 20px);
line-height: 120%;
font-weight: 400;
padding-bottom: 10px;
color: #2C5B95;
}
.ambasadors-card__block-link a {
color: #2C5B95;
font-weight: 500;
}
.ambasadors-card__university {
text-align: center;
font-size: clamp(18px, 2.083vw, 20px);
line-height: 120%;
font-weight: 400;
padding-bottom: 10px;
}
.ambasadors-card__text {
padding-bottom: 20px;
}
.ambasadors-card__image {
height: 900px;
}
@media (max-width: 768px) {
.ambasadors-card__image {
height: 450px;
}
}
@media (max-width: 475px) {
.ambasadors-card__image {
height: 350px;
}
}
.ambasadors-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
._position-center img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ambasadors-card-why {
text-align: center;
font-size: 22px;
line-height: 120%;
font-weight: 500;
padding-bottom: 10px;
}
._ambasadors-right p {
line-height: 130%;
font-size: clamp(16px, 1.875vw, 18px);
}
table.goals {
width: 100%;
margin-bottom: clamp(20px, 5.2vw, 50px);
border-collapse: collapse;
border-spacing: 0;
height: auto;
}
@media (max-width: 425px) {
table.goals {
font-size: 13.5px;
}
}
table.goals, table.goals td, table.goals th {
border: 1px solid #595959;
}
table.goals td {
padding: 10px;
height: 35px;
}
@media (max-width: 425px) {
table.goals td {
padding: 2px;
}
}
table.goals th {
background: #347c99;
color: #fff;
font-weight: normal;
}
.goals-title, .goals-title-num {
font-weight: 500;
text-align: center;
}
.goals-title-num {
width: 20px !important;
}
.logo-title-block {
display: flex;
align-items: center;
height: 100%;
}
.logo-title-block__title {
font-size: clamp(30px, 7.3vw, 60px);
color: #fff;
padding-left: 330px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1024px) {
.logo-title-block__title {
padding-left: 0;
}
}
.logo-block-cards {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
@media (max-width: 1508px) {
.logo-block-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
}
@media (max-width: 768px) {
.logo-block-cards {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
}
.logo-block-cards__ruls {
padding-top: 20px;
padding-bottom: 60px;
}
.logo-block-cards__ruls a {
color: #2C5B95;
font-size: 18px;
font-weight: 400;
text-decoration: underline;
line-height: 140%;
}
.logo-card {
max-width: clamp(250px, 17.708vw, 340px);
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid #cdcdcd;
}
@media (max-width: 1508px) {
.logo-card {
max-width: 100%;
width: 100%;
}
}
.logo-card__image {
padding: 40px 0;
margin: 0 auto;
width: 100px;
}
.logo-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.logo-card__links {
display: flex;
flex-direction: column;
}
.logo-card__link {
height: 40px;
padding: 10px;
border-top: 1px solid #cdcdcd;
color: #2C5B95;
font-size: clamp(15px, 0.9vw, 18px);
font-weight: 500;
line-height: 140%;
text-align: center;
transition: all ease 0.3s;
}
@media (any-hover: hover) {
.logo-card__link:hover {
text-decoration: underline;
}
}
._long {
width: 250px;
}
.contact__title {
font-size: clamp(22px, 3.75vw, 36px);
padding-bottom: 20px;
line-height: 100%;
letter-spacing: 0.8;
}
.contact-item {
padding-bottom: 20px;
}
.contact-item__coordinator {
font-size: clamp(18px, 2.291vw, 22px);
font-weight: 600;
padding-bottom: 10px;
}
.contact-item__name {
font-size: clamp(18px, 2.291vw, 20px);
font-weight: 600;
padding-bottom: 10px;
}
.contact-item__place {
font-size: 14px;
padding-bottom: 10px;
}
.contact-item__phone a {
font-weight: 500;
color: #2C5B95;
}
.contact-item__mail {
padding-top: 10px;
}
.contact-item__mail a {
color: #2C5B95;
font-weight: 500;
font-size: 14px;
}
.contact-form {
padding: 20px;
background: #EDF2F7;
border-radius: 8px;
}
.contact-form-name-block {
display: flex;
gap: 10px;
padding-bottom: 20px;
}
@media (max-width: 575px) {
.contact-form-name-block {
flex-direction: column;
}
}
.contact-form-name {
width: 100%;
display: flex;
flex-direction: column;
}
.label {
font-size: 12px;
padding-bottom: 5px;
}
.input {
height: 50px;
border: 1px solid #AFB7C0;
border-radius: 4px;
font-size: 18px;
}
textarea {
border: 1px solid #AFB7C0;
border-radius: 4px;
font-size: 18px;
resize: vertical;
}
.contact-form-surname {
width: 100%;
display: flex;
flex-direction: column;
}
.contact-form-mail {
display: flex;
flex-direction: column;
padding-bottom: 20px;
}
.contact-form-text {
display: flex;
flex-direction: column;
padding-bottom: 40px;
}
@media (max-width: 1024px) {
.contact-form-text {
padding-bottom: 0;
}
}
.button {
display: flex;
height: 50px;
justify-content: center;
align-items: center;
width: 100%;
color: #fff;
background: #A1AAB3;
text-align: center;
border-radius: 3px;
margin-top: 30px;
cursor: pointer;
}
.search-form {
display: flex;
width: 100%;
position: relative;
}
.search-input {
width: 100%;
padding: 10px 20px;
border: 1px solid #AFB7C0;
border-right: none;
border-radius: 4px 0 0 4px;
}
.search-input:focus {
background: none;
}
.search-button {
position: absolute;
top: -0.5px;
right: -2px;
background: #2C5B95;
width: 62px;
height: 41px;
border-radius: 0 4px 4px 0;
transition: all ease 0.3s;
}
@media (any-hover: hover) {
.search-button:hover {
background: #9b9b9b;
}
}
.search-button span svg {
fill: #ffffff;
}
._search-block {
width: 100%;
}
.printfriendly.pf-button.pf-button-content.pf-alignleft a {
display: flex;
gap: 5px;
align-items: center;
color: #000000;
font-size: 14px;
padding: 10px;
background: #EBEDEF;
border-radius: 4px;
}
.printfriendly a, .printfriendly a:link, .printfriendly a:visited, .printfriendly a:hover, .printfriendly a:active {
font-weight: 400 !important;
cursor: pointer;
text-decoration: none;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none;
font-size: 14px !important;
color: #000000 !important;
}
.printfriendly.pf-button.pf-alignleft a {
display: flex;
gap: 5px;
align-items: center;
color: #000000;
font-size: 14px;
padding: 10px;
background: #EBEDEF;
border-radius: 4px;
}
img.pf-button-img {
margin-bottom: 0 !important;
}
span.pdfprnt-button-title.pdfprnt-button-print-title {
font-weight: 400 !important;
cursor: pointer;
text-decoration: none;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none;
font-size: 14px !important;
color: #000000 !important;
}
a.pdfprnt-button.pdfprnt-button-print {
display: flex;
gap:5px;
align-items: center;
color: #000000;
font-size: 14px;
padding: 10px;
background: #EBEDEF;
border-radius: 4px;
max-width: 165px;
height: 37px;
text-decoration: none;
}
span.pdfprnt-button-title.pdfprnt-button-print-title {
padding: 0 !important;
}
.pdfprnt-button img, .pdfprnt-button-title {
padding: 0 !important;
}
.pdfprnt-buttons img {
margin: 0!important;
}
@media (max-width: 768px){
.banners-list {
margin-bottom: 140px!important;
}
.project-logos img{
object-fit: contain!important;
}
}

html {
box-sizing: border-box;
}
*,
*::after,
*::before {
box-sizing: inherit;
}
ul[class] {
padding: 0;
}
input::-webkit-input-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input::-moz-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input:-moz-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input:-ms-input-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
input:focus::-webkit-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input:focus::-moz-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input:focus:-moz-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input:focus:-ms-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
textarea::-webkit-input-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
textarea::-moz-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
textarea:-moz-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
textarea:-ms-input-placeholder {
opacity: 1;
transition: opacity 0.3s ease;
}
textarea:focus::-webkit-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
textarea:focus::-moz-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
textarea:focus:-moz-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
textarea:focus:-ms-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
}
ul[class] {
list-style: none;
}
li {
margin: 0;
}
img {
max-width: 100%;
display: block;
}
input,
button,
textarea,
select {
font: inherit;
}
input,
textarea {
outline: none;
}
textarea {
resize: none;
}
a {
text-decoration: none;
cursor: pointer;
}
button {
border: none;
cursor: pointer;
background-color: transparent;
padding: 0;
outline: none;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Thin.ttf);
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Light.ttf);
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Regular.ttf);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Medium.ttf);
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Bold.ttf);
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(//sdgs.by/wp-content/themes/sdgs/fonts/Roboto-Black.ttf);
font-weight: 700;
font-style: normal;
}
body {
font-family: "Roboto";
font-style: normal;
}
.wrapper {
width: 75%;
max-width: 1400px;
margin: 0 auto;
}
.wrapper__container {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.wrapper__left-block {
width: 20%;
}
.wrapper__right-block {
width: 76%;
}
.breadcrumbs {
gap: 5px;
display: flex;
overflow-x: scroll;
margin: 20px auto 30px;
}
.breadcrumbs::-webkit-scrollbar {
width: 0;
}
.breadcrumbs__item {
font-size: 13px;
color: #2C5B95;
font-weight: 400;
line-height: 18px;
width: fit-content;
white-space: nowrap;
}
.breadcrumbs__item span {
text-decoration: underline;
}
.breadcrumbs__item::after {
content: "→";
color: #000000;
font-size: 13px;
font-weight: 400;
line-height: 18px;
margin-left: 5px;
text-decoration: none;
}
.breadcrumbs__item:last-child {
color: #A7ACB1;
text-decoration: none;
}
.breadcrumbs__item:last-child::after {
content: "";
margin: 0;
}
.title {
font-size: 36px;
font-weight: bold;
margin-bottom: 10px;
}
.sub-title {
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
}
.paragraph {
font-size: 20px;
font-weight: 400;
margin-bottom: 12px;
}
.paragraph .bold {
font-weight: bold;
}
.list {
list-style: disc !important;
padding-left: 40px !important;
}
.list__item {
color: #000000;
font-size: 22px;
margin-bottom: 12px;
}
.link {
width: 100%;
display: block;
font-size: 16px;
font-weight: 400;
color: #2C5B95;
margin-bottom: 12px;
text-decoration: underline;
}
.video {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.video__wrapper {
width: 100%;
height: 0;
position: relative;
margin: 15px 0;
padding-top: 59%;
}
.search.wrapper {
margin: 20px auto 0;
width: 30%;
}
@media (max-width: 1600px) {
.wrapper {
width: 90%;
}
.wrapper__left-block {
width: 30%;
}
.wrapper__right-block {
width: 66%;
}
.search.wrapper {
margin: 20px auto 0;
width: 30%;
}
}
@media (max-width: 1024px) {
.wrapper__left-block {
display: none;
}
.wrapper__right-block {
width: 100%;
}
.search.wrapper {
margin: 20px auto 0;
width: 50%;
}
}
@media (max-width: 600px) {
.search.wrapper {
margin: 20px auto 0;
width: 90%;
}
.title {
font-size: 22px;
}
}
.media__list {
gap: 20px;
display: flex;
flex-direction: column;
}
.media__card {
gap: 15px;
display: flex;
align-items: center;
}
.media__card__img-wrapper {
min-width: 120px;
flex-basis: 120px;
position: relative;
}
.media__card__img {
width: 100%;
height: 90px;
object-fit: cover;
}
.media__card__icon {
background: url(//sdgs.by/wp-content/themes/sdgs/images/media/folder.svg) no-repeat center center;
width: 32px;
height: 32px;
position: absolute;
top: calc(50% - 16px);
left: calc(50% - 16px);
}
.media__card__title {
color: #000000;
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.media__card__date {
color: #A7ACB1;
font-size: 14px;
font-weight: 500;
}
.photo-inner__list {
display: grid;
grid-gap: 10px;
grid-auto-flow: row;
grid-template-columns: repeat(3, 1fr);
}
.photo-inner__img {
width: 100%;
height: 200px;
object-fit: cover;
cursor: pointer;
}
.full-screen-slider {
padding: 100px;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1000;
opacity: 0;
transition: all 0.3s;
}
.full-screen-slider .swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.full-screen-slider .swiper-slide {
background-size: cover;
background-position: center;
}
.full-screen-slider .mySwiper2 {
height: 80%;
width: 100%;
}
.full-screen-slider .mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.full-screen-slider .mySwiper .swiper-slide {
width: 25%;
height: 100%;
background-color: rgba(255, 255, 255, 0);
}
.full-screen-slider .mySwiper .swiper-slide-thumb-active {
background-color: rgba(255, 255, 255, 0.4);
}
.full-screen-slider .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.close-slider {
position: absolute;
top: 10px;
right: 10px;
color: white;
cursor: pointer;
}
@media (max-width: 800px) {
.photo-inner__list {
grid-template-columns: repeat(2, 1fr);
}
.full-screen-slider {
padding: 200px 40px;
}
.full-screen-slider .swiper-slide {
background-size: cover;
background-position: center;
}
.full-screen-slider .mySwiper2 {
height: 60%;
width: 100%;
}
.full-screen-slider .mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.full-screen-slider .mySwiper .swiper-slide {
width: 25%;
height: 100%;
background-color: rgba(255, 255, 255, 0);
}
.full-screen-slider .mySwiper .swiper-slide-thumb-active {
background-color: rgba(255, 255, 255, 0.4);
}
.full-screen-slider .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media (max-width: 500px) {
.photo-inner__list {
grid-template-columns: repeat(1, 1fr);
}
}
.sub-nav__list__item {
padding: 10px;
cursor: pointer;
border-radius: 4px;
margin-bottom: 10px;
border-bottom: 1px solid #2C5B95;
}
.sub-nav__list__item:hover {
background-color: #2C5B95;
}
.sub-nav__list__item:hover .sub-nav__list__link {
color: #ffffff;
}
.sub-nav__list__link {
font-size: 17px;
font-weight: bold;
line-height: 24px;
color: #000000;
text-transform: uppercase;
}
.sub-nav .accordion__item {
width: 100%;
margin-bottom: 10px;
}
.sub-nav .accordion__header {
border-bottom: 1px solid #2C5B95;
}
.sub-nav .accordion__header:hover {
color: #ffffff;
background-color: #2C5B95;
}
.sub-nav .accordion__header:hover::after {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowWhite.svg);
}
.sub-nav .accordion__header::after {
flex-shrink: 0;
width: 20px;
height: 10px;
margin-left: auto;
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowBlack.svg);
background-repeat: no-repeat;
background-size: 1.25rem;
content: "";
transition: transform 0.2s ease-out;
}
.sub-nav .accordion__body {
padding: 0;
}
.sub-nav .accordion__body__list__item {
padding: 10px;
border-bottom: 2px solid #2C5B95;
}
.sub-nav .accordion__body__list__item:hover .accordion__body__list__link {
color: #2C5B95;
}
.sub-nav .accordion__body__list__link {
color: #232323;
font-size: 17px;
font-weight: 600;
line-height: 24px;
}
.sub-nav .accordion__content {
display: flex;
flex-direction: column;
background: #fff;
}
.sub-nav .accordion__content .accordion__header {
color: #232323;
text-transform: none;
font-size: 17px;
font-weight: 600;
line-height: 24px;
border-bottom: 2px solid #2C5B95;
}
.sub-nav .accordion__content .accordion__header:hover {
color: #ffffff;
background-color: #2C5B95;
}
.sub-nav .accordion__content .accordion__header:hover::after {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowWhite.svg);
}
.sub-nav .accordion__item_show > .accordion__header::after,
.sub-nav .accordion__item_slidedown > .accordion__header::after {
transform: rotate(-180deg);
}
.sub-nav .accordion__item:not(.accordion__item_show) > .accordion__body {
display: none;
}
@media (max-width: 1024px) {
.sub-nav {
display: none;
}
}
.accordion__item {
width: 240px;
margin-bottom: 10px;
}
.accordion__header {
padding: 10px;
cursor: pointer;
color: #232323;
display: flex;
font-size: 17px;
font-weight: bold;
line-height: 24px;
text-transform: uppercase;
white-space: wrap;
align-items: center;
justify-content: space-between;
transition: background-color 0.2s ease-out;
margin-bottom: 5px;
border-radius: 4px;
}
.accordion__header:hover {
color: #ffffff;
background-color: #2C5B95;
}
.accordion__header:hover::after {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowWhite.svg);
}
.accordion__header::after {
flex-shrink: 0;
width: 20px;
height: 10px;
margin-left: auto;
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowBlack.svg);
background-repeat: no-repeat;
background-size: 1.25rem;
content: "";
transition: transform 0.2s ease-out;
}
.accordion__body {
overflow: hidden;
padding: 0 10px;
max-height: 0;
transition: max-height 0.35s ease-in-out;
}
.accordion__item_show .accordion__body {
max-height: 100%;
transition: max-height 0.35s ease-in-out;
}
.accordion__item_init .accordion__body {
max-height: 0;
}
.pagination {
margin: 50px auto 0;
user-select: none;
text-align: center;
}
.pagination__item {
display: inline-block;
}
.pagination__item .active {
color: #ffffff;
font-weight: 700;
padding: 14px 18px;
background-color: #2C5B95;
}
.pagination__item .ellipsis {
font-size: 19px;
color: #2C5B95;
}
.pagination__link {
font-size: 14px;
font-weight: 500;
line-height: 16px;
color: #000000;
padding: 14px 18px;
border-radius: 50%;
background-color: #FBFBFB;
transition: all 0.5s;
}
.pagination__link:hover {
color: #ffffff;
background-color: #2C5B95;
}
.header {
display: flex;
justify-content: space-between; }
.header__logo img {
width: 403px;
max-width: 100%;
}
.header__nav {
padding: 35px 30px;
}
.header__nav__top-list {
gap: 2.5px;
display: flex;
}
.header__nav__top-list__item {
gap: 5px;
display: flex;
padding: 10px;
cursor: pointer;
position: relative;
align-items: center;
border-radius: 4px;
transition: all 0.2s;
}
.header__nav__top-list__item path {
fill: #000000;
transition: all 0.3s;
}
.header__nav__top-list__item:hover {
background-color: #2C5B95;
}
.header__nav__top-list__item:hover .header__nav__top-list__link {
color: #ffffff;
}
.header__nav__top-list__item:hover path {
fill: #ffffff;
}
.header__nav__top-list__link {
font-size: 13px;
font-weight: 600;
color: #193557;
white-space: nowrap;
letter-spacing: 0.89px;
text-transform: uppercase;
transition: all 0.3s;
}
.header__nav__bottom-block__link img{
max-width: 70px;
}
.header__nav__top-list__content {
left: 0;
top: 100%;
z-index: 3;
display: none;
min-width: 300px;
position: absolute;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.header__nav__top-list__content__item {
display: flex;
padding: 0 10px;
align-items: center;
transition: all 0.3s;
justify-content: space-between;
border-bottom: 1px solid #cdcdcd;
}
.header__nav__top-list__content__item .svg path {
fill: #000000;
}
.header__nav__top-list__content__item:hover {
background-color: #2C5B95;
}
.header__nav__top-list__content__item:hover .header__nav__top-list__content__link {
color: #ffffff;
}
.header__nav__top-list__content__item:hover .svg path {
fill: #ffffff;
}
.header__nav__top-list__content__link {
width: 100%;
padding: 10px;
font-size: 15px;
font-weight: 600;
color: #193557;
text-transform: uppercase;
transition: all 0.3s;
position: relative;
display: block;
}
.header__nav__top-list__content__sub-list {
display: none;
position: absolute;
top: 10%;
left: 100%;
min-width: 300px;
width: auto;
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.header__nav__top-list__content__sub-list__item {
display: flex;
padding: 0 10px;
align-items: center;
transition: all 0.3s;
justify-content: space-between;
border-bottom: 1px solid #cdcdcd;
}
.header__nav__top-list__content__sub-list__item .svg path {
fill: #000000;
}
.header__nav__top-list__content__sub-list__item:hover {
background-color: #2C5B95;
}
.header__nav__top-list__content__sub-list__item:hover .header__nav__top-list__content__sub-list__link {
color: #ffffff;
}
.header__nav__top-list__content__sub-list__item:hover .svg path {
fill: #ffffff;
}
.header__nav__top-list__content__sub-list__link {
padding: 10px;
font-size: 15px;
font-weight: 600;
color: #193557;
text-transform: uppercase;
transition: all 0.3s;
display: block;
}
.header__nav__top-list__content__sub-list.last {
left: auto;
right: 100%;
}
.header__nav__top-list__content.last {
left: auto;
right: 0;
}
.header__nav__top-list__content.last .header__nav__top-list__content__link {
text-align: right;
}
.header__nav__bottom-block {
display: flex;
align-items: center;
margin: 10px 0 5px 10px;
justify-content: space-between;
}
.header__nav__bottom-block__link:hover {
transition: 0.3s;
transform: scale(1.2);
}
.header__nav__bottom-block__right {
gap: 20px;
display: flex;
align-items: center;
}
.header__mobile {
display: none;
}
.header__burger {
display: none;
}
.header__burger__close-wrapper {
display: flex;
padding: 20px 0;
justify-content: right;
}
.header__burger-menu {
overflow-y: auto;
top: 0;
right: 0;
width: 50%;
z-index: 4;
padding: 20px;
display: block;
background: #ffffff;
position: absolute;
box-sizing: border-box;
transform: translateY(-100%);
transition: transform 0.3s ease-in-out;
}
.header__burger-menu__list {
margin: 10px 0 30px;
}
.header__burger-menu__list__item {
padding: 23px 30px;
background-color: #E1E7ED;
margin-bottom: 5px;
}
.header__burger-menu__list__item__sub-list__item .accordion__item {
width: 100%;
}
.header__burger-menu__list__item__sub-list__item .accordion__header {
gap: 0;
color: #193557;
padding: 23px 30px;
background-color: #E1E7ED;
justify-content: space-between;
}
.header__burger-menu__list__item__sub-list__item .accordion__body {
padding: 0;
}
.header__burger-menu__list__sub-item {
padding: 23px 30px;
background-color: #3a5c85;
margin-bottom: 5px;
}
.header__burger-menu__list__sub-link {
font-size: 16px;
font-weight: 600;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
}
.header__burger-menu__list__accordion-item .accordion__item {
width: 100%;
margin-bottom: 0;
}
.header__burger-menu__list__accordion-item .accordion__header {
gap: 0;
padding: 0;
color: #193557;
background-color: transparent;
justify-content: space-between;
padding: 23px 30px;
background-color: #E1E7ED;
margin-bottom: 5px;
}
.header__burger-menu__list__accordion-item .accordion__header:hover {
color: #193557;
}
.header__burger-menu__list__accordion-item .accordion__header:hover path {
fill: #000000;
}
.header__burger-menu__list__accordion-item .accordion__body {
padding: 0;
}
.header__burger-menu__list__link {
font-size: 17px;
font-weight: bold;
color: #193557;
text-decoration: none;
text-transform: uppercase;
}
.header__burger-menu__sub-block {
gap: 30px;
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.header__burger .active {
display: block;
}
.header__burger-overlay {
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
display: none;
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
}
.header__burger-menu.active + .header__burger-overlay {
display: block;
opacity: 1;
pointer-events: auto;
} @media (max-width: 1024px) {
.header {
align-items: center;
}
.header__nav {
display: none;
}
.header__burger {
display: block;
}
}
@media (max-width: 768px) {
.header__logo img {
width: 333px;
}
.header__burger-menu {
width: 100%;
height: 100vh;
}
}
@media (max-width: 450px) {
.header__logo img {
width: 233px;
}
}
.footer {
padding: 20px;
background: #F7F9FC;
}
.footer__text {
font-size: 12px/22px;
color: #8B9299;
}
.footer__text a {
color: #8B9299;
text-decoration: underline;
}
.footer__big-text {
font-size: 16px/22px;
text-transform: uppercase;
color: #000000;
}
.footer__container {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer__link-block {
gap: 20px;
display: flex;
align-items: center;
}
@media (max-width: 700px) {
.footer__text {
text-align: center;
}
.footer__big-text {
display: none;
}
.footer__container {
gap: 10px;
flex-direction: column;
}
}
.logo-slider {
height: 100%;
position: relative;
width: 80%;
margin: 0 auto 15px;
}
.logo-slider .swiper-wrapper {
padding: 40px 0;
}
.logo-slider .swiper {
width: 94%;
height: 100%;
border-top: 3px solid #2F402D;
border-bottom: 3px solid #2F402D;
}
.logo-slider .swiper-slide {
gap: 70px;
display: flex;
font-size: 18px;
background: #fff;
justify-content: center;
text-align: center;
align-items: center;
}
.logo-slider .swiper-slide img {
display: block;
width: 150px;
height: 55px;
object-fit: contain;
filter: grayscale(100%);
}
.logo-slider .swiper-button-prev, .logo-slider .swiper-button-next {
position: absolute;
top: 50%;
z-index: 2;
}
.logo-slider .swiper-button-prev::after, .logo-slider .swiper-button-next::after {
content: "";
}
.logo-slider .swiper-button-next {
transform: rotate(180deg);
}
.logo-slider a {
gap: 4px;
display: flex;
align-items: center;
}
.logo-slider .text {
font-size: 12px;
color: #666666;
}
@media (max-width: 1600px) {
.logo-slider {
width: 95%;
}
}
.social-list {
gap: 10px;
display: flex;
align-items: center;
}
.social-list__img {
width: 32px;
height: 32px;
object-fit: cover;
transition: 0.3s;
}
.social-list__img:hover {
transform: scale(1.2);
}
.banners-list {
display: grid;
grid-gap: 1.5%;
grid-auto-flow: row;
margin-bottom: 75px;
grid-template-columns: repeat(4, 1fr);
}
.banners-list__link {
position: relative;
}
.banners-list__content {
top: 15px;
left: 20px;
right: 15px;
color: #ffffff;
position: absolute;
z-index:5;
}
.banners-list__content .container {
gap: 10px;
display: flex;
}
.banners-list__content .place {
display: flex;
flex-direction: column;
}
.banners-list__content .place .number {
font-size: 50px;
font-weight: bold;
line-height: 100%;
}
.banners-list__content .place .text {
font-size: 19px;
}
.banners-list__content .description {
font-size: 19px;
}
.banners-list__img {
width: 100%;
}
@media (max-width: 1200px) {
.banners-list__content {
top: 15px;
left: 25px;
right: 15px;
}
.banners-list__content .title {
font-size: 25px;
}
.banners-list__content .place {
display: flex;
flex-direction: column;
}
.banners-list__content .place .number {
font-size: 40px;
font-weight: bold;
line-height: 100%;
}
.banners-list__content .place .text {
font-size: 14px;
}
.banners-list__content .description {
font-size: 20px;
}
}
@media (max-width: 1000px) {
.banners-list__content {
top: 15px;
left: 25px;
right: 15px;
}
.banners-list__content .title {
font-size: 25px;
}
.banners-list__content .place {
display: flex;
flex-direction: column;
}
.banners-list__content .place .number {
font-size: 40px;
font-weight: bold;
line-height: 100%;
}
.banners-list__content .place .text {
font-size: 14px;
}
.banners-list__content .description {
font-size: 14px;
}
}
@media (max-width: 768px) {
.banners-list {
grid-template-columns: repeat(1, 1fr);
margin-bottom: 50px;
}
.banners-list__content {
top: 15px;
left: 25px;
right: 15px;
color: #ffffff;
position: absolute;
}
.banners-list__content .container {
gap: 10px;
display: flex;
}
.banners-list__content .place {
display: flex;
flex-direction: column;
}
.banners-list__content .place .number {
font-size: 50px;
font-weight: bold;
line-height: 100%;
}
.banners-list__content .place .text {
font-size: 20px;
}
.banners-list__content .description {
font-size: 20px;
}
}
@media (max-width: 400px) {
.banners-list__content .place {
display: flex;
flex-direction: column;
}
.banners-list__content .place .number {
font-size: 40px;
font-weight: bold;
line-height: 100%;
}
.banners-list__content .place .text {
font-size: 14px;
}
.banners-list__content .description {
font-size: 16px;
}
}
.lang-list {
gap: 40px 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.lang-list__link {
color: #193557;
font-size: 13px;
font-weight: 600;
padding: 8px 12px;
border-radius: 4px;
transition: all 0.3s;
white-space: nowrap;
letter-spacing: 0.89px;
text-transform: uppercase;
background-color: #EDEDED;
}
.lang-list__link:hover {
color: #ffffff;
background-color: #2C5B95;
}
.lang-list .active .lang-list__link {
color: #ffffff;
background-color: #2C5B95;
}
.all-news-list {
display: grid;
grid-gap: 20px;
grid-auto-flow: row;
grid-template-columns: repeat(4, 1fr);
margin-bottom: 75px;
}
.all-news-list__item {
border-top: 3px solid #0071aa;
padding-top: 15px;
}
.all-news-list__title {
font-weight: 600;
font-size: 18px;
color: #0071aa;
text-decoration: underline;
text-transform: uppercase;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 42px;
}
.all-news-list__sub-title {
color: #000000;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height: 66px;
margin-top: 15px;
}
.all-news-list__img-default {
width: 100%;
height: 195px;
margin-bottom: 45px;
object-fit: cover;
}
.all-news-list__img {
width: 100%;
}
.all-news-list__date {
font-size: 12px;
font-weight: 500;
color: #A7ACB1;
margin-bottom: 25px;
}
.all-news-list__sub-text {
font-size: 16px;
text-decoration: underline;
color: #A7ACB1;
font-weight: 400;
}
.all-news-list__link:hover {
text-decoration: underline;
}
@media (max-width: 1024px) {
.all-news-list {
grid-gap: 60px;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 50px;
}
}
@media (max-width: 600px) {
.all-news-list__title{
display:initial;	
}
.all-news-list__sub-title{
height:initial;
}
.all-news-list {
grid-template-columns: repeat(1, 1fr);
}
}
.map-navigation {
margin-bottom: 40px;
}
.map-navigation__title {
font-size: 18px;
color: #193557;
font-weight: 600;
text-transform: uppercase;
}
.map-navigation__list {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.map-navigation__sub-list {
gap: 10px;
display: flex;
flex-direction: column;
}
.map-navigation__sub-list a {
color: #000000;
font-size: 16px;
font-weight: 400;
text-decoration: underline;
transition: all 0.3s;
}
.map-navigation__sub-list a:hover {
color: #193557;
font-weight: 600;
}
.map-navigation .accordion__header {
align-items: flex-start;
}
.map-navigation .accordion__header::after {
margin-top: 6px;
}
@media (max-width: 1024px) {
.map-navigation .accordion__header {
background-color: #E1E7ED;
}
.map-navigation .accordion__header:hover {
color: #ffffff;
background-color: #2C5B95;
}
.map-navigation .accordion__header:hover path {
fill: #ffffff;
}
.map-navigation__list {
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.map-navigation {
margin-bottom: 20px;
}
.map-navigation__list {
flex-direction: column;
margin-top: 20px;
}
.map-navigation .accordion__item {
width: 100%;
}
.map-navigation .accordion__header {
justify-content: space-between;
}
}
.soc-print-block {
border-top: 3px solid #2F402D;
padding-top: 10px;
display: flex;
gap: 10px;
}
.soc-print-twit {
width: 32px;
}
.soc-print-twit img {
width: 100%;
height: 100%;
object-fit: cover;
}
.soc-print {
display: flex;
gap: 5px;
align-items: center;
color: #000000;
font-size: 14px;
padding: 10px;
background: #EBEDEF;
border-radius: 4px;
}
.goal__list {
gap: 11px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.goal__list__item {
width: 49%;
}
.goal__card {
padding: 20px;
height: 250px;
display: flex;
border-radius: 5px;
flex-direction: column;
background-repeat: no-repeat;
justify-content: space-between;
}
.goal__card__header {
display: flex;
justify-content: space-between;
}
.goal__card__header .title {
width: 80%;
color: #ffffff;
font-size: 26px;
font-weight: bold;
}
.goal__card__header .number {
color: #ffffff;
font-size: 50px;
font-weight: bold;
}
.goal__card__icon {
max-width: 200px;
height: 120px;
}
.goal__block {
height: 70%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.goal__block .number {
color: #ffffff;
font-size: 70px;
font-weight: bold;
}
.goal__block .icon {
width: 300px;
height: 150px;
}
.goal__list .goal__list__item:nth-child(1) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #F52853 0%, #DC254B 98%);
}
.goal__list .goal__list__item:nth-child(2) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #F5AD00 0%, #E2A104 100%);
}
.goal__list .goal__list__item:nth-child(3) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #06AB2D 1%, #0B9F2E 99%);
}
.goal__list .goal__list__item:nth-child(4) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #CB1E32 0%, #AF2535 96%);
}
.goal__list .goal__list__item:nth-child(5) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #F03B2B 1%, #DA3F31 100%);
}
.goal__list .goal__list__item:nth-child(6) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #22B4DE 2%, #209FC3 99%);
}
.goal__list .goal__list__item:nth-child(7) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #FFBD43 0%, #F2B037 94%);
}
.goal__list .goal__list__item:nth-child(8) .goal__card {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/goal/goal_bg.png), linear-gradient(-180deg, #961D39 4%, #7A1C32 98%);
}
.goal-icon {
width: 150px;
height: 150px;
object-fit: cover;
}
@media (max-width: 1024px) {
.goal__card__header {
display: flex;
justify-content: space-between;
}
.goal__card__header .title {
width: 40%;
color: #ffffff;
font-size: 20px;
font-weight: bold;
margin-right: 20px;
}
.goal__card__header .number {
color: #ffffff;
font-size: 40px;
font-weight: bold;
}
.goal__block {
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.goal__block .number {
color: #ffffff;
font-size: 70px;
font-weight: bold;
}
.goal__block .icon {
width: 300px;
height: 150px;
}
.goal__wrapper {
flex-direction: column;
justify-content: space-between;
padding: 30px;
display: flex;
align-items: center;
height: 100%;
}
}
@media (max-width: 700px) {
.goal__list {
gap: 11px 0;
display: flex;
justify-content: space-between;
}
.goal__list__item {
width: 100%;
}
.goal__block .number {
color: #ffffff;
font-size: 50px;
font-weight: bold;
}
.goal__block .icon {
width: 150px;
height: 100px;
}
}
.news__list {
gap: 40px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.news__list__item {
width: 49%;
}
.news__card__title {
color: #000000;
font-size: 18px;
font-weight: 600;
height: 66px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 10px;
}
.news__card__img {
width: 100%;
max-height: 300px;
min-height: 300px;
object-fit: cover;
border-radius: 4px;
margin-bottom: 25px;
}
.news__card__bottom-block {
display: flex;
align-items: center;
justify-content: space-between;
}
.news__card__date {
font-size: 14px;
font-weight: 500;
color: #A7ACB1;
}
.news__card__more {
font-size: 16px;
text-decoration: underline;
color: #A7ACB1;
font-weight: 400;
}
.news__card:hover .news__card__title, .news__card:hover .news__card__date {
text-decoration: underline;
}
@media (max-width: 768px) {
.news__list__item {
width: 100%;
}
}
.events__list {
gap: 20px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.events__list__item {
width: 49%;
}
.events__card {
border-radius: 6px;
border: 2px solid #E3E5E8;
}
.events__card__header {
color: #000000;
padding: 20px;
background-color: rgba(11, 159, 49, 0.1);
transition: all 0.5s;
}
.events__card__title {
min-height: 70px;
margin: 5px;
font-size: 18px;
font-weight: bold;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.events__card__img {
width: 100%;
height: 250px;
object-fit: cover;
}
.events__card__more {
color: #000000;
font-size: 16px;
padding: 20px 0;
font-weight: 400;
text-align: center;
text-decoration: underline;
border-top: 1px solid #E3E5E8;
}
.events__card:hover .events__card__header {
border-radius: 4px 4px 0 0;
color: #ffffff;
background-color: #4A90E2;
}
@media (max-width: 600px) {
.events__list__item {
width: 100%;
}
}
.question {
margin-bottom: 60px;
}
.question__title {
padding-bottom: 10px;
font-size: 26px;
color: #000000;
font-weight: 600;
border-bottom: 3px solid #4A90E2;
}
.question__list__item {
padding-bottom: 20px;
border-bottom: 1px solid #CED5DB;
}
.question__list__item__text {
color: #000000;
font-size: 22px;
font-weight: 400;
}
.question__list__header {
background: url(//sdgs.by/wp-content/themes/sdgs/images/icons/questions_open.svg) no-repeat left 27px;
padding: 25px 20px 0 50px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
cursor: pointer;
}
.question__list__body {
padding: 10px 0 0 50px;
max-width: 0;
max-height: 0;
overflow: hidden;
transition: max-width 0.3s, max-height 0.3s;
transform-origin: top left right;
}
.not-found {
height: 73vh;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
background-size: 100%;
background-repeat: no-repeat;
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/not-found/fonNotFound.png);
}
.not-found__img {
width: 852px;
height: 411px;
object-fit: cover;
display: block;
margin: 0 auto;
}
.not-found__title {
color: #193557;
text-align: center;
font-size: 50px;
font-weight: 700;
line-height: 100%;
}
.not-found__sub-title {
width: 753px;
color: #121D21;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-align: center;
margin: 25px auto 40px;
}
.not-found__link {
display: block;
width: 180px;
margin: 0 auto;
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
border-radius: 5px;
background: #2C5B95;
padding: 15px;
position: relative;
}
.not-found__link::after {
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 19px;
height: 18px;
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/not-found/back.svg);
background-repeat: no-repeat;
background-size: 100%;
transform: translateY(-50%);
transition: transform 0.2s ease-out;
}
@media (max-width: 1600px) {
.not-found__img {
width: 375px;
height: 163px;
object-fit: cover;
}
.not-found__title {
font-size: 30px;
}
}
@media (max-width: 800px) {
.not-found__sub-title {
width: 500px;
margin-bottom: 20px;
}
}
@media (max-width: 550px) {
.not-found__img {
width: 300px;
height: 140px;
object-fit: cover;
}
.not-found__sub-title {
width: 320px;
}
}
.clear-lang {
gap: 24px;
display: flex;
max-width: 50%;
margin: 0 auto 50px;
}
.clear-lang__list {
gap: 24px;
display: flex;
flex-direction: column;
}
.clear-lang__list__item {
position: relative;
}
.clear-lang__list__item:nth-child(2) .clear-lang__content {
background-color: #F5AD00;
}
.clear-lang__list__item:nth-child(3) .clear-lang__content {
background-color: #06AB2D;
}
.clear-lang__list__item:nth-child(4) .clear-lang__content {
background-color: #CB1E32;
}
.clear-lang__list__item:nth-child(5) .clear-lang__content {
background-color: #F03B2B;
}
.clear-lang__list__item:nth-child(6) .clear-lang__content {
background-color: #22B4DE;
}
.clear-lang__list__item:nth-child(7) .clear-lang__content {
background-color: #FFBD43;
}
.clear-lang__list__item:nth-child(8) .clear-lang__content {
background-color: #961D39;
}
.clear-lang__list__item:nth-child(9) .clear-lang__content {
background-color: #F7783D;
}
.clear-lang__list__item:nth-child(10) .clear-lang__content {
background-color: #E0207E;
}
.clear-lang__list__item:nth-child(11) .clear-lang__content {
background-color: #F7A246;
}
.clear-lang__list__item:nth-child(12) .clear-lang__content {
background-color: #DA983E;
}
.clear-lang__list__item:nth-child(13) .clear-lang__content {
background-color: #538645;
}
.clear-lang__list__item:nth-child(14) .clear-lang__content {
background-color: #2488C7;
}
.clear-lang__list__item:nth-child(15) .clear-lang__content {
background-color: #3FC24D;
}
.clear-lang__list__item:nth-child(16) .clear-lang__content {
background-color: #216EAE;
}
.clear-lang__list__item:nth-child(17) .clear-lang__content {
background-color: #334B80;
}
.clear-lang__link {
width: 210px;
height: 210px;
display: flex;
flex-direction: column;
display: inline-block;
position: relative;
overflow: visible;
}
.clear-lang__img {
width: 100%;
height: 100%;
}
.clear-lang__content {
width: 220px; display: none;
color: #ffffff;
font-size: 26px;
position: absolute;
background-color: #F52853;
padding: 10px 15px 10px 10px;
z-index: 2;
top: 50%;
left: 50%;
opacity: 0;
transition: opacity 0.3s;
}
.clear-lang__info-block .title {
font-size: 18px;
color: #193557;
text-transform: uppercase;
}
.clear-lang__info-block .paragraph {
font-size: 22px;
}
.clear-lang__info-block .btn {
height: 32px;
padding: 0 15px;
border-radius: 4px;
background-color: #EBEDEF;
}
.clear-lang__btn-block {
gap: 10px;
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 10px;
}
.clear-lang__btn-block .back-link, .clear-lang__btn-block .up-link {
height: 32px;
color: #000000;
padding: 0 15px;
font-size: 22px;
font-weight: 400;
border-radius: 4px;
background-color: #EBEDEF;
display: inline-block;
}
.clear-lang__btn-block .up-link {
gap: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.clear-lang__btn-block .up-link img {
width: 20px;
height: 20px;
}
.clear-lang__link:hover .clear-lang__content {
display: block;
opacity: 1;
}
@media (max-width: 1024px) {
.clear-lang {
max-width: 100%;
flex-direction: column;
}
.clear-lang__list {
gap: 24px 0;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.clear-lang__list__item {
width: 16.5%;
}
.clear-lang__link {
width: 100%;
height: 100%;
}
}
@media (max-width: 768px) {
.clear-lang__left-block {
display: none;
}
}
.target-block {
position: relative;
margin: 50px auto;
}
.target-block__content {
z-index: 3;
gap: 13px;
opacity: 0;
display: flex;
color: #ffffff;
padding: 15px;
font-size: 26px;
position: absolute;
border-radius: 4px;
transform-origin: top left;
transform: scale(0) translate(-50%, -50%);
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
background-image: linear-gradient(-180deg, #F52853 0%, #DC254B 98%);
}
.target-block__link {
height: 0;
top: 13.3%;
left: 4.7%;
width: 5.5%;
cursor: pointer;
padding-top: 5.6%;
position: absolute;
}
.target-block__link:nth-child(3) {
left: 21.7%;
}
.target-block__link:nth-child(3) .target-block__content {
background-image: linear-gradient(-180deg, #F5AD00 0%, #E2A104 100%);
}
.target-block__link:nth-child(4) {
left: 38.8%;
}
.target-block__link:nth-child(4) .target-block__content {
background-image: linear-gradient(-180deg, #06AB2D 1%, #0B9F2E 99%);
}
.target-block__link:nth-child(5) {
left: 55.7%;
}
.target-block__link:nth-child(5) .target-block__content {
background-image: linear-gradient(-180deg, #CB1E32 0%, #AF2535 96%);
}
.target-block__link:nth-child(6) {
left: 72.7%;
}
.target-block__link:nth-child(6) .target-block__content {
background-image: linear-gradient(-180deg, #F03B2B 1%, #DA3F31 100%);
}
.target-block__link:nth-child(7) {
left: 89.8%;
}
.target-block__link:nth-child(7) .target-block__content {
background-image: linear-gradient(-180deg, #22B4DE 2%, #209FC3 99%);
left: auto;
right: 0;
transform-origin: top right;
}
.target-block__link:nth-child(8) {
top: 40.9%;
left: 13.2%;
}
.target-block__link:nth-child(8) .target-block__content {
background-image: linear-gradient(-180deg, #FFBD43 0%, #F2B037 94%);
}
.target-block__link:nth-child(9) {
top: 40.9%;
left: 30.2%;
}
.target-block__link:nth-child(9) .target-block__content {
background-image: linear-gradient(-180deg, #961D39 4%, #7A1C32 98%);
}
.target-block__link:nth-child(10) {
top: 40.9%;
left: 47.2%;
}
.target-block__link:nth-child(10) .target-block__content {
background-image: linear-gradient(-180deg, #F7783D 2%, #E1652C 98%);
}
.target-block__link:nth-child(11) {
top: 40.9%;
left: 64.3%;
}
.target-block__link:nth-child(11) .target-block__content {
background-image: linear-gradient(-180deg, #E0207E 0%, #CE1F75 95%);
}
.target-block__link:nth-child(12) {
top: 40.9%;
left: 81.3%;
}
.target-block__link:nth-child(12) .target-block__content {
background-image: linear-gradient(-180deg, #F7A246 3%, #EC9536 98%);
}
.target-block__link:nth-child(13) {
top: 68.2%;
left: 4.7%;
}
.target-block__link:nth-child(13) .target-block__content {
background-image: linear-gradient(-180deg, #DA983E 3%, #C18431 97%);
}
.target-block__link:nth-child(14) {
top: 68.2%;
left: 21.7%;
}
.target-block__link:nth-child(14) .target-block__content {
background-image: linear-gradient(-180deg, #538645 0%, #466F3B 94%);
}
.target-block__link:nth-child(15) {
top: 68.2%;
left: 38.7%;
}
.target-block__link:nth-child(15) .target-block__content {
background-image: linear-gradient(-180deg, #2488C7 3%, #1D70A5 96%);
}
.target-block__link:nth-child(16) {
top: 68.2%;
left: 55.7%;
}
.target-block__link:nth-child(16) .target-block__content {
background-image: linear-gradient(-180deg, #3FC24D 3%, #3CA447 97%);
}
.target-block__link:nth-child(17) {
top: 68.2%;
left: 72.7%;
}
.target-block__link:nth-child(17) .target-block__content {
background-image: linear-gradient(-180deg, #216EAE 2%, #174C78 94%);
}
.target-block__link:nth-child(18) {
top: 68.2%;
left: 89.7%;
}
.target-block__link:nth-child(18) .target-block__content {
background-image: linear-gradient(-180deg, #334B80 4%, #202F52 95%);
left: auto;
right: 0;
transform-origin: top right;
}
.target-block__link:hover .target-block__content {
transform: scale(1) translate(-50%, -50%);
opacity: 1;
}
.target-block-mobile {
display: none;
margin: 50px auto;
}
.target-block-mobile__img {
width: 205px;
width: 205px;
display: block;
margin: 0 auto;
object-fit: cover;
}
.target-block-mobile .title {
color: #000000;
font-size: 22px;
font-weight: 600;
margin-top: 50px;
text-align: center;
}
.target-block-mobile a {
width: 150px;
color: #000000;
display: block;
font-size: 18px;
font-weight: 400;
padding: 10px 30px;
border-radius: 2px;
text-align: center;
margin: 30px auto 50px;
border: 1px solid #A7ACB1;
}
.target-block-mobile .swiper {
width: 94%;
height: 100%;
}
.target-block-mobile .swiper-slide {
font-size: 18px;
background: #fff;
justify-content: center;
text-align: center;
align-items: center;
}
.target-block-mobile .swiper-button-prev, .target-block-mobile .swiper-button-next {
width: 32px;
height: 32px;
position: absolute;
top: 40%;
background-color: #ccc;
z-index: 2;
}
.target-block-mobile .swiper-button-prev::after, .target-block-mobile .swiper-button-next::after {
content: "";
}
.target-block-mobile .swiper-button-next {
transform: rotate(180deg);
}
@media (max-width: 1024px) {
.target-block {
display: none;
}
.target-block-mobile {
display: block;
}
}
.main-bg {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/bg/ornament_bg.png), linear-gradient(-180deg, #F52853 0%, #DC254B 98%);
background-repeat: no-repeat;
background-position: 100% 25%;
background-attachment: fixed;
height: 570px;
display: flex;
padding-top: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 768px) {
.main-bg {
height: 380px;
background-position: 4% 30%;
}
}
.main-bg-title-block {
display: flex;
align-items: center;
height: 100%;
}
.main-bg-title-block__title {
font-size: clamp(30px, 7.3vw, 60px);
color: #fff;
padding-left: 285px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1024px) {
.main-bg-title-block__title {
padding-left: 0;
}
}
table.architecture-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
height: auto;
font-size: clamp(14px, 1.666vw, 16px);
}
table.architecture-table, table.architecture-table td, table.architecture-table th {
border: 1px solid #595959;
}
table.architecture-table td, table.architecture-table th {
padding: 10px;
width: 30px;
height: 35px;
}
table.architecture-table td span {
font-weight: 500;
}
@media (max-width: 475px) {
table.architecture-table td {
vertical-align: baseline;
}
}
.architecture-content {
padding-top: 50px;
display: flex;
padding-bottom: 60px;
}
.nav-bar {
flex: 0 0 280px;
width: 280px;
margin-right: 40px;
}
@media (max-width: 1024px) {
.nav-bar {
display: none;
}
}
.architecture-content-right {
max-width: 1050px;
}
@media (max-width: 575px) {
.architecture-content-right {
width: 100%;
}
}
.architecture-content-right__title {
font-size: clamp(22px, 3.75vw, 36px);
padding-bottom: 20px;
line-height: 100%;
letter-spacing: 0.8;
}
.architecture-content-right p {
font-size: 18px;
}
.architecture-content-right p:not(:last-child) {
padding-bottom: 20px;
}
.table-title {
font-size: 18px;
padding-bottom: 10px;
font-weight: 600;
}
.architecture-link {
padding-top: 40px;
padding-bottom: 10px;
}
.architecture-link a {
font-size: clamp(18px, 2.291vw, 22px);
color: #2C5B95;
text-decoration: underline;
}
.ambasadors-cards-block {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
gap: 20px;
}
.ambasadors__title {
font-size: clamp(22px, 3.75vw, 36px);
padding-bottom: 20px;
line-height: 130%;
letter-spacing: 0.8;
}
.ambasadors-position-link {
padding-top: 15px;
padding-bottom: 20px;
}
.ambasadors-position-link a {
color: #2C5B95;
font-family: 'Roboto';
font-size: 16px;
font-style: normal;
font-weight: 400;
text-decoration: underline;
}
.ambasadors-card {
display: flex;
flex-direction: column;
}
.ambasadors-card__tel {
text-decoration: underline;
font-weight: bold;
}
.ambasadors-card__title {
color: #2C5B95;
padding: 0 10px;
height: 70px; 
text-align: center;
font-family: 'Roboto';
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 20px;
} .ambasadors-card__user {
padding-top: 40px;
color: #232323;
text-align: center;
font-family: 'Roboto';
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding-bottom: 20px;
}
.ambasadors-card__block-link {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
font-size: clamp(18px, 2.083vw, 20px);
line-height: 120%;
font-weight: 400;
padding-bottom: 20px;
color: #2C5B95;
}
.ambasadors-card__block-link a {
color: #2C5B95;
font-weight: 500;
}
.ambasadors-card__university {
min-height:  106px;
color: #232323;
text-align: center;
font-family: 'Roboto';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-bottom: clamp(20px, 2.08vw, 40px);
}
@media(max-width: 1024px) {
.ambasadors-card__university {
min-height: 90px;
}
}
.ambasadors-card__text p {
color: #232323; 
font-family: 'Roboto';
font-size: 16px !important;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.ambasadors-card__image {
height: 320px;
}
._ambasadors-accordion-item {
width: 100%;
}
._ambasadors-header {
color: #fff;
border-radius: 5px;
background: #2C5B95;
justify-content: center;
gap: 20px;
}
._ambasadors-accordion-item.accordion__item_show > ._ambasadors-header::after {
transform: rotate(-180deg);
}
._ambasadors-header::after {
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowWhite.svg);
margin-left: 0;
justify-content: center;
gap: 20px;
}
._ambasadors-header:hover {
color: #fff;
}
@media (max-width: 475px) {
.ambasadors-card__image {
height: 300px;
}
}
.ambasadors-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
._position-center img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ambasadors-card-why {
color: #232323;
text-align: center;
font-family: 'Roboto';
font-size: clamp(20px, 1.5625vw, 30px);
font-style: normal;
font-weight: 700;
line-height: normal;
padding-bottom: clamp(30px, 2.08vw, 40px);
}
._ambasadors-right p {
line-height: 130%;
font-size: clamp(16px, 1.875vw, 18px);
}
table.goals {
margin-top: clamp(40px, 4.166vw, 80px);
width: 100%;
margin-bottom: clamp(20px, 5.2vw, 50px);
border-collapse: collapse;
border-spacing: 0;
height: auto;
}
@media (max-width: 425px) {
table.goals {
font-size: 13.5px;
}
}
table.goals, table.goals td, table.goals th {
border: 1px solid #595959;
}
table.goals td {
padding: 10px;
height: 35px;
}
@media (max-width: 425px) {
table.goals td {
padding: 2px;
}
}
table.goals th {
background: #347c99;
color: #fff;
font-weight: normal;
}
.goals-title, .goals-title-num {
font-weight: 500;
text-align: center;
}
.goals-title-num {
width: 20px !important;
}
.logo-title-block {
display: flex;
align-items: center;
height: 100%;
}
.logo-title-block__title {
font-size: clamp(30px, 7.3vw, 60px);
color: #fff;
padding-left: 330px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1024px) {
.logo-title-block__title {
padding-left: 0;
}
}
.logo-block-cards {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
@media (max-width: 1508px) {
.logo-block-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
}
@media (max-width: 768px) {
.logo-block-cards {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
}
.logo-block-cards__ruls {
padding-top: 20px;
padding-bottom: 60px;
}
.logo-block-cards__ruls a {
color: #2C5B95;
font-size: 18px;
font-weight: 400;
text-decoration: underline;
line-height: 140%;
}
.logo-card {
max-width: clamp(250px, 17.708vw, 340px);
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid #cdcdcd;
}
@media (max-width: 1508px) {
.logo-card {
max-width: 100%;
width: 100%;
}
}
.logo-card__image {
padding: 40px 0;
margin: 0 auto;
width: 100px;
}
.logo-card__image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.logo-card__links {
display: flex;
flex-direction: column;
}
.logo-card__link {
height: 40px;
padding: 10px;
border-top: 1px solid #cdcdcd;
color: #2C5B95;
font-size: clamp(15px, 0.9vw, 18px);
font-weight: 500;
line-height: 140%;
text-align: center;
transition: all ease 0.3s;
}
@media (any-hover: hover) {
.logo-card__link:hover {
text-decoration: underline;
}
}
._long {
width: 250px;
}
.contact__title {
font-size: clamp(22px, 3.75vw, 36px);
padding-bottom: 20px;
line-height: 100%;
letter-spacing: 0.8;
}
.contact-item {
padding-bottom: 20px;
}
.contact-item__coordinator {
font-size: clamp(18px, 2.291vw, 22px);
font-weight: 600;
padding-bottom: 10px;
}
.contact-item__name {
font-size: clamp(18px, 2.291vw, 20px);
font-weight: 600;
padding-bottom: 10px;
}
.contact-item__place {
font-size: 14px;
padding-bottom: 10px;
}
.contact-item__phone a {
font-weight: 500;
color: #2C5B95;
}
.contact-item__mail {
padding-top: 10px;
}
.contact-item__mail a {
color: #2C5B95;
font-weight: 500;
font-size: 14px;
}
.contact-form {
padding: 20px;
background: #EDF2F7;
border-radius: 8px;
}
.contact-form-name-block {
display: flex;
gap: 10px;
padding-bottom: 20px;
}
@media (max-width: 575px) {
.contact-form-name-block {
flex-direction: column;
}
}
.contact-form-name {
width: 100%;
display: flex;
flex-direction: column;
}
.label {
font-size: 12px;
padding-bottom: 5px;
}
.input {
height: 50px;
border: 1px solid #AFB7C0;
border-radius: 4px;
font-size: 18px;
}
textarea {
border: 1px solid #AFB7C0;
border-radius: 4px;
font-size: 18px;
resize: vertical;
}
.contact-form-surname {
width: 100%;
display: flex;
flex-direction: column;
}
.contact-form-mail {
display: flex;
flex-direction: column;
padding-bottom: 20px;
}
.contact-form-text {
display: flex;
flex-direction: column;
padding-bottom: 40px;
}
@media (max-width: 1024px) {
.contact-form-text {
padding-bottom: 0;
}
}
.button {
display: flex;
height: 50px;
justify-content: center;
align-items: center;
width: 100%;
color: #fff;
background: #A1AAB3;
text-align: center;
border-radius: 3px;
margin-top: 30px;
cursor: pointer;
}
.search-form {
display: flex;
width: 100%;
position: relative;
}
.search-input {
width: 100%;
padding: 10px 20px;
border: 1px solid #AFB7C0;
border-right: none;
border-radius: 4px 0 0 4px;
}
.search-input:focus {
background: none;
}
.search-button {
position: absolute;
top: -0.5px;
right: -2px;
background: #2C5B95;
width: 62px;
height: 41px;
border-radius: 0 4px 4px 0;
transition: all ease 0.3s;
}
@media (any-hover: hover) {
.search-button:hover {
background: #9b9b9b;
}
}
.search-button span svg {
fill: #ffffff;
}
._search-block {
width: 100%;
}.practic-block {
position: relative;
margin: 50px auto;
}
.practic-block__content {
width: 100%;
height: 90%;
z-index: 3;
gap: 4px;
opacity: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #ffffff;
padding: 6px;
font-size: clamp(20px, 1.302vw, 25px);
position: absolute;
top: 3px;
left: 3px; transform: scale(0) translate(-50%, -50%);
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
background:#e4054a;
}
.practic-block__content p {
font-size: clamp(8.5px, 0.520vw, 10px);
text-align: center;
text-transform: uppercase;
}
.practic-block__link {
height: 0;
top: 13.5%;
left: 4.7%;
width: 5.2%;
cursor: pointer;
padding-top: 5.6%;
position: absolute;
}
.practic-block__link:nth-child(1) {
left: 21.7%;
}
.practic-block__link:nth-child(3) {
left: 21.7%;
}
.practic-block__link:nth-child(3) .practic-block__content {
background: #ce9600;
}
.practic-block__link:nth-child(4) {
left: 38.8%;
}
.practic-block__link:nth-child(4) .practic-block__content {
background: #009339;
}
.practic-block__link:nth-child(5) {
left: 55.7%;
}
.practic-block__link:nth-child(5) .practic-block__content {
background: #c3002e;
}
.practic-block__link:nth-child(6) {
left: 72.7%;
}
.practic-block__link:nth-child(6) .practic-block__content {
background: #f3231b;
}
.practic-block__link:nth-child(7) {
left: 89.8%;
}
.practic-block__link:nth-child(7) .practic-block__content {
background: #00a0c7;
right: 0;
transform-origin: top right;
}
.practic-block__link:nth-child(8) {
top: 40.9%;
left: 13.2%;
}
.practic-block__link:nth-child(8) .practic-block__content {
background: #fdad00;
}
.practic-block__link:nth-child(9) {
top: 40.9%;
left: 30.2%;
}
.practic-block__link:nth-child(9) .practic-block__content {
background: #88092f;
}
.practic-block__link:nth-child(10) {
top: 40.9%;
left: 47.2%;
}
.practic-block__link:nth-child(10) .practic-block__content {
background: #f95900;
}
.practic-block__link:nth-child(11) {
top: 40.9%;
left: 64.3%;
}
.practic-block__link:nth-child(11) .practic-block__content {
background: #e10076;
}
.practic-block__link:nth-child(12) {
top: 40.9%;
left: 81.3%;
}
.practic-block__link:nth-child(12) .practic-block__content {
background: #fa9100;
}
.practic-block__link:nth-child(13) {
top: 68.2%;
left: 4.7%;
}
.practic-block__link:nth-child(13) .practic-block__content {
background: #d18209;
}
.practic-block__link:nth-child(14) {
top: 68.2%;
left: 21.7%;
}
.practic-block__link:nth-child(14) .practic-block__content {
background: #357332;
}
.practic-block__link:nth-child(15) {
top: 68.2%;
left: 38.7%;
}
.practic-block__link:nth-child(15) .practic-block__content {
background: #0071aa;
}
.practic-block__link:nth-child(16) {
top: 68.2%;
left: 55.7%;
}
.practic-block__link:nth-child(16) .practic-block__content {
background: #00a836;
}
.practic-block__link:nth-child(17) {
top: 68.2%;
left: 72.7%;
}
.practic-block__link:nth-child(17) .practic-block__content {
background: #004d7c;
}
.practic-block__link:nth-child(18) {
top: 68.2%;
left: 89.7%;
}
.practic-block__link:nth-child(18) .practic-block__content {
background: #1a2e57;
}
.practic-block__link:hover .practic-block__content {
transform: scale(1) translate(0%, 0%);
opacity: 1;
}
.practic-block-mobile {
display: none;
margin: 50px auto;
}
.practic-block-mobile__img {
width: 205px;
width: 205px;
display: block;
margin: 0 auto;
object-fit: cover;
}
.practic-block-mobile .title {
color: #000000;
font-size: 22px;
font-weight: 600;
margin-top: 50px;
text-align: center;
}
.practic-block-mobile a {
width: 150px;
color: #000000;
display: block;
font-size: 18px;
font-weight: 400;
padding: 10px 30px;
border-radius: 2px;
text-align: center;
margin: 30px auto 50px;
border: 1px solid #A7ACB1;
}
.practic-block-mobile .swiper {
width: 94%;
height: 100%;
}
.practic-block-mobile .swiper-slide {
font-size: 18px;
background: #fff;
justify-content: center;
text-align: center;
align-items: center;
}
.practic-block-mobile .swiper-button-prev, .practic-block-mobile .swiper-button-next {
width: 32px;
height: 32px;
position: absolute;
top: 40%;
background-color: #ccc;
z-index: 2;
}
.practic-block-mobile .swiper-button-prev::after, .practic-block-mobile .swiper-button-next::after {
content: "";
}
.practic-block-mobile .swiper-button-next {
transform: rotate(180deg);
}
@media (max-width: 1024px) {
.practic-block {
display: none;
}
.practic-block-mobile {
display: block;
}
} .search-form {
display: flex;
width: 100%;
position: relative;
}
.search-input {
width: 100%;
padding: 10px 20px;
border: 1px solid #AFB7C0;
border-right: none;
border-radius: 4px 0 0 4px;
}
.search-input { }
.search-input:focus {
background: none;
}
.search-button {
position: absolute;
top: -0.5px;
right: -2px;
background: #2C5B95;
width: 62px;
height: 41px;
border-radius: 0 4px 4px 0;
transition: all ease 0.3s;
display: flex;
justify-content: center;
align-items: center;
}
@media (any-hover: hover) {
.search-button:hover {
background: #9b9b9b;
}
}
.search-button span svg {
fill: #ffffff;
}
._search-block {
width: 100%;
} .bestpractic-filter {
display: flex;
justify-content: space-between;
gap: 30px;
}
@media(max-width: 575px) {
.bestpractic-filter {
flex-direction: column;
}
.bestpractic-filter__select {
display: flex;
justify-content: flex-end;
}
}
.bestpractic-filter__search {
width: 100%;
}
.search-block {
max-width: 470px;
}  .bestpractic-block {
margin-top: clamp(15px, 2.083vw, 40px);
display: flex;
gap: 30px;
flex-wrap: wrap;
} .bestpractic-block-card {
break-inside: avoid-column;
width: 31%;
border-radius: 5px;
border: 1px solid #E3E5E8;
}
.bestpractic-block-card-image {
padding: 10px;
}
.bestpractic-block-card-info {
padding: 10px;
border-radius: 0 0 5px 5px;
transition: all ease .3s;
}
.bestpractic-block-card__image {
}
.bestpractic-block-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bestpractic-block-card__icons {
margin-top: 20px;
}
.bestpractic-block-card__icons ul {
list-style: none;
display: flex;
flex-wrap: wrap;
padding-left: 0;
gap: 5px;
}
.bestpractic-block-card__icons ul > li > img {
max-width: 40px;
}
.bestpractic-block-card-info {
display: flex;
flex-direction: column;
}
.bestpractic-block-card-info__place {
padding-top: 10px;
color: #232323;
font-family: 'Roboto';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
min-height:56px;
}
.bestpractic-block-card-info__title {
margin-top: 10px;
overflow: hidden;
color: #232323;
text-overflow: ellipsis;
font-family: 'Roboto';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
height: 44px;
}
.bestpractic-block-card-info__date {
margin-top: 20px;
}
.bestpractic-block-card-info__date ul {
display: flex;
justify-content: space-between;
list-style: none;
padding-left: 0;
color: #868686;
}
.bestpractic-block-card-info__date ul > li:last-child {
display: flex;
gap: 5px;
align-items: center;
}
.bestpractic-block-card-info:hover {
background: #2C5B95;
}
.bestpractic-block-card-info:hover .bestpractic-block-card-info__place {
color: #fff;
}
.bestpractic-block-card-info:hover .bestpractic-block-card-info__title {
color: #fff;
}
.bestpractic-block-card-info:hover .bestpractic-block-card-info__date ul > li {
color: #fff;
}
.bestpractic-block-card-info:hover .bestpractic-block-card-info__date ul > li > span {
filter: brightness(0) invert(1);
}
.date-bestpractic {
} .bestpractic-about-accordion__header::after {
display: block;
padding-top: 10px;
flex: 0 0 20px;
margin-left: auto;
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/practic-about/arrow.png);
background-repeat: no-repeat;
background-size: 1.25rem;
content: "";
transition: transform 0.2s ease-out;
}
.bestpractic-about-accordion__body {
overflow: hidden;
display: none;
max-height: 0;
transition: max-height 0.35s ease-in-out;
}
.accordion__item_shows .bestpractic-about-accordion__body {
max-height: 100%;
display: block;
transition: max-height 0.35s ease-in-out;
}
.accordion__item_shows > .bestpractic-about-accordion__header::after {
transform: rotate(-180deg);
} .bestpractic-about__main-title {
color: #232323;
font-family: 'Roboto';
font-size:  clamp(25px, 3.7vw, 36px);
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 15px;
}
.bestpractic-about__date {
color: #868686;
font-family: 'Roboto';
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 20px;
}
.bestpractic-about__image {
margin-bottom: 20px;
}
.bestpractic-about__image img {
max-height:  478px;
min-height: 200px;
height: 100%;
object-fit: cover;
width: 100%;
}
.bestpractic-about__title, .bestpractic-about-accordion__header {
color:  #2C5B95;
font-family: 'Roboto';
font-size: clamp(20px, 2.5vw, 24px);
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 15px;
}
.bestpractic-about__icons {
margin-bottom: 15px;
}
.bestpractic-about__icons ul {
list-style: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.bestpractic-about__icons ul > li > img {
max-height: 100px;
min-height: 100px;
height: 100%;
object-fit: cover;
width: 100%;
}
.bestpractic-about__text {
color: #232323;
font-family: 'Roboto';
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 20px;
}
.bestpractic-about-accordion__item {
}
.bestpractic-about-accordion__header { display: flex;
align-items: center;
gap: 10px;
max-width: 285px;
}
.bestpractic-about-accordion__body {
margin-top: 20px;
}
.bestpractic-about-accordion__body__list {
}
.bestpractic-about-accordion__body__list > li {
display: flex;
flex-direction: column;
gap: 5px;
font-size: 18px;
}
.bestpractic-about-accordion__body__list > li > span {
font-weight: 600;
padding-top: 5px;
}
.bestpractic-about-accordion__body__list > li > ul {
list-style: none;
padding-left: 0;
}
.bestpractic-about-accordion__body__list > li > ul > li:not(:last-child) {
padding-bottom: 5px;
} .bestpractic-item-block {
display: flex;
}
.bestpractic-item-block-count {
}
.bestpractic-item-block__title {
}
@media(max-width: 1440px) {
.bestpractic-block-card {
width: 46%;
}
}
@media(max-width: 575px) {
.bestpractic-block-card {
width: 100%;
}
.bestpractic-about__icons ul > li > img {
max-height: 60px;
min-height: 60px;
}
}.wrapper__right-block .task-competition-btn {
margin-bottom:25px;
border-radius: 6px;
border: 2px solid #E3E5E8;
width:100%;
}
.wrapper__right-block .task-competition-btn a.wp-block-button__link{
color: #000000;
border-radius: 6px;
padding: 20px;
background-color: rgba(11, 159, 49, 0.1);
transition: all 0.5s;
text-decoration:none;
width: 100%;
font-weight: 700;
}
.wrapper__right-block .task-competition-btn a.wp-block-button__link:hover{
background-color: #4A90E2;	
color:#fff;
}
.header__nav{
min-width:50%;
}
.header__nav__top-list{
justify-content: space-between;
}
div#datafetch{
top:initial!important;
}
#gtx-trans{
display:none;
}
.grecaptcha-badge {
visibility: hidden!important;
}
.bestpractic-block-card__image{
height:244px;
}
.bestpractic-block-card{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.bestpractic-block-card-info__place{
padding-top:0!important;
}
.accordion__body._accordion-body {
overflow: hidden;
display: none;
max-height: 0;
transition: max-height 0.35s ease-in-out;
}
.accordion__item_shows>.accordion__body._accordion-body {
max-height: 100%;
display: block;
transition: max-height 0.35s ease-in-out;
}
.headerburger-menulist__sub-items {
padding: 23px 30px;
background-color: #3a5c85;
margin-bottom: 5px;
}
.accordion__header._accordion-header .header__burger-menu__list__sub-link{
color:#193557!important;
font-weight:700!important;
}
.wp-block-embed__wrapper{
position:relative;
padding: 0 0 56.25% 0;
height:0;
overflow:hidden;
margin-bottom:15px;
}
.wp-block-embed__wrapper iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.search-button span{
position: absolute;
top: 30%;
left: 40%;
}
.all-news-list__link:hover{
color:#000!important;
}
.contact-form-name, .contact-form-surname{
width:49%!important;
}
.tasks-block{
display:flex;
justify-content:space-between;
margin-bottom:30px;
}
.tasks-block .task-card{
width:32%;
}
.task-card__top{
text-align:center;
background:#2C5B95;
color:#fff;
padding: 20px 0;
border-radius: 10px;
}
.task-card__content{
padding: 20px;
border-radius: 0 0 20px 20px;
border: 1px solid #E3E5E8;
transform: translatey(-5px);
border-top: none;
min-height: 65%;
color:#000;
}
a.task-card{
text-decoration:none!important;
}
@media (max-width: 575px){
.banner p{
padding: 10px 0;
}
.popup .popup-content p{
padding: 5px 0px 20px!important;
width: 100%!important;
font-size:16px!important;
}
.contact-form-name, .contact-form-surname{
width:100%!important;
} 
}
.wrapper__right-block .logo-card a {
font-size: 14.5px!important;
}
.wrapper__right-block p, .wrapper__right-block a, .wrapper__right-block strong, .wrapper__right-block li{
font-size:18px;
}
.media__card__date{
font-size:14px!important;
}
header .header__nav__top-list__item .header__nav__top-list__content .header__nav__top-list__content__item .header__nav__top-list__content__sub-list{
top:5%!important;
}
@media (min-width: 1024px){
.bg-clear .main-bg-title-block__title{
padding-left:155px;
}	
.bg-clear .goal__block .icon {
width: 350px;
min-width:300px;
height: auto;
}
}
@media (max-width: 768px){
.bg-clear.main-bg {
height: 450px;
}
.tasks-block{
justify-content:initial;
flex-direction:column;
}
.tasks-block .task-card{
width:100%;
}
.task-card__top{
padding: 10px 0;
}
}
.soc-print img, .up-link img{
margin-bottom:0!important;
}
.soc-print{
color:#000!important;
}
.clear-lang__info-block p, .clear-lang__info-block li, .clear-lang__info-block ul {
font-size: 20px;
font-weight: 400;
margin-bottom: 12px;
width: 580px;
}
.clear-menu .accordion__body__list__link{
display:flex;
}
.clear-menu .accordion__thumbnail{
min-width:40px;
height:40px;
margin-right:10px;
}
.clear-menu .accordion__thumbnail img{
width:100%;
height:100%;
}
.clear-lang__info-block strong{
font-weight:800;
font-size:19px;
color:#000;
}
.clear-lang__info-block a{
text-decoration:none!important;
}
.clear-lang__info-block h2{
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;	    width: 580px;
}
.logo-slider .text {
font-weight: 500;
margin-left: -20px;
text-align:left;
color: #8b8b8b!important;
font-size: 12px!important;
max-width: 160px;
z-index:5;
}
.header__nav__top-list__content__sub-list{
min-width: 285px!important;
}
.events__list__item a{
text-decoration:none!important;
}
.events__card:hover .events__card__header{
border-radius:5px 5px 0 0;
}
.goal__block .icon {
height: 200px;
}
.logo-card__link {
text-decoration: none!important;
}
.goal__card{
height:280px;
}
@media (max-width: 700px){
.clear-lang__info-block h2, .clear-lang__info-block p, .clear-lang__info-block li, .clear-lang__info-block ul{
width:initial;
}
.footer__info-block p {
text-align: center;
}	
.goal__card{
height:250px;
}
.goal__card__icon {
max-width: 160px;
height: 90px;
}
.goal__block .icon {
height: 120px;
}
}
@media (max-width: 1024px){
.goal__card__header .title {
margin-right: 30px;
width: 45%;
}	
}
.news__main-title{
font-size: 36px;
font-weight:800;
color: #000;
}
.wrapper__right-block img:not(.events__card__img), .wrapper__right-block p:not(.events__card__date), .wrapper__right-block h1, .wrapper__right-block ul, .wrapper__right-block ol, .wrapper__right-block table, .wrapper__right-block h2, .wrapper__right-block h3, .wrapper__right-block h4, .wrapper__right-block h5, .wrapper__right-block h6, .wrapper__right-block iframe, .wrapper__right-block video{
margin-bottom: 15px;
}
.wrapper__right-block .bestpractic-block ul, .wrapper__right-block .bestpractic-block img {
margin-bottom: 0;
}
.wrapper__right-block .bestpractic-block *{
text-decoration:none;
}
.wrapper__right-block .wp-block-columns{
margin-bottom:10px;
}
.events__card__title {
min-height: 60px;
}
.wrapper__right-block .news__card__date{
font-size:12px;
}
.wrapper__right-block .size-full img{
width: 100%;
background-color:initial!important;
height: auto;
}
.wrapper__right-block a{
color: #2C5B95;
text-decoration: underline;
}
.pagination__link{
text-decoration:none!important;}
.news__main-title{
margin-bottom:15px;}
@media screen and (max-width: 768px) and (min-width: 320px){
.news__main-title {
font-size: 22px;
}	
}
.wpcf7-submit{
border:none;
}
.accordion__header.accordion__header_no-child::after{
background:initial!important;
}
.accordion__body li{
list-style:none;
}
.header__logo img{
height:auto;	
}
.footer__info-block p{
font-size: 12px/22px;
color: #8B9299;
}
.footer__info-block a{
color: #8B9299;
text-decoration: underline;
}
.bvi-shortcode{
transform: scale(1.3, 1.1);
}
.bvi-shortcode:hover{
transition: 0.4s all;
transform: scale(1.5, 1.3);
}
.newsletter__form__btn{
border:none;
}
.wpcf7-spinner{
display:none;
}
.bestpractic-about__icons img{
height:60px!important;
margin-bottom:0!important;
}
@media(max-width: 1200px) {
.bestpractic-about__icons img{
height:50px!important;
}
}
@media(max-width: 575px) {
.bestpractic-about__icons img{
height:30px!important;
}
.bestpractic-filter div.search_bar {
width: 100%!important;
max-width: 100%!important;
}
}
div#datafetch {
background: white;
z-index: 10;
position: absolute;
max-height: 425px;
overflow: auto;
box-shadow: 0px 15px 15px #00000036;
right: 0;
left: 0;
top: 50px;
}
div.search_bar {
width: 450px!important;
max-width: 90%!important;
position: relative;
}
div.search_result ul a li {
margin: 0px;
padding: 5px 0px;
padding-inline-start: 18px;
color: #3f3f3f;
font-weight: bold;
}
div.search_result li {
margin-inline-start: 20px;
}
div.search_result ul {
padding: 13px 0px 0px 0px;
list-style: none;
margin: auto;
}
div.search_result ul a {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
}
div.search_result ul a:hover {
background-color: #f3f3f3;
}
.asearch input#keyword {
width: 100%;
}
.wrapper__right-block .search_result a{
text-decoration:none;
}
div.search_result ul a li{
font-family: 'Roboto';
font-weight:500;
font-size:14px;
}
.bestpractic-about-accordion__body span {
font-weight: 600;
padding-top: 5px;
}
.filt-name{
font-weight:500;
display:flex;
cursor:pointer;
}
.filt-name::after {
flex-shrink: 0;
width: 20px;
height: 10px;
background-image: url(//sdgs.by/wp-content/themes/sdgs/images/icons/accordion/arrowBlack.svg);
background-repeat: no-repeat;
background-size: 1.25rem;
content: "";
transition: transform 0.2s ease-out;
transform: scale(.5) translateY(8px);
}
.filters{
display:flex;
}
.filters .filter{
display: flex;
flex-direction: column;
width: max-content;
border-radius: 5px;
box-shadow: 0px 5px 14.9px 0px rgba(130, 130, 130, 0.35);
position: absolute;
background: #fff;
right:0;
transform:translateY(10px);
display:none;
}
.filters .filter.active{
display:flex;
z-index:10;
}
.filter label{
display: flex;
align-items: center;
padding:5px;
}
.filter label:hover{
background: rgba(167, 172, 177, 0.20);
}
.filter label input{
margin-right:7px;
}
#filter-form{
position: relative;
}
#filter-form:not(:first-child){
margin-left:15px;
}
.bestpractic-filter {
align-items: center;
}
@media (max-width: 575px){
.filters {
width: 100%;
margin-top: -10px;
position:relative;
}
.filt-name {
font-size:14px;
padding: 5px;
}
#filter-form{
position:initial;
}
.filters .filter.active {
width: 100%;
}
#filter-form:not(:first-child) {
margin-left: 0px;
}
.filters .filter{
transform: translateY(3px);
}
}
.header__nav__top-list__item:nth-child(3) .header__nav__top-list__content__sub-list {
right: 100%;
left: initial;
}
header .header__nav__top-list__item:nth-child(3) .header__nav__top-list__content .header__nav__top-list__content__item .header__nav__top-list__content__sub-list {
top: 20%!important;
}                        .popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.4);
}
.popup .popup-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
width: 80%;
max-width: 500px;
height:300px;
border-radius: 10px;
text-align: center;
text-transform: uppercase;
font-weight: 700;
color: #2C5B95;
background-image: url(//sdgs.by/wp-content/uploads/2024/03/desktop-9-1.png);
background-size: cover;
background-position: center;
background-repeat:no-repeat;
position:relative;
}
.popup .popup-content p{
padding: 10px 0px 40px;
margin: 0 auto;
width: 80%;
font-size:18px;
}
.popup .button {
position:absolute;
bottom:20px;
width: auto;
height: 40px;
left:20px;
right:20px;
background-color: #2C5B95;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
}
.popup .close-button {
position: absolute;
top: 10px;
left: 10px;
font-size: 18px;
font-weight: bold;
cursor: pointer;
}
.banner p{
text-align:center;
text-transform:uppercase;
font-weight: 700;
padding: 15px 0;
color: #3298B4;
}
.banner {
overflow: hidden;
display: flex;
flex-direction: column;
}
.square-container {
display: flex;
white-space: nowrap;
position: relative;
}
.banner .full-blocks{
display: flex;
}
.banner  .marquee-infinite{
max-width: 50%;
overflow: hidden;
} 
.banner .marquee-infinite div.left{
display:flex;
width:200%;	
animation: marquee-infinite-left 14s linear infinite;
}
.banner .marquee-infinite div.right{
display:flex;
width:200%;	
animation: marquee-infinite-right 14s linear infinite;
}
.banner .marquee-infinite img{
width:49.9%;
margin-right:3px;
} 
.banner .marquee-infinite span{
display:flex;
width:100%;
margin-right: 5px;
}
@keyframes marquee-infinite-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@keyframes marquee-infinite-right {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}
@media (max-width: 900px){
.banner .marquee-infinite span img:first-child{
display: none;
} 
.banner .marquee-infinite img{
width:99.9%;
} 
body{
overflow-x:hidden;
}
}
@media (max-width: 575px){
.popup .popup-content {
height:200px;
}
.popup .button {
bottom:10px;
height: 30px;
left:10px;
right:10px;
}
.banner .marquee-infinite span{
margin-right: 1px;
}
}