@charset "UTF-8";
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

abbr, fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: 400
}

li, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

legend {
    color: #000
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

img {
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none
}

header {
    position: relative
}

header .logo-block__container {
    /*margin-top: .5rem; */
    margin-bottom: .5rem
}

header .logo-block__container .logo .logotype {
    position: absolute;
    top: 0.3em;
    z-index: 5;
    max-width: 220px;
    min-width: 150px;

}

header .logo-block p {
    text-align: center;
    font-size: 1.8rem;
    color: #65b4d2;
    font-family: Franklin Gothic;
    text-shadow: 1px 1px 2px #000;
    line-height: 1.2;
    text-transform: uppercase
}

header .logo-block p span {
    font-size: 2.8rem;
    font-weight: 400;
    color: #102350;
    text-shadow: 2px 2px 3px #fff
}

.slider-top__container {
    border: 1px solid #000
}

.bx-wrapper_1 .bx-caption span {
    color: #fff;
    font-weight: 700;
    font-family: Segoe Script;
    display: block;
    font-size: 1.2rem;
    padding: 10px
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #000
}

.bx-wrapper .bx-controls-auto, .bx-wrapper_1 .bx-pager {
    width: 150px;
    right: 0;
    top: 90%
}

.bx-wrapper_1 .bx-wrapper {
    position: relative;
    margin-bottom: 0
}

.menu_block {
    margin-top: 10px
}

.menu_block__container .menu > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.menu_block__container .menu > ul li a {
    display: block;
    background: #60A0DB;  
     /* background:##3d3d3d; фон кнопок меню --новый */  
    padding: .8rem .1em .8rem .1em;
    font-size: .72rem;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.menu_block__container .menu > ul li {
    position: relative;
    border-right: 1px solid #c7c8ca;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100px;
    -ms-flex: 1 1 100px;
    flex: 1 1 100px;
    text-align: center;
    z-index: 1
}

.menu_block__container .menu > ul li > a i.fa {
    position: absolute;
    top: 15px;
    left: 12px;
    font-size: 18px
}

.menu_block__container .menu > ul li:first-child {
    border-left: 1px solid #c7c8ca
}

.menu_block__container .menu > ul li:last-child {
    border-left: 1px solid #c7c8ca
}

.menu_block__container .menu li a:hover, .menu_block__container .menu li.active {
    background: #465397;   
   /* background:#00ff45;  /* цвет при новедении на пункт старый */
    
    color: white;
    -webkit-box-shadow: 1px 5px 10px -5px #000;
    box-shadow: 1px 5px 10px -5px #000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 10px
}

 


.current>a.active {
   background: #465397 !important;
    color: #fff !important; 
    
   /*  background:#00ff45 !important;
    color: #fff !important; - новый цвет */
    font-weight: bold;
    
} 

.menu_block__container .menu li ul {
    position: absolute;
    display: none
}

.menu_block__container .menu li > ul li {
    border: 1px solid #c7c8ca
}

.menu_block__container .menu li > ul li a {
    padding: .8rem .8rem;
    text-align: left
}

.menu_block__container .menu li > ul li a:hover {
    padding-left: 1.5rem
}

.menu_block__container .about-centr > ul li ul {
    position: absolute;
    left: 100%;
    top: 0
}

.menu_block__container .teams > ul li ul {
    position: absolute;
    left: 100%;
    top: 0
}

.menu_block__container .our-projects > ul li ul {
    position: absolute;
    left: 100%;
    top: 0
}

.menu_block__container .menu li:hover > ul {
    display: block
}

.menu_block__container .menu__list::after {
    content: "";
    position: absolute;
    border: 5px solid;
    border-color: #fff transparent transparent transparent;
    top: 60%;
    margin: 6px 0 0 -10px;
    -webkit-transition: .3s;
    transition: .3s
}

.menu_block__container .menu__list:hover::after {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    border-color: transparent transparent #fff transparent
}

.menu_block__container .menu__list-2::after {
    content: "";
    position: absolute;
    border: 5px solid;
    border-color: transparent transparent transparent #fff;
    top: 1em;
    right: .7em;
    -webkit-transition: .3s;
    transition: .3s
}

.menu_block__container .menu__list-2:hover::after {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.menu_block__container .about-centr ul {
    width: 280px
}

.menu_block__container .structura li {
    width: 380px
}

.menu_block__container .teams ul {
    width: 380px
}

.menu_block__container .our-projects ul {
    width: 440px
}

.menu_block__container .our-projects ul > li ul {
    width: 100px
}

.menu_block__container .halihalo li, .menu_block__container .kidscouture li, .menu_block__container .miss li, .menu_block__container .monista li, .menu_block__container .roditeli li {
    width: 170px
}

.menu_block__container .roditeli li {
    position: absolute;
    left: -145%
}

.menu_block__container .halihalo li, .menu_block__container .kidscouture li, .menu_block__container .miss li, .menu_block__container .monista li {
    position: absolute;
    left: -611%
}

.menu_block__container .afisha-menu li, .menu_block__container .multimedia li, .menu_block__container .news-menu li, .menu_block__container .services-menu li {
    width: 200px
}

.menu_block__container .info-project {
    font-size: .7rem;
    padding-left: .5em;
    vertical-align: middle
}

#menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	z-index: 1;
}

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: .438em .625em .438em .625em;
    line-height: 1.125em;
    cursor: pointer
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: .188em
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left
}

.slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: .875em;
    margin: .188em 0 0 .438em
}

.slicknav_menu .slicknav_icon:before {
    background: 0 0;
    width: 1.125em;
    height: .875em;
    display: block;
    content: "";
    position: absolute
}

.slicknav_menu .slicknav_no-text {
    margin: 0
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: .125em;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}

.slicknav_menu:before {
    content: " ";
    display: table
}

.slicknav_menu:after {
    content: " ";
    display: table;
    clear: both
}

.slicknav_nav {
    clear: both
}

.slicknav_nav ul {
    display: block
}

.slicknav_nav li {
    display: block
}

.slicknav_nav .slicknav_arrow {
    font-size: .8em;
    margin: 0 0 0 .4em
}

.slicknav_nav .slicknav_item {
    cursor: pointer
}

.slicknav_nav .slicknav_item a {
    display: inline
}

.slicknav_nav .slicknav_row {
    display: block
}

.slicknav_nav a {
    display: block
}

.slicknav_nav .slicknav_parent-link a {
    display: inline
}

.slicknav_brand {
    float: left
}

.slicknav_menu {
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #3d3d3d;
    padding: 5px
}

.slicknav_menu * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 3px #000
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #fff
}

.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    border-radius: 4px;
    background-color: #222
}

.slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: .875em;
    list-style: none;
    overflow: hidden
}

.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px
}

.slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px
}

.slicknav_nav .slicknav_row focus, .slicknav_nav .slicknav_row:hover {
    border-radius: 6px;
    background: #00ff45;
    color: #fff
}

