body {
    overflow-x: hidden;
}

.navbar-brand {
    height: 172px;
    overflow: hidden;
    position: absolute;
    top: 38px;
    left: 20px;
    padding: 0;
    z-index: 20;
    -webkit-transition: height 0.5s ease, top 0.5s ease;
    -o-transition: height 0.5s ease, top 0.5s ease;
    transition: height 0.5s ease, top 0.5s ease;
}

@media screen and (max-width: 1200px) {
    .navbar-brand {
        height: 140px;
    }
}

.navbar-sticky.navbar-sticky-scroll .navbar-brand {
    height: 70px;
    top: 10px;
}


.main-buttons-container {
    color: #364655;
}

.main-buttons-container svg {
    fill: #364655;
    margin: auto;
    display: block;
}

.main-buttons-infographic {
    max-width: 100%;
    height: auto;
}

.main-buttons-button-reject {
    background-color: #bb131a;
    color: #ffffff;
    border-radius: 30px;
    width: 325px;
    font-weight: bold;
    margin: auto;
    box-shadow: 0 8px 10px -3px #bb131a;
    cursor: pointer;
    animation: pulse 2s linear infinite;
    max-width: 100%;
}

.main-buttons-button-reject > div {
    display: table-cell;
    vertical-align: middle;
}

.main-buttons-button-reject svg {
    fill: #ffffff;
}

.main-buttons-button-reject-icon {
    width: 60px;
    text-align: center;
}

.main-buttons-button-reject-icon svg {
    width: 40px;
}

.main-buttons-button-reject-header {
    text-transform: uppercase;
    font-size: 1.063em;
}

.main-buttons-button-reject-text {
    font-size: 0.875em;
}

.main-buttons-number, .main-buttons-header, .main-buttons-text, .main-buttons-text-footer {
    text-align: center;
}

.main-buttons-text-footer {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
}

.main-buttons-number {
    font-size: 170px;
    line-height: 190px;
    height: 190px;
    margin-top: 20px;
}

.main-buttons-header {
    font-size: 1.875em;
    text-transform: uppercase;
    font-weight: bold;
}

.main-buttons-text {
    font-size: 1em;
    max-width: 300px;
    font-weight: bold;
    line-height: 1.75em;
    margin: auto;
}

.main-buttons-button-reject-container {
    margin-top: 40px;
    margin-bottom: 50px;
}

.main-buttons-button {
    text-align: center;
    display: block;
    color: #364655;
}

.main-buttons-button:hover, .main-buttons-button:focus {
    color: #0067b3;
    text-decoration: none;
}

.main-buttons-button:hover svg, .main-buttons-button:focus svg {
    fill: #0067b3;
}

.main-buttons-button-icon svg {
    width: 40px;
}

.main-buttons-button-text {
    max-width: 250px;
    margin: 10px auto 55px;
    font-size: 1.125em;
    line-height: 1.75em;
}

.main-carousel-container .owl-theme .owl-dots .owl-dot.active span, .main-carousel-container .owl-theme .owl-dots .owl-dot:hover span {
    background: #0067b3;
}

.main-carousel-container .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 25px;
}

.main-header-style-container {
    margin-bottom: 35px;
}

.main-header-style {
    font-weight: bold;
    font-size: 2.25em;
    text-align: center;
    padding-top: 35px;
    word-wrap: break-word;
}

.main-link-style {
    text-align: right;
    font-size: 1.125em;
    margin-top: -28px;
}

.main-link-style a {
    color: #0067b3;
    text-decoration: none;
}

.main-link-style a:hover, .main-link-style a:focus {
    text-decoration: none;
    color: #00376e;
}

.main-news-item {
    padding: 30px;
    background-color: #ffffff;
    color: #364655;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.main-news-item:focus {
    text-decoration: none;
    color: #364655;
}

.main-news-item:hover {
    background-color: #0067b3;
    color: #ffffff;
    text-decoration: none;
}

.main-news-item-image img {
    width: 100%;
}

.main-news-item-date {
    padding-top: 40px;
    padding-bottom: 28px;
    font-size: 0.875em;
}

.main-news-item-text {
    font-size: 1.125em;
}

.main-reject-item-header {
    margin-bottom: 36px;
}

