/* Start:/local/templates/run/css/project.min.css?1769600430147397*/
@charset "UTF-8";
*, .mfp-container, .slick-slider, ::after, ::before {
    -webkit-box-sizing: border-box
}

.\:heading, .\:heading.small, .\@party-block .username, body, table thead {
    font-weight: 400
}

.\:button, .mfp-close, a {
    text-decoration: none
}

*, ::after, ::before {
    box-sizing: border-box
}

::-moz-selection {
    background-color: #037AC2;
    color: #fff
}

::selection {
    background-color: #037AC2;
    color: #fff
}

body, html {
    padding: 0;
    margin: 0
}

html {
    scroll-behavior: smooth
}

body {
    font-family: "Neo Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #000;
    background-color: #F0EEEE;
    line-height: 1.5;
    font-size: 16px
}

button, input, input[type=submit], select, table, textarea {
    font-family: "Neo Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #000;
    font-size: 14px
}

img {
    max-width: 100%
}

a {
    color: #000
}

a:hover {
    color: #037AC2
}

h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin-top: 0
}

select {
    outline: 0
}

button, input[type=submit] {
    background-color: transparent;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0;
    outline: 0;
    margin: 0;
    cursor: pointer;
    user-select: none
}

.\:button, .\@header {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.\@header, .\@header a, .\@header a:hover {
    color: #fff
}

@font-face {
    font-family: "Neo Sans Pro";
    src: url(/local/templates/run/css/./../fonts/NeoSansPro-Regular.eot?v=1.1.0);
    src: url(/local/templates/run/css/./../fonts/NeoSansPro-Regular.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/run/css/./../fonts/NeoSansPro-Regular.woff?v=1.1.0) format("woff"), url(/local/templates/run/css/./../fonts/NeoSansPro-Regular.ttf?v=1.1.0) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Neo Sans Pro";
    src: url(/local/templates/run/css/./../fonts/NeoSansPro-Medium.eot?v=1.1.0);
    src: url(/local/templates/run/css/./../fonts/NeoSansPro-Medium.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/run/css/./../fonts/NeoSansPro-Medium.woff?v=1.1.0) format("woff"), url(/local/templates/run/css/./../fonts/NeoSansPro-Medium.ttf?v=1.1.0) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Neo Sans Pro";
    src: url(/local/templates/run/css/./../fonts/NeoSansPro-Italic.eot?v=1.1.0);
    src: url(/local/templates/run/css/./../fonts/NeoSansPro-Italic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/run/css/./../fonts/NeoSansPro-Italic.woff?v=1.1.0) format("woff"), url(/local/templates/run/css/./../fonts/NeoSansPro-Italic.ttf?v=1.1.0) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

.\@header {
    background-color: #037AC2;
    user-select: none;
    position: sticky;
    top: 0;
    z-index: 10
}

.\@header .header-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.\@header .burger-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    margin-left: -15px
}

.\@header .burger-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 15px
}

.\@header .burger-button.active, .\@header .burger-button:hover {
    background-color: #005183
}

.\@header .burger-button.active:hover {
    background-color: #E35569
}

.\@header .burger-button.active i:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg)
}

.\@header .burger-button.active i:nth-child(2) {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.\@header .burger-button.active i:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg)
}

.\@header .burger-button.active ~ .menu-box {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
}

.\@header .burger-button i {
    background-color: #fff;
    width: 30px;
    min-width: 30px;
    height: 3px;
    -webkit-transition: -webkit-transform .33s;
    transition: -webkit-transform .33s;
    transition: transform .33s;
    transition: transform .33s, -webkit-transform .33s
}

.\@header .burger-button i:nth-child(2) {
    margin: 7px 0
}

.\@mainpage .news-block .news-slider, .\@mainpage .partners-block .partners-slider {
    margin-left: -10px;
    margin-right: -10px
}

.\@header .menu-box {
    position: absolute;
    left: 0;
    top: 100%;
    width: 330px;
    min-width: 330px;
    background-color: #005183;
    padding: 35px 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    -webkit-transition: opacity ease-in-out .33s, -webkit-transform ease-in-out .3s;
    transition: opacity ease-in-out .33s, -webkit-transform ease-in-out .3s;
    transition: transform ease-in-out .3s, opacity ease-in-out .33s;
    transition: transform ease-in-out .3s, opacity ease-in-out .33s, -webkit-transform ease-in-out .3s
}

.\@header .menu-box .icons {
    padding: 0 44px;
    display: none
}

.\@header .menu-box .icon-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    margin-left: -10px
}

.\@header .menu-box .icon-link:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.\@header .burger-menu {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 20px
}

.\@header .burger-menu .menu-item.big {
    display: none
}

.\@header .burger-menu .menu-item.big .menu-link {
    font-size: 16px
}

.\@header .burger-menu .menu-link {
    padding: 15px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px
}

.\@header .burger-menu .menu-link:hover {
    background-color: #037AC2
}

.\@header .icons-nav .icon-link:hover, .\@header .main-nav .nav-link:hover {
    background-color: #E35569
}

.\@header .main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.\@header .main-nav .nav-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 18px;
    white-space: nowrap
}

.\@header .icons-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 22px
}

.\@header .icons-nav .icon-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 12px;
    margin-right: -4px
}

.\@header .icons-nav .icon-link:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.\@header .icons-nav .icon-link img {
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.\@header .user-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.\@header .user-nav .item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.\@header .user-nav .login-link {
    padding: 10px 20px;
    background-color: #005183
}

.\@header .user-nav .login-link:hover {
    background-color: #00619d
}

.\@header .user-nav .login-link:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.\@header .user-nav .login-link img {
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.\@header .user-nav .register-link {
    padding: 10px 15px;
    background-color: #E35569;
    text-transform: uppercase
}

.\@header .user-nav .register-link:hover {
    background-color: #de364e
}

.\@party-block {
    padding: 40px 0 25px
}

.\@party-block .party-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px;
    padding-bottom: 15px
}

.\@party-block .grid-item, .\@party-block .item-about {
    display: -ms-flexbox;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.\@detail .about-main .detail-wrap, .\@footer .footer-line, .\@footer-ukraine .footer-line {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px
}

.\@party-block .grid-item {
    background-color: #fff;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s
}

.\@party-block .grid-item:hover {
    -webkit-box-shadow: 2px 2px 22px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 22px rgba(0, 0, 0, .1)
}

.\@party-block .grid-item:hover .item-image.noimage {
    background-color: #eee
}

.\@party-block .grid-item:hover .item-image.noimage img {
    -webkit-transform: none;
    transform: none;
    -webkit-filter: none;
    filter: none
}

.\@party-block .grid-item:hover .item-image img {
    -webkit-filter: brightness(105%);
    filter: brightness(105%);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.\@party-block .item-image {
    overflow: hidden;
    display: block;
    background-color: #e3e3e1;
    height: 300px;
    position: relative;
}

.\@party-block .item-image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-filter: grayscale(.2);
    filter: grayscale(.2)
}

/* Стили для блока достижений */
.\@party-block .item-image .achievements-list {
   position: absolute;
    display: flex;
    flex-direction: column; 
    justify-content: flex-start;
    gap: 5px;  
    padding: 5px;
    top: 7px;
    right: 10px;

}

/* Стили для иконок достижений */
.\@party-block .item-image .achievements-list img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 5px;  /* Отступы между иконками */
    transition: transform .3s ease; /* Плавное увеличение */

}



/* Плавное увеличение иконки при наведении */
.\@party-block .item-image .achievements-list img:hover {
    transform: scale(1.1);  /* Увеличиваем иконку при наведении */
}

/* 
  Скрываем поле "Загрузите изображение для обложки" 
  в личном кабинете (карточка бегуна).
  Поле скрыто только визуально, логика формы не затрагивается.
  Используется nth-of-type(6), т.к. у блока нет уникального класса.
*/
.form-part > .form-item:nth-of-type(6) { 
		display:none !important; }


.\@party-block .item-image.noimage {
    padding: 20px
}

.\@party-block .item-image.noimage img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform: none;
    transform: none;
    -webkit-filter: none;
    filter: none
}

.\@party-block .item-about {
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    padding: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.\@party-block .username {
    font-size: 24px;
    margin-bottom: 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #000;
    line-height: 1.3
}

.\@party-block .item-params {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 22px
}

.\@party-block .param {
    width: 50%;
    text-align: center
}

.\@party-block .param-label {
    font-size: 16px;
    padding-bottom: 10px;
    color: #727272
}

.\@party-block .param-value {
    font-size: 24px;
    color: #4f4e4e
}

.\@party-block .block-action {
    margin: 15px 0
}

.\@party-block .action-button {
    width: 100%
}

.\@pages-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 15px
}

.\@pages-grid .grid-item {
    background-color: #fff;
    padding:  20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.\@pages-grid .item-image {
    display: block;
    width: 100%;
    height: 245px;
    padding-bottom: 15px
}

.\@pages-grid .item-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.\@pages-grid .item-time {
    font-size: 14px;
    color: #727272;
    display: block;
    padding-bottom: 10px
}

.\@pages-grid .item-title {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 0
}

.\@pages-grid .item-desc {
    font-size: 14px;
    color: #4f4e4e;
    margin-bottom: 0
}

.\@social-block {
    position: relative;
    padding-top: 90px
}

.\@social-block .item-image, .\@social-block .item-image::before {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0
}

.\@social-block ~ .\@footer {
    padding-top: 120px
}

.\@social-block .item-image::before {
    content: '';
    display: inline-block;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25.52%, rgba(21, 73, 120, .9)), to(rgba(21, 73, 120, 0)));
    background: linear-gradient(180deg, rgba(21, 73, 120, .9) 25.52%, rgba(21, 73, 120, 0) 100%)
}

.\:checkbox label::before, .\:close::before, .\:form .thank-you i::before, .\:form select, .\:icon::before, .\:notices .\:notice::before, .\:slider .slick-arrow::before {
    background-repeat: no-repeat
}

.\@social-block .item-image img {
    height: 100%;
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.\@social-block .item-heading {
    text-align: center;
    color: #fff;
    font-size: 64px;
    line-height: 1.3
}

.\@social-block .item-about {
    position: relative;
    z-index: 2
}

.\@social-block .share-box {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    padding: 15px 0;
    -webkit-transform: translateY(45%);
    transform: translateY(45%)
}

.\@social-block .share-box .box-item {
    width: 50%;
    padding: 20px;
    border-right: 1px solid #d7d7d7
}

.\@social-block .share-box .box-item:last-child {
    border-right: 0
}

.\@social-block .share-social {
    text-align: center
}

.\@social-block .item-label {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px
}

.\@social-block .icons-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.\@social-block .icons-links .icon-link {
    padding: 0 15px
}

.\@social-block .icons-links .icon-link:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

.\@social-block .icons-links .icon-link img {
    width: 63px;
    height: 63px;
    -o-object-fit: contain;
    object-fit: contain
}

.\@social-block .copy-line {
    position: relative;
    max-width: 380px;
    margin: 0 auto
}

.\@social-block .copy-line input {
    height: 50px
}

.\@social-block .copy-line .copy-button {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    white-space: nowrap
}

.\@social-block .copy-line .copy-button.copied {
    background-color: #037AC2
}

.\@social-block .copy-line .copy-button.copied span:first-child {
    display: none
}

.\@social-block .copy-line .copy-button.copied span:last-child {
    display: block
}

.\@social-block .copy-line .copy-button span:last-child {
    display: none
}

.\@footer {
    padding: 40px 0 0;
    background-color: #E2E1E0
}

.\@footer .footer-line {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    padding-bottom: 40px;
    column-gap: 20px
}

.\@footer .item-phone {
    grid-column: span 3;
    padding-bottom: 22px
}

.\@footer .copyright {
    color: #4f4e4e;
    font-size: 14px
}

.\@footer .copyright span {
    display: block;
    padding-bottom: 12px;
    font-size: 18px;
    color: #000
}

.\@footer .phone-link {
    color: #000;
    font-size: 30px;
    white-space: nowrap
}

.\@footer .footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 160px;
    margin-top: -10px;
    list-style-type: none;
    padding: 0 30px;
    margin-bottom: 25px
}

.\@footer .footer-nav .nav-item {
    width: 50%
}

.\@footer .footer-nav .nav-link {
    font-size: 18px;
    padding: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap
}

.\@footer .item-extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.\@footer .item-extra span {
    font-size: 24px
}

.\@footer .item-extra a {
    color: #000
}

.\@footer .developer-line {
    background-color: #fff;
    padding: 20px 0 35px;
    font-size: 14px;
    color: #727272
}

.\@footer .developer-line a {
    color: #727272
}

