@charset "utf-8";

/* ================================== Responsive Styles ================================== */

/* ================================== Min Width 768px ================================== */

@media (min-width: 768px) {

    .col-sm-2-5 {
        width: 20%;
    }

    .pn_indexblock_txt ul li a small {
        display: none;
    }

    .pn_middle {

    }

    .pn_bannerline h2 {
        font-size: 55px;
        margin-bottom: 50px;
    }

    .pn_srchform .pn_formline [class*="col-"]:first-child {
        padding-right: 0;
    }

    .pn_srchform .pn_formline [class*="col-"] + [class*="col-"] {
        padding-left: 0;
    }


    .tt_footul + .tt_footul {
        display: none;
    }

    .pn_cop.sm small + span {
        display: none;
    }
}

/* ================================== Min Width 992px ================================== */


@media (min-width: 992px) {
    .pn_middle {
        /* padding-top: 55px; */
    }

    .pn_bannerline {
        padding: 100px 0;
    }

    .pn_bannerline h2 {
        font-size: 52px;
        margin-bottom: 25px;
    }

    .pn_bannerline h3 {
        font-size: 60px;
        margin-bottom: 35px;
    }

    .pn_bantxtitem {
    }

    .pn_bantxt [class*="col-"] + [class*="col-"]:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 1px;
        height: 50%;
        background: #d0d4dc;
    }

    .pn_bantxtzg {
    }

    .pn_bantxtitem i {
        display: inline-block;
        vertical-align: top;
        margin-right: 25px;
        margin-bottom: 0;
    }

    #modal-cpv .dc_modal_over {
        width: 900px;
    }
}

/* ================================== Min Width 1099px ================================== */
@media (min-width: 1099px) {
    .btn_toggle {
        display: none;
    }
}

/* ================================== Min Width 1299px ================================== */

@media (min-width: 1200px) {
    .tt_footbl.menu.hidden-md {
    }
}


/* ================================== Min Width 1299px ================================== */

@media (min-width: 1299px) {
    .pn_menu {
        width: 17%;
    }

    .pn_menu + .pn_body {
        padding-left: 17%;
    }

    .pn_menu + .pn_body .container {
        width: 1050px;
    }
}


/* ================================== Min Width 1399px ================================== */

@media (min-width: 1399px) {
    .pn_menu {
        width: 14%;
    }

    .pn_menu + .pn_body {
        padding-left: 14%;
    }

    .pn_menu + .pn_body .container {
        width: 1100px;
    }

    .pn_indexblockrow {

    }

    .pn_indexblockrow [class*="col-"] {

    }
}


/* ================================== Min Width 1499px ================================== */

@media (min-width: 1499px) {
    .pn_menu {
        width: 13%;
    }

    .pn_menu + .pn_body {
        padding-left: 13%;
    }

    .pn_menu + .pn_body .container {
        width: 1190px;
    }
}


/* ================================== Max Width 1399px ================================== */

@media (max-width: 1399px) {
    .pn_rgform .pn_linehead h2 {
        font-size: 45px;
    }

    .btn.red.bg + a {

    }

    .pn_indexblock img {
    }

    .pn_indexblock_txt ul {
        width: 100%;
    }

    .owl-theme .owl-controls .owl-buttons .owl-prev,
    .owl-theme .owl-controls .owl-buttons .owl-next {
        display: none;
    }
}


/* ================================== Max Width 1298px ================================== */

@media (max-width: 1298px) {
    .pn_menu {
        width: 16%;
    }

    .pn_menu + .pn_body {
        padding-left: 16%;
    }

    .pn_menu + .pn_body .container {
        width: 1000px;
    }

    .pn_rgform .pn_linehead h2 {
        /* text-align: center; */
    }

    .pn_indexblock .pn_img img {
        height: 250px;
    }
}


/* ================================== Max Width 1198px ================================== */