.main-reject-item-header-number {
    display: inline-block;
    border-radius: 50%;
    color: #ffffff;
    height: 48px;
    width: 48px;
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    line-height: 48px;
    margin-right: 10px;
}

.main-reject-item-header span {
    vertical-align: middle;
}

.main-reject-item-header-number-blue {
    background-color: #0067b3;
    box-shadow: 0 8px 10px -3px #0067b3;
}

.main-reject-item-header-number-yellow {
    background-color: #e8b908;
    box-shadow: 0 8px 10px -3px #e8b908;
}

.main-reject-item-header-number-red {
    background-color: #bb131a;
    box-shadow: 0 8px 10px -3px #bb131a;
}

.main-reject-item-header-text {
    font-size: 1.5em;
}

.main-reject-item-text {
    font-size: 0.875em;
}

.main-reject-container .main-header-style-container {
    margin-top: 20px;
    margin-bottom: 13px;
}

.main-reject-item {
    margin-top: 42px;
}

.main-reject-button-reject-container {
    margin-top: 62px;
    margin-bottom: 74px;
}

.main-accept-reject-icon-red {
    color: #bb131a;
}

.main-accept-reject-icon-red svg {
    fill: #bb131a;
}

.main-accept-reject-icon-yellow {
    color: #e8b908;
}

.main-accept-reject-icon-yellow svg {
    fill: #e8b908;
}

.main-accept-reject-icon-blue {
    color: #0067b3;
}

.main-accept-reject-icon-blue svg {
    fill: #0067b3;
}

.main-accept-reject-container {
    background-color: #ffffff;
}

.main-accept-reject-container .main-header-style-container {
    margin-top: 18px;
}

.main-accept-reject-number {
    font-size: 4.375em;
    line-height: 5.625rem;
}

.main-accept-reject-text {
    text-transform: uppercase;
    font-size: 0.875em;
    line-height: 1.375em;
    max-width: 300px;
}

.main-accept-reject-icon-svg svg {
    width: 36px;
}

.main-accept-reject-icon > div {
    display: table-cell;
    vertical-align: middle;
}

.main-accept-reject-icon-text {
    font-size: 0.9375em;
    text-transform: uppercase;
}

.main-accept-reject-icon-svg {
    width: 45px;
    text-align: left;
}

.main-accept-reject-icon {
    padding-top: 5px;
}

.main-accept-reject-item {
    max-width: 300px;
    margin: auto auto 20px;
}

.main-accept-reject-sub-container {
    max-width: 1000px;
    margin: auto;
}

.main-accept-reject-button-header {
    text-align: center;
    margin-top: 28px;
    font-size: 1.5em;
    margin-bottom: 30px;
}

.main-accept-reject-button {
    max-width: 570px;
    margin: auto;
}

.main-accept-reject-button-item > div {
    display: table-cell;
    vertical-align: middle;
}

.main-accept-reject-button-item {
    color: #0067b3;
    display: block;
    margin-bottom: 16px;
}

.main-accept-reject-button-item svg {
    fill: #0067b3;
}

.main-accept-reject-button-item:hover, .main-accept-reject-button-item:focus {
    color: #00376e;
    text-decoration: none;
}

.main-accept-reject-button-item:hover svg, .main-accept-reject-button-item:focus svg {
    fill: #00376e;
}

.main-accept-reject-button-item-text {
    max-width: 250px;
    text-transform: uppercase;
    font-size: 0.875em;
}

.main-accept-reject-button-item-icon svg {
    width: 40px;
}

.main-accept-reject-button-item-icon {
    width: 50px;
}

.main-was-become-image {
    position: relative;
}

.main-was-become-image-badge {
    text-transform: uppercase;
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 6px;
    font-size: 0.8125em;
}

.main-was-become-image-container .main-was-become-image:first-child {
    float: left;
}

.main-was-become-image-container .main-was-become-image:last-child {
    float: right;
}

.main-was-become-image-container .main-was-become-image:first-child .main-was-become-image-badge {
    background-color: #bb131a;
    left: 0;
    right: inherit;
}

.main-was-become-image-container .main-was-become-image:last-child .main-was-become-image-badge {
    background-color: #0067b3;
}

.main-was-become-item {
    display: block;
    color: #364655;
    margin-bottom: 50px;
}