.\:color-box {
    background-color: #fff;
    z-index: 2;
    max-width: 1200px;
    position: relative
}

.\:color-box::before {
    content: '';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    height: 8px;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: #037AC2;
    margin-bottom: 30px;
    background-image: url(/local/templates/run/css/./../img/color-line.svg);
    background-size: 100% 100%;
    background-position: 0 0
}

.\:progressbar {
    background-color: #e2e1e0;
    width: 100%;
    height: 8px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.\:progressbar i {
    height: 100%;
    width: 50%;
    display: block;
    background-color: #777;
    border-radius: 10px
}

.\:button, .\:progressbar.low i {
    background-color: #E35569
}

.\:progressbar.normal i {
    background-color: #CFD141
}

.\:progressbar.high i {
    background-color: #72D1D7
}

.\:container {
    margin-left: auto;
    margin-right: auto;
    width: 1380px;
    max-width: 100%
}

.\:heading {
    font-size: 36px;
    margin-bottom: 0;
    padding-bottom: 30px
}

.\:heading.big {
    font-size: 56px;
    padding-bottom: 40px
}

.\:heading.small {
    font-size: 24px;
    padding-bottom: 30px
}

.\:heading.micro {
    font-size: 18px;
    padding-bottom: 14px;
    text-transform: uppercase;
    font-weight: 500
}

.\:heading.centered {
    text-align: center
}

.\:button {
    cursor: pointer;
    user-select: none;
    text-align: center;
    padding: 12px 20px;
    display: inline-block;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    margin: 0;
    white-space: nowrap
}

.\:button:hover {
    background-color: #de364e;
    color: #fff;
    border-color: #037AC2
}

.\:button:active, .\:button:focus {
    background-color: #0493ea;
    color: #fff
}

.\:button.white {
    background-color: #fff;
    color: #E35569;
    border: 1px solid #E35569
}

.\:button.white:hover {
    background-color: #E35569;
    color: #fff
}

.\:button.gray {
    background-color: #fff;
    border: 1px solid #C1C1C1;
    color: #4F4E4E
}

.\:button.gray:hover, .\:radio input[type=radio]:checked ~ label::before {
    background-color: #E35569
}

.\:button.gray:hover {
    border-color: #E35569;
    color: #fff
}

.\:button.blue, .\:slider .slick-dots li.slick-active button {
    background-color: #037AC2
}

.\:button.blue:hover {
    background-color: #005183
}

.\:button.big {
    padding: 20px 42px;
    font-size: 30px
}

.\:button.regular {
    padding: 20px 32px;
    font-size: 24px
}

.\:button.small {
    font-size: 14px;
    padding: 10px
}

.\:button.disabled, .\:button[disabled] {
    border-color: #e5e5e5;
    color: #a1a1a1;
    cursor: default;
    background-color: #eee
}

.\:button.disabled:active, .\:button.disabled:focus, .\:button.disabled:hover, .\:button[disabled]:active, .\:button[disabled]:focus, .\:button[disabled]:hover {
    background-color: #eee;
    border-color: #e5e5e5;
    color: #a1a1a1
}

.\:button.wrap {
    white-space: normal;
    height: auto;
    line-height: normal;
    padding-top: 12px;
    padding-bottom: 12px
}

.\:form input, .\:form select, .\:form textarea {
    border: 1px solid #e2e1e0;
    font-size: 14px;
    max-width: 100%;
    -webkit-transition: border .33s;
    transition: border .33s;
    width: 100%;
    color: #000;
    outline: 0;
    border-radius: 0;
    background-color: #fff
}

.\:form input::-webkit-input-placeholder, .\:form select::-webkit-input-placeholder, .\:form textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: #777
}

.\:form input::-moz-placeholder, .\:form select::-moz-placeholder, .\:form textarea::-moz-placeholder {
    font-size: 14px;
    color: #777
}

.\:form input:-ms-input-placeholder, .\:form select:-ms-input-placeholder, .\:form textarea:-ms-input-placeholder {
    font-size: 14px;
    color: #777
}

.\:form input::-ms-input-placeholder, .\:form select::-ms-input-placeholder, .\:form textarea::-ms-input-placeholder {
    font-size: 14px;
    color: #777
}

.\:form input::placeholder, .\:form select::placeholder, .\:form textarea::placeholder {
    font-size: 14px;
    color: #777
}

.\:form input:focus, .\:form select:focus, .\:form textarea:focus {
    border: 1px solid #E35569;
    outline: 0
}

.\:form input[disabled], .\:form select[disabled], .\:form textarea[disabled] {
    border-color: #e5e5e5;
    color: #a1a1a1;
    cursor: default;
    background-color: #eee
}

.\:form input[disabled]:active, .\:form input[disabled]:focus, .\:form input[disabled]:hover, .\:form select[disabled]:active, .\:form select[disabled]:focus, .\:form select[disabled]:hover, .\:form textarea[disabled]:active, .\:form textarea[disabled]:focus, .\:form textarea[disabled]:hover {
    background-color: #eee;
    border-color: #e5e5e5;
    color: #a1a1a1
}

.\:form input {
    height: 44px;
    padding: 0 10px
}

.\:form input[type=radio], .\:form input[type=checkbox], .\:form input[type=file] {
    height: auto;
    padding: 0;
    border: 0
}

.\:form input[type=password] {
    font-family: monospace
}

.\:form textarea {
    width: 100%;
    padding: 10px;
    max-height: 100px
}

.\:form select {
    height: 43px;
    padding: 0 20px 0 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='404.308' height='404.309'%3E%3Cpath d='M0 101.08h404.308L202.151 303.229 0 101.08z'/%3E%3C/svg%3E");
    background-size: 12px;
    background-position: right 10px top 50%
}

.\:form .form-box {
    margin-bottom: 40px
}

.\:form .form-heading {
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #C6C6C6;
    margin-bottom: 30px;
    font-weight: 400
}

.\:form .form-line {
    margin-bottom: 20px
}

.\:form .form-line.cells {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.\:form .form-line.cells .form-cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.\:form .form-line.cells .form-cell:not(:last-of-type) {
    padding-right: 20px
}

.\:form .line-label {
    font-size: 15px;
    margin-bottom: 10px;
    padding-right: 10px;
    font-weight: 30
}

.\:form .line-label.required::after {
    content: ' *';
    color: #037AC2
}

.\:form .line-note {
    font-size: 13px;
    padding-top: 10px;
    padding-left: 10px;
    color: #555
}

.\:form .password-line {
    position: relative
}

.\:form .password-line input {
    font-family: monospace
}

.\:form .password-line .password-button {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .7
}

.\:form .password-line .password-button:hover {
    opacity: 1
}

.\:form .password-line .password-button::before {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-image: url(/local/templates/run/css/./../img/icons/eye.svg)
}

.\:form .password-line .password-button::after {
    content: '';
    display: inline-block;
    width: 26px;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.\:form .password-line .password-button.active::after {
    display: none
}

.\:form .privacy-line {
    width: 250px;
    max-width: 100%
}

.\:form .privacy-line label {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 13px;
    color: #555
}

.\:form .privacy-line label a {
    color: #555;
    text-decoration: underline
}

.\:form .submit-block {
    margin-bottom: 20px
}

.\:form .thank-you {
    text-align: center;
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.\:form .thank-you i, .\:form .thank-you i::before {
    display: inline-block;
    width: 50px
}

.\:form .thank-you h2 {
    margin-bottom: 10px;
    font-weight: 30;
    font-size: 20px
}

.\:form .thank-you i::before {
    content: '';
    height: 50px;
    background-position: 50%;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 295.996 295.996' width='512' height='512'%3E%3Cpath d='M147.998 0C66.392 0 0 66.392 0 147.998s66.392 147.998 147.998 147.998 147.998-66.392 147.998-147.998S229.605 0 147.998 0zm0 279.996c-36.256 0-69.143-14.696-93.022-38.44a132.713 132.713 0 01-23.934-32.42C21.442 190.847 16 170.047 16 147.998 16 75.214 75.214 16 147.998 16c34.523 0 65.987 13.328 89.533 35.102 12.208 11.288 22.289 24.844 29.558 39.996 8.27 17.239 12.907 36.538 12.907 56.9 0 72.784-59.214 131.998-131.998 131.998z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FB5252'/%3E%3Ccircle cx='99.666' cy='114.998' r='16' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FB5252'/%3E%3Ccircle cx='198.666' cy='114.998' r='16' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FB5252'/%3E%3Cpath d='M147.715 229.995c30.954 0 60.619-15.83 77.604-42.113l-13.439-8.684c-15.597 24.135-44.126 37.604-72.693 34.308-22.262-2.567-42.849-15.393-55.072-34.308l-13.438 8.684c14.79 22.889 39.716 38.409 66.676 41.519 3.461.399 6.917.594 10.362.594z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FB5252'/%3E%3C/svg%3E")
}

.\:form .line-acception {
    text-align: left
}

.\:form .line-acception label {
    font-size: 14px
}

.\:form .line-acception label a {
    color: #E35569;
    text-decoration: underline
}

.\:notices {
    margin-bottom: 20px
}

.\:notices .\:notice {
    font-size: 14px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

.\:notices .\:notice::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    background-size: contain;
    margin-right: 7px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86.6 72'%3E%3Cpath fill='%23ff3000' d='M43.3 0L0 72h86.6L43.3 0z'/%3E%3Cpath d='M51.3 24l-1.62 28.91H37.14L35.52 24zm-.08 40.6H35.6v-7.2h15.62z' fill='%23fff'/%3E%3C/svg%3E")
}

.\:notices .event-message {
    text-align: center;
    margin-bottom: 30px
}

.\:notices .event-message .message-icon {
    opacity: .5;
    width: 80px;
    display: inline-block;
    margin-bottom: 15px
}

.\:notices .event-message .message-heading {
    font-size: 20px;
    margin-bottom: 10px
}

.\:checkbox {
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 10px
}

.\:checkbox input[type=checkbox] {
    display: none
}

.\:checkbox input[type=checkbox]:checked ~ label::before {
    background-size: 71%
}

.\:checkbox label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.\:checkbox label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 1px solid #C6C6C6;
    margin-right: 15px;
    background-position: 50%;
    background-size: 0;
    position: relative;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Cpath fill='%23000000' d='M0 9.8L8.2 18 24 2.2 21.7 0 8.2 13.5l-6-6L0 9.8z'/%3E%3C/svg%3E")
}

.\:checkbox label span {
    vertical-align: middle
}

.\:checkbox label a {
    color: #000
}

.\:checkbox label a:hover {
    opacity: .7
}

.\:radio label:hover, .\@mainpage .about-block .countdown-digits.active .item::after {
    opacity: 1
}

.\:radio input[type=radio] {
    display: none
}

.\:radio label, .\:slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox
}

.\:radio label {
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: opacity .33s;
    transition: opacity .33s;
    margin-right: 25px
}

.\:radio label::before, .\@detail .donate-block .payment-line .item-value::before {
    -webkit-box-shadow: 0 0 2px #000;
    -webkit-transition: background-color .33s;
    content: '';
    vertical-align: middle
}

.\:radio label::before {
    display: inline-block;
    width: 28px;
    min-width: 28px;
    height: 28px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px #000;
    border: 6px solid #fff;
    z-index: 1;
    margin-right: 15px;
    transition: background-color .33s
}

.\:spinner, .\:spinner-small {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.\:spinner-small::after, .\:spinner::after {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: rgba(255, 255, 255, .8);
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1
}

.\:spinner-small::before, .\:spinner::before {
    z-index: 2;
    content: '';
    display: inline-block;
    height: 32px;
    width: 32px;
    border: 4px solid #037AC2;
    border-radius: 50%;
    border-color: rgba(0, 0, 0, .2);
    border-left-color: #037ac2;
    -webkit-animation: rotate .8s infinite linear;
    animation: rotate .8s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -22px;
    margin-top: -20px
}

.\:spinner-small.background::before, .\:spinner.background::before {
    z-index: -1
}

.\:spinner-small.background::after, .\:spinner.background::after {
    z-index: -2
}

.\:spinner-small::before {
    height: 20px;
    width: 20px;
    border-width: 3px;
    margin-left: -15px;
    margin-top: -13px
}

.\:spinner-small.background::before {
    z-index: -1
}

.\:spinner-small.background::after {
    display: none
}

.\:slider {
    position: relative
}

.\:slider:not(.slick-initialized) {
    opacity: 0
}

.\:slider .slick-track {
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.\:slider .slick-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.\:slider .slick-slide, .\:slider .slider-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.\:slider .slick-slide div:not([class]) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.\:slider .slick-arrow {
    position: absolute;
    top: 50%;
    font-size: 0;
    z-index: 1;
    padding: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.\:slider .slick-arrow::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-position: 50%;
    background-size: contain;
    background-image: url(/local/templates/run/css/./../img/icons/arrow-circle.svg)
}

.\:slider .slick-arrow:not(.slick-disabled):active::before, .\:slider .slick-arrow:not(.slick-disabled):hover::before {
    opacity: .6
}

.\:slider .slick-prev {
    left: 0
}

.\:slider .slick-prev:before {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.\:slider .slick-next {
    right: 0
}

.\:slider .slick-disabled {
    opacity: .2;
    cursor: no-drop
}

.\:slider .slick-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 25px;
    padding-left: 0;
    text-align: center;
    font-size: 0
}

.\:slider .slick-dots li {
    display: inline-block;
    padding: 6px
}

.\:slider .slick-dots button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    font-size: 0;
    background-color: #DFE0E1
}

.\:scrollbar {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #cacaca rgba(202, 202, 202, .2)
}

.\:scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none
}

.\:scrollbar::-webkit-scrollbar-track {
    background-color: rgba(202, 202, 202, .2)
}

.\:scrollbar::-webkit-scrollbar:vertical {
    width: 4px
}

.\:scrollbar::-webkit-scrollbar:horizontal {
    height: 4px
}

.\:scrollbar::-webkit-scrollbar-thumb {
    background-color: #cacaca
}

.\:modal.active .modal-block {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.\:modal.active .modal-block .modal-overlay {
    -webkit-filter: opacity(1);
    filter: opacity(1)
}

.\:modal .modal-block {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 10;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: -webkit-transform .33s;
    transition: -webkit-transform .33s;
    transition: transform .33s;
    transition: transform .33s, -webkit-transform .33s;
    white-space: nowrap
}

.\:modal .modal-block::before {
    content: '';
    display: inline-block;
    width: 0;
    vertical-align: middle;
    height: 100%
}

.\:modal .modal-overlay {
    position: fixed;
    display: block;
    min-width: 100vw;
    min-height: 100vh;
    bottom: 0;
    padding: 0;
    right: 0;
    top: 0;
    left: 0;
    background-color: rgba(0, 81, 131, .7);
    -webkit-filter: opacity(0);
    filter: opacity(0);
    -webkit-transition: -webkit-filter 1s;
    transition: -webkit-filter 1s;
    transition: filter 1s;
    transition: filter 1s, -webkit-filter 1s
}

.\:modal .modal-box {
    display: inline-block;
    text-align: left;
    padding: 20px;
    width: 500px;
    max-width: 100%;
    background-color: #fff;
    vertical-align: middle;
    position: relative;
    max-height: 100vh;
    overflow: auto;
    white-space: normal
}

.\:modal .modal-container {
    font-weight: 300
}

.\:modal .modal-heading {
    font-size: 20px;
    padding-bottom: 20px;
    font-weight: 400;
    text-align: center
}

.\:close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 0;
    padding: 10px;
    width: auto;
    height: auto;
    line-height: 1;
    z-index: 1
}

.\:close:hover::before {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: none;
    filter: none
}

.\:close::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-position: 50%;
    -webkit-filter: opacity(.6);
    filter: opacity(.6);
    background-size: contain;
    background-image: url(/local/templates/run/css/../img/icons/close.svg)
}