.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff
}

.slicknav_nav a focus, .slicknav_nav a:hover {
    border-radius: 6px;
    background: #00ff45;
    color: #000
}

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px
}

.slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0
}

.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0
}

.slicknav_brand {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 44px
}

.slicknav_menu {
    display: none
}

.hamburger {
    display: none
}

.mmenu {
    display: none
}

.left-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    
     width: -webkit-calc(21.66667% - 20px);
    width: calc(21.66667% - 20px);
    
    /* width: -webkit-calc(16.66667% - 20px);
    width: calc(16.66667% - 20px); */
    /* background-color: azure; */
    margin-top: 10px;
    border: 1px solid #000
}

.left-block__container .block-afish {
    padding: 0 10px;
    margin-bottom: 10px
}

.left-block__container .block-afish .afisha-wrapper {
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #000;
    padding: 10px
}

.left-block__container .block-afish .afisha-wrapper .afisha-title {
    padding: 5px;
    font-size: .8rem;
    background-color: rgba(226, 255, 0, .5);
    text-align: center;
    font-weight: 700;
    font-family: roboto, sans-serif;
    border: 1px solid #000
}

.left-block__container .block-afish .afisha-wrapper .afisha-name {
    font-size: .8rem;
    text-align: center;
    font-family: roboto, sans-serif
}

.left-block__container .block-afish .afisha-wrapper .afisha-img {
    border: 1px solid #000
}

.left-block__container .block-afish .afisha-wrapper:hover {
    background: #d1d1d1
}

.left-block__container h3 {
    text-align: center;
    font-size: .8rem;
    font-family: roboto, sans-serif;
    line-height: 1;
    margin-top: 10px;
    font-weight: 700
}

.right-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    /* изменил 
    width: -webkit-calc(16.66667% - 20px);
    width: calc(16.66667% - 20px); */
    width: -webkit-calc(24.66667% - 20px);
    width: calc(24.66667% - 20px);
    
   /* background-color: azure;  */
    margin-top: 10px;
    border: 1px solid #000
}

.right-block__container .block-projects {
    padding: 0 5px
}

.right-block__container .block-projects .project-wrapper {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #000;
    padding: 10px
}

.right-block__container .block-projects .project-wrapper .sidebar-right__widjet #vk_groups, .right-block__container .block-projects .project-wrapper .sidebar-right__widjet #vk_groups iframe {
    width: 100% !important
}

.right-block__container .block-projects .project-wrapper .sidebar-right__widjet h6 {
    text-align: center;
    font-size: .8rem;
    font-family: roboto, sans-serif;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 700
}

.right-block__container .block-projects .project-wrapper:hover {
    background: #d1d1d1
}

.right-block__container h3 {
    text-align: center;
    font-size: .8rem;
    font-family: roboto, sans-serif;
    line-height: 1;
    font-weight: 700;
    padding: 10px
}

.right-block__container .button {
    display: block;
    webkit-animation: rainbow 2s step-end 2s infinite;
    -webkit-animation: rainbow 2s step-end 2s infinite;
    animation: rainbow 2s step-end 2s infinite;
    text-align: center;
    text-decoration: none;
    padding: 5px 5px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #e6e6e6;
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 10px;
    margin: 0 10px
}

@-webkit-keyframes rainbow {
    0% {
        background: red
    }
    50% {
        background: #fff500
    }
    100% {
        background: #ff0
    }
}

@keyframes rainbow {
    0% {
        background: red
    }
    50% {
        background: #fff500;
        color: #000
    }
    100% {
        background: #ff0
    }
}

.right-block__container .button:hover {
    background-color: red;
    color: #fff;
    webkit-animation: none;
    -webkit-animation: none;
    animation: none
}

#main > div {
    width: 300px
}

.center-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    /*width: -webkit-calc(66.66667% - 20px); * исправил */
    width: -webkit-calc(53.66667% - 20px);
    width:calc(53.66667% - 20px);
    /* менять если 3 колонки width: calc(66.66667% - 20px);
    
/* менять если две колонки width: calc(82.66667% - 12px); */
    margin-top: 10px;
    border: 1px solid #000;
    /* background-color: azure; */
}

.pagination {
    padding: 8px;
    margin: 10px 0;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: -.06em;
    color: #999
}

.pagination .pagination-list {
    list-style: none;
    display: inline-block;
    text-align: center
}

.pagination .pagination-list li {
    list-style: none;
    display: list-item;
    float: left;
    font: 16px circe-regular, Arial, Verdana, sans-serif;
    margin-right: 5px;
    margin-bottom: 5px
}

.pagination .pagination-list li a {
    display: block;
    color: #000;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-decoration: none
}

.pagination .pagination-list li a:hover {
    background-color: #3d3d3d;
    color: #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    cursor: pointer
}

.pagination .pagination-list .active a {
    text-decoration: none;
    background-color: #3d3d3d;
    color: #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 29px
}

.slider-partners {
    margin-top: 10px
}

.slider-partners__container {
    border: 1px solid #000;
    background-color: rgba(255, 255, 255, .41)
}

.slider-partners__container .partners {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 10px;
    margin-bottom: 10px
}

.bx-wrapper_2 .bx-wrapper {
    position: relative;
    margin-bottom: 10px
}

footer {
    margin-top: 10px
}

footer .container {
    background-color: #3d3d3d
   
}

footer .container .blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

footer .container .blocks h3 {
    color: #fdb54e;
    font-weight: 700;
    font-size: 1em;
    margin-bottom: 10px;
    text-align: left
}

footer .container .blocks p {
    color: #fff
}

footer .container .blocks .footer-1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    width: -webkit-calc(18.33333% - 20px);
    width: calc(18.33333% - 20px);
    min-height: 150px;
    margin-top: 10px;
    padding: 5px
}

footer .container .blocks .footer-1 address {
    color: #fff
}

footer .container .blocks .footer-1 p {
    font-size: .9rem;
    line-height: 1.5rem
}

footer .container .blocks .footer-1 a {
    color: #fdb54e;
    line-height: 1.5rem
}

footer .container .blocks .footer-2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    width: -webkit-calc(18.33333% - 20px);
    width: calc(18.33333% - 20px);
    min-height: 150px;
    margin-top: 10px;
    padding: 5px
}

footer .container .blocks .footer-3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    min-height: 150px;
    margin-top: 10px;
    padding: 5px
}

footer .container .blocks .footer-3 p {
    font-size: .9rem;
    line-height: 1.2rem
}

footer .container .blocks .footer-3 a {
    color: #fdb54e
}

footer .container .blocks .footer-4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    width: -webkit-calc(18.33333% - 20px);
    width: calc(18.33333% - 20px);
    margin-top: 10px;
    padding: 5px;
    text-align: center
}