.main-was-become-item:hover, .main-was-become-item:focus {
    color: #0067b3;
    text-decoration: none;
}

.main-was-become-item-date {
    margin-top: 13px;
    margin-bottom: 8px;
    font-size: 0.875em;
}

.main-was-become-container {
    margin-bottom: 20px;
}

.main-was-become-container .main-header-style-container {
    margin-bottom: 46px;
}

.main-was-become-item-text {
    font-size: 0.875em;
}

.main-calendar-events {
    background-color: #0166b3;
    color: #ffffff;
    margin-bottom: 20px;
}

.main-calendar-events .main-header-style-container {
    margin-top: 32px;
    margin-bottom: 10px;
}

.main-calendar-events-filters {
    text-align: center;
}

.main-calendar-events-filters .checkbox {
    display: inline-block;
    margin-right: 32px;
    min-height: 45px;
}

.main-calendar-events-filters .checkbox label::before {
    border-radius: 0;
    border: 2px solid #ffffff;
    background-color: transparent;
    width: 25px;
    height: 25px;
}

.main-calendar-events-filters .checkbox label::after {
    color: #e8b908;
    padding-left: 1px;
    padding-top: 0;
    font-size: 1.063em;
    width: 25px;
    height: 25px;
}

.main-calendar-events-filters .checkbox input[type="checkbox"]:checked + label::before {
    border: 2px solid #e8b908;
}

.main-calendar-events-filters .checkbox label {
    padding-left: 17px;
}