.\:icon::before {
    content: '';
    display: inline-block;
    background-size: contain;
    background-position: 50%
}

@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
}

@keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0)
    }
}

@keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0)
    }
}

@-webkit-keyframes tada {
    from, to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.95) rotate3d(0, 0, 1, -3deg);
        transform: scale(.95) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
}

@keyframes tada {
    from, to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.95) rotate3d(0, 0, 1, -3deg);
        transform: scale(.95) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
}

@-webkit-keyframes pulse {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {
    from, to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.\@mainpage .first-block {
    position: relative;
    min-height: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 77px;
    margin-bottom: -90px
}

.\@mainpage .first-block .item-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.\@mainpage .first-block .item-image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1;
    -o-object-position: bottom center;
    object-position: bottom center
}

.\@mainpage .first-block .item-box {
    max-width: 1200px;
    margin: 0 auto
}

.\@mainpage .first-block .item-about {
    position: relative;
    z-index: 2;
    background-color: #E35569;
    color: #fff;
    max-width: 748px;
    padding: 17px 47px
}

.\@mainpage .first-block .city {
    font-size: 14px;
    padding-bottom: 7px
}

.\@mainpage .first-block .item-heading {
    font-size: 72px;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
    white-space: nowrap
}

.\@mainpage .first-block .item-heading span {
    font-size: 30px;
    display: block;
    font-weight: 400
}

.\@mainpage .first-block .item-param {
    white-space: nowrap
}

.\@mainpage .first-block .param-label {
    font-size: 30px;
    padding-right: 1em;
    white-space: nowrap
}

.\@mainpage .first-block .param-value {
    font-size: 48px;
    white-space: nowrap
}

.\@mainpage .about-block {
    position: relative
}

.\@mainpage .about-block .the-best-photographer-artist {
    position: absolute;
    bottom: 100%;
    left: 0;
    padding-bottom: 10px;
    font-size: 12px;
    color: #eee
}

.\@mainpage .about-block .about-box {
    background-color: #fff;
    margin: 0 auto;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 40px
}

.\@mainpage .about-block .item-heading {
    text-align: center;
    font-size: 22px;
    font-weight: 400; /*padding-bottom:30p;*/
    margin-bottom: 0
}

.\@mainpage .about-block .item-heading.big {
    font-size: 56px
}

.\@mainpage .about-block .countdown-digits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input[name="PROPERTY_COVER"] {
        display: none;
    }
label.item-label {
    display: none;
}

span.under-cell {
    display: none;
}

.\@mainpage .faq-block .item-title, .slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.\@mainpage .about-block .countdown-digits .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-bottom: 20px
}

.\@mainpage .about-block .countdown-digits .item::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    right: -5px;
    opacity: 0;
    vertical-align: middle;
    font-size: 50px;
    line-height: 1;
    -webkit-transform: translateY(55%);
    transform: translateY(55%)
}

.\@mainpage .about-block .countdown-digits .item:not(:first-child):not(:last-child)::after {
    content: ':'
}

.\@mainpage .about-block .countdown-digits .digits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 7px
}

.\@mainpage .about-block .countdown-digits .digit {
    background-color: #f0eeee;
    min-width: 62px;
    width: 62px;
    font-size: 76px;
    font-weight: 400;
    text-align: center;
    margin: 0 2px
}

.\@mainpage .about-block .countdown-digits .label {
    padding-top: 13px;
    font-size: 14px
}

.\@mainpage .about-block .item-action {
    text-align: center;
    padding-bottom: 50px
}

.\@mainpage .about-block .item-text {
    padding-bottom: 56px;
    margin-bottom: 0;
    font-size: 18px
}

.\@mainpage .about-block .youcan-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.\@mainpage .about-block .youcan-grid .grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: #fff;
    background-color: #555;
    padding: 0px 20px;
    width: 25%
}

.\@mainpage .about-block .youcan-grid .grid-item:hover .item-image {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.\@mainpage .about-block .youcan-grid .grid-item:hover .item-label {
    -webkit-animation: bounce 1s 2;
    animation: bounce 1s 2
}

.\@mainpage .about-block .youcan-grid .grid-item.pink {
    background-color: #fff
}

.\@mainpage .about-block .youcan-grid .grid-item.blue {
    background-color: #fff
}

.\@mainpage .about-block .youcan-grid .grid-item.green {
    background-color: #fff
}

.\@mainpage .about-block .youcan-grid .grid-item.purple {
    background-color: #fff
}

.\@mainpage .about-block .youcan-grid .item-label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 20px;
    line-height: 1.2;
    padding-bottom: 20px
}

.\@mainpage .about-block .youcan-grid .item-image img {
    width: 300px;
    height: 220px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.\@mainpage .about-block .item-line {
    display: grid;
    grid-template-columns:auto 1fr;
    padding-bottom: 20px
}

.\@mainpage .about-block .item-line a {
    font-weight: 500;
    color: #037AC2
}

.\@mainpage .about-block .item-line .line-text {
    font-size: 18px;
    padding-top: 30px;
    margin-bottom: 40px
}

.\@mainpage .about-block .item-line .logo-link {
    grid-row: span 2
}

.\@mainpage .about-block .item-line .item-logo {
    padding-right: 60px;
    display: block
}

.\@mainpage .about-block .item-line .item-logo img {
    width: 220px;
    min-width: 220px;
    display: block
}

.\@mainpage .partners-block {
    padding: 30px 0;
    overflow: hidden
}

.\@mainpage .partners-block .partners-slider a {
    outline: 0
}

.\@mainpage .partners-block .partners-slider .slick-list {
    overflow: visible
}

.\@mainpage .partners-block .partners-slider .slider-item {
    padding: 0 10px;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.\@mainpage .partners-block .partners-slider .slider-item.slick-active {
    opacity: 1
}

.\@mainpage .partners-block .partners-slider .item-image {
    height: 130px;
    display: block
}

.\@mainpage .partners-block .partners-slider .item-image img {
    height: 100%;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.\@mainpage .partners-block .partners-slider .slick-dots {
    display: none !important
}

.\@mainpage .news-block {
    padding: 30px 0;
    overflow: hidden
}

.\@mainpage .news-block .news-slider a {
    outline: 0
}

.\@mainpage .news-block .news-slider .slick-list {
    overflow: visible
}

.\@mainpage .news-block .news-slider .slider-item {
    padding: 0 10px;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.\@detail .donate-block .payment-line .payment-type input[type=radio]:checked + .item-value::after, .\@mainpage .news-block .news-slider .slider-item.slick-active {
    opacity: 1
}

.\@mainpage .news-block .news-slider .item-image {
    height: 360px;
    display: block
}

.\@mainpage .news-block .news-slider .item-image img {
    height: 100%;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.\@mainpage .news-block .news-slider .item-about {
    background-color: #fff;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.\@mainpage .news-block .news-slider .item-title {
    font-size: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 40px;
    outline: 0
}

.\@mainpage .news-block .news-slider .item-time {
    font-size: 14px;
    color: #727272
}

.\@mainpage .news-block .news-slider .slick-dots {
    display: none !important
}

.\@mainpage .faq-block .faq-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    margin: 0 80px
}

.\@mainpage .faq-block .item-list {
    padding: 20px 40px 40px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.\@mainpage .faq-block .list-item {
    border-bottom: 1px solid #d7d7d7
}

.\@mainpage .faq-block .list-item:last-child {
    border-bottom: 0
}

.\@mainpage .faq-block .item-title {
    font-size: 20px;
    padding: 20px 0;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.\@mainpage .faq-block .item-title span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 15px
}

.\@mainpage .faq-block .item-title i {
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.\@mainpage .faq-block .item-title i::after, .\@mainpage .faq-block .item-title i::before {
    content: '';
    display: inline-block;
    height: 2px;
    width: 24px;
    min-width: 24px;
    background-color: #E35569
}

.\@mainpage .faq-block .item-title i::after {
    -webkit-transition: -webkit-transform .33s;
    transition: -webkit-transform .33s;
    transition: transform .33s;
    transition: transform .33s, -webkit-transform .33s;
    -webkit-transform: translateY(-2px) rotate(90deg);
    transform: translateY(-2px) rotate(90deg)
}

.\@mainpage .faq-block .item-title.active i::after {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.\@mainpage .faq-block .item-title.active ~ .item-text {
    display: block
}

.\@mainpage .faq-block .item-text {
    padding-bottom: 20px;
    font-size: 18px;
    color: #4f4e4e;
    display: none
}

.\@mainpage .faq-block .item-image img {
    width: 400px;
    height: 400px;
    min-width: 400px;
    margin-right: -80px
}

.\@detail .first-block {
    position: relative;
    min-height: 520px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 77px;
    margin-bottom: -260px
}

.\@detail .first-block.no-image {
    min-height: 300px
}

.\@detail .first-block.no-image .item-image {
    background-color: #037AC2
}

.\@detail .first-block .item-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.\@detail .first-block .item-image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1;
    -o-object-position: bottom center;
    object-position: bottom center
}

.\@detail .first-block .item-about {
    position: relative;
    z-index: 2;
    padding-left: 90px
}

.\@detail .about-main .username {
    padding-left: 25px;
    font-size: 48px;
    color: #fff;
    font-weight: 400;
    position: relative;
    z-index: 2;
    margin-bottom: 40px
}

.\@detail .about-main .detail-wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns:1fr 300px;
    grid-template-rows:auto;
    column-gap: 20px;
    padding-bottom: 20px
}

.\@detail .about-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto 20px;
    padding: 40px 30px 45px
}

.\@detail .about-block:hover .item-image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: brightness(1.05);
    filter: brightness(1.05)
}

.\@detail .about-block .userpic {
    padding-right: 30px
}

.\@detail .about-block .item-image {
    display: block;
    width: 150px;
    height: 150px;
    min-width: 150px;
    border-radius: 50%;
    overflow: hidden
}

.\@detail .about-block .item-image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-filter .33s, -webkit-transform .33s;
    transition: -webkit-filter .33s, -webkit-transform .33s;
    transition: filter .33s, transform .33s;
    transition: filter .33s, transform .33s, -webkit-filter .33s, -webkit-transform .33s
}

.\@detail .summary-block {
    padding-bottom: 20px;
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 20;
    padding-top: 280px
}

.\@detail .summary-block .donations-summary {
    background-color: #005183;
    color: #fff;
    text-align: center;
    padding: 35px 0 0
}

.\@detail .summary-block .donations-summary .action-button {
    width: 100%
}

.\@detail .summary-block .donations-summary .item-params {
    padding-bottom: 10px
}

.\@detail .summary-block .donations-summary .item-params .param {
    padding-bottom: 17px
}

.\@detail .summary-block .donations-summary .item-params .param-label {
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 15px
}

.\@detail .summary-block .donations-summary .item-params .param-value {
    font-size: 36px
}

.\@detail .summary-block .donations-summary .progress {
    margin: 0 20px 17px;
    width: auto
}

.\@detail .share-block {
    background-color: #fff;
    padding: 0 20px 20px;
    margin-bottom: 20px
}

.\@detail .share-block .share-line {
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 24px;
    padding-bottom: 20px
}

.\@detail .share-block .share-icon {
    border: 1px solid #e2e1e0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 18px
}

.\@detail .share-block .share-icon:hover {
    border-color: #037AC2
}

.\@detail .share-block .share-icon:hover img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.\@detail .share-block .share-icon img {
    width: 24px;
    height: 24px;
    min-width: 24px
}

.\@detail .share-block .copy-line {
    position: relative;
    margin: 0 auto
}

.\@detail .share-block .copy-line input {
    padding-left: 20px;
    font-size: 24px;
    height: 60px;
    color: #727272
}

.\@detail .desc-block .block-heading, .\@detail .donations-block .block-heading {
    padding-left: 30px
}

.\@detail .share-block .copy-button {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    white-space: nowrap
}

.\@detail .share-block .copy-button.copied {
    background-color: #037AC2
}

.\@detail .share-block .copy-button.copied span:first-child {
    display: none
}

.\@detail .share-block .copy-button.copied span:last-child {
    display: block
}

.\@detail .share-block .copy-button span:last-child {
    display: none
}

.\@detail .desc-block {
    padding-top: 20px;
    margin-bottom: 20px
}

.\@detail .desc-block .desc-text {
    background-color: #fff;
    padding: 30px;
    color: #4f4e4e
}

.\@detail .donations-block {
    padding-top: 20px;
    padding-bottom: 50px
}

.\@detail .donations-block .list-item {
    padding: 25px 30px;
    background-color: #fff;
    margin-bottom: 20px
}

.\@detail .donations-block .item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d7d7d7
}

.\@detail .donations-block .item-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.\@detail .donations-block .item-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 18px;
    padding-right: 15px
}

