@charset "utf-8"; @media all and (max-width: 1400px) {
    body .center {
        width: 98%;
    }
}

@media all and (max-width: 1300px) {
    body .center {
        width: 99%;
    }

    .cap-top .logo-block .slogan-top, .cap-top .logo-block .slogan-bottom {
        display: none;
    }

    .go-to-pay-block {
        left: 120px;
    }
}

@media all and (max-width: 1024px) {
    .jsplash-inner.cabinet-sign-in-form {
        width: 100%;
    }

    .mobile-cap-cabinet {
        position: absolute;
        left: 50px;
    }
    .projects-last-anonces-list h3 {
        display: inline-block;
    }
    .events-event-calendar h3{
        display: inline-block;
    }
    .events-calendar{
        padding-top: 0px;
    }

    .mobile-cap-cabinet a {
        color: #fff;
        display: block;
        font-size: 30px;
        position: absolute;
        z-index: 2;
        top: 0px;
        left: 6px;
        padding: 7px 6px;
    }

    .mobile-cap-cabinet a.sign-out, .mobile-cap-cabinet a.sign-in {
        left: 50px;
    }

    .mobile-cap-cabinet .label {
    }

    .mobile-cap-cabinet .icon {
        font-size: 30px;
        position: relative;
    }

    .analogue-news-container .news {
        width: 100%;
    }

    .analogue-news-container .news-list .news .news-image img {
        display: block!important;
    }

    .news-list .news-title .news-name {
        font-size: 14px;
        text-transform: none;
    }

    .news-list .news .news-image img {
        display: none!important;
    }

    .news-list .news .news-image .image {
    }

    .news-heading-page .news-list .news {
        display: block;
        width: 100%;
    }

    .news-author, .news-published-date {
        margin: 10px 0;
        display: block;
    }

    .articles-last-anonces-list .show-more-articles a {
        bottom: 0;
        padding: 6px 15px;
        border-radius: 3px;
        margin: 6px auto 15px auto;
        display: block;
    }

    .articles-last-anonces-list .article .article-image {
        box-shadow: none;
        border-radius: 0;
        box-sizing: border-box;
        padding: 0 4px 4px 0;
    }

    .articles-last-anonces-list .article .article-data {
        margin-left: 0;
    }

    .articles-last-anonces-list .article .article-link {
        display: block;
    }

    .articles-last-anonces-list .article .article-anonce {
    }

    .articles .js-socnet-buttons {
        text-align: center;
    }

    .articles .js-socnet-buttons .js-socnet-button {
    }

    .articles-last-anonces-list .heading-name {
        display: block;
        margin: 0 0 16px 0;
        font-size: inherit;
        background: #bb528a;
        color: #FFF;
    }

    .articles-last-anonces-list .heading-name:before {
        display: none;
    }

    .article-author, .article-published-date {
        margin: 9px 0;
        display: block;
        position: relative;
    }

    .article-tags, .article-tags a, .articles .heading-data, .heading-data a {
        font-size: 14px;
        margin: 8px 0;
    }

    .articles-list .article .article-data {
        margin-left: 0;
    }

    .articles-list .article .article-image {
        box-shadow: none;
        box-sizing: border-box;
        padding: 0 4px 4px 0;
    }

    .page-content p a {
        word-break: break-all;
    }

    .request-forms {
        padding: 10px 10px;
    }

    .module-form-container .form-description, .module-form-container .form-name {
        margin: 0;
    }

    .module-form-container .forms-form-handle {
        margin: 0;
        padding: 10px;
    }

    .module-form-container .field {
        margin-left: 0;
    }

    .module-form-container .top-dot {
        display: none;
    }

    .module-form-container {
        padding: 10px;
    }

    .request-forms .request-form.-visible {
        padding: 10px 10px 0 10px;
    }

    body .request-forms input[type='submit'] {
        display: block!important;
        width: 100%;
        border-radius: 6px;
    }

    .request-forms .request-form:before, .request-forms .request-form:after {
        display: none;
    }

    .request-forms .request-block-container {
        display: block;
    }

    .request-forms .request-block.image-block {
        width: auto;
    }

    .request-forms .request-block {
        display: block;
        width: auto;
        padding: 10px 0;
    }

    body img {
        display: block!important;
        width: 100%!important;
        height: auto!important;
        margin: 0!important;
        padding: 0!important;
    }

    h1, h2, h3, h4, h5 {
        text-align: center;
    }

    body .content-block iframe {
        width: 100%;
    }

    .page-title, .main-page .page-title {
        font-size: 22px;
        margin: 20px 0 10px 0;
        background: #fafafa;
    }

    .page-buffer .content {
        top: 30px;
        display: block;
    }

    .page-buffer .page-content {
        margin: 15px 0 0 0;
        padding: 0;
    }

    .page-buffer .content .column {
        display: block;
        padding: 0;
    }

    .center {
        width: 100%;
        max-width: 100%;
    }

    .page-footer {
        height: 750px;
    }

    .page-footer .footer-columns {
        display: block;
        padding: 10px 0 0 0;
    }

    .page-footer .foot-title {
        text-align: center;
    }

    .page-footer .foot-title:before {
        left: 50%;
        margin: 0 0 0 -10px;
    }

    .page-footer .developer {
        position: relative;
        display: block;
        width: 170px;
        height: 100px;
        margin: 40px auto;
    }

    .page-footer .developer:before {
        display: none;
    }

    .page-footer .foot-contact {
        margin: 40px 0;
        text-align: center;
    }

    .page-footer .foot-column {
        display: block;
        width: 100%!important;
        padding: 0;
    }

    .page-footer .foot-map, .page-footer .foot-column.column-4 {
        display: none;
    }

    .page-buffer .page-push {
        height: 110px;
    }

    .page-wrapper {
        margin-bottom: -70px;
    }

    .page-buffer .cap, .page-buffer .content .left-column, .page-buffer .content .right-column, .page-buffer .bread-crumbs-block, .page-footer .footer-top, .page-footer .footer-middle, .top-scroller, .imagesslider {
        display: none;
    }

    .page-wrapper {
        margin-bottom: -70px;
    }

    .page-buffer .mobile-cap {
        position: fixed;
        z-index: 99999;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 50px;
        color: #fff;
        background: #2b3a44;
        box-shadow: 0 4px 11px rgba(78, 78, 78, .27);
    }

    .mobile-cap .menu-trigger {
        font-size: 30px;
        position: absolute;
        z-index: 2;
        top: 4px;
        left: 6px;
        padding: 7px 6px;
    }

    .mobile-cap .logo {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        background: #fff url(/public/img/logo-small.png) no-repeat center center;
        background-size: cover;
        box-shadow: 0 4px 13px -5px rgba(0, 0, 0, .29);
    }

    .mobile-cap .logo-title {
        display: none;
    }

    .mobile-menu-wrapper {
        position: fixed;
        z-index: 99999;
        top: 0;
        left: -100%;
        overflow-y: scroll;
        width: 100%;
        height: 100%;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -ms-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
        opacity: 0;
        border-radius: 0;
        background: black;
    }

    body .mobile-menu-wrapper {
        display: block;
    }

    .mobile-menu-wrapper .mobile-menu-container {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
    }

    body.mobile-menu-opener .mobile-menu-wrapper {
        left: 0;
        opacity: .9;
    }

    .mobile-menu-wrapper ul {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mobile-menu-wrapper ul ul {
        overflow: hidden;
        max-height: 0;
        padding-left: 15px;
        transition: all 1s ease-out;
    }

    .mobile-menu-wrapper ul ul.-visible {
        max-height: 9999px;
    }

    .mobile-menu-wrapper a {
        position: relative;
        display: block;
        padding: 10px 20px 15px 28px;
        text-decoration: none;
        text-transform: capitalize;
        color: #fff;
    }

    .mobile-menu-wrapper a span {
        display: inline-block;
    }

    .mobile-menu-wrapper .icon {
        position: relative;
        top: 3px;
        width: 20px;
        height: 20px;
        margin: 0 10px 0 0;
        background-size: contain;
    }

    .mobile-menu-wrapper .corner {
        position: absolute;
        top: 11px;
        left: 4px;
        transition: all 200ms ease-out;
        transform: rotateZ(-90deg);
        background-size: contain;
    }

    .mobile-menu-wrapper .active {
        font-weight: bold;
        background: #27b399;
    }

    .mobile-menu-opener .main-menu-wrapper {
        left: 0;
        opacity: .9;
    }

    .page-footer .footer-bottom {
        height: 100%;
        background: #309be1;
    }

    .page-footer .footer-copyright {
        position: relative;
        top: 10px;
        left: 0;
        text-align: center;
    }

    .page-footer .footer-developer {
        position: relative;
        top: 20px;
        left: 0;
        text-align: center;
        text-decoration: underline;
    }

    .module-form-container .form-image {
        display: none;
    }

    .projects-last-anonces-list {
        overflow: hidden;
    }

    .projects-last-anonces-list .project-name {
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 4px 0;
        text-transform: none;
    }

    .projects-last-anonces-list .project-heading {
        height: auto;
    }

    .projects-last-anonces-list .project {
        position: relative;
        left: 0!important;
        width: 100%;
        height: auto;
    }

    .projects-last-anonces-list .project .project-data {
        position: relative;
        left: 0!important;
        overflow: visible;
        width: 100%;
        height: auto;
    }

    .projects-last-anonces-list .project .project-image {
        display: none;
    }

    .projects-last-anonces-list .project .project-link {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding: 4px 0;
    }

    .projects-last-anonces-list .project-info {
        position: relative;
        display: block;
        padding: 5px;
        text-align: left;
    }

    .projects-last-anonces-list .project-anonce {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        padding: 5px;
        text-align: right;
        opacity: 1;
        color: #fff;
        background: none;
    }

    .module-form-container .submit-field input {
        display: block;
        width: 100%;
    }

    .news-list-heading {
        display: block;
        text-align: center;
    }

    .news-last-anonces-list .news {
        display: inline-block;
        padding: 7px;
        width: 50%;
        text-align: left;
    }

    .news-last-anonces-list .news .news-link {
    }

    .news-last-anonces-list .news .news-image {
    }

    .news-last-anonces-list .news .news-content {
        height: 130px;
    }

    .news-last-anonces-list .news:last-child:nth-child(odd) {
        width: 100%;
        padding: 0 7px;
    }

    .news-last-anonces-list .news .news-toolbar {
    }

    .news-last-anonces-list .news .show-more, .news-last-anonces-list .news .date {
        font-size: 10px
    }

    .page-footer .socnet-list li {
        display: inline-block;
        width: 25%;
        text-align: center;
    }

    .page-footer .socnet-list a {
        display: inline-block;
    }

    .page-footer .socnet-list span {
        display: none;
    }

    .page-footer .socnet-list .icon {
        display: block;
        margin: 0 auto;
    }

    .events-calendar .calendar-container {
        display: none;
    }

    .events-calendar {
        display: block;
    }

    .last-events-slider .events-slider {
        margin: 0;
    }

    .events-calendar .last-events-slider {
        display: block;
    }

    .last-events-slider .js-simple-slider-btn {
        font-size: 50px;
        top: 0;
        bottom: 0;
        height: 100%;
        margin: 0;
        border-radius: 0;
    }

    .last-events-slider .event-anonce {
        height: 50px;
    }

    .last-events-slider .js-simple-slider-btn:before {
        position: absolute;
        top: 50%;
        margin: -20px 0 0 0;
    }

    .last-events-slider .js-simple-slider-btn-prev {
        left: 0!important;
    }

    .last-events-slider .js-simple-slider-btn-prev:before {
        left: 0;
    }

    .last-events-slider .js-simple-slider-btn-next {
        right: 0!important;
    }

    .last-events-slider .js-simple-slider-btn-next:before {
        right: 0;
    }

    .projects-carousel {
        display: none;
    }

    .project-columns {
    }

    .project-columns .project-column {
    }

    .projects-list-container .project:before {
        display: none;
    }

    .projects-list-container .project {
        margin: 0 0 10px 0;
    }

    .projects-list-container .project-image {
        width: 114px;
    }

    .projects-list-container .project-data {
        margin: 0 0 0 120px;
    }

    .projects-list-container .project-link {
        font-size: 16px;
    }

    .projects-list-container .project-amount-block {
        display: block;
    }

    .projects-list-container .amount-block {
        display: block;
    }

    .projects-list-container .amount-block .amount-word {
        font-size: 13px;
        color: #2d2d2d;
    }

    .projects-list-container .amount-block .amount-word .icon {
        margin-right: 2px;
    }

    .projects-list-container .amount-block .amount {
        font-size: 17px;
        margin: 5px 0 5px 16px;
    }

    .projects-list-container .amount-block .amount:hover {
    }

    .projects-list-container .amount-diff .amount {
    }

    .projects-list-container .amount-block .currency {
    }

    .projects-list-container .pay-btn {
        text-align: center;
    }

    .project-columns .projects-heading-list {
        margin: 10px 0 20px 0;
        text-align: left;
    }

    .project-columns .projects-heading-list li a.active:before {
        bottom: 4px;
        left: 0;
        margin-left: 9px;
    }

    .speakers .speaker {
        box-shadow: none;
    }

    .speakers .speaker-text-block {
        display: block;
        padding: 0;
    }

    .speakers .speaker-photo-block {
        display: block;
        width: 100%;
        height: 200px;
    }

    .speakers .speaker-photo {
        background-size: cover;
    }

    .speakers .speaker-name {
        text-align: center;
    }

    .speakers .speaker-post {
    }

    .speakers .speaker-description {
    }

    .help-module-container .variant-tab-controls .controll-text {
        font-size: 12px;
    }

    .help-module-container .variant-tab-controls {
    }

    .help-module-container .variant-tab-controls .tab-control {
        width: 50%;
        margin: 0;
        padding: 0;
    }

    .help-module-container .help-variant-tab {
    }

    .help-module-container .help-variant-tab.active {
        padding: 10px;
    }

    .help-form-title {
        display: none;
    }

    .help-container .form-image {
        display: none;
    }

    .help-container .cost-list .other-cost-input.-visible {
        width: 100%;
    }

    .help-container .help-form-wrapper {
        padding: 10px;
    }

    .help-container .help-form-container {
        display: block;
    }

    .help-container .cost-list .cost {
        font-size: 12px;
        display: inline-block;
        overflow: hidden;
        width: 48%;
        margin: 4px 1%;
        vertical-align: top;
        white-space: nowrap;
        box-sizing: border-box;
        text-overflow: ellipsis;
    }

    .help-container .form-left-side {
        display: block;
        width: 100%;
        min-width: 0;
        padding: 0;
    }

    .help-container .form-right-side {
        display: block;
        width: 100%;
    }

    .help-container .tab-block {
    }

    .help-container .tab-block .tab {
        overflow: hidden;
        width: 50%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .help-container .submit-btn {
        display: block;
        width: 100%;
        border-radius: 4px;
    }

    .cabinet table.payers-list, .cabinet table.payers-list thead, .cabinet table.payers-list tbody, .cabinet table.payers-list th, .cabinet table.payers-list td, .cabinet table.payers-list tr {
        display: block;
        border: 0;
    }

    .cabinet table.payers-list thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .cabinet table.payers-list tr {
        border: 1px solid #ccc;
    }

    .cabinet table.payers-list td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .cabinet table.payers-list td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .cabinet table.payers-list td:nth-of-type(1):before {
        content: "Дата платежа";
    }

    .cabinet table.payers-list td:nth-of-type(2):before {
        content: "Сумма платежа (руб)";
    }

    .cabinet table.payers-list td:nth-of-type(3):before {
        content: "Статус платежа";
    }

    .cabinet table.payers-list td:nth-of-type(4):before {
        content: "Тип платежа";
    }

    .cabinet .payers-list .pay-type {
        width: auto;
    }

    .cabinet .payers-list .stop-recurring {
        display: block;
        margin: 10px 0 0 0;
        text-align: center;
    }

    .jsplash-wrapper {
        left: 5px!important;
        right: 5px!important;
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .cabinet .wrapper {
        display: block;
        text-align: center;
    }

    .cabinet .wrapper .payers-container {
        padding: 0;
        display: block;
        width: auto;
    }

    .cabinet .wrapper .payers-container .year, .cabinet .wrapper .other-payers-container .year {
        left: 0;
        margin: 30px 0;
    }

    .cabinet .wrapper .payers-container:before {
        display: none
    }

    .cabinet .wrapper .other-payers-container {
        padding: 0;
    }
}