footer .container .blocks .footer-4 .fab {
    font-size: 2rem;
    /*margin-right: 1rem;*/
    padding: .25rem .5rem;
    color: #fff;
}

footer .container .blocks .footer-5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    width: -webkit-calc(20% - 20px);
    width: calc(20% - 20px);
    min-height: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px
}

footer .container .blocks .footer-5 a {
    color: #fdb54e
}

footer .container .blocks .footer-5 p {
    text-align: left;
    line-height: 1.2rem;
    font-size: .9rem
}

footer .container .blocks .footer-5 .disign {
    position: relative;
    top: 20%;
    font-size: 1rem;
    line-height: 1.2;
    text-align: right
}

.social-panel {
    position: fixed;
    top: 25%;
    left: 0;
    z-index: 10000
}

.social-panel-button {
    width: 30px;
    height: 25px;
    padding: 5px;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s
}

.social-panel-button i.fab {
    font-size: 25px;
    text-align: center;
    display: block;
    color: #fff
}

.soc-share {
    float: left;
    width: 30px
}

.soc-text {
    float: left;
    font-size: 20px;
    position: relative;
    top: 2px;
    left: 10px;
    color: #fff
}

.button-vk {
    background-color: #507299
}

.button-vk:hover {
    width: 185px;
    cursor: pointer
}

.button-ok {
    background-color: #ee8208
}

.button-ok:hover {
    width: 250px;
    cursor: pointer
}

.button-instagram {
    background: #f09433;
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.button-instagram:hover {
    width: 250px;
    cursor: pointer
}

.button-facebook {
    background-color: #3b5998
}

.button-facebook:hover {
    width: 170px;
    cursor: pointer
}

.button-telegram {
    background-color: #1c93e3
}

.button-telegram:hover {
    width: 210px;
    cursor: pointer
}

.button-youtube {
    background-color: #e62117
}

.button-youtube:hover {
    width: 230px;
    cursor: pointer
}

.button-google {
    background-color: #d44537
}

.button-google:hover {
    width: 180px;
    cursor: pointer
}

.button-tiktok {
    background-color: black;
     
}

.button-tiktok:hover {
    width: 160px;
    cursor: pointer
}






#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 7%;
    right: 4%;
    overflow: hidden;
    width: 70px;
    height: 85px;
    border: none;
    background: url(../img/disign/up3_1.png) no-repeat;
    color: #000;
    font-weight: 700
}

#toTopHover {
    background: url(../img/disign/up3_1.png) no-repeat;
    width: 70px;
    height: 70px;
    display: block;
    opacity: 0;
    -moz-opacity: 0
}

#toTop:active, #toTop:focus {
    outline: 0
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.loaderArea {
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #ff4e50), color-stop(90%, #f9d423));
    background: -webkit-linear-gradient(left, #ff4e50 10%, #f9d423 90%);
    background: linear-gradient(90deg, #ff4e50 10%, #f9d423 90%);
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100000
}

.loaderArea p {
    text-align: center;
    font-size: 2rem;
    margin-top: 50px
}

.loader {
    height: 40px;
    width: 40px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    margin-top: -20px
}

.loader:after, .loader:before {
    content: "";
    height: 40px;
    width: 40px;
    border: 8px solid rgba(255, 255, 255, .5);
    border-radius: 10px;
    position: absolute;
    top: 0
}

.loader:before {
    -webkit-animation: animate 2s infinite linear;
    animation: animate 2s infinite linear
}

@-webkit-keyframes animate {
    0% {
        -webkit-transform: rotate(0) skew(0);
        transform: rotate(0) skew(0)
    }
    100% {
        -webkit-transform: rotate(180deg) skew(360deg);
        transform: rotate(180deg) skew(360deg)
    }
}

@keyframes animate {
    0% {
        -webkit-transform: rotate(0) skew(0);
        transform: rotate(0) skew(0)
    }
    100% {
        -webkit-transform: rotate(180deg) skew(360deg);
        transform: rotate(180deg) skew(360deg)
    }
}

.loader:after {
    -webkit-animation: animate2 2s infinite linear;
    animation: animate2 2s infinite linear
}

@-webkit-keyframes animate2 {
    0% {
        -webkit-transform: rotate(0) skew(0);
        transform: rotate(0) skew(0)
    }
    100% {
        -webkit-transform: rotate(-180deg) skew(-360deg);
        transform: rotate(-180deg) skew(-360deg)
    }
}

@keyframes animate2 {
    0% {
        -webkit-transform: rotate(0) skew(0);
        transform: rotate(0) skew(0)
    }
    100% {
        -webkit-transform: rotate(-180deg) skew(-360deg);
        transform: rotate(-180deg) skew(-360deg)
    }
}

.news {
    padding: 0 15px;
}


.items__news {
    display: grid;  
    /* измененено
  grid-template-columns: 1fr 1fr; */
  grid-template-columns: 1fr;
   
}

@media (max-width: 960px) {
    .items__news  {
      
            grid-template-columns: 1fr;
        
    }
    
}

#group-news{
 display: grid;  
  grid-template-columns: 1fr 2fr;
  margin: 10px;
}


@media (max-width: 960px) {
#group-news {
       grid-template-columns: 1fr;
        
    }
}