@media (max-width: 1198px) {
    .pn_menu {
        width: 18%;
    }

    .pn_menu + .pn_body {
        padding-left: 18%;
    }

    .pn_menu + .pn_body .container {
        width: 885px;
    }


    .pn_logo {
        margin-right: 10px;
    }

    .pn_navlist > li > a {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pn_indcont {
        text-align: center;
        margin-top: 5px;
    }

    .pn_indimg img {
        position: relative;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        max-width: inherit;
        border-radius: 7px;
        box-shadow: 19px 15px 0px rgba(0, 0, 0, 0.15);
    }

    .pn_indimg {
        margin-bottom: 13px;
    }


    .pn_footbord {
        text-align: center;
        padding-top: 20px;
    }

    .pn_soc span {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .pn_soc,
    .pn_cop {
        text-align: center;
    }

    .pn_footbord.sm {
        text-align: left
    }

    .pn_footbord.sm .pn_soc,
    .pn_footbord.sm .pn_cop {
        text-align: left;
    }

    .tt_soclist.mb0 {
        margin-bottom: 20px;
    }

    .btn.red.bg + a + a {
        display: block;
    }
}


/* ================================== Max Width 1098px ================================== */

@media (max-width: 1098px) {
    .pn_menu {
        width: 265px;
        left: -265px;
    }

    .pn_menu.drop {

    }

    .pn_menu.cur {
        position: absolute;

    }

    .pn_menu + .pn_body {
        padding-left: 0;
    }

    .pn_menu.drop + .pn_body {
        transform: translateX(265px);
    }

    .pn_menu + .pn_body .container {
        width: 970px;
    }

    .pn_navbar {
        display: none;
    }

    .pn_logo {
        margin-right: 25px;
    }

    .pn_navlist > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* ================================== Max Width 991 px ================================== */

@media (max-width: 991px) {
    .container {
        width: 750px !important;
    }

    .pn_logo {
        margin-right: 0px;
    }


    .btn_toggle {
        display: inline-block !important;
        /* width: 70px; */
        /* height: 25px; */
        margin-right: 34px;
    }

    .btn_toggle span {
        /* width: 30px; */
    }


    .pn_header {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 42px;
    }

    .pn_header.noshad {
        margin-bottom: 9px;
    }

    .pn_index_line .pn_linehead {
        margin-bottom: 29px;
    }

    .pn_indexblock {

        margin-bottom: 19px;
    }


    .pn_index_line .pn_linehead h2 {
        font-size: 40px;
        line-height: 50px
    }

    .pn_indevents.event .pn_linehead,
    .pn_indevents.news .pn_linehead,
    .pn_indevents.actions .pn_linehead {

        margin-bottom: 28px;
    }

    .pn_indevents.event .pn_linehead h3,
    .pn_indevents.news .pn_linehead h3,
    .pn_indevents.actions .pn_linehead h3 {

        font-size: 31px;
    }

    .pn_indevents.event {
        margin-bottom: 55px;
    }

    .pn_indevents.news {

        margin-bottom: 57px;

    }

    .pn_indeventblock {
        margin-bottom: 15px;
    }

    .pn_toplist li:nth-last-child(2) {
        border-left-width: 0;
    }

    .pn_toplist li {
        padding: 5px 15px;
        text-align: center;
        width: 49%;
    }

    .pn_toplist li .btn {
        padding: 5px 15px;
    }

    .pn_rgform .btn {
        display: block;
        width: 100%;
        margin-bottom: 25px;
    }

    .btn.red.bg + a {
        margin: 0;
    }

    .pn_indexblock .pn_img {

        height: 250px;

        overflow: hidden;
    }

    .pn_indexblock_txt {

        padding: 29px 32px;
    }

    .pn_indexblock img {
        height: 255px;
    }

    .pn_indexblock_txt ul {
        font-size: 15px;
        line-height: 20px;
        bottom: 26px;
    }

    .pn_indexblock_txt ul li {
        margin-bottom: 11px;
    }

    .pn_index_line {
        margin-bottom: 12px;
    }

    .pn_rev {
        display: none;
    }

    .pn_indmapblock h3 {
        font-size: 26px;
        line-height: 40px;
    }

    .pn_indmapblock p {

        font-size: 13px;

        line-height: 20px; /* Text style for "Новая форм" */

        letter-spacing: -0.03px;

        margin-bottom: 10px;
    }

    .pn_indmaps {

        margin-bottom: 33px;
    }

    .pn_indmapblock {
        padding: 25px 30px;
    }

    .pn_indmapblock .btn {
        display: none;
    }

    .pn_alls {
        margin-top: 25px;
        margin-bottom: 49px;
    }

    .pn_alls .btn {
        display: block;
    }

    .pn_footer .pn_logo {
        margin-right: 0px;
        margin-bottom: 25px;
    }

    .pn_mailrss h3 {

        float: left;
    }

    .pn_mailrss h3 br {
        display: none
    }

    .pn_mailrss p {

        float: left;

        margin-bottom: 0;

        max-width: 370px;
    }

    .pn_mailrss p br {
        display: none;
    }

    .pn_mailrss .btn {
        float: right;
        width: auto;
        margin-top: -37px;
        padding: 13px 24px;
        margin-right: 16px;
    }

    .pn_mess {

        top: 25%;
    }

    .pn_fav {

        top: 35%;
    }


    .pn_rgform .pn_linehead h2 {
        font-size: 41px;
        line-height: 53px;
        text-align: center;
    }

    .pn_rgform .pn_linehead {
        padding: 0;
        margin-bottom: 29px;
    }


    .pn_indimg img {
        position: relative;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        max-width: inherit;
        border-radius: 7px;
        box-shadow: 19px 15px 0px rgba(0, 0, 0, 0.15);
    }


    .pn_indcont,
    .pn_indcont.reg {

        margin-bottom: 0px;
    }


    .pn_soc span,
    .pn_footcopyright small {
        font-size: 15px;
    }

    .pn_indnewsblock .pn_date {
        color: #d12e26;
        margin-bottom: 12px;
    }

    .pn_moresmb a {
        text-decoration: none;
        position: relative;
    }

    .pn_moresmb a span {
        text-decoration: none;
        border-bottom: 1px dotted;
        position: relative;
        display: inline-block;
        vertical-align: text-bottom;
        line-height: 18px;

    }

    .pn_moresmb a:after {
        content: "\e902";
        font-family: 'icomoon' !important;
        transition: transform 0.25s linear;
        position: absolute;
        right: -15px;
        top: -2px;
        width: 10px;
        text-align: center;
        left: auto;
        font-size: 9px;
        color: #767676;
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .pn_moresmb.current a:after {
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(-180deg);
    }


    body.over {
        overflow: hidden;

    }

    .pn_indnewsblock {

        padding: 25px 20px 18px 29px;

        margin-bottom: 7px;
    }

    .pn_indnewsblock h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .pn_hidenews h4 {
        display: none

    }

    .pn_indnewsblock p {
        margin-bottom: 22px;
    }

    .pn_owlslide {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 55PX;
    }

    .pn_owlslide .owl-item .item {

        padding-left: 15px;

        padding-right: 15px;
    }


    .pn_actionlnk .pn_tags {

    }

    .pn_actionlnk h3 {

        margin-top: 2px;

        font-size: 17px;

        line-height: 23px;

        margin-bottom: 5px;
    }

    .pn_actionlnk h3 br {
        display: none;
    }


    .pn_actionlnk .pn_dates {
        font-size: 13px;
        letter-spacing: -0.06px;
    }

    .pn_actionlnk .pn_imgs {

    }

    .pn_actionlnk.full .pn_actiontxt {
        height: 60%;
    }

    .pn_indevents.actions {
        margin-bottom: 0;
    }

}

/* ================================== Max Width 767px ================================== */

@media (max-width: 767px) {

    .container {
        width: 100% !important;
    }


    .pn_sidemenu > li > a {
        padding: 18px 21px 19px;
    }

    .pn_header,
    .pn_header .container {
        padding: 0;
    }

    .pn_header.noshad .container {
        padding: 10px 15px;
    }
    .login .pn_rgform .pn_linehead {
        margin-bottom: 0;
    }

    .pn_rgform .pn_linehead h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .pn_btns {
        display: none;
    }

    .pn_toplist {
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
    }

    .pn_toplist a,
    .pn_toplist a:first-child {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        line-height: 1;
        padding: 20px 19px;
        color: rgba(0, 0, 0, 0.4);
        text-decoration: none;
    }

    .pn_toplist a i {
        font-size: 20px;
        margin-right: 0;
    }

    .btn_toggle {
        margin-left: 15px;
        margin-right: 15px;
    }

    .pn_toplist a:first-child {
        border-right: 1px solid rgba(0, 0, 0, 0.15);
    }

    .pn_toplist a,
    .pn_toplist a:first-child {
        color: #767676;
    }

    .pn_toplist a span {
        display: none;
    }

    .pn_index_line .pn_linehead h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .pn_hidenews h4 {
        display: block;
    }

    .pn_linehead.ind {

    }

    .pn_btns .btn.red {
        padding: 10px 25px;
    }

    .pn_btns a:not([class]) {
        padding: 10px 15px;
        margin-right: 10px;
    }

    .pn_indcont {
        margin-bottom: 30px;
        margin-top: 15px;
        text-align: center;
    }

    .pn_rgform {
        padding-top: 0;
    }


    .pn_indimg {
        margin-bottom: 45px;
    }

    .pn_cop,
    .pn_soc,
    .pn_footbord.sm {
        text-align: center !important;
    }

    .tt_soclist {
        display: block;
        margin-top: 15px !important;
        margin-bottom: 20px !important;
    }

    .pn_indexblock .pn_img {
        height: 125px;
    }

    .pn_indexblock_txt .pn_plash {
        margin-left: 15px;
    }

    .pn_indexblock_txt {

        position: relative;

        top: -127px;

        padding-left: 0;

        padding-right: 0;

        margin-bottom: -156px;
    }

    .pn_indexblock_txt h3 {
        font-size: 22px;
        font-weight: 700;
        line-height: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .pn_indexblock_txt ul {
        background: #fff;
        display: block;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        border-radius: 0 0 4px 4px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        background-color: #ffffff;
        font-size: 13px;
        line-height: 15px;
        position: relative;
        top: 0;
        left: 0;
    }

    .pn_indexblock_txt ul li {
        display: block;
        width: 100%;
        margin-bottom: 0;
    }

    .pn_indexblock_txt ul li a {
        color: #4aa7ab;
        display: block;
        padding: 15px 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

    .pn_indexblock_txt ul li a span {
        float: left;
    }

    .pn_indexblock_txt ul li a small {
        float: right;
    }

    .pn_indexblock_txt ul li a:before,
    .pn_indexblock_txt ul li a:after {
        content: '';
        display: table;
    }

    .pn_indexblock_txt ul li a:after {
        clear: both;
    }

    .pn_indexblock_txt ul li:last-child a {
        border-bottom: 1px solid transparent !important
    }

    .pn_indmaps {
        display: none;
    }

    .pn_indevents .pn_linehead h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .pn_index_line {
        margin-bottom: 0;
    }

    .pn_linehead {
        margin-bottom: 25px;
        padding-right: 10px;
    }

    .pn_index_line .pn_linehead br {
        display: none
    }

    .pn_indeventblock {
        padding: 15px;
    }

    .pn_indeventblock .pn_date {

        color: #d12e26;

        font-size: 13px;

        font-weight: 600;

        text-transform: uppercase; /* Text style for "07.02.18" */

        letter-spacing: 0.43px;
    }

    .pn_indeventblock h3 {

        /* Text style for "10:30 — Об" */

        letter-spacing: -0.04px;

        font-size: 15px;

        font-weight: 700;

        line-height: 20px;
    }


    .pn_alls {
        margin-top: 5px;
        margin-bottom: 25px;
    }


    .pn_alls .btn {
        display: block;
    }


    .pn_mailrss {
        padding: 15px;
    }

    .pn_mailrss h3 {

        font-size: 13px;

        font-weight: 700;

        line-height: 20px;

        float: none;
    }

    .pn_mailrss p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px;
        float: none;
    }

    .pn_mailrss .btn {
        float: none;
        width: 100%;
        margin-top: 0;
    }

    .pn_indevents {

        margin-bottom: 30px;
    }

    .pn_indnewsblock {
        padding: 15px 10px;
    }

    .pn_indnewsblock .pn_date {

        color: #d12e26;

        font-size: 13px;

        font-weight: 600;

        text-transform: uppercase; /* Text style for "21.02.2018" */

        letter-spacing: 0.43px;
    }

    .pn_indnewsblock h3 {
        color: #212121;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.04px;
    }

    .pn_indnewsblock p {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: -0.03px;
        margin-bottom: 12px;
    }

    .pn_moresmb {
        text-align: center;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 11px;
        margin-top: 15px;
    }

    .pn_moresmb a {
        color: #4aa7ab;
        font-size: 13px;
        line-height: 20px;
        /* Text style for "Читать пол" */
        letter-spacing: -0.03px;
        text-decoration: none;
        position: relative;
        border-bottom: 1px dotted #4aa7ab;
    }

    .pn_moresmb a:after {
        content: "\e902";
        font-family: 'icomoon' !important;
        transition: transform 0.25s linear;
        position: absolute;
        color: #767676;
        right: -15px;
        top: -3px;
        bottom: 0;
        margin: auto;
        width: 10px;
        text-align: center;
        height: 14px;
        left: auto;
        font-size: 9px;
    }

    .pn_moresmb a.current:after {
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        top: auto;
        bottom: -2px;
    }

    .pn_files {

        margin-bottom: 10px;
    }

    .pn_actionlnk.full .pn_actiontxt {

        height: 70%;

        width: 90%;
    }

    .pn_actionlnk.full .pn_actiontxt h3 {
        font-size: 16px;
    }

    .pn_actionlnk.full .pn_actiontxt h3 br {
        display: none;
    }


    .pn_footer .pn_logo {
        margin-right: 0px;
        margin-bottom: 25px;
    }

    .tt_footbl {
        text-align: center;
    }


    .tt_footul {
        margin-bottom: 40px;
    }

    .tt_footbl.menu {
        text-align: left;
    }

    .tt_footbl.menu:first-of-type .tt_footul:first-of-type {

        margin-bottom: 0;
    }

    .pn_indevents.event .pn_linehead h3,
    .pn_indevents.news .pn_linehead h3,
    .pn_indevents.actions .pn_linehead h3 {
        font-size: 22px;
    }

    .form-horizontal h6 {
        font-size: 13px;
        margin-bottom: 20px;
        margin-top: 20px;
        letter-spacing: -.3px;
    }

    .tt_footbl p {
        font-size: 12px;
    }

    .pn_cop.sm span {
        display: none;
    }

    .pn_cop.sm small + span {
        display: block;
        color: #212121;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: -0.04px;
    }


    .pn_middle {
        padding-bottom: 130px;
    }
    .login .form-group {
        margin-bottom: 15px;
    }
    .pn_login-button-bottom {
        font-size: 13px;
    }
    .pn_login-button-bottom [class*="col-"] {
        float: left;
        display: block;
        white-space: nowrap;
    }
    .pn_login-button-bottom a {
        color: #D12E26;
        text-decoration: none;
    }
    .login a.login_forget_pass_btn {
        color: #212121;
        font-size: 13px;
    }
    .pn_rgform .btn {
        margin-bottom: 0;
    }
    .pn_soc span, .pn_footcopyright small {
        font-size: 13px;
        line-height: 16px;
        color: #DADADA;
    }

    .pn_footer {
        margin-top: -166px;
    }

    .login.reg #reg_mob {
        margin-top: 15px;
    }
    .login .dc_formline.btns {
        margin-top: 0;
    }

    .login .dc_formline.btns .btn.red.bg + a {
        margin-top: 15px;
        color: #D12E26;
        text-decoration: none;
        font-size: 13px;
    }
}

@media (max-width: 485px) {
    .pn_btns a:not([class]) {
        padding: 10px 5px;
        margin-right: 7px;
        font-size: 10px;
    }

    .pn_btns .btn.red {
        font-size: 10px;
        padding: 10px 20px;
    }


    .pn_header .btn_toggle .pn_logo {
        margin-left: -10px;
    }
    .pn_rgform .pn_linehead h2 {
        padding: 0;
        font-size: 22px;
        line-height: 25px;
        text-align: center;
    }

}