.\@detail .donations-block .item-title span {
    padding-right: 20px
}

.\@detail .donations-block .item-title time {
    font-size: 14px;
    color: #727272
}

.\@detail .donations-block .item-price {
    font-size: 24px;
    white-space: nowrap;
    padding-bottom: 3px
}

.\@detail .donations-block .item-message {
    color: #4f4e4e;
    font-size: 14px;
    padding-right: 20px;
    max-width: 650px
}

.\@detail .donations-block .item-action {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.\@detail .donations-block .button-like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.\@detail .donations-block .button-like::before {
    width: 22px;
    min-width: 22px;
    height: 20px;
    margin-left: 14px;
    background-image: url(/local/templates/run/css/./../img/icons/like.svg);
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

.\@detail .donations-block .button-like:hover::before {
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

.\@detail .donations-block .button-like.active::before {
    -webkit-filter: none;
    filter: none
}

.\@detail .donations-block .button-like.active span {
    color: #CFD141
}

.\@detail .donations-block .button-like span {
    padding-top: 5px
}

.\@detail .donations-block .action-button {
    width: 100%
}

.\@detail .donate-block {
    max-width: 1200px;
    margin: 0 auto 100px;
    padding: 40px 30px
}

.\@detail .donate-block .lines-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.\@detail .donate-block .form-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.\@detail .donate-block .form-body {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 20px
}

.\@detail .donate-block .lines-label {
    width: 260px;
    min-width: 260px;
    font-size: 18px
}

.\@detail .donate-block .donation-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 40px;
    border-bottom: 1px solid #d7d7d7
}

.\@detail .donate-block .donation-values {
    display: grid;
    grid-template-columns:repeat(6, 1fr)
}

.\@detail .donate-block .donation-values input[type=radio] {
    display: none
}

.\@detail .donate-block .donation-values input[type=radio]:checked + .input-value, .\@detail .donate-block .donation-values input[type=radio]:checked + .item-value {
    background-color: #E35569;
    color: #fff;
    border-color: #E35569;
    position: relative;
    z-index: 2
}

.\@detail .donate-block .donation-values input[type=radio]:checked + .input-value input {
    color: #fff
}

.\@detail .donate-block .donation-values input[type=radio]:checked + .input-value input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.\@detail .donate-block .donation-values input[type=radio]:checked + .input-value input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.\@detail .donate-block .donation-values input[type=radio]:checked + .input-value input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.\@detail .donate-block .donation-values input[type=radio]:checked + .input-value input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.\@detail .donate-block .donation-values input[type=radio]:checked + .input-value input::placeholder {
    color: rgba(255, 255, 255, .6)
}

.\@detail .donate-block .donation-values .input-value, .\@detail .donate-block .donation-values .item-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    margin-top: -1px;
    margin-left: -1px;
    cursor: pointer
}

.\@detail .donate-block .donation-values .item-value {
    padding: 17px;
    border: 1px solid #e2e1e0
}

.\@detail .donate-block .donation-values .input-value {
    grid-column: span 2;
    position: relative
}

.\@detail .donate-block .donation-values .input-value input {
    padding: 17px;
    height: 100%;
    background-color: transparent;
    border: 1px solid #e2e1e0
}

.\@detail .donate-block .donation-values .input-value input:focus {
    border: 1px solid #E35569
}

.\@detail .donate-block .donation-values .input-value span {
    margin-left: -10px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.\@detail .donate-block .line-name .lines-item {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-gap: 20px
}

.\@detail .donate-block .payment-line .payment-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.\@detail .donate-block .payment-line .payment-type input[type=radio] {
    display: none
}

.\@detail .donate-block .payment-line .payment-type input[type=radio]:checked + .item-value {
    border-color: #E35569
}

.\@detail .donate-block .payment-line .payment-type input[type=radio]:checked + .item-value::before {
    background-color: #E35569
}

.\@detail .donate-block .payment-line .item-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    border: 1px solid #e2e1e0;
    margin-right: 20px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 400px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
    max-width: 100%
}

.\@detail .donate-block .payment-line .item-value:hover {
    border-color: #E35569
}

.\@detail .donate-block .payment-line .item-value::after {
    content: '';
    display: inline-block;
    width: 28px;
    min-width: 28px;
    height: 28px;
    background-color: #E35569;
    border-radius: 50px;
    position: absolute;
    right: -14px;
    top: -14px;
    opacity: 0
}

.\@detail .donate-block .payment-line .item-value::before {
    display: inline-block;
    width: 28px;
    min-width: 28px;
    height: 28px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px #000;
    border: 6px solid #fff;
    z-index: 1;
    margin-right: 15px;
    transition: background-color .33s
}

.\@detail .donate-block .payment-line .item-value img {
    height: 24px
}

.\@detail .donate-block .submit-line {
    padding: 40px 0 20px;
    text-align: center
}

.\@detail .donate-block .submit-line .action-button {
    width: 100%
}

.\@modal-thanks .modal-box {
    padding-left: 0;
    padding-right: 0
}

.\@modal-thanks .thanks-picture {
    padding-right: 20px
}

.\@modal-thanks .thanks-picture img {
    width: 100%;
    margin-bottom: -30px
}

.\@modal-thanks .item-about {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px
}

.\@modal-thanks .username {
    font-size: 24px;
    margin-bottom: 30px
}

.\@modal-thanks .person-text {
    font-size: 18px;
    padding-bottom: 100px
}

.\@modal-thanks .item-image {
    display: block;
    padding-bottom: 20px;
    text-align: center
}

.\@modal-thanks .item-image img {
    width: 150px;
    min-width: 150px;
    height: 150px;
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.\@modal-thanks .action-button {
    width: 100%
}

.\@modal-payment .modal-box {
    width: 600px
}

.\@modal-payment .payment-box {
    text-align: center;
    padding-top: 40px;
    line-height: 2
}

.\@modal-payment .item-heading {
    font-size: 24px;
    font-weight: 400
}

.\@modal-payment .item-code {
    font-size: 36px;
    font-weight: 500
}

.\@modal-payment .item-label {
    font-size: 24px;
    font-weight: 400
}

.\@modal-payment .item-number {
    font-size: 46px;
    font-weight: 500
}

.\@modal-payment .item-notice {
    padding-top: 30px;
    color: #037AC2;
    font-size: 18px;
    text-align: center
}

.\@about .first-block {
    position: relative;
    min-height: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 77px;
    margin-bottom: -90px
}

.\@about .first-block .item-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.\@about .first-block .item-image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1;
    -o-object-position: bottom center;
    object-position: bottom center
}

.\@about .first-block .item-box {
    max-width: 1200px;
    margin: 0 auto
}

.\@about .first-block .item-about {
    position: relative;
    z-index: 2;
    background-color: #E35569;
    color: #fff;
    max-width: 748px;
    padding: 17px 43px
}

.\@about .first-block .city {
    font-size: 18px;
    padding-bottom: 7px
}

.\@about .first-block .item-heading {
    font-size: 72px;
    font-weight: 500;
    margin-bottom: 0;
    white-space: nowrap;
    line-height: 1.2
}

.\@about .first-block .item-heading span {
    font-size: 30px;
    display: block;
    font-weight: 400;
    line-height: 1.5
}

.\@about .about-block .about-box {
    max-width: 1200px;
    margin: 0 auto 20px;
    padding: 40px 32px;
    background-color: #fff
}

.\@about .about-block .box-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.\@about .about-block .item-image {
    padding-right: 30px
}

.\@about .about-block .item-image img {
    width: 296px;
    min-width: 296px
}

.\@about .about-block .item-heading.big {
    padding-left: 325px
}

.\@about .about-block .item-subheading {
    padding-bottom: 10px
}

.\@about .about-block .item-text {
    font-size: 18px;
    color: #4f4e4e;
    margin-bottom: 0
}

.\@about .about-block .action-line {
    padding-top: 35px
}

.\@about .archive-block {
    padding: 30px 0;
    overflow: hidden
}

.\@about .archive-block .archive-slider {
    margin-left: -10px;
    margin-right: -10px
}

.\@about .archive-block .archive-slider a {
    outline: 0
}

.\@about .archive-block .archive-slider .slick-list {
    overflow: visible
}

.\@about .archive-block .archive-slider .slider-item {
    padding: 0 10px;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.\@about .archive-block .archive-slider .slider-item.slick-active {
    opacity: 1
}

.\@about .archive-block .archive-slider .item-image {
    height: 360px;
    display: block
}

.\@about .archive-block .archive-slider .item-image img {
    height: 100%;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.\@about .archive-block .archive-slider .item-about {
    background-color: #fff;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.\@about .archive-block .archive-slider .item-title {
    font-size: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 40px;
    outline: 0
}

.\@about .archive-block .archive-slider .item-time {
    font-size: 14px;
    color: #727272
}

.\@about .archive-block .archive-slider .slick-dots {
    display: none !important
}

.\@contacts .first-block, .\@register .register-area {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.\@contacts .first-block {
    position: relative;
    min-height: 600px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 77px;
    margin-bottom: -50px
}

.\@contacts .first-block .item-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.\@contacts .first-block .item-image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1;
    -o-object-position: bottom center;
    object-position: bottom center
}

.\@contacts .first-block .item-box {
    max-width: 1200px;
    margin: 0 auto
}

.\@contacts .first-block .item-about {
    position: relative;
    z-index: 2;
    background-color: #E35569;
    color: #fff;
    max-width: 748px;
    padding: 17px 47px
}

.\@contacts .first-block .city {
    font-size: 14px;
    padding-bottom: 7px
}

.\@contacts .first-block .item-heading {
    font-size: 72px;
    font-weight: 500;
    border-bottom: 0;
    margin-bottom: 0;
    white-space: nowrap
}

.\@contacts .first-block .item-heading span {
    font-size: 30px;
    display: block;
    font-weight: 400
}

.\@contacts .first-block .item-param {
    white-space: nowrap
}

.\@contacts .first-block .param-label {
    font-size: 30px;
    padding-right: 1em;
    white-space: nowrap
}

.\@contacts .first-block .param-value {
    font-size: 48px;
    white-space: nowrap
}

.\@contacts .first-block .param-value a {
    color: #fff
}

.\@contacts .about-block {
    position: relative
}

.\@contacts .about-block .the-best-photographer-artist {
    position: absolute;
    bottom: 100%;
    left: 0;
    padding-bottom: 10px;
    font-size: 12px;
    color: #eee
}

.\@contacts .about-block .about-box {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 10px 80px;
    background-color: #fff;
    text-align: center
}

.\@contacts .about-block .item-heading {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 40px
}

.\@contacts .about-block .item-subheading {
    margin-bottom: 15px;
    font-size: 24px
}

.\@contacts .about-block .item-params {
    font-size: 36px
}

.\@contacts .superwoman {
    margin-top: -40px;
    position: relative;
    z-index: 2
}

.\@contacts .superwoman img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 318px
}

.\@press {
    padding: 60px 0
}

.\@press.detail .press-page {
    max-width: 980px
}

.\@press.detail .page-heading {
    color: #000
}

.\@press.detail .page-content {
    background-color: #fff;
    padding: 30px 40px
}

.\@press .page-action {
    padding: 30px 0
}

.\@press .page-action .action-button {
    width: 100%
}

.\@register {
    padding: 60px 0 0
}

.\@register .register-block {
    text-align: center
}

.\@register .register-area {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1128px;
    margin: 0 auto
}

.\@register .register-box {
    background-color: #fff;
    min-height: 600px;
    padding: 60px 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.\@register .counter-line span, .\@register .problems-here span {
    display: block
}

.\@register .item-heading {
    font-size: 18px;
    font-weight: 400
}

.\@register .item-image {
    margin-left: -95px
}

.\@register .item-image img {
    width: 424px;
    min-width: 424px
}

.\@register .register-form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 414px;
    width: 414px;
    margin: 0 auto
}

.\@register .code-line input {
    padding: 0;
    height: 80px;
    width: 180px;
    background-color: #f0eeee;
    font-size: 50px;
    color: #727272;
    text-align: center
}

.\@register .counter-line a {
    color: #E35569;
    text-decoration: underline
}

.\@register .submit-line {
    padding-bottom: 20px
}

.\@register .problems-here {
    color: #adadad;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.\@register .problems-here a {
    color: #E35569;
    text-decoration: underline
}

.\@register .social-auth {
    padding-top: 30px
}

.\@archive {
    padding: 60px 0
}

.\@archive .archive-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 10px
}

.\@archive .nav-link {
    border: 0;
    margin: 0 10px 20px
}

.\@archive .nav-link.active {
    background-color: #E35569;
    color: #fff
}

.\@archive .photos-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 15px
}