.main-calendar-events-filters input[type="checkbox"] {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.main-calendar-events-date-year svg {
    fill: #ffffff;
    width: 40px;
    height: 40px;
}

.main-calendar-events-date-year {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 15px;
}

.main-calendar-events-date-year > div {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 5px;
    cursor: pointer;
}

.main-calendar-events-date-year-option.active, .main-calendar-events-date-year-option:hover {
    box-shadow: inset 0 -5px 0 0 #e8b809;
}

.main-calendar-events-date-year-option {
    font-size: 1.5em;
}

.main-calendar-events-date-year-next {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.main-calendar-events-date-year-previous, .main-calendar-events-date-year-next {
    height: 40px;
}

.main-calendar-events-date-month {
    background-color: #3182bf;
    text-align: center;
}

.main-calendar-events-date-month-option {
    padding: 22px 12px 16px;
    display: inline-block;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}

.main-calendar-events-date-month-option.active, .main-calendar-events-date-month-option:hover {
    box-shadow: inset 0 -5px 0 0 #e8b809;
}

.main-calendar-events-date-month-option span {
    position: absolute;
    top: 10px;
    right: -8px;
    display: block;
    border-radius: 20px;
    background-color: #e8b809;
    color: #ffffff;
    padding: 0 5px;
    font-size: 12px;
}

.main-calendar-events-date-items {
    padding-top: 36px;
    padding-bottom: 75px;
}

.main-events-item-image img {
    width: 100%;
}

.main-events-item-date {
    padding-top: 32px;
    padding-bottom: 20px;
    font-size: 0.875em;
}

.main-events-item-text {
    font-size: 1em;
}

.main-events-item-link {
    text-decoration: underline;
    font-size: 0.875em;
    margin-top: 20px;
}

.main-calendar-events .main-link-style a {
    color: #ffffff;
    text-decoration: none;
}

.main-calendar-events .main-link-style a:hover, .main-calendar-events .main-link-style a:focus {
    text-decoration: none;
    color: #e8b809;
}

.main-contacts-item {
    margin-top: 8px;
    margin-bottom: 50px;
}

.main-contacts-item-header {
    font-weight: bold;
    font-size: 1.125em;
}

.main-contacts-item-number {
    font-size: 2em;
    font-weight: 300;
    line-height: 2.625em;
    display: block;
    color: #364655;
}

.main-contacts-item-number:hover, .main-contacts-item-number:focus {
    text-decoration: none;
    color: #0067b3;
}

.main-contacts-item-text {
    font-size: 0.75em;
}

.main-slider-down-item {
    text-align: center;
}

.main-slider-down-item img {
    max-width: 100%;
}

.main-slider-down-items {
    position: relative;
}

.owl-prev svg, .owl-next svg {
    width: 40px;
    fill: #cccccc;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 37%;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background-color: transparent;
}

.owl-theme .owl-nav [class*='owl-']:hover svg {
    fill: #9f9f9f;
}

.owl-prev {
    left: -50px;
}

.owl-next {
    right: -50px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.main-slider-down-text {
    font-size: 1.125em;
    font-weight: 300;
    text-align: center;
    margin-top: 8px;
}

.main-slider-down {
    margin-bottom: 64px;
}

.main-contacts {
    margin-bottom: 42px;
}

.infographic-text {
    text-align: center;
    font-size: 1.125em;
    max-width: 360px;
    line-height: 1.5rem;
    margin: auto auto 34px;
}

.main-slider-down-items .owl-carousel .owl-item img {
    display: block;
    width: inherit;
    max-width: 100%;
    max-height: 70px;
    margin: auto;
}

.main-news-item-image {
    position: relative;
    overflow: hidden;
    height: 200px;
}

.main-news-item-image img {
    display: block;
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    right: -100%;
    bottom: 0;
    margin: auto;
}

.main-carousel-container .owl-carousel .owl-item {
    overflow: hidden;
    height: 180px;
}

.main-carousel-container .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: -110%;
    left: 0;
    right: 0;
    bottom: -100%;
    margin: auto;
}

.main-slider-down-items a {
    color: #364655;
}

.main-slider-down-items a:focus, .main-slider-down-items a:hover {
    color: #0166B3;
    text-decoration: none;
}

.events-html-block {
    min-height: 680px;
}

.events-loading-html-block {
    display: none;
    height: 680px;
    padding-top: 200px;
}

.events-loading-html-block img {
    width: 100px;
    height: 100px;
}

.events-loading-html-block.events-loading-html-block-show {
    display: block;
}

.main-events-item-image {
    position: relative;
    overflow: hidden;
    height: 200px;
}

.owl-carousel .owl-item .main-events-item-image img {
    display: block;
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    right: -100%;
    bottom: 0;
    margin: auto;
}

.main-was-become-image-container {
    height: 200px;
    background-color: #e8b908;
}

.main-was-become-image {
    position: relative;
    overflow: hidden;
    height: 200px;
    display: inline-block;
    width: 49.5%;
}

.main-was-become-image img {
    display: block;
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    right: -100%;
    bottom: 0;
    margin: auto;
}

.main-events-item {
    padding: 30px;
    background-color: #277dbe;
    color: #ffffff;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.main-events-item:focus {
    text-decoration: none;
    color: #ffffff;
}

.main-events-item:hover {
    background-color: #ffffff;
    color: #364655;
    text-decoration: none;
}

.cecutient .navbar-brand {
    height: 70px;
    top: 10px;
}

.main-buttons-animation-container {
    border-radius: 50%;
    width: 370px;
    height: 370px;
    color: #ffffff;
    position: relative;
    margin: 122px auto 16px;
    max-width: 100%;
}

.main-buttons-animation-block {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    -webkit-animation: front-round 6s both;
    -moz-animation: front-round 6s both;
    -ms-animation: front-round 6s both;
    -o-animation: front-round 6s both;
    animation: front-round 6s both;
    background-color: #0166b3;
    overflow: hidden;
}

.main-buttons-animation-block-hidden {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: back-round 6s both;
    -moz-animation: back-round 6s both;
    -ms-animation: back-round 6s both;
    -o-animation: back-round 6s both;
    animation: back-round 6s both;
    background-color: #3485c2;
}

.main-buttons-animation-block-main {
    position: relative;
    height: 100%;
    width: 100%;
}

.main-buttons-animation-block-around {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    background-color: rgba(255, 255, 255, 0.2);
}

.main-buttons-animation-block-around-first {
    top: 130px;
    left: -225px;
    -webkit-animation: around-first 10s infinite;
    -moz-animation: around-first 10s infinite;
    -ms-animation: around-first 10s infinite;
    -o-animation: around-first 10s infinite;
    animation: around-first 10s infinite;
}

.main-buttons-animation-block-around-two {
    top: 200px;
    left: 70px;
    -webkit-animation: around-two 15s infinite;
    -moz-animation: around-two 15s infinite;
    -ms-animation: around-two 15s infinite;
    -o-animation: around-two 15s infinite;
    animation: around-two 15s infinite;
}

.main-buttons-animation-block-around-three {
    top: 120px;
    left: 150px;
    -webkit-animation: around-three 25s infinite;
    -moz-animation: around-three 25s infinite;
    -ms-animation: around-three 25s infinite;
    -o-animation: around-three 25s infinite;
    animation: around-three 25s infinite;
}

.main-buttons-animation-block-around-four {
    top: -50px;
    left: 250px;
    -webkit-animation: around-four 20s infinite;
    -moz-animation: around-four 20s infinite;
    -ms-animation: around-four 20s infinite;
    -o-animation: around-four 20s infinite;
    animation: around-four 20s infinite;
}

.main-buttons-animation-block-text {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.main-buttons-animation-block-text-show {
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.main-buttons-infographic .fil1 {
    fill: #0067b3
}

.main-buttons-infographic .fil2 {
    fill: #bb131a
}

.main-buttons-infographic .fil3 {
    fill: #e8b908
}

.main-buttons-infographic .fil7 {
    fill: white
}

.main-buttons-infographic .fil5 {
    fill: #cccccc;
    fill-rule: nonzero
}

.main-buttons-infographic .fil6 {
    fill: white;
    fill-rule: nonzero
}

.main-buttons-infographic [class^="main-buttons-infographic-"] {
    fill: #cccccc;
}

.main-buttons-infographic .main-buttons-infographic-1 {
    -webkit-animation: fill-red 1s both;
    -moz-animation: fill-red 1s both;
    -ms-animation: fill-red 1s both;
    -o-animation: fill-red 1s both;
    animation: fill-red 1s both;
}

.main-buttons-infographic .main-buttons-infographic-2 {
    -webkit-animation: fill-yellow 1s both;
    -moz-animation: fill-yellow 1s both;
    -ms-animation: fill-yellow 1s both;
    -o-animation: fill-yellow 1s both;
    animation: fill-yellow 1s both;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

.main-buttons-infographic .main-buttons-infographic-3 {
    -webkit-animation: fill-blue 1s both;
    -moz-animation: fill-blue 1s both;
    -ms-animation: fill-blue 1s both;
    -o-animation: fill-blue 1s both;
    animation: fill-blue 1s both;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

.main-buttons-infographic .main-buttons-infographic-4 {
    -webkit-animation: fill-red 1s both;
    -moz-animation: fill-red 1s both;
    -ms-animation: fill-red 1s both;
    -o-animation: fill-red 1s both;
    animation: fill-red 1s both;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
}


.main-buttons-infographic .main-buttons-infographic-5 {
    -webkit-animation: fill-yellow 1s both;
    -moz-animation: fill-yellow 1s both;
    -ms-animation: fill-yellow 1s both;
    -o-animation: fill-yellow 1s both;
    animation: fill-yellow 1s both;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -ms-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s;
}

.main-buttons-infographic .main-buttons-infographic-6 {
    -webkit-animation: fill-blue 1s both;
    -moz-animation: fill-blue 1s both;
    -ms-animation: fill-blue 1s both;
    -o-animation: fill-blue 1s both;
    animation: fill-blue 1s both;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -ms-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.main-buttons-infographic .main-buttons-infographic-7 {
    -webkit-animation: fill-red 1s both;
    -moz-animation: fill-red 1s both;
    -ms-animation: fill-red 1s both;
    -o-animation: fill-red 1s both;
    animation: fill-red 1s both;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -ms-animation-delay: 6s;
    -o-animation-delay: 6s;
    animation-delay: 6s;
}

.main-buttons-infographic .main-buttons-infographic-8 {
    animation: fill-yellow 1s both;
    -webkit-animation: fill-yellow 1s both;
    -moz-animation: fill-yellow 1s both;
    -ms-animation: fill-yellow 1s both;
    -o-animation: fill-yellow 1s both;
    animation-delay: 7s;
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    -ms-animation-delay: 7s;
    -o-animation-delay: 7s;
}

@-webkit-keyframes around-first {
    from {
        top: 130px;
        left: -225px;
    }
    50% {
        top: 50px;
        left: -100px;
    }
    to {
        top: 130px;
        left: -225px;
    }
}

@-moz-keyframes around-first {
    from {
        top: 130px;
        left: -225px;
    }
    50% {
        top: 50px;
        left: -100px;
    }
    to {
        top: 130px;
        left: -225px;
    }
}

@-ms-keyframes around-first {
    from {
        top: 130px;
        left: -225px;
    }
    50% {
        top: 50px;
        left: -100px;
    }
    to {
        top: 130px;
        left: -225px;
    }
}

@-o-keyframes around-first {
    from {
        top: 130px;
        left: -225px;
    }
    50% {
        top: 50px;
        left: -100px;
    }
    to {
        top: 130px;
        left: -225px;
    }
}

@keyframes around-first {
    from {
        top: 130px;
        left: -225px;
    }
    50% {
        top: 50px;
        left: -100px;
    }
    to {
        top: 130px;
        left: -225px;
    }
}

@-webkit-keyframes around-two {
    from {
        top: 200px;
        left: 70px;
    }
    50% {
        top: 130px;
        left: -20px;
    }
    to {
        top: 200px;
        left: 70px;
    }
}

@-moz-keyframes around-two {
    from {
        top: 200px;
        left: 70px;
    }
    50% {
        top: 130px;
        left: -20px;
    }
    to {
        top: 200px;
        left: 70px;
    }
}

@-ms-keyframes around-two {
    from {
        top: 200px;
        left: 70px;
    }
    50% {
        top: 130px;
        left: -20px;
    }
    to {
        top: 200px;
        left: 70px;
    }
}

@-o-keyframes around-two {
    from {
        top: 200px;
        left: 70px;
    }
    50% {
        top: 130px;
        left: -20px;
    }
    to {
        top: 200px;
        left: 70px;
    }
}

@keyframes around-two {
    from {
        top: 200px;
        left: 70px;
    }
    50% {
        top: 130px;
        left: -20px;
    }
    to {
        top: 200px;
        left: 70px;
    }
}

@-webkit-keyframes around-three {
    from {
        top: 120px;
        left: 150px;
    }
    50% {
        top: 60px;
        left: 70px;
    }
    to {
        top: 120px;
        left: 150px;
    }
}

@-moz-keyframes around-three {
    from {
        top: 120px;
        left: 150px;
    }
    50% {
        top: 60px;
        left: 70px;
    }
    to {
        top: 120px;
        left: 150px;
    }
}

@-ms-keyframes around-three {
    from {
        top: 120px;
        left: 150px;
    }
    50% {
        top: 60px;
        left: 70px;
    }
    to {
        top: 120px;
        left: 150px;
    }
}

@-o-keyframes around-three {
    from {
        top: 120px;
        left: 150px;
    }
    50% {
        top: 60px;
        left: 70px;
    }
    to {
        top: 120px;
        left: 150px;
    }
}

@keyframes around-three {
    from {
        top: 120px;
        left: 150px;
    }
    50% {
        top: 60px;
        left: 70px;
    }
    to {
        top: 120px;
        left: 150px;
    }
}

@-webkit-keyframes around-four {
    from {
        top: -50px;
        left: 250px;
    }
    50% {
        top: 25px;
        left: 150px;
    }
    to {
        top: -50px;
        left: 250px;
    }
}

@-moz-keyframes around-four {
    from {
        top: -50px;
        left: 250px;
    }
    50% {
        top: 25px;
        left: 150px;
    }
    to {
        top: -50px;
        left: 250px;
    }
}

@-ms-keyframes around-four {
    from {
        top: -50px;
        left: 250px;
    }
    50% {
        top: 25px;
        left: 150px;
    }
    to {
        top: -50px;
        left: 250px;
    }
}

@-o-keyframes around-four {
    from {
        top: -50px;
        left: 250px;
    }
    50% {
        top: 25px;
        left: 150px;
    }
    to {
        top: -50px;
        left: 250px;
    }
}

@keyframes around-four {
    from {
        top: -50px;
        left: 250px;
    }
    50% {
        top: 25px;
        left: 150px;
    }
    to {
        top: -50px;
        left: 250px;
    }
}

@-webkit-keyframes front-round {
    from {
        clip-path: inset(0 80% 0 0);
    }
    50%, to {
        clip-path: inset(0 0% 0 0);
    }
}

@-moz-keyframes front-round {
    from {
        clip-path: inset(0 80% 0 0);
    }
    50%, to {
        clip-path: inset(0 0% 0 0);
    }
}

@-ms-keyframes front-round {
    from {
        clip-path: inset(0 80% 0 0);
    }
    50%, to {
        clip-path: inset(0 0% 0 0);
    }
}

@-o-keyframes front-round {
    from {
        clip-path: inset(0 80% 0 0);
    }
    50%, to {
        clip-path: inset(0 0% 0 0);
    }
}

@keyframes front-round {
    from {
        clip-path: inset(0 80% 0 0);
    }
    50%, to {
        clip-path: inset(0 0% 0 0);
    }
}

@-webkit-keyframes back-round {
    from {
        clip-path: inset(0 0 0 20%);
        transform-origin: 20% 0;
    }
    50%, to {
        clip-path: inset(0 0 0 100%);
        transform-origin: 100% 0;
    }
}

@-moz-keyframes back-round {
    from {
        clip-path: inset(0 0 0 20%);
        transform-origin: 20% 0;
    }
    50%, to {
        clip-path: inset(0 0 0 100%);
        transform-origin: 100% 0;
    }
}

@-ms-keyframes back-round {
    from {
        clip-path: inset(0 0 0 20%);
        transform-origin: 20% 0;
    }
    50%, to {
        clip-path: inset(0 0 0 100%);
        transform-origin: 100% 0;
    }
}

@-o-keyframes back-round {
    from {
        clip-path: inset(0 0 0 20%);
        transform-origin: 20% 0;
    }
    50%, to {
        clip-path: inset(0 0 0 100%);
        transform-origin: 100% 0;
    }
}

@keyframes back-round {
    from {
        clip-path: inset(0 0 0 20%);
        transform-origin: 20% 0;
    }
    50%, to {
        clip-path: inset(0 0 0 100%);
        transform-origin: 100% 0;
    }
}

@-webkit-keyframes fill-blue {
    from {
        fill: #cccccc;
    }
    to {
        fill: #0067b3
    }
}

@-moz-keyframes fill-blue {
    from {
        fill: #cccccc;
    }
    to {
        fill: #0067b3
    }
}

@-ms-keyframes fill-blue {
    from {
        fill: #cccccc;
    }
    to {
        fill: #0067b3
    }
}

@-o-keyframes fill-blue {
    from {
        fill: #cccccc;
    }
    to {
        fill: #0067b3
    }
}

@keyframes fill-blue {
    from {
        fill: #cccccc;
    }
    to {
        fill: #0067b3
    }
}

@-webkit-keyframes fill-red {
    from {
        fill: #cccccc;
    }
    to {
        fill: #bb131a
    }
}

@-moz-keyframes fill-red {
    from {
        fill: #cccccc;
    }
    to {
        fill: #bb131a
    }
}

@-ms-keyframes fill-red {
    from {
        fill: #cccccc;
    }
    to {
        fill: #bb131a
    }
}

@-o-keyframes fill-red {
    from {
        fill: #cccccc;
    }
    to {
        fill: #bb131a
    }
}

@keyframes fill-red {
    from {
        fill: #cccccc;
    }
    to {
        fill: #bb131a
    }
}

@-webkit-keyframes fill-yellow {
    from {
        fill: #cccccc;
    }
    to {
        fill: #e8b908
    }
}

@-moz-keyframes fill-yellow {
    from {
        fill: #cccccc;
    }
    to {
        fill: #e8b908
    }
}

@-ms-keyframes fill-yellow {
    from {
        fill: #cccccc;
    }
    to {
        fill: #e8b908
    }
}

@-o-keyframes fill-yellow {
    from {
        fill: #cccccc;
    }
    to {
        fill: #e8b908
    }
}

@keyframes fill-yellow {
    from {
        fill: #cccccc;
    }
    to {
        fill: #e8b908
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main-buttons-animation-block-hidden {
        display: none !important;
    }

    .main-buttons-infographic .main-buttons-infographic-1, .main-buttons-infographic .main-buttons-infographic-4, .main-buttons-infographic .main-buttons-infographic-7 {
        fill: #bb131a
    }

    .main-buttons-infographic .main-buttons-infographic-2, .main-buttons-infographic .main-buttons-infographic-5, .main-buttons-infographic .main-buttons-infographic-8 {
        fill: #e8b908
    }

    .main-buttons-infographic .main-buttons-infographic-3, .main-buttons-infographic .main-buttons-infographic-6 {
        fill: #0067b3
    }
}

@supports (-ms-ime-align:auto) {
    .main-buttons-animation-block-hidden {
        display: none !important;
    }
}

@supports (-webkit-overflow-scrolling: touch) {
    .main-buttons-animation-block-hidden {
        display: none !important;
    }
}

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    .main-buttons-animation-block-hidden {
        display: none !important;
    }
}

@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance:none) {
        .main-buttons-animation-block-hidden {
            display: none !important;
        }
    }
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        .main-buttons-animation-block-hidden {
            display: none !important;
        }
    }
}

@media screen and (max-width: 992px) {
    .navbar-brand {
        height: 54px;
        top: 2px;
        left: 0;
    }

    .navbar-sticky.navbar-sticky-scroll .navbar-brand {
        height: 54px;
        top: 2px;
        left: 0;
    }

    .main-buttons-animation-block-hidden {
        display: none !important;
    }

    .main-buttons-animation-block {
        -webkit-animation: none;
        -moz-animation: none;
        -ms-animation: none;
        -o-animation: none;
        animation: none;
    }

    .main-accept-reject-item {
        max-width: 100%;
        margin: auto auto 20px 20px;
    }

    .main-accept-reject-text {
        max-width: 100%;
    }

    .main-was-become-image-badge {
        width: 100%;
    }

    .main-link-style {
        margin-top: 0;
    }

    .main-buttons-animation-container {
        margin-top: 0;
    }

    .main-calendar-events-filters {
        text-align: left;
    }

    .main-header-style {
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 400px) {
    .main-buttons-animation-container {
        width: 250px;
        height: 250px;
    }

    .main-buttons-number {
        font-size: 85px;
        line-height: 70px;
        height: 80px;
        margin-top: 20px;
    }

    .main-buttons-button-reject {
        width: 240px;
    }

    .main-buttons-button-reject-header {
        font-size: 0.75em;
    }

    .main-buttons-button-reject-text {
        font-size: 0.625em;
    }

    .main-reject-item-header-text {
        font-size: 1.125em;
    }

    .main-contacts-item-number {
        font-size: 1.5em;
    }
}

.page-wrapper {
    padding-bottom: 0;
}

.main-home-map-block {
    position: relative;
}

.main-home-map-block a {
    display: block;
}

.main-home-map-block img {
    width: 100%;
}

.main-home-map-block a:hover::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.7;
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.main-home-map-block a:hover::after {
    content: 'Перейти на карту';
    display: block;
    width: 100%;
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    position: absolute;
    top: calc(50% - 42px);
    color: rgb(184, 184, 184);
    z-index: 2;
}

@media (max-width: 768px) {
    .main-home-map-block a:hover::after {
        font-size: 16px;
        top: calc(50% - 16px);
    }
}

.sphere-pictures-image {
    height: 200px;
}

.sphere-pictures-image::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(54, 70, 85, 0.5);
}

.sphere-pictures-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.sphere-pictures-container .sphere-pictures-text-container {
    position: absolute;
    top: 110px;
    padding: 10px;
    width: 100%;
    height: 100px;
    -webkit-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
    transition: top 0.5s ease;
}

.sphere-pictures-container:hover .sphere-pictures-text-container, .sphere-pictures-container:focus .sphere-pictures-text-container {
    top: 80px;
}

.sphere-pictures-text {
    margin-bottom: 10px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    line-height: 1;
    text-shadow: 1px 1px 1px black, 0 0 1px black;
}

.sphere-pictures-link {
    display: table;
    width: calc(100% - 20px);
    height: 20px;
    position: absolute;
    bottom: 10px;
}

.sphere-pictures-link a {
    display: table-cell;
    font-size: 0.875rem;
    color: #ffffff;
    text-decoration: underline;
}

.sphere-pictures-link a:hover {
    color: #e8b908;
}

.sphere-pictures-link a:first-child {
    text-align: left;
}

.sphere-pictures-link a:last-child {
    text-align: right;
}