.news .items__news article {
    border: 1px solid #000;
    -webkit-box-shadow: 5px 5px 5px #3d3d3d;
    box-shadow: 5px 5px 5px #3d3d3d;
    height: auto;
    margin: 20px auto;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.news .items__news article .news-image {
    max-width: 30%;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 200px
}

.news .items__news article .news-image .news__img {
    border: 1px solid #000
}

.news .items__news article .news-content {
    padding-right: 10px;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.news .items__news article .news-content .news__title {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 10px;
    font-weight: 700;
    text-indent: 1.5em;
    font-size: 1rem
}

.news .items__news article .news-content .news__text {
    text-align: justify;
    padding-bottom: 1rem;
    padding-left: 10px;
    text-indent: 1.5em
}

.news .items__news article .news-content .news__date {
    text-align: right;
    font-size: .8rem;
    display: block
}

.news .items__news article .news-content time {
    background: url(../img/disign/date_6.png) no-repeat;
    background-position: 0 20%;
    padding-left: 25px
}

.news .items__news article .news-content .news__button {
    margin-top: auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 10px;
    background: #3d3d3d;
    width: 150px;
    padding: .8rem;
    color: #fff;
    text-align: center;
    border-radius: 10px
}

.news .items__news article .news-content .news__button:hover {
    background: #00ff45;
    color: #000;
    border-radius: 20px
}

.news .news__arhiv {
    display: block;
    margin: 10px auto;
    text-align: center;
    background: #c4c4c4;
    width: 290px;
    padding: .8rem;
    color: #000;
    font-weight: 700;
    border: 1px solid #000;
    border-radius: 10px
}

.news .news__arhiv:hover {
    background: #00efe5;
    color: #000;
    border-radius: 20px
}

.pagination ul.pagination-list li a span.icon-previous::after, div .pagination ul li a .icon-previous::after {
    content: "\2039"
}

.pagination ul.pagination-list li a span.icon-next::before, div.pagination ul li a .icon-next::before {
    content: "\203a"
}

.pagination ul.pagination-list li a span.icon-last::before, div.pagination ul li a .icon-last::before {
    content: "\21e5"
}

.pagination ul.pagination-list li a span.icon-first::after, div.pagination ul li a .icon-first::after {
    content: "\21e4"
}

.news-view {
    margin: 20px
}

.news-view .news_full .block-img {
    max-width: 55%;
    margin: 20px auto
}

.news-view .news_full .block-img .news-full-img {
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    border: 1px solid #fff
}

.news-view .news_full .news-text p {
    text-align: justify;
    padding-bottom: 10px;
    text-indent: 1.5em
}

.news-view .news_full .news__date {
    text-align: right;
    padding-bottom: 1rem;
    font-size: .85rem
}

.contacts {
    margin: 20px; 
}

.contacts table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.contacts table thead tr th {
    border: 1px solid #000;
    font-size: .8rem;
    text-transform: uppercase;
    background-color: #ccc;
    text-align: center;
    padding: 5px;
}

.contacts table tbody tr td {
    font-size: 1rem;
    border: 1px solid #000;
    padding: 5px;
    vertical-align: middle;
     
}

 
 


.otdel {
    font-size: 1.2rem;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    background-color: rgba(255, 127, 80, .45);
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    margin-top: 20px
}

.kassa, .vahta {
    font-size: 1.5rem;
    border-bottom: 1px solid #000
}

.services {
    margin: 20px
}

.services table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.services table thead tr th {
    border: 1px solid #000;
    font-size: .8rem;
    text-transform: uppercase;
    background-color: #ccc;
    text-align: center;
    padding: 5px
}

.services table tbody tr td {
    font-size: 1rem;
    border: 1px solid #000;
    padding: 5px;
    vertical-align: middle
}

.preyscurat {
    text-align: center;
    font-size: 1.2rem
}

.npp {
    text-align: center
}

.naimenovanie {
    text-align: left
}

.cost {
    text-align: center
}

.period {
    text-align: center
}

.izm {
    padding-top: 1rem;
    text-align: right
}

.videoalbom {
    margin: 20px
}

.videoalbom .items-video {
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 5px #3d3d3d;
    box-shadow: 5px 5px 5px #3d3d3d;
    border: 1px solid #000;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.videoalbom .items-video p {
    border-bottom: 1px solid #000;
    margin: 1rem;
    padding-left: 1rem;
    padding-bottom: .2rem;
    font-weight: 700;
    font-size: 1rem
}

.videoalbom .items-video .video {
    max-width: 720px;
    margin: 0 auto;
    -webkit-box-shadow: 5px 5px 5px #3d3d3d;
    box-shadow: 5px 5px 5px #3d3d3d
}

.videoalbom .items-video .relation {
    position: relative
}

.videoalbom .items-video .relation__ratio-16x9 {
    padding-top: 56.25%
}

.videoalbom .items-video .relation__ratio-1x1 {
    padding-top: 100%
}

.videoalbom .items-video .relation__ratio-4x3 {
    padding-top: 75%
}

.videoalbom .items-video .relation_content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.foto {
    margin: 20px
}

.our_projects {
    margin: 0 20px
}

.our_projects__container .block-our_projects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.our_projects__container .block-our_projects .project {
    border: 1px solid #000;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    width: -webkit-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.our_projects__container .block-our_projects .project:hover {
    background: rgba(242, 242, 0, .51)
}

.our_projects__container .block-our_projects .project .project-title {
    text-align: center;
    margin: 5px 0;
    font-weight: 700
}

.our_projects__container .block-our_projects .project .project-img {
    margin-top: auto;
    padding-bottom: 10px
}

.project_view {
    margin: 20px
}

.project_view h1 {
    margin-bottom: 10px
}

.project_view__project-text {
    text-align: justify;
    text-indent: 1.5rem;
    margin: 10px 0
}

.project_view__container .block-project-main h3 {
    font-weight: 700;
    text-align: center;
    margin: 10px;
    font-size: 1.25rem
}

.project_view__container .block-project-main .project-text {
    margin: 20px 0;
    text-align: justify;
    text-indent: 1em
}

.project_view__container .block-project-main .project_link {
    display: block;
    margin: 20px auto;
    text-align: center;
    background: #c4c4c4;
    width: 290px;
    padding: .8rem;
    color: #000;
    font-weight: 700;
    border: 1px solid #000;
    border-radius: 10px
}

.project_view__container .block-project-main .project_link:hover {
    background: #00efe5;
    color: #000;
    border-radius: 20px
}

.project_view__container .block-project-main .project-img img {
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    border: 1px solid #fff
}

.items-video {
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.items-video .video {
    max-width: 720px;
    margin: 0 auto;
    -webkit-box-shadow: 5px 5px 5px #3d3d3d;
    box-shadow: 5px 5px 5px #3d3d3d
}

.items-video .relation {
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.items-video .relation__ratio-16x9 {
    padding-top: 56.25%
}

.items-video .relation__ratio-1x1 {
    padding-top: 100%
}

.items-video .relation__ratio-4x3 {
    padding-top: 75%
}

.items-video .relation_content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.afisha {
    margin: 20px
}

.afisha__container .block-afisha {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.afisha__container .block-afisha .afisha-item {
    border: 1px solid #000;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    width: -webkit-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.afisha__container .block-afisha .afisha-item .afisha-title {
    text-align: center;
    margin: 5px 0;
    font-weight: 700
}

.afisha__container .block-afisha .afisha-item .afisha-name {
    text-align: center
}

.afisha__container .block-afisha .afisha-item .afisha-img {
    margin-top: auto;
    padding-bottom: 10px
}

.afisha__container .block-afisha .afisha-item .afisha__button {
    margin-top: auto;
    background: #3d3d3d;
    padding: .8rem;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    margin-bottom: .8rem
}

.afisha__container .block-afisha .afisha-item .afisha__button:hover {
    background: #00ff45;
    color: #000;
    border-radius: 20px
}

.afisha__container .block-afisha .afisha-item:hover {
    background: rgba(242, 242, 0, .51)
}

.afisha .afisha__arhiv {
    display: block;
    margin: 20px auto;
    text-align: center;
    background: #c4c4c4;
    width: 280px;
    padding: .8rem;
    color: #000;
    font-weight: 700;
    border: 1px solid #000;
    border-radius: 10px
}

.afisha .afisha__arhiv:hover {
    background: #00efe5;
    color: #000;
    border-radius: 20px
}

.afisha_view {
    margin: 20px
}

.afisha_view .item__afisha section .afisha-view-cover .afisha-view__img {
    border: 1px solid #000
}

.afisha_view .item__afisha section .afisha-view-content .afisha-view_bold {
    background-color: #4fb4ea;
    padding: 5px;
    font-size: 1.2rem
}

.afisha_view .item__afisha section .afisha-view-content p {
    padding: 5px;
    font-size: 1.2rem;
    font-weight: 700
}

.collective {
    margin: 20px
}

.collective .collective_list p {
    text-indent: 1em;
    text-align: justify;
    font-family: Champagne . collective . collective_list p Limousines_0
}

.collective .collective_list .group .collective_name {
    padding: 10px 0;
    background-color: #00e2ff;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    border: 1px solid #000;
    text-transform: uppercase
}

.collective .collective_list .group .group-name {
    background-color: #fff;
    padding: 10px 10px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.collective .collective_list .group .group-name a {
    font-weight: 700;
    margin: 10px 0;
    font-size: 1rem;
    color: #000;
    text-decoration: none
}

.collective .collective_list .group .group-name:hover {
    background: #8f81fd
}

.collective-view {
    margin: 20px
}

.collective-view .collective_full .ruk {
    text-align: center;
    font-size: 1.2rem;
    padding: 20px 0
}

.collective-view .collective_full .text p {
    text-align: justify;
    margin-bottom: 10px;
    text-indent: 1.5em
}

.collective-view .collective_full .block-img {
    max-width: 80%;
    margin: 10px auto
}

.collective-view .collective_full .block-img .collective_img {
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    border: 1px solid #fff
}

#faq h2 {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    padding: 15px 0;
    border: solid 1px #004f72;
    border-radius: 4px;
    color: #e5ffff;
    background-color: #3ba4c7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3ba4c7), to(#1982a5));
    background-image: -webkit-linear-gradient(top, #3ba4c7 0, #1982a5 100%);
    background-image: linear-gradient(top, #3ba4c7 0, #1982a5 100%);
    -webkit-box-shadow: 0 0 2px #bababa, inset 0 0 1px #fff;
    box-shadow: 0 0 2px #bababa, inset 0 0 1px #fff;
    margin-bottom: 10px
}

#faq h2:hover {
    cursor: pointer
}

#faq .cursiv p {
    margin-bottom: 10px;
    text-indent: 1.5em;
    text-align: justify
}

.collective .collective_name_category {
    padding: 10px 0;
    background-color: #00e2ff;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    border: 1px solid #000
}

.collective .groups {
    border: 1px solid #000;
    -webkit-box-shadow: 5px 5px 5px #3d3d3d;
    box-shadow: 5px 5px 5px #3d3d3d;
    height: auto;
    margin: 20px auto;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.collective .groups .item-groups_img {
    max-width: 30%;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 200px
}

.collective .groups .item-groups_img img {
    -webkit-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #000
}

.collective .groups .item-groups_name {
    padding-right: 10px;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.collective .groups .item-groups_name h3 {
    font-weight: 700
}

.collective .groups .item-groups_name .groups__button {
    margin-top: auto;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    background: #3d3d3d;
    width: 150px;
    padding: .8rem;
    color: #fff;
    text-align: center;
    border-radius: 10px
}

.collective .groups .item-groups_name .groups__button:hover {
    background: #00ff45;
    color: #000;
    border-radius: 20px
}

.rasspisanie {
    margin: 20px
}

.rasspisanie table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.rasspisanie table thead tr th {
    border: 1px solid #000;
    font-size: .8rem;
    text-transform: uppercase;
    background-color: #ccc;
    text-align: center;
    padding: 5px;
    width: 90px;
}

.rasspisanie table tbody tr td {
    font-size: 1rem;
    border: 1px solid #000;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    /*высота на мобильной версии стояло жестко 50px */
    height: auto;
}

.record {
    margin: 20px
}

.record h1 {
    margin-bottom: 10px
}

.record .record_form {
    max-width: 800px;
    margin: 20px auto
}

.record .record_form .flex-outer li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.record .record_form .flex-outer > li > label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 120px;
    -ms-flex: 1 0 120px;
    flex: 1 0 120px;
    max-width: 320px;
    margin-bottom: 10px;
    text-align: right;
    padding-right: 10px
}

.record .record_form .flex-outer > li > label + * {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 120px;
    -ms-flex: 1 0 120px;
    flex: 1 0 120px;
    padding: 2px;
    margin-bottom: 10px
}

.record .record_form .child {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #000;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .5)
}

.record .record_form .child legend {
    margin-left: 20px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.record .record_form .parents {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #000;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .5)
}

.record .record_form .parents legend {
    margin-left: 20px;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700
}

.record .record_form .parents select {
    margin-bottom: 20px;
    width: 100%;
    padding: 10px 5px
}

.record .record_form .parents .checkbox {
    padding: 20px
}

.flex-outer li button {
    margin: 20px auto;
    padding: 20px;
    border: none;
    background: #333;
    color: #f2f2f2;
    text-transform: uppercase;
    letter-spacing: .09em;
    border-radius: 10px
}

.flex-outer li button:hover {
    background: #42f550;
    color: #000;
    cursor: pointer
}

#checkbox {
    height: 20px
}

.anketa {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700
}

.anketa-text {
    text-align: center
}

input:invalid {
    border: .5px solid rgba(255, 0, 0, .5)
}

input:valid {
    border: 2px solid #00bf3b
}

.dogovor {
    color: #000;
    padding: 10px;
    text-align: center
}

.dogovor:hover {
    text-decoration: underline
}

input:focus ~ label, select:focus ~ label, textarea:focus ~ label {
    color: #00ffd8
}

.plan {
    margin: 20px
}

.plan__zall {
    width: 80%;
    margin: 20px auto
}

.plan .zall-img {
    margin-bottom: 20px;
    border: 1px solid #000
}

.activities {
    margin: 20px
}

.activities h2 {
    font-family: "Open Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-stretch: normal;
    text-transform: none;
    margin-bottom: 10px
}

.activities__info {
    border: 1px solid #000;
    padding: 10px 40px
}

.activities__info .info-1 {
    margin-bottom: 10px
}

.activities__info ul li {
    text-align: justify;
    list-style: disc
}

.tech {
    margin: 20px
}

.tech__info .info-ck .tech-text {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px
}

.tech__info .info-ck .param-scene {
    width: 100%
}

.tech__info .info-ck .param-scene tr {
    background-color: #fff
}

.tech__info .info-ck .param-scene tr .metr, .tech__info .info-ck .param-scene tr .param {
    text-align: center
}

.tech__info .info-ck .param-scene tr td {
    width: 85%;
    font-size: 1rem;
    border: 1px solid #000;
    padding: 5px;
    vertical-align: middle
}

.tech__info .info-ck .param-scene tr td strong {
    font-weight: 700
}

.tech__info .info-gorod {
    margin: 0 auto
}

.tech__info .info-gorod .tech-text {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px
}

.tech__info .info-gorod .param-scene {
    width: 100%
}

.tech__info .info-gorod .param-scene tr {
    background-color: #fff
}

.tech__info .info-gorod .param-scene tr .metr, .tech__info .info-gorod .param-scene tr .param {
    text-align: center
}

.tech__info .info-gorod .param-scene tr td {
    width: 85%;
    font-size: 1rem;
    border: 1px solid #000;
    padding: 5px;
    vertical-align: middle
}

.tech__info .info-gorod .param-scene tr td strong {
    font-weight: 700
}

.tech__info .tech-img {
    -webkit-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #000;
    border: 1px solid #fff;
    width: 100%
}

.svuk-svet {
    margin-top: 20px
}

.svuk-svet h2 {
    margin: 10px 0
}

.history {
    margin: 20px
}

.history p {
    text-align: justify;
    text-indent: 1em
}

.history .history-text {
    margin: 10px 0
}

.history .history-img {
    -webkit-box-shadow: 5px 5px 5px #3d3d3d;
    box-shadow: 5px 5px 5px #3d3d3d;
    border: 1px solid #000;
    width: 80%;
    margin: 0 auto
}

.block_structura {
    margin: 20px
}

.block_structura h1 {
    margin-bottom: 0
}

.block_structura h3.crink {
    font-family: Century Gothic;
    font-weight: 700;
    text-indent: 1em;
    margin: 10px 0
}

.block_structura h3 {
    font-weight: 700;
    text-indent: 1em;
    margin: 10px 0
}

.block_structura p.crink {
    font-family: Century Gothic;
    text-align: justify;
    text-indent: 1em
}

.block_structura p {
    text-align: justify;
    text-indent: 1em
}

.block_structura .crink-padding {
    padding-left: 20px
}

.block_structura .crink-link {
    margin-top: 20px;
    display: block;
    margin: 10px auto;
    background: #3d3d3d;
    width: 50%;
    padding: .8rem;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    border: 1px solid #000;
    cursor: pointer
}

.block_structura .crink-link .link {
    text-align: center;
    text-transform: uppercase
}

.block_structura .crink-link:hover {
    background: #00ff45;
    color: #000
}

.block_structura .master {
    float: right;
    width: 150px;
    height: 240px
}

.breadcrumb {
    padding: 8px 10px;
    margin: 20px;
    background-color: #f5f5f5;
    border: 0;
    border: 1px solid #000;
    overflow: hidden;
    background: #3d3d3d
}

.breadcrumb a {
    color: #fff
}

.breadcrumb li:first-child {
    color: #c4c4c4
}

.breadcrumb li {
    color: #fff
}

.breadcrumb ul > li {
    display: inline;
    height: 19px;
    margin: 0
}

.breadcrumb ul > .active {
    color: #e6550d
}

.breadcrumb ul li:hover a {
    text-decoration: underline;
    color: #e6550d
}

.separator {
    padding: 0 2px
}

.hover-td {
    background-color: #3d3d3d;
    color: #fff;
    cursor: pointer
}

.hoverRow {
    background-color: #ff0
}

.clickedRow {
    background-color: orange
}

* {
    font-family: roboto, sans-serif
}

html {
    font-size: 16px
}

body {
     background-image: url(../img/disign/new1.jpg);
      
      
      /* 
     background-image: url(../img/disign/new_fon3.png);
     
    background-image: url(../img/disign/s1200.webp); 
    background-image: url(../img/disign/zima1.jpg);
    http://bgrounds.ru/page/5
    */
    
 
     background-size: cover; 
     
     background-repeat: no-repeat; 
     
    /*   background-position: center center; */
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: 0 0;

}

.debug {
    height: 100vh;
    position: fixed;
    width: 100%
}

.debug > div {
    height: inherit;
    max-width: 2560px;
    padding-left: 300px;
    padding-right: 300px;
    margin: 0 auto
}

.debug > div > div {
    height: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.debug > div > div > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    width: -webkit-calc(4.16667% - 20px);
    width: calc(4.16667% - 20px);
    height: inherit;
    outline: 1px solid rgba(255, 255, 0, .14);
    background: rgba(0, 0, 0, .56)
}

.wrapper {
    max-width: 2560px;
    padding-left: 300px;
    padding-right: 300px;
    margin: 0 auto;
     
    background-color: rgba(255, 255, 255, 0.5); /* Цвет фона и значение прозрачности */
    
    
}

#center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

h1 {
    text-align: center;
    background-color: #deb887;
    padding: 1rem;
    font-weight: 700;
    margin: 1rem 0;
    border: 1px solid #000;
    text-transform: uppercase
}

/* УДАЛИЛ ДЛЯ ИНСТАГРАММ, складовается


iframe {
    width: 100%;
    height: 100%;
    border: none
} */

.fotografii {
    padding: .5vw
}

.fotografii .god {
    margin-top: 20px;
    font-weight: 700;
    border-bottom: 1px solid #000
}

.fotografii .items-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.fotografii .items-col .item {
    margin: .2vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    word-wrap: break-word;
    width: -webkit-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.fotografii .items-col .item .img-opacity {
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    border: 1px solid #fff;
    opacity: .8
}

.fotografii .items-col .item .img-opacity:hover {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.fotografii .items-col .item img {
    height: 220px;
    object-fit: cover;
    width: 440px;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
    border: 1px solid #fff
}

.fotografii .items-col .item p {
    margin-top: 15px;
    padding: 0 10px
}

@media screen and (max-width: 1920px) {
    footer .container .blocks .footer-4 .fa {
        margin-right: 2.5rem
    }

    .debug > div {
        padding-left: 40px;
        padding-right: 40px
    }

    .wrapper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 1440px) {
    .bx-wrapper .bx-controls-auto, .bx-wrapper_1 .bx-pager {
        top: 86%
    }
}

@media screen and (max-width: 1024px) {
    .bx-wrapper .bx-controls-auto, .bx-wrapper_1 .bx-pager {
        top: 82%
    }
}

@media screen and (max-width: 992px) {
    header .logo-block__container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 10px;
        margin-right: 10px;
        word-wrap: break-word
    }

    header .logo-block__container .logo .logotype {
        display: none
    }

    header .logo-block__container p {
        text-align: center;
        font-size: 1.3rem;
        color: #000;
        font-family: Franklin Gothic;
        text-shadow: none;
        line-height: 1.2;
        text-transform: uppercase
    }

    header .logo-block__container p span {
        font-size: 1.9rem;
        font-weight: 700;
        color: #102350;
        text-shadow: 2px 2px 3px #fff
    }

    .bx-wrapper_1 .bx-caption span {
        display: none
    }

    .bx-wrapper .bx-controls-auto, .bx-wrapper_1 .bx-pager {
        display: none
    }

    .slider-top__container {
        display: none
    }

    .left-block {
        width: -webkit-calc(33.33333% - 20px);
        width: calc(33.33333% - 20px)
    }

    .left-block {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .left-block__container .block-afish .afisha-wrapper {
        width: -webkit-calc(33.33333% - 20px);
        width: calc(33.33333% - 20px)
    }

    .left-block {
        margin-top: 0;
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .left-block__container .block-afish {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }

    .left-block__container .block-afish .afisha-wrapper {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 10px;
        margin-right: 10px;
        word-wrap: break-word;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 5px 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0
    }

    .left-block__container .block-afish .afisha-wrapper a {
        margin-top: auto
    }

    .left-block__container .block-afish .afisha-wrapper a .afisha-img {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none
    }

    .left-block__container .block-afish .afisha-wrapper .afisha-title {
        border: none;
        border-bottom: 1px solid #000
    }

    .right-block {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .right-block {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .right-block__container .block-projects .project-wrapper {
        width: -webkit-calc(33.33333% - 20px);
        width: calc(33.33333% - 20px)
    }

    .right-block {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .right-block__container .block-projects {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .right-block__container .block-projects .project-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 5px 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0
    }

    .right-block__container .block-projects .project-wrapper a {
        margin-top: auto
    }

    .center-block {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .center-block {
        margin-top: 0;
        margin-bottom: 10px
    }

    .slider-partners {
        display: none
    }

    footer .container .blocks .footer-1 {
        width: -webkit-calc(95.83333% - 20px);
        width: calc(95.83333% - 20px)
    }

    footer .container .blocks .footer-1 {
        border: 1px solid #fff;
        text-align: center;
        font-size: 1rem;
        padding: 10px 0
    }

    footer .container .blocks .footer-1 p {
        font-size: 1rem;
        line-height: 1.2
    }

    footer .container .blocks .footer-1 h3 {
        text-align: center
    }

    footer .container .blocks .footer-2 {
        width: -webkit-calc(95.83333% - 20px);
        width: calc(95.83333% - 20px)
    }

    footer .container .blocks .footer-2 {
        border: 1px solid #fff;
        text-align: center
    }

    footer .container .blocks .footer-3 {
        width: -webkit-calc(95.83333% - 20px);
        width: calc(95.83333% - 20px)
    }

    footer .container .blocks .footer-3 {
        border: 1px solid #fff;
        text-align: center;
        font-size: 1.5rem;
        padding: 10px 0
    }

    footer .container .blocks .footer-3 p {
        font-size: 1rem;
        line-height: 1.5rem
    }

    footer .container .blocks .footer-3 h3 {
        font-size: 1rem;
        text-align: center
    }

    footer .container .blocks .footer-4 {
        width: -webkit-calc(95.83333% - 20px);
        width: calc(95.83333% - 20px)
    }

    footer .container .blocks .footer-4 {
        border: 1px solid #fff;
        text-align: center;
        font-size: 1.5rem;
        padding: 10px 0
    }

    footer .container .blocks .footer-4 h3 {
        font-size: 1rem;
        text-align: center;
        padding-left: 0;
        margin-bottom: 10px
    }

    footer .container .blocks .footer-4 .fa {
        margin-right: 2.5rem;
        padding: 5px
    }

    footer .container .blocks .footer-5 {
        width: -webkit-calc(95.83333% - 20px);
        width: calc(95.83333% - 20px)
    }

    footer .container .blocks .footer-5 {
        border: 1px solid #fff;
        text-align: center;
        padding: 10px 60px
    }

    footer .container .blocks .footer-5 p {
        font-size: 1rem;
        margin-top: 5px;
        text-align: center;
        line-height: 1.2
    }

    footer .container .blocks .footer-5 .disign {
        top: 1rem;
        text-align: center
    }

    .otdel {
        margin-left: 1rem;
        margin-right: 1rem;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000
    }

    .otdel :first-child {
        margin-top: 1rem
    }

    .kassa, .vahta {
        margin-bottom: 1.5rem
    }

    .kassa :last-child, .vahta :last-child {
        border-bottom: none
    }

    .contacts {
        margin: 0
    }

    .contacts h1 {
        margin: 1rem 1rem
    }

    .contacts table {
        display: block
    }

    .contacts table thead {
        display: block
    }

    .contacts table thead tr {
        display: block;
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .contacts table thead tr th {
        display: block
    }

    .contacts table tbody {
        display: block
    }

    .contacts table tbody tr {
        margin: 1rem;
        display: block;
        background-color: #f0f8ff
    }

    .contacts table tbody tr td {
        border-bottom: none;
        display: block;
        text-align: right
    }

    .contacts table tbody tr td:first-child {
        background-color: #ccc
    }

    .contacts table tbody tr td:last-child {
        border-bottom: 1px solid #000
    }

    .contacts table tbody tr td:before {
        float: left;
        content: attr(data-label);
        min-width: 10%;
        text-align: left;
        font-weight: 700;
        white-space: nowrap
    }

    .izm {
        padding-top: 0;
        margin-right: 1rem
    }

    .services {
        margin: 0
    }

    .services h1 {
        margin: 1rem
    }

    .services table {
        display: block
    }

    .services table thead {
        display: block
    }

    .services table thead tr {
        display: block;
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .services table thead tr th {
        display: block
    }

    .services table tbody {
        display: block
    }

    .services table tbody tr {
        margin: 1rem;
        display: block;
        background-color: #f0f8ff
    }

    .services table tbody tr td {
        border-bottom: none;
        display: block;
        text-align: right
    }

    .services table tbody tr td:first-child {
        background-color: #ccc
    }

    .services table tbody tr td:last-child {
        border-bottom: 1px solid #000
    }

    .services table tbody tr td:before {
        float: left;
        content: attr(data-label);
        min-width: 10%;
        text-align: left;
        font-weight: 700;
        white-space: nowrap
    }

    .videoalbom .items-video {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #000;
        margin: 1rem .5rem;
        padding-bottom: 0
    }

    .videoalbom .items-video p {
        margin: 0;
        padding: .5rem
    }

    .videoalbom .items-video .video {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .our_projects {
        padding: 0;
        margin: 1rem
    }

    .project_view__container .block-project-main .project_link {
        width: auto
    }

    .afisha__container .block-afisha {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px
    }

    .afisha__container .block-afisha .afisha .afisha__button {
        margin-bottom: .8rem;
        padding: .6rem
    }

    .afisha-view-cover {
        margin-top: 20px
    }

    .collective-view .collective_full .ruk {
        text-align: center;
        font-size: 1.1rem;
        margin: 10px 0;
        padding: 0
    }

    .collective-view .collective_full .text {
        font-size: 1.1rem
    }

    .collective-view .collective_full .block-img {
        padding: 0;
        max-width: 100%
    }

    .groups {
        margin-bottom: 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .groups .item-groups_name h3 {
        font-size: .8rem;
        text-align: center
    }

    .groups .item-groups_name p {
        font-size: .8rem;
        line-height: 1rem
    }

    .groups .item-groups_name .groups__button {
        display: block;
        margin: 0 auto
    }

    .plan__zall {
        width: 100%
    }

    .activities {
        margin: 20px
    }

    .activities h2 {
        text-align: center
    }

    .activities__info {
        border: 1px solid #000;
        padding: 10px 30px
    }

    .activities__info .info-1 {
        margin-bottom: 10px
    }

    .block_structura {
        margin: 10px
    }

    .block_structura h1 {
        margin-bottom: 0
    }

    .block_structura h3 {
        font-weight: 700;
        text-indent: 1em;
        margin: 10px 0;
        text-align: center
    }

    .block_structura p {
        text-align: justify;
        text-indent: 1em
    }

    .block_structura .crink-padding {
        padding-left: 20px
    }

    .block_structura .crink-link {
        margin: 10px auto;
        background: #3d3d3d;
        width: 80%;
        padding: .8rem 0;
        text-align: center
    }

    .block_structura .crink-link .link {
        text-align: center;
        text-transform: uppercase
    }

    .block_structura .crink-link:hover {
        background: #00ff45;
        color: #000
    }

    .block_structura .master {
        float: none;
        margin: 0 auto
    }

    .breadcrumb {
        margin: .6rem
    }

    .debug > div {
        padding-left: 10px;
        padding-right: 10px
    }

    .wrapper {
        padding-left: 10px;
        padding-right: 10px
    }

    .fotografii .items-col .item {
        width: -webkit-calc(29.16667% - 20px);
        width: calc(29.16667% - 20px)
    }
}

@media screen and (max-width: 720px) {
    footer .container .blocks .footer-4 .fa {
        margin-right: .5rem;
        padding: 5px
    }

    .debug > div {
        padding-left: 10px;
        padding-right: 10px
    }

    .wrapper {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width: 576px) {
    header .logo-block__container .logo .logotype {
        display: none
    }

    header .logo-block p {
        text-align: center;
        font-size: .8rem;
        color: #000;
        font-family: Franklin Gothic;
        text-shadow: none;
        line-height: 1.2;
        text-transform: uppercase
    }

    header .logo-block p span {
        font-size: 1.6rem;
        font-weight: 700;
        color: #102350;
        text-shadow: 2px 2px 3px #fff
    }

    .left-block__container .block-afish .afisha-wrapper {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .left-block {
        margin-top: 0
    }

    .left-block__container .block-afish {
        padding: 0
    }

    .left-block__container .block-afish .afisha-wrapper {
        margin: 0;
        padding: 10px;
        border: none
    }

    .left-block__container .block-afish .afisha-wrapper a {
        margin-top: auto
    }

    .left-block__container .block-afish .afisha-wrapper .afisha-title {
        border: 1px solid #000
    }

    .right-block__container .block-projects .project-wrapper {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .right-block__container {
        margin-bottom: 10px
    }

    .right-block__container .block-projects .project-wrapper a {
        padding: 10px
    }

    .right-block__container .block-projects .project-wrapper .sidebar-right__widjet #vk_groups, .right-block__container .block-projects .project-wrapper .sidebar-right__widjet #vk_groups iframe {
        width: 100% !important
    }

    footer .container .blocks .footer-4 .fa {
        margin-right: 1rem;
        padding: 0
    }

    footer .container .blocks .footer-5 {
        padding: 10px 40px
    }

    footer .container .blocks .footer-5 .disign {
        top: 0;
        font-size: .9rem;
        text-align: center
    }

    #toTop {
        bottom: 10px;
        right: 20px;
        opacity: .5
    }

    .news {
        padding: 0 10px
    }

    .news .items__news article {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fff;
        margin-bottom: 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }

    .news .items__news article .news-image {
        padding: 0;
        margin: 0;
        max-width: 100%
    }

    .news .items__news article .news-image .news__img {
        border: none
    }

    .news .items__news article .news-content {
        padding-right: 0
    }

    .news .items__news article .news-content .news__title {
        padding: 5px;
        text-align: center;
        text-indent: inherit
    }

    .news .items__news article .news-content .news__text {
        text-align: justify;
        padding: 10px;
        padding-top: 0
    }

    .news .items__news article .news-content .news__date {
        display: block;
        text-align: center;
        padding: .5rem
    }

    .news .items__news article .news-content .news__button {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    .our_projects__container .block-our_projects .project {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .afisha__container .block-afisha .afisha-item {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .debug > div {
        padding-left: 5px;
        padding-right: 5px
    }

    .wrapper {
        padding-left: 5px;
        padding-right: 5px
    }

    .fotografii .items-col .item {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px)
    }
}

@media screen and (max-width: 380px) {
    .debug > div {
        padding-left: 5px;
        padding-right: 5px
    }

    .wrapper {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media screen and (min-width: 240px) and (max-width: 1024px) {
    header {
        margin-top: 4rem
    }

    #menu {
        display: none
    }

    .social-panel {
        display: none
    }

    .slicknav_menu {
        position: absolute;
        display: block;
        top: 0;
        width: 100%;
        z-index: 99999
    }

    .hamburger {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .mmenu {
        display: block
    }
}

@media screen and (min-width: 240px) and (max-width: 350px) {
    .news .news__arhiv {
        width: 190px
    }
}

@media screen and (min-width: 240px) and (max-width: 360px) {
    .afisha .afisha__arhiv {
        width: auto
    }
}

@media screen and (min-width: 240px) and (max-width: 1200px) {
   
    
    .rasspisanie {
        margin: 0
    }

    .rasspisanie p {
        display: none
    }

    .rasspisanie h1 {
        margin: 1rem
    }

    .rasspisanie table {
        display: block
    }

    .rasspisanie table thead {
        display: block
    }

    .rasspisanie table thead tr {
        display: block;
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .rasspisanie table thead tr th {
        display: block
    }

    .rasspisanie table tbody {
        display: block
    }

    .rasspisanie table tbody tr {
        margin: 1rem;
        display: block;
        background-color: #f0f8ff
    }

    .rasspisanie table tbody tr td {
        border-bottom: none;
        display: block;
        text-align: right
    }

    .rasspisanie table tbody tr td:first-child {
        background-color: #ccc
    }

    .rasspisanie table tbody tr td:nth-child(2) {
        background-color: #dbc202
    }

    .rasspisanie table tbody tr td:last-child {
        border-bottom: 1px solid #000
    }

    .rasspisanie table tbody tr td:before {
        float: left;
        content: attr(data-label);
        min-width: 10%;
        text-align: left;
        font-weight: 700;
        white-space: nowrap
    }

    .rasspisanie .izm {
        padding-top: 0;
        margin-right: 1rem
    }
}