.\@archive .photos-grid .item-image {
    height: 300px
}

.\@archive .photos-grid .item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.\@archive .action-line {
    padding: 30px 0
}

.\@archive .action-line .action-button {
    width: 100%
}

.\@ukraine {
    line-height: 1.3
}

.\@ukraine .first-block {
    position: relative;
    min-height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 77px;
    margin-bottom: -50px
}

.\@ukraine .first-block .item-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 1200px
}

.\@ukraine .first-block .item-image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1
}

.\@ukraine .about-block {
    position: relative;
    z-index: 2;
    margin-bottom: 30px
}

.\@ukraine .about-block .about-header {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px
}

.\@ukraine .about-block .about-header .item-heading {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 0
}

.\@ukraine .about-block .about-header .item-desc {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding-top: 10px
}

.\@ukraine .about-block .about-box {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff
}

.\@ukraine .about-block .article-text {
    padding: 40px 20px
}

.\@ukraine .about-block .article-text b, .\@ukraine .about-block .article-text h1, .\@ukraine .about-block .article-text h2, .\@ukraine .about-block .article-text h3, .\@ukraine .about-block .article-text h4, .\@ukraine .about-block .article-text h5, .\@ukraine .about-block .article-text h6, .\@ukraine .about-block .article-text strong {
    font-weight: 500
}

.\@ukraine .about-block .about-content {
    display: grid;
    grid-template-columns:1fr 2fr;
    padding: 40px 100px;
    grid-gap: 40px
}

.\@ukraine .about-block .about-content .item-image img {
    width: 220px;
    min-width: 220px;
    display: inline-block
}

.\@ukraine .about-block .about-content .item-desc {
    font-size: 18px;
    font-weight: 400;
    color: #4f4e4e
}

.\@ukraine .about-block .about-content .item-desc p {
    margin-bottom: 15px
}

.\@ukraine .about-block .about-total {
    background-color: #E35569;
    display: grid;
    grid-template-columns:1fr 2fr;
    color: #fff;
    padding: 20px 20px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.\@ukraine .about-block .about-total .label {
    font-size: 32px;
    text-align: right
}

.\@ukraine .about-block .about-total .value {
    font-size: 38px;
    padding-left: 50px;
    font-weight: 700
}

.\@ukraine .details-block {
    position: relative;
    z-index: 2;
    margin-bottom: 30px
}

.\@ukraine .details-block .about-box {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    padding: 40px 120px
}

.\@ukraine .details-block .about-box::before {
    background-image: url(/local/templates/run/css/./../img/demo/ukraine/line.svg);
    background-repeat: x-repeat;
    background-size: contain
}

.\@ukraine .details-block .box-top {
    padding-bottom: 40px
}

.\@ukraine .details-block .box-top .item-heading {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 0;
    text-align: center
}

.\@ukraine .details-block .box-top .item-desc {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
    color: #838383
}

.\@ukraine .details-block .bank-params .label, .\@ukraine .details-block .company-params .label {
    font-size: 14px;
    color: #4f4e4e
}

.\@ukraine .details-block .bank-params .value, .\@ukraine .details-block .company-params .value {
    font-size: 20px;
    font-weight: 400
}

.\@ukraine .details-block .company-params {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    padding-bottom: 20px
}

.\@ukraine .details-block .company-params .param {
    padding-bottom: 20px
}

.\@ukraine .details-block .bank-params {
    display: grid;
    grid-template-columns:1fr 1fr
}

.\@ukraine .details-block .bank-params .param {
    padding-bottom: 22px
}

.\@ukraine .details-block .bank-logo {
    padding-bottom: 25px
}

.\@ukraine .details-block .bank-logo img {
    height: 33px
}

.\@ukraine .details-block .bank-desc {
    max-width: 690px
}

.\@ukraine .details-block .bank-desc .label {
    font-size: 14px;
    color: #4f4e4e
}

.\@ukraine .details-block .bank-desc .value {
    font-size: 16px;
    font-weight: 400
}

.\@ukraine .donate-block {
    max-width: 1200px;
    margin: 0 auto 60px;
    padding: 40px 30px
}

.\@ukraine .donate-block::before {
    background-image: url(/local/templates/run/css/./../img/demo/ukraine/line.svg);
    background-repeat: x-repeat;
    background-size: contain
}

.\@ukraine .donate-block .block-heading {
    padding-bottom: 5px
}

.\@ukraine .donate-block .block-desc {
    font-size: 20px;
    text-align: center;
    color: #838383;
    padding-bottom: 40px
}

.\@ukraine .donate-block .lines-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.\@ukraine .donate-block .form-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.\@ukraine .donate-block .form-body {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 20px
}

.\@ukraine .donate-block .lines-label {
    width: 260px;
    min-width: 260px;
    font-size: 18px
}

.\@ukraine .donate-block .donation-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 40px;
    border-bottom: 1px solid #d7d7d7
}

.\@ukraine .donate-block .donation-values {
    display: grid;
    grid-template-columns:repeat(6, 1fr)
}

.\@ukraine .donate-block .donation-values input[type=radio] {
    display: none
}

.\@ukraine .donate-block .donation-values input[type=radio]:checked + .input-value, .\@ukraine .donate-block .donation-values input[type=radio]:checked + .item-value {
    background-color: #E35569;
    color: #fff;
    border-color: #E35569;
    position: relative;
    z-index: 2
}

.\@ukraine .donate-block .donation-values input[type=radio]:checked + .input-value input {
    color: #fff
}

.\@ukraine .donate-block .donation-values input[type=radio]:checked + .input-value input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.\@ukraine .donate-block .donation-values input[type=radio]:checked + .input-value input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.\@ukraine .donate-block .donation-values input[type=radio]:checked + .input-value input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.\@ukraine .donate-block .donation-values input[type=radio]:checked + .input-value input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.\@ukraine .donate-block .donation-values input[type=radio]:checked + .input-value input::placeholder {
    color: rgba(255, 255, 255, .6)
}

.\@ukraine .donate-block .donation-values .input-value, .\@ukraine .donate-block .donation-values .item-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    margin-top: -1px;
    margin-left: -1px;
    cursor: pointer
}

.\@ukraine .donate-block .donation-values .item-value {
    padding: 17px;
    border: 1px solid #e2e1e0
}

.\@ukraine .donate-block .donation-values .input-value {
    grid-column: span 2;
    position: relative
}

.\@ukraine .donate-block .donation-values .input-value input {
    padding: 17px;
    height: 100%;
    background-color: transparent;
    border: 1px solid #e2e1e0
}

.\@ukraine .donate-block .donation-values .input-value input:focus {
    border: 1px solid #E35569
}

.\@ukraine .donate-block .donation-values .input-value span {
    margin-left: -10px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.\@ukraine .donate-block .line-small .lines-item {
    max-width: 414px
}

.\@ukraine .donate-block .line-acception {
    margin-bottom: 0
}

.\@ukraine .donate-block .submit-line {
    padding: 40px 0 20px;
    text-align: center;
    border-top: 1px solid #D7D7D7
}

.\@ukraine .donate-block .submit-line .submit-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 260px
}

.\@ukraine .donate-block .submit-line .payments {
    padding-left: 50px
}

.\@ukraine .donate-block .submit-line .payments img {
    height: 32px;
    display: block
}

.\@ukraine .donations-block {
    padding-top: 20px;
    padding-bottom: 50px
}

.\@ukraine .donations-block .donations-box {
    max-width: 880px;
    margin: 0 auto
}

.\@ukraine .donations-block .block-heading {
    padding-left: 30px
}

.\@ukraine .donations-block .list-item {
    padding: 25px 30px;
    background-color: #fff;
    margin-bottom: 20px
}

.\@ukraine .donations-block .item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #d7d7d7
}

.\@ukraine .donations-block .item-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.\@ukraine .donations-block .item-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 18px;
    padding-right: 15px
}

.\@ukraine .donations-block .item-params, .\@ukraine .donations-block .item-title time, .\@ukraine .donations-block .item-type {
    font-size: 14px;
    color: #727272
}

.\@ukraine .donations-block .item-title span {
    padding-right: 20px
}

.\@ukraine .donations-block .item-params {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 30px
}

.\@ukraine .donations-block .item-params time {
    padding-right: 20px
}

.\@ukraine .donations-block .item-price {
    font-size: 24px;
    white-space: nowrap;
    padding-bottom: 3px
}

.\@ukraine .donations-block .item-message {
    color: #4f4e4e;
    font-size: 14px;
    padding-right: 20px;
    max-width: 650px
}

.\@ukraine .donations-block .item-action {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.\@ukraine .donations-block .button-like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.\@ukraine .donations-block .button-like::before {
    width: 22px;
    min-width: 22px;
    height: 20px;
    margin-left: 14px;
    background-image: url(/local/templates/run/css/./../img/icons/like.svg);
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

.\@ukraine .donations-block .button-like:hover::before {
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

.\@ukraine .donations-block .button-like.active::before {
    -webkit-filter: none;
    filter: none
}

.\@ukraine .donations-block .button-like.active span {
    color: #CFD141
}

.\@ukraine .donations-block .button-like span {
    padding-top: 5px
}

.\@ukraine .donations-block .action-button {
    width: 100%
}

.\@ukraine .donations-block .donations-action {
    text-align: center;
    padding-top: 40px
}

.\@ukraine .donations-block .donations-link {
    color: #E35569;
    font-size: 18px;
    text-decoration: underline
}

.\@footer-ukraine {
    padding: 40px 0 0;
    background-color: #E2E1E0
}

.\@footer-ukraine .footer-line {
    display: grid;
    grid-template-columns:2fr 1fr;
    padding-bottom: 40px;
    column-gap: 20px
}

.\@footer-ukraine .item-phone {
    grid-column: span 3;
    padding-bottom: 22px
}

.\@footer-ukraine .copyright {
    color: #4f4e4e;
    font-size: 14px;
    max-width: 420px
}

.\@footer-ukraine .copyright span {
    display: block;
    padding-bottom: 12px;
    font-size: 20px;
    color: #000
}

.\@footer-ukraine .item-extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 18px
}

.\@footer-ukraine .item-extra span {
    font-size: 20px;
    padding-bottom: 20px
}

.\@footer-ukraine .item-extra a {
    color: #000
}

.\@footer-ukraine .item-extra a:hover {
    color: #E35569
}

.\@footer-ukraine .item-extra .label {
    color: #787878;
    font-weight: 400
}

.\@footer-ukraine .developer-line {
    background-color: #fff;
    padding: 20px 0 35px;
    font-size: 14px;
    color: #727272
}

.\@footer-ukraine .developer-line a {
    color: #727272
}

.\@cabinet {
    padding: 60px 0
}

.cabinet-block .action-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 30px
}

.cabinet-block .action-button {
    background-color: #fff;
    border: 0;
    font-size: 16px;
    color: #000;
    margin: 0 25px
}

.cabinet-block .action-button.active {
    background-color: #E35569;
    color: #fff
}

.cabinet-block .content-wrap {
    max-width: 980px;
    padding: 30px;
    margin: 0 auto
}

.cabinet-block .form-params .item-cell {
    max-width: 414px
}

.cabinet-block .form-cabinet .croppie-container {
    max-width: 300px;
    margin-left: 30px
}

.cabinet-block .form-cabinet .croppie-container input[type=range] {
    padding: 0;
    border: 0
}

.cabinet-block .form-cabinet .croppie-container .cr-slider-wrap {
    width: auto
}

.cabinet-block .form-cabinet .avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cabinet-block .form-cabinet .avatar input[type=file] {
    display: none
}

.cabinet-block .form-cabinet .avatar label {
    width: 100px;
    height: 100px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #e2e1e0;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.cabinet-block .form-cabinet .avatar label::before {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-image: url(/local/templates/run/css/./../img/icons/plus.svg)
}

.cabinet-block .form-cabinet .avatar label img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}

.cabinet-block .form-cabinet .avatar label img.active {
    opacity: 1
}

.cabinet-block .form-cabinet .phone-line {
    position: relative
}

.cabinet-block .form-cabinet .phone-line .change-button {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cabinet-block .form-cabinet .form-part {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 50px
}

.cabinet-block .form-cabinet .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px
}

.cabinet-block .form-cabinet .item-label {
    width: 260px;
    min-width: 260px;
    padding-top: 12px;
    padding-right: 12px
}

.cabinet-block .form-cabinet .item-cell {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cabinet-block .form-cabinet .under-cell {
    display: block;
    padding-top: 10px;
    color: #4f4f4f;
    font-size: 14px
}

.cabinet-block .form-cabinet .datepick-line {
    position: relative;
    max-width: 280px
}

.cabinet-block .form-cabinet .datepick-line .calendar-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px
}

.cabinet-block .form-cabinet .datepick-line .calendar-button::before {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-image: url(/local/templates/run/css/./../img/icons/calendar.svg)
}

.cabinet-block .form-cabinet .submit-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cabinet-block .form-cabinet .submit-line span {
    font-size: 16px;
    max-width: 277px;
    color: #4f4e4e
}

.\:page, .\:page p {
    font-size: 14px;
    color: #4F4E4E
}

.\@modal-password .modal-box {
    width: 616px;
    padding-top: 40px
}

.\@modal-password .form-body {
    padding-bottom: 20px
}

.\@modal-password .form-password {
    max-width: 414px;
    margin: 0 auto
}

.\:page, .cr-slider, .mfp-image-holder .mfp-content, img.mfp-img {
    max-width: 100%
}

.\@modal-password .submit-block {
    text-align: center
}

.\@page-ragular {
    padding: 50px 0
}

.\@page-ragular .page-content {
    background-color: #fff;
    padding: 15px
}

.\:page {
    width: 900px;
    line-height: 1.5
}

.\:page p {
    margin-bottom: 15px
}

.\:page p:last-child {
    margin-bottom: 0
}

.\:page img {
    margin-bottom: 30px
}

.\:page a {
    color: #000;
    text-decoration: underline
}

.\:page a:hover {
    color: #005183
}

.\:page b, .\:page strong {
    font-weight: 500;
    color: #000
}

.\:page iframe[src*=youtube] {
    height: 450px;
    margin-bottom: 20px
}

.\:page h2, .\:page h3 {
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #000
}

.\:page h2 b, .\:page h2 strong, .\:page h3 b, .\:page h3 strong {
    font-weight: 500
}

.\:page h4, .\:page h5, .\:page h6 {
    font-size: 22px;
    color: #000;
    font-weight: 400;
    margin-bottom: 30px
}

.\:page h4 b, .\:page h4 strong, .\:page h5 b, .\:page h5 strong, .\:page h6 b, .\:page h6 strong {
    font-weight: 400
}

.\:page ul {
    padding-left: 0
}

.\:page ul li {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding-bottom: 7px
}

.\:page ul li::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    min-width: 10px;
    border-radius: 50%;
    background-color: #037AC2;
    margin-right: 10px;
    position: relative;
    top: 4px
}

.\:page time {
    font-size: 14px;
    color: #727272;
    padding-bottom: 12px;
    display: block
}

.\:page cite {
    padding: 8px 15px;
    display: block;
    border-left: 4px solid #037AC2;
    margin-bottom: 15px;
    margin-left: 30px
}

.\:page ol {
    color: #4F4E4E;
    padding-left: 15px;
    font-size: 14px
}

.\:page ol li {
    margin-bottom: 10px
}

.\:page table {
    border-collapse: collapse;
    margin-bottom: 20px
}

.\:page table tr:not(:last-child) td {
    border-bottom: 1px solid #cdcdcd
}

.\:page table td {
    padding: 10px
}

.\:page table td:not(:last-child) {
    border-right: 1px solid #cdcdcd
}

.\:page footer {
    padding-top: 40px;
    color: #000
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.mfp-bg, .mfp-wrap {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.mfp-bg {
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    height: 100%;
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.datepicker--cell, img.mfp-img {
    -webkit-box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-close, .mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-figure:after, img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.datepicker--cell, .datepicker--cells {
    display: -webkit-box;
    display: -ms-flexbox
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

.datepicker--cells {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #037AC2
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #037AC2
}

.datepicker--cell.-in-range- {
    background: rgba(3, 122, 194, .1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(3, 122, 194, .2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(3, 122, 194, .5);
    background-color: rgba(3, 122, 194, .1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(3, 122, 194, .5);
    background-color: rgba(3, 122, 194, .1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #037AC2
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    border: none
}

.datepicker--cell.-selected-.-focus- {
    background: #036aa9
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #037AC2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--cells-years, .datepicker--years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #16a5fb
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #049af4
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(3, 122, 194, .1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(3, 122, 194, .2)
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background: #f0f0f0
}

.datepicker--nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--content, .-only-timepicker- .datepicker--nav, .datepicker--body, .datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--nav-action, .datepicker--nav-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0 0
}

.datepicker--buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    border-top: 1px solid #efefef
}

.datepicker--button {
    color: #037AC2;
    cursor: pointer;
    border-radius: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    -webkit-transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
    transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s, -webkit-transform .3s ease;
    z-index: 100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
    transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s 0s;
    transition: opacity .3s ease, transform .3s ease, left 0s 0s, -webkit-transform .3s ease
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker--content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 4px
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer {
    left: 10px
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer {
    right: 10px
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body.active {
    display: block
}

.croppie-container {
    width: 100%;
    height: 100%
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%
}

.croppie-container .cr-resizer, .croppie-container .cr-viewport {
    border: 2px solid #fff;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    position: absolute
}

.croppie-container .cr-viewport {
    margin: auto;
    -webkit-box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, .5);
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, .5)
}

.croppie-container .cr-resizer {
    margin: auto;
    z-index: 2;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none
}

.croppie-container .cr-resizer-horisontal, .croppie-container .cr-resizer-vertical {
    position: absolute;
    pointer-events: all
}

.croppie-container .cr-resizer-horisontal::after, .croppie-container .cr-resizer-vertical::after {
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #000;
    background: #fff;
    width: 10px;
    height: 10px;
    content: ''
}

.croppie-container .cr-resizer-vertical {
    bottom: -5px;
    cursor: row-resize;
    width: 100%;
    height: 10px
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px
}

.croppie-container .cr-resizer-horisontal {
    right: -5px;
    cursor: col-resize;
    width: 10px;
    height: 100%
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px
}

.croppie-container .cr-original-image {
    display: none
}

.croppie-container .cr-vp-circle {
    border-radius: 50%
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    -ms-touch-action: none;
    touch-action: none
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center
}

.croppie-result {
    position: relative;
    overflow: hidden
}

.croppie-result img {
    position: absolute
}

.croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.cr-slider {
    -webkit-appearance: none;
    width: 300px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, .5);
    border: 0;
    border-radius: 3px
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px
}

.cr-slider:focus {
    outline: 0
}

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, .5);
    border: 0;
    border-radius: 3px
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px
}

.cr-slider:-moz-focusring {
    outline: #fff solid 1px;
    outline-offset: -1px
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: 0 0;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent
}

.cr-slider::-ms-fill-lower, .cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px
}

.cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: 1px
}

.cr-slider:focus::-ms-fill-lower, .cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, .5)
}

.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1
}

.cr-rotate-controls button {
    border: 0;
    background: 0 0
}

.cr-rotate-controls i:before {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px
}

.cr-rotate-l i:before {
    content: '↺'
}

.cr-rotate-r i:before {
    content: '↻'
}

@media (min-width: 541px) {
    .\@about .archive-block .archive-slider .slider-item.slick-active + .slider-item, .\@mainpage .news-block .news-slider .slider-item.slick-active + .slider-item, .\@mainpage .partners-block .partners-slider .slider-item.slick-active + .slider-item {
        opacity: 1
    }
}

@media (min-width: 1221px) {
    .\:slider .slick-arrow {
        top: -55px
    }

    .\:slider .slick-prev {
        left: auto;
        right: 60px
    }

    .\:slider .slick-next {
        right: 0
    }
}

@media screen and (max-width: 1440px) {
    .\:container {
        width: 1340px
    }

    .\:button.wrap {
        font-size: 16px
    }
}

@media screen and (max-width: 1350px) {
    .\@social-block .item-heading {
        font-size: 48px
    }

    .\:container {
        width: 1200px
    }
}

@media screen and (max-width: 1240px) {
    .\@party-block .param-value, .\@party-block .username {
        font-size: 20px
    }

    .\@party-block .item-image {
        height: 250px
    }

    .\@party-block .item-image img {
        -webkit-filter: none;
        filter: none
    }

    .\@party-block .param-label {
        padding-bottom: 5px
    }

    .\@pages-grid .item-image {
        height: 180px
    }

    .\@social-block {
        padding-top: 40px
    }

    .\@social-block .item-heading {
        font-size: 36px;
        margin-bottom: -40px
    }

    .\@social-block .icons-links .icon-link img {
        width: 50px;
        height: 50px;
        min-width: 50px
    }

    .\@social-block .copy-line .copy-button {
        position: static;
        -webkit-transform: none;
        transform: none;
        display: block;
        margin: 0 auto
    }

    .\:container {
        width: 960px
    }

    .\:heading {
        font-size: 30px
    }

    .\:heading.big {
        font-size: 36px;
        padding-bottom: 20px
    }

    .\:button.wrap {
        padding: 10px
    }

    .\:modal .modal-heading {
        font-size: 22px;
        padding-bottom: 20px
    }

    .\@mainpage .faq-block .faq-box {
        margin: 0
    }

    .\@mainpage .faq-block .item-text {
        font-size: 16px
    }

    .\@mainpage .faq-block .item-image {
        display: none
    }

    .\@detail .about-main .detail-wrap {
        display: block
    }

    .\@detail .summary-block {
        padding-top: 0
    }

    .\@detail .summary-block .donations-summary {
        padding-top: 20px
    }

    .\@detail .summary-block .donations-summary .action-button {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .\@detail .summary-block .donations-summary .item-params {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 15px;
        padding-right: 15px
    }

    .\@detail .donate-block .form-line, .\@ukraine .donate-block .form-line {
        display: block
    }

    .\@detail .summary-block .donations-summary .item-params .param {
        width: 50%
    }

    .\@detail .summary-block .donations-summary .progress {
        margin: 0 0 15px;
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .\@detail .desc-block .desc-text, .\@detail .donate-block, .\@detail .donations-block .list-item {
        padding: 20px
    }

    .\@detail .donate-block .lines-label {
        width: auto;
        min-width: 0;
        font-size: 16px;
        padding-bottom: 10px
    }

    .\@detail .donate-block .donation-values {
        grid-template-columns:repeat(4, 1fr)
    }

    .\@about .about-block .item-text {
        font-size: 16px
    }

    .\@contacts .first-block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: -120px;
        padding-bottom: 100px;
        min-height: 500px
    }

    .\@press.detail .page-content {
        padding: 30px 20px
    }

    .\@register .register-box {
        min-height: 500px
    }

    .\@register .item-image img {
        width: 350px;
        min-width: 350px
    }

    .\@ukraine .first-block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: -120px;
        padding-bottom: 100px;
        min-height: 250px
    }

    .\@ukraine .about-block .about-header .item-heading {
        font-size: 22px
    }

    .\@ukraine .about-block .about-content {
        padding: 40px 25px;
        grid-gap: 30px
    }

    .\@ukraine .about-block .about-content .item-desc {
        font-size: 16px
    }

    .\@ukraine .about-block .about-total {
        grid-template-columns:1fr 1fr;
        padding: 20px 0
    }

    .\@ukraine .about-block .about-total .label {
        font-size: 20px
    }

    .\@ukraine .about-block .about-total .value {
        font-size: 24px;
        padding-left: 20px
    }

    .\@ukraine .details-block .about-box {
        padding: 40px 20px
    }

    .\@ukraine .details-block .box-top .item-heading {
        font-size: 22px
    }

    .\@ukraine .details-block .bank-params .value, .\@ukraine .details-block .box-top .item-desc, .\@ukraine .details-block .company-params .value, .\@ukraine .donate-block .block-desc, .\@ukraine .donate-block .lines-label, .\@ukraine .donations-block .donations-link {
        font-size: 16px
    }

    .\@ukraine .donate-block {
        padding: 30px 20px
    }

    .\@ukraine .donate-block .lines-label {
        width: auto;
        min-width: 0;
        padding-bottom: 10px
    }

    .\@ukraine .donate-block .donation-values {
        grid-template-columns:repeat(4, 1fr)
    }

    .\@ukraine .donate-block .submit-line .submit-actions {
        padding-left: 0
    }

    .\@ukraine .donate-block .submit-line .payments {
        padding-left: 25px
    }

    .\@ukraine .donate-block .submit-line .payments img {
        height: 25px
    }

    .\@ukraine .donations-block .list-item {
        padding: 20px
    }

    .\@page-ragular {
        padding: 35px 0
    }
}

@media (max-width: 1220px) {
    .\:page iframe[src*=youtube] {
        height: 400px
    }
}

@media (max-width: 1200px) {
    .\:form .form-heading {
        font-size: 16px;
        padding-bottom: 9px;
        margin-bottom: 20px
    }

    .\:page {
        padding-left: 0
    }

    .\:page h2, .\:page h3 {
        font-size: 22px
    }

    .\:page h4, .\:page h5, .\:page h6 {
        font-size: 20px
    }
}

@media (max-width: 1023px) {
    .\:page {
        width: auto
    }

    .\:page iframe[src*=youtube] {
        height: 375px
    }
}

@media screen and (max-width: 960px) {
    .\@footer .footer-line, .\@footer-ukraine .footer-line {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .cabinet-block .form-cabinet .datepick-line, .cabinet-block .form-params .item-cell {
        max-width: none
    }

    .\@header .main-nav .nav-link {
        margin-right: -10px
    }

    .\@pages-grid, .\@party-block .party-grid {
        grid-template-columns:repeat(2, 1fr)
    }

    .\@footer .footer-line {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .\@footer .copyright {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .\@footer .copyright span {
        font-size: 16px
    }

    .\@footer .footer-nav {
        padding: 0;
        margin-left: -10px
    }

    .\@footer .item-extra {
        padding-bottom: 25px
    }

    .\:container {
        width: 720px
    }

    .\:button.big {
        padding: 15px;
        font-size: 22px
    }

    .\:button.regular {
        padding: 15px;
        font-size: 20px
    }

    .\@detail .about-block, .\@mainpage .about-block .about-box {
        padding-left: 20px;
        padding-right: 20px
    }

    .\:modal .modal-heading {
        font-size: 20px;
        padding-bottom: 15px
    }

    .\@mainpage .first-block {
        min-height: 0;
        margin-bottom: -50px
    }

    .\@mainpage .first-block .item-heading {
        font-size: 69px
    }

    .\@mainpage .first-block .item-heading span {
        font-size: 29px
    }

    .\@mainpage .first-block .param-label {
        font-size: 24px
    }

    .\@mainpage .first-block .param-value {
        font-size: 36px
    }

    .\@mainpage .about-block .the-best-photographer-artist {
        padding-bottom: 5px
    }

    .\@mainpage .about-block .item-heading.big {
        font-size: 36px;
        line-height: 1.3
    }

    .\@mainpage .about-block .item-line .line-text, .\@mainpage .about-block .item-text, .\@mainpage .about-block .youcan-grid .item-label {
        font-size: 16px
    }

    .\@mainpage .about-block .youcan-grid .grid-item {
        width: 50%
    }

    .\@mainpage .about-block .item-line .item-logo {
        padding-right: 20px
    }

    .\@mainpage .about-block .item-line .item-logo img {
        width: 180px;
        min-width: 180px
    }

    .\@about .first-block {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: -300px;
        padding-bottom: 100px;
        min-height: 700px
    }

    .\@about .first-block .item-heading {
        font-size: 69px
    }

    .\@about .first-block .item-heading span {
        font-size: 29px
    }

    .\@about .about-block .about-box {
        padding: 20px
    }

    .\@about .about-block .item-image {
        padding-right: 15px
    }

    .\@about .about-block .item-image img {
        width: 200px;
        min-width: 200px
    }

    .\@about .about-block .item-heading.big {
        padding-left: 215px
    }

    .\@contacts .first-block .item-heading {
        font-size: 69px
    }

    .\@contacts .first-block .item-heading span {
        font-size: 29px
    }

    .\@contacts .first-block .param-label {
        font-size: 24px
    }

    .\@contacts .first-block .param-value {
        font-size: 36px
    }

    .\@contacts .about-block .the-best-photographer-artist {
        padding-bottom: 5px
    }

    .\@register .item-image {
        display: none
    }

    .\@archive {
        padding: 30px 0
    }

    .\@ukraine .details-block .company-params {
        grid-template-columns:1fr 1fr
    }

    .\@footer-ukraine .footer-line {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .\@footer-ukraine .copyright {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .\@footer-ukraine .copyright span {
        font-size: 16px
    }

    .\@footer-ukraine .item-extra {
        padding-bottom: 25px;
        font-size: 16px
    }

    .cabinet-block .form-cabinet .form-part {
        margin-bottom: 30px
    }

    .cabinet-block .form-cabinet .form-item {
        display: block;
        padding-bottom: 20px
    }

    .cabinet-block .form-cabinet .item-label {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 12px;
        text-align: center;
        width: auto;
        min-width: 0
    }

    .cabinet-block .form-cabinet .submit-line {
        display: block
    }

    .cabinet-block .form-cabinet .submit-line span {
        padding-bottom: 15px;
        display: block
    }
}

@media (max-width: 960px) {
    .\:form .form-box {
        margin-bottom: 30px
    }

    .\:page h2, .\:page h3 {
        font-size: 20px
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width: 767px) {
    .\:radio label::before, .\@detail .donate-block .payment-line .item-value::before {
        top: 2px
    }

    .\:page img {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 750px) {
    .\@header .burger-box {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .\@detail .about-block, .\@social-block .share-box {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .\@header .burger-button.active:hover {
        background-color: #005183
    }

    .\@header .burger-menu .menu-item.big {
        display: block
    }

    .\:modal .modal-block::before, .\@header .icons-nav, .\@header .main-nav {
        display: none
    }

    .\@header .burger-menu .menu-link {
        padding: 10px 44px;
        font-size: 14px
    }

    .\@party-block {
        padding: 20px 0
    }

    .\@pages-grid, .\@party-block .party-grid {
        grid-template-columns:repeat(1, 1fr)
    }

    .\@social-block .item-heading {
        margin-bottom: -60px
    }

    .\@social-block .share-box {
        flex-direction: column;
        padding: 15px;
        -webkit-transform: translateY(30%);
        transform: translateY(30%)
    }

    .\@social-block .share-box .box-item {
        border-right: 0;
        width: auto;
        border-bottom: 1px solid #d7d7d7;
        padding-left: 0;
        padding-right: 0
    }

    .\@social-block .share-box .box-item:first-child {
        padding-top: 0
    }

    .\@social-block .share-box .box-item:last-child {
        border-bottom: 0
    }

    .\@social-block .item-label {
        font-size: 18px
    }

    .\:container {
        width: 540px;
        padding-left: 15px;
        padding-right: 15px
    }

    .\:heading {
        font-size: 24px;
        padding-bottom: 15px
    }

    .\@mainpage .first-block .item-about {
        padding: 20px
    }

    .\@mainpage .first-block .item-heading {
        font-size: 50px
    }

    .\@mainpage .first-block .item-heading span {
        font-size: 20px
    }

    .\@mainpage .about-block .countdown-digits {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .\@mainpage .about-block .countdown-digits .item:first-child {
        width: 100%
    }

    .\@mainpage .faq-block .item-list {
        padding: 10px
    }

    .\@mainpage .faq-block .item-title {
        font-size: 14px;
        padding: 10px 0
    }

    .\@mainpage .faq-block .item-text {
        font-size: 14px;
        padding-bottom: 10px
    }

    .\@detail .about-main .username {
        padding-left: 10px;
        font-size: 36px;
        margin-bottom: 20px
    }

    .\@detail .about-block {
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .\@detail .about-block .item-image {
        margin-bottom: 20px
    }

    .\@detail .share-block .share-line {
        grid-template-columns:repeat(3, 1fr)
    }

    .\@about .first-block .item-about {
        padding: 20px
    }

    .\@about .first-block .item-heading {
        font-size: 50px
    }

    .\@about .first-block .item-heading span {
        font-size: 20px
    }

    .\@about .about-block .box-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .\@about .about-block .item-image {
        padding-right: 0;
        padding-bottom: 20px
    }

    .\@about .about-block .item-heading.big {
        padding-left: 0;
        text-align: center
    }

    .\@contacts .first-block {
        margin-bottom: -150px
    }

    .\@contacts .first-block .item-about {
        padding: 20px
    }

    .\@contacts .first-block .item-heading {
        font-size: 50px
    }

    .\@contacts .first-block .item-heading span {
        font-size: 20px
    }

    .\@contacts .first-block .param-value {
        font-size: 30px
    }

    .\@contacts .about-block .item-heading {
        font-size: 24px
    }

    .\@contacts .about-block .item-subheading {
        font-size: 18px
    }

    .\@contacts .about-block .item-params {
        font-size: 24px
    }

    .\@press {
        padding: 30px 0
    }

    .\@press.detail .page-content {
        padding: 20px 10px
    }

    .\@register {
        padding: 30px 0 0
    }

    .\@register .register-box {
        min-height: 0;
        padding: 30px 10px
    }

    .\@register .register-form {
        width: 100%;
        min-width: 0
    }

    .\@archive .archive-nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 5px;
        margin-left: -5px
    }

    .\@archive .nav-link {
        font-size: 16px;
        padding: 10px;
        margin: 0 5px 10px
    }

    .\@archive .photos-grid {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 10px
    }

    .\@ukraine .first-block {
        margin-bottom: -150px
    }

    .\@ukraine .about-block .about-content {
        padding: 30px 20px;
        grid-template-columns:1fr
    }

    .\@ukraine .about-block .about-content .item-image {
        text-align: center
    }
}

@media (max-width: 720px) {
    .\:page h2, .\:page h3 {
        margin-bottom: 20px
    }
}

@media (max-width: 700px) {
    .\:form textarea {
        padding: 0 10px
    }

    .\:page iframe[src*=youtube] {
        height: calc(56vw - 30px)
    }
}

@media (max-width: 550px) {
    .\:form .form-line {
        margin-bottom: 13px
    }
}

@media screen and (max-width: 540px) {
    .\@detail .donations-block .item-bottom, .\@detail .donations-block .item-title, .\@ukraine .donate-block .submit-line .submit-actions, .\@ukraine .donations-block .item-bottom, .\@ukraine .donations-block .item-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .\@header .burger-button {
        padding: 8px 15px
    }

    .\@header .menu-box {
        right: 0;
        width: 100vw;
        height: 100vh
    }

    .\@header .menu-box .icons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .\@header .user-nav .login-link {
        padding: 8px
    }

    .\@header .user-nav .login-link img {
        width: 24px;
        height: 24px;
        min-width: 24px
    }

    .\@header .user-nav .register-link {
        padding: 3px 6px;
        width: 102px;
        line-height: 1;
        font-size: 14px
    }

    .\@pages-grid .grid-item {
        padding: 15px
    }

    .\@pages-grid .item-title {
        font-size: 18px
    }

    .\:heading.micro {
        font-size: 16px;
        text-align: center
    }

    .\:modal .modal-box {
        height: 100vh
    }

    .\@mainpage .first-block .item-heading {
        white-space: normal;
        font-size: 48px;
        line-height: 1.2;
        padding-bottom: 15px
    }

    .\@mainpage .first-block .item-heading span {
        font-size: 24px;
        max-width: 320px;
        line-height: 1.4
    }

    .\@mainpage .first-block .item-param {
        white-space: normal
    }

    .\@mainpage .about-block .about-box {
        padding: 10px
    }

    .\@mainpage .about-block .countdown-digits .item {
        padding-bottom: 12px
    }

    .\@mainpage .about-block .countdown-digits .item::after {
        font-size: 38px;
        right: -4px;
        -webkit-transform: translateY(40%);
        transform: translateY(40%)
    }

    .\@mainpage .about-block .countdown-digits .digit {
        font-size: 48px;
        min-width: 50px;
        width: 50px
    }

    .\@mainpage .about-block .countdown-digits .label {
        padding-top: 5px
    }

    .\@mainpage .about-block .item-action {
        padding-bottom: 20px
    }

    .\@mainpage .about-block .action-button {
        display: block;
        margin-left: -20px;
        margin-right: -20px
    }

    .\@mainpage .about-block .item-text {
        font-size: 14px;
        padding-bottom: 20px
    }

    .\@mainpage .about-block .item-text ~ .item-heading {
        display: none
    }

    .\@mainpage .about-block .youcan-grid .grid-item {
        width: 100%
    }

    .\@mainpage .about-block .item-line {
        display: block
    }

    .\@mainpage .about-block .item-line .line-text {
        font-size: 14px;
        margin-bottom: 10px
    }

    .\@mainpage .about-block .item-line .logo-link {
        text-align: center
    }

    .\@mainpage .about-block .item-line .item-logo {
        padding-right: 0
    }

    .\@mainpage .about-block .item-line .item-logo img {
        margin: 0 auto;
        -o-object-fit: contain;
        object-fit: contain
    }

    .\@mainpage .about-block .item-line .project-line, .\@mainpage .news-block .news-slider .item-title {
        font-size: 14px
    }

    .\@mainpage .news-block .news-slider .item-time {
        font-size: 13px
    }

    .\@detail .about-block {
        padding: 30px 10px 10px
    }

    .\@detail .share-block {
        padding: 10px
    }

    .\@detail .share-block .share-line {
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        row-gap: 15px
    }

    .\@detail .share-block .copy-line input {
        font-size: 18px
    }

    .\@detail .share-block .copy-button {
        position: static;
        -webkit-transform: none;
        transform: none;
        display: block;
        margin: 0 auto;
        width: 100%
    }

    .\@detail .desc-block {
        padding-top: 0
    }

    .\@detail .desc-block .block-heading {
        padding-left: 0
    }

    .\@detail .desc-block .desc-text {
        padding: 10px;
        font-size: 14px
    }

    .\@detail .donations-block {
        padding-top: 0;
        padding-bottom: 33px
    }

    .\@detail .donations-block .block-heading {
        padding-left: 0
    }

    .\@detail .donations-block .list-item {
        padding: 10px
    }

    .\@detail .donations-block .item-bottom {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .\@detail .donations-block .item-title {
        font-size: 16px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .\@detail .donations-block .item-price, .\@modal-payment .item-heading {
        font-size: 18px
    }

    .\@contacts .about-block .item-params span, .\@detail .donate-block .line-name .lines-item {
        display: block
    }

    .\@detail .donations-block .item-message {
        padding-bottom: 5px;
        padding-right: 0
    }

    .\@detail .donate-block {
        margin-bottom: 50px;
        padding: 10px
    }

    .\@detail .donate-block .form-body {
        padding-bottom: 10px
    }

    .\@detail .donate-block .lines-label {
        text-align: center
    }

    .\@detail .donate-block .donation-line {
        padding-bottom: 20px
    }

    .\@detail .donate-block .donation-values {
        grid-template-columns:repeat(3, 1fr)
    }

    .\@ukraine .details-block .bank-params, .\@ukraine .details-block .company-params {
        grid-template-columns:1fr
    }

    .\@detail .donate-block .line-name .form-cell {
        padding-bottom: 10px
    }

    .\@detail .donate-block .line-name .form-cell:last-child {
        padding-bottom: 0
    }

    .\@detail .donate-block .payment-line .item-value img {
        height: 16px
    }

    .\@detail .donate-block .submit-line {
        padding: 20px 0
    }

    .\@modal-payment .item-code {
        font-size: 24px
    }

    .\@modal-payment .item-label {
        font-size: 18px
    }

    .\@modal-payment .item-number {
        font-size: 36px
    }

    .\@modal-payment .item-notice {
        font-size: 14px
    }

    .\@about .first-block .item-heading {
        white-space: normal;
        font-size: 48px;
        line-height: 1.2
    }

    .\@about .first-block .item-heading span {
        font-size: 24px;
        max-width: 320px;
        line-height: 1.4
    }

    .\@about .archive-block .archive-slider .item-title {
        font-size: 14px
    }

    .\@about .archive-block .archive-slider .item-time {
        font-size: 13px
    }

    .\@contacts .first-block .item-heading {
        white-space: normal;
        font-size: 48px;
        line-height: 1.2;
        padding-bottom: 15px
    }

    .\@contacts .first-block .item-heading span {
        font-size: 24px;
        max-width: 320px;
        line-height: 1.4
    }

    .\@contacts .first-block .item-param {
        white-space: normal
    }

    .\@ukraine .details-block .box-top {
        padding-bottom: 20px
    }

    .\@ukraine .details-block .bank-params .param, .\@ukraine .details-block .company-params .param {
        padding-bottom: 15px
    }

    .\@ukraine .donate-block {
        margin-bottom: 40px
    }

    .\@ukraine .donate-block .form-body {
        padding-bottom: 10px
    }

    .\@ukraine .donate-block .lines-label {
        text-align: center;
        padding-bottom: 5px
    }

    .\@ukraine .donate-block .donation-line {
        padding-bottom: 20px
    }

    .\@ukraine .donate-block .donation-values {
        grid-template-columns:repeat(3, 1fr)
    }

    .\@ukraine .donate-block .line-small .form-cell {
        padding-bottom: 10px
    }

    .\@ukraine .donate-block .line-small .form-cell:last-child {
        padding-bottom: 0
    }

    .\@ukraine .donate-block .submit-line {
        padding: 20px 0 0
    }

    .\@ukraine .donate-block .submit-line .submit-actions {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .\@ukraine .donate-block .submit-line .payments {
        padding-left: 0;
        padding-top: 25px
    }

    .\@ukraine .donations-block {
        padding-top: 0;
        padding-bottom: 33px
    }

    .\@ukraine .donations-block .block-heading {
        padding-left: 0
    }

    .\@ukraine .donations-block .list-item {
        padding: 10px
    }

    .\@ukraine .donations-block .item-bottom {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .\@ukraine .donations-block .item-title {
        font-size: 16px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .\@footer-ukraine .item-extra span, .\@ukraine .donations-block .item-price {
        font-size: 18px
    }

    .\@ukraine .donations-block .item-params {
        padding-bottom: 5px
    }

    .\@ukraine .donations-block .item-message {
        padding-bottom: 5px;
        padding-right: 0
    }

    .\@cabinet {
        padding: 30px 0
    }

    .cabinet-block .action-button {
        margin: 0;
        padding: 15px 10px;
        width: 50%
    }

    .cabinet-block .content-wrap {
        padding: 30px 10px
    }

    .\@modal-password .modal-box {
        padding-top: 30px
    }

    .\:page cite {
        margin-left: 0;
        padding: 5px 10px
    }
}

@media screen and (max-width: 360px) {
    .\@header .burger-box {
        margin-left: -10px
    }

    .\@header .burger-button {
        padding: 8px 10px
    }

    .\:modal .modal-box, .\@about .first-block .item-about, .\@mainpage .first-block .item-about, .\@pages-grid .grid-item {
        padding: 10px
    }

    .\:container {
        padding-left: 10px;
        padding-right: 10px
    }

    .\@mainpage .about-block .countdown-digits .digits {
        margin: 0 3px
    }

    .\@detail .summary-block .donations-summary .item-params .param-label {
        font-size: 16px
    }

    .\@detail .summary-block .donations-summary .item-params .param-value {
        font-size: 28px
    }

    .\@about .about-block .item-text {
        font-size: 14px
    }

    .\@contacts .first-block .item-about {
        padding: 25px 10px 10px
    }

    .\@archive .photos-grid {
        grid-template-columns:repeat(1, 1fr)
    }

    .\@modal-password .modal-box {
        padding-top: 30px
    }
}

@media print {
    .datepickers-container {
        display: none
    }
}

/* Убираем блок "Поделиться" (VK / Telegram / WhatsApp) в карточках бегунов */
.ya-share2__container {
  display: none !important;
}


/* End */


/* Start:/local/templates/run/styles.css?1769354248278*/
.search-right {
	position: absolute;
	max-width: 250px;
	right: 0px;
	top: -10px;
}

@media (max-width: 768px) {
	.search-right {
		position: relative;
		max-width: 100%;
		margin: -10px auto 0px;
	}
}

.logo-header {
	width: 5%;
}

.logo-footer {
	padding: 10px;
	width: 50%;
}
/* End */


/* Start:/local/templates/run/template_styles.css?17399893022166*/
.\@mainpage .first-block .item-about {
    max-width: 100% !important;
 	padding: 10px 0px;
}
.\@about .first-block .item-about {
    max-width: 100% !important;
 	padding: 10px 10px;
}

.\@mainpage .first-block .item-box, .\@about .first-block .item-box {
    margin: 160px auto 0px;
}
.\@mainpage .first-block .city {
    font-size: 24px !important;
}
.\@mainpage .first-block .item-heading {
    font-size: 60px !important;
border-bottom:none !important;
  white-space: normal !important;
}
.\@mainpage .first-block .item-param {
  white-space: normal !important;
}
.\@mainpage .first-block .param-label {
    font-size: 16px !important;
  white-space: normal !important;
}
.\@mainpage .first-block .param-value {
    font-size: 38px !important;
  white-space: normal !important;
}
@media (max-width: 1240px) {
    .\@mainpage .first-block .item-heading {font-size: 50px !important;margin-bottom: 0px !important;}
.\@mainpage .first-block .param-value {font-size: 32px !important;}
.\@mainpage .first-block .city {font-size: 16px !important;}

}
@media (max-width: 1000px) {
.\@mainpage .first-block .item-heading, .\@about .first-block .item-heading {font-size: 40px !important;margin-bottom: 0px !important;}
.\@mainpage .first-block .param-value {font-size: 24px !important;}
.\@mainpage .first-block .city {font-size: 16px !important;}
.\@about .first-block .item-box {     margin: 240px auto 0px;}

}
@media (max-width: 720px) {
.\@mainpage .first-block .item-heading, .\@about .first-block .item-heading  {font-size: 30px !important;margin-bottom: 0px !important;}
.\@mainpage .first-block .param-value {font-size: 28px !important;}
.\@mainpage .first-block .city {font-size: 16px !important;}
.\@about .first-block .item-box {     margin: 220px auto 0px;}

}
@media (max-width: 440px) {
    .\@mainpage .first-block .item-heading, .\@about .first-block .item-heading {font-size: 22px !important;margin-bottom: 0px !important;}
.\@mainpage .first-block .param-value {font-size: 18px !important;}
.\@mainpage .first-block .city, .\@about .first-block .city  {font-size: 14px !important;}
.\@mainpage .first-block .param-label {font-size: 12px !important;}

}
/* End */
/* /local/templates/run/css/project.min.css?1769600430147397 */
/* /local/templates/run/styles.css?1769354248278 */
/* /local/templates/run/template_styles.css?17399893022166 */