* {font-family: "PT Sans", serif;}
.container {max-width: 1920px; width: 80%;}
body {background-color: #4B4668; overflow-x: hidden;}
#akcii .blue.darken-4, #news .blue.darken-4, .rslides .blue.darken-4, .pink.darken-1 {background-color: #d8007b !important;}
.pink-text.text-accent-3 {color: #4B4668 !important;}
/* HEADER */

header{margin-bottom: 0; background-color: #4B4668;}
header .row  {margin-bottom: 0;}
header>.container>.row {padding: 10px 0;}
header .flex-container .fa {font-size: 43px;}
.flex-container {display: box; display: flex; width: 100%;}
.flex-item {width: 100%;}
#social {text-align: right; margin-top: 10px; margin-bottom: 0; display: flex; gap: 5px;}

#social .fa {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px;
    margin: 0;
    min-width: 35px;
    text-align: center;
    font-size: 1.5em;
}
#social .fa:hover{
    background-color: #d8007b;
    border-color: #d8007b;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
}
.info-text {font-size: 18px;  margin-left: auto;margin-right: auto; display: block;}
#info-text2 {width: 120%;}
#info-text3 {margin-left: 30px;}
#logo img {max-width: 120px;}

@media screen and (min-width: 601px) {
    #header .col.m2.l2 {
        padding: 0;
    }

    #header .container .row {
        display: flex;
        gap: 40px;
        margin: 0;
        justify-content: space-between;
    }

    #header .row:after {
        display: none;
    }

    #header .container .row .col {
        flex: none;
        width: auto;
        margin: 0;
    }

    #header .container .row .col.mobile_flex-container {
        flex: 1;
        padding: 0;
        display: contents;
    }

    #header .container .row .col.mobile_flex-container .flex-container {
        display: contents;
    }

    #header .container .row .col.mobile_flex-container .flex-container .flex-item {
        flex: none;
        width: auto;
        white-space: nowrap;
    }

    #header #info-text1 {
        width: auto;
    }
    #header #info-text2 {
        width: auto;
    }
    #header #info-text3 {
        margin-left: 0;
        width: auto;
    }
}

@media screen and (max-width: 480px) {
    .container .slider {
        height: 100%;
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 601px) and (max-width: 870px) {
    #header .container .row .col.mobile_flex-container {
        display: none;
    }
}


/* END HEADER */

/* NAVIGATION PANEL */

nav.menu {background-color: #d8007b; box-shadow: inherit;}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {height: 55px;line-height: 55px;}
#menu-bg {background-color: #d8007b; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
ul.nav-mobile {display: -webkit-flex;display: flex;}
ul.nav-mobile > li {/*display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center;margin: auto;*/ -webkit-flex-grow:1; flex-grow:1;}
ul.nav-mobile > li  > a {text-transform: uppercase; font-size: 18px; font-weight: bold;}

/* END NAVIGATION PANEL */

/* FIRST SCREEN */
#main {
    width: 100%;
    /* height: 824px; */
    overflow: hidden;
    position: relative;
}
#floors {
    position: absolute;
    top: 160px;
    right: 0;
    z-index: 999;
}
#floor-name {
    background-color: #d8007b;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    padding: 14px 16px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: relative;
}

#floor-scope > li {
    background-color: #3a3650;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
    width: 100%;
    height: 100%;
    font-size: 50px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: relative;
}
#floor-scope > li > a {color:  #ffffff; display: block;width: 100%}
#floor-scope > li:hover{box-shadow: 1px 2px 7px 0;}
#floor-scope > li > a:hover{color: #d8007b;}
#banner-block {
    position: absolute;
    bottom: 70px;
    display: block;
    width: 100%;
    max-height: 198px;
    z-index: 999;
}
/*#banner-block .col.m3 {cursor: pointer;}
#banner-block .col.m3 span { font-family: "PT Sans", serif;}*/
#banner-block .banner {
    position: relative;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    transition: box-shadow .50s;
    overflow: hidden;
}
#banner-block .banner .backstage {margin-bottom: -6px;}
#banner-block .banner:hover, #banner-block .banner:focus {
     -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 515px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    transition: box-shadow .50s;
    cursor: pointer;
}
#banner-block .banner:hover hr, #banner-block .banner:focus hr {
    width: 50%;
    transition: width .50s;
}
#banner-block .banner:hover .backstage, #banner-block .banner:focus .backstage {
    -webkit-animation: zoom .50s ease-in;
    animation: zoom s ease-in;
    animation-fill-mode: forwards;
}
@-webkit-keyframes zoom {
  0% {transform: scale(1); }
  100% {transform: scale(1.2);}
}
#banner-block .banner h4 {
    font-size: 1.5em;
    font-weight: 600;
    margin: 0.5rem 0;
    color: #fff;
    text-transform: uppercase;
}
#banner-block .banner hr {
    width: 40%;
    height: 5px;
    background: #fff;
    border: 0;
    transition: width .50s;
}
#banner-block .banner .bg {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#banner-block .banner1 .bg {background: rgba(68,92,109,0.8);}
#banner-block .banner2 .bg {background: rgba(37,180,177,0.8);}
#banner-block .banner3 .bg {background: rgba(82,170,94,0.8);}
#banner-block .banner4 .bg {background: rgba(246,166,35,0.8);}
#banner-block .banner5 .bg {background: rgba(240,58,71,0.8);}
#banner-block .banner6 .bg {background: rgba(68,92,109,0.8);}
#banner-block .banner7 .bg {background: rgba(218,38,140,0.8);}

.shadow:hover {box-shadow: -1px -1px 12px 3px rgba(0,0,0,0.55);}
#Stage4 {overflow: hidden;}

#content-block  {padding: 40px 0;}
#content-block > .container {background-color: #fff; width: 60%;}
h1.content-top  {text-transform: uppercase; font-size: 30px; margin: 0; font-weight: 600; padding: 15px 40px;}

h1.white-text1 {
    color: #fff !important;
    font-size: 3.56rem;
    line-height: 110%;
    margin: 1.78rem 0 1.424rem 0;
}

.content-text {padding: 40px;}
.content-text h4.right{
    text-align: right;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.6;
    border-right: 1px solid #000;
    padding-right: 25px;
}
.post-name {
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 5px solid #d8007b;
    margin: 20px 0;
    padding-bottom: 7px;
    font-size: 25px;
}
.content-text .card .card-content {min-height: 110px;}
#vacation-block {
    background: url(../images/other/vacancy.jpg);
    margin: 40px -40px -40px -40px;
    padding: 10% 0;
    background-position: -490px -228px;
}
#vacation-block h5 {color: #999; text-align: center;}
#vacation-block .row {margin-bottom: 0;}
#vacation-block .col.m6 {background-color: #fff;padding: 20px;}
#vacation-block input, #vacation-block textarea {color: #000;}
#vacation-block input:focus, #vacation-block textarea:focus {border-bottom: 1px solid #d8007b; box-shadow: 0 1px 0 0 #d8007b; color: #000;}
#vacation-block textarea {margin-bottom: 20px; margin-top: 10px;}
#vacation-block a.pink-btn {float: none;}
#vacation-block input::-moz-placeholder  {color: #D77699 !important;}
.articles .row {margin-bottom: 0;}
.btn-article.right {
    color: #666;
    text-transform: uppercase;
    display: none;
}
.articles .card-panel span {display: block; width: 90%;}
.articles .card-panel:hover {box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); cursor: pointer;}
.articles .card-panel:hover .btn-article.right {display:block;}
#skidki .card-title {background-color: rgba(0,0,0,0.5);}
#skidki .card-content {min-height: 130px;}
#skidki .card .card-action a {color: #D8007B; margin-right: 0;}

.row.helper-block {margin-left: 0; margin-right: 0;background-color: #fff;}
.shop-helper .browser-default {border: 0; color: #d9d9d9; font-size: 16px;}
.search {position: relative;}
#btn-search {
    position: absolute;
    right: 12px;
    display: block;
    border: 0;
    background-color: #fff;
    border-left: 1px solid;
    height: 56px;
    width: 56px;
    padding: 14px;
}
#btn-search i {font-size: 30px;}
.content-top span {margin: 20px;}
#shops {position: relative;}
.search input {border-bottom: 1px solid #fff; color: #000;}
#video-reviews .card {background-color: #4B4668; color: #fff;}
#akcii h2 {text-shadow: 1px 1px 2px black;}
/* END FIRST SCREEN */

/* SHOP SECTION*/
#stores .card .card-content {text-align: center; overflow: hidden;}
#stores .card .card-image {border-bottom: 1px solid #f0f0f0;}
#stores  .card .card-title {font-size: 25px; font-weight: 300;}
#stores .card .card-content .card-title { color: #4b4668;line-height: 25px;}
/* END SHOP SECTION */

/* NEWS SECTION */
#news {
    padding: 40px 0;
   /* background: #64afda; */
}
.card-date {
    /*position: absolute;
    bottom:0;
    left:0;
    padding:20px;
    background-color: rgba(0,0,0,0.3);
    width:100%;*/
    font-size: 17px;
}
.news .card-image .card-title {
    /*bottom: 62px;*/
    bottom: 0;
}
.card-title.bg-dark {background: rgba(0,0,0,0.7); width: 100%;}
/* END NEWS SECTION */

/* AKCII SECTION */

#akcii {background: url(../images/bg/bg-news.jpg) fixed no-repeat;background-size: cover;}
#akcii > div.container {padding: 40px 0;}
.pink-btn {
    background-color: #D8007B;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 15px 20px;
    float: right;
}
.pink-btn:hover {
    background-color: #D77699;
}
.white-btn {
    background-color: inherit;
    color: #fff;
    border: 2px solid #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 13px 20px;
    margin: 0 20px;
    float: right;
}
.white-btn:hover {
    background-color: #fff;
    color: #2D293E;
    border: 2px solid #fff;
}
.send-btn {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 8px 20px;
    float: right;
}
.send-btn:hover, .send-btn:focus {
    background-color: #fff;
    color: #3a3650;
}

/* END AKCII SECTION */

/* SHOP SECTION */
#shop{padding: 20px 0;}
#stores ul>li.active {background: #606061;}
#stores ul>li.active>a {color: #fff;}
#stores ul.type_stores>li.active>a:hover, #stores ul.type_stores>li.active>a:focus {color: black;}
.search-panel {display: table;width: 100%;}
.search-panel>div {display: table-cell;vertical-align: middle;width: 30%;border-left: 1px solid #e2e2e2;padding: 0 10px;}
#search_input {width: 20%;}
#shop_sort {padding: 0;}
#refresh {width: 15%;text-align: center;border: 0;}
ul.type_stores > li img {width: 30px;}
ul.type_stores > li p {margin: 0 0 0 50px; padding-top: 5px; font-size: 18px;}
ul.type_stores > li a {color: #4b4668;font-size: 16px; display: block; padding: 15px 10px;}
ul.type_stores > li a:hover, ul.type_stores > li a:focus {background: #f0f0f0;}
.floor_block {display: table; width: 100%; height: 100%;}
.floor_block > div {display: table-cell;width: 5%;vertical-align: middle;}
.floor_block h5 {margin: 0;}
ul.type_stores.search {margin: 0; display: table; width: 100%;}
ul.type_stores.search > li {display: table-cell;width: 25%;text-align: center;}
ul.type_stores.search > li a {padding: 10px 5px;}
ul.type_stores.search > li img {width: 50px; margin: 0 auto;}
ul.type_stores.search > li p {margin: 0;font-size: 14px;padding: 0; text-align: center;}
.shop_search.card-panel {padding: 0;}
ul.store_floor.floor {margin: 0 0 0 20px; display: flex; flex-grow: 1; flex-shrink: 1; justify-content: center;}
ul.store_floor.floor>li {background: #26a69a;position: relative;margin: .1em;width: 100%;max-width: 300px;text-align: center;border-radius: 50%;overflow: hidden;}
ul.store_floor.floor>li:before {display: block;content: '';margin-top: 100%;}
ul.store_floor.floor>li .link {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;display: -webkit-flex;width: 100%;height: 100%;}
ul.store_floor.floor>li .link a {
    color: #FFF;
    font-size: 1.3em;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
}
/*.form-group.input-field.field-storesearch-title input {height: 2rem;}*/
#yii-debug-toolbar {display: none !important;}
/* END SHOP SECTION */


/* CONTACT SECTION */
#contacts {background: url(../images/bg/bg-contact.jpg) fixed no-repeat; padding: 40px 0; background-size: cover;}
.row.contact-block {height: 400px;}
.row.contact-block > .col.s12.m4.l4 {margin-top: 5%;}
#contacts-map {position: relative; width: 100%; height: 500px;}
#social-contacts .fa {
    color: #4B4668;
    border: 1px solid #4B4668;
    margin: 0 5px;
    min-width: 42px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}
#social-contacts .fa:hover {color: #fff; background-color: #4B4668; cursor: pointer;}
.contacts-name {text-transform: uppercase; font-weight: 600; margin: 20px 0; padding-bottom: 7px; font-size: 25px;}
.contacts a {color: #D8007B;}
/* END CONTACT SECTION */

/* FOOTER*/
footer {margin-top: 0 !important;}
footer ul.nav-mobile{border-bottom: 1px solid #fff;padding-bottom: 10px;}
footer .menu {background-color: #3a3650; margin-bottom: 10px;}
footer.page-footer {background-color: #3a3650}
.send-us {margin-top: 40px; margin-bottom: 40px;}
.send-us form.horizontal .input-field label {color: #fff;}
.footer-copyright {background-color: #2D293E !important;}
footer span {
    display: block;
    width: 100%;
    padding: 5px 0;
}

/* END FOOTER */

/* IF PRESS PAGE USES */
.content-text.press {padding: 0 12px;}
.press .row {margin-bottom: 0;}
.press .col {padding: 0;}
.press-block {position: relative; background-color: #000; cursor: pointer;}
.press-block:hover  img {opacity: 0.8;}
.press-block:hover  span {
    background-color: #fff;
    color: #000;
}
.press-block img {
    opacity: 0.5;
    margin-bottom: -6px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.press-block .center-align {
    width: 100%;
    position: absolute;
    top: calc(50% - 30px);
}
.press-block span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
    border: 4px solid #fff;
    padding: 10px;
}
/* END IF PRESS PAGE USES */

/* FORMS */
#form-contacts {border-bottom: 5px solid #4B4668; padding-bottom: 40px;}
#form-contacts .pink-btn {float: inherit;}
#form-contacts input {margin-bottom: 20px; margin-top: 10px;}
#form-contacts textarea {margin-bottom: 45px; margin-top: 10px;}
#form-contacts input, #form-contacts textarea {color: #000;}
.send-us input, .send-us textarea, .search input {color: #fff; border-bottom: 1px solid #fff;}
input:focus, textarea:focus {border-bottom: 1px solid #d8007b !important; box-shadow: 0 1px 0 0 #d8007b !important;}
.content-text input::-webkit-input-placeholder, .content-text textarea::-webkit-input-placeholder {color: #4b4668;}
.content-text input::-webkit-input-placeholder, .content-text textarea::-webkit-input-placeholder {color: #4b4668;}

.help-block-error{
    margin: 0;
    font-size: 11px;
    color: #F44336;
}
form.horizontal .input-field {margin-top: 0;}
form.horizontal .input-field input,.input-field textarea{margin-bottom: 5px;}
form.horizontal textarea.materialize-textarea {padding: 0;}
form.horizontal .input-field label {left:0; top: 0.5rem;}
.input-field label {left:0}
/* END FORMS */

/* HELPER CLASSES */
.hoverable-pink:hover {
    cursor: pointer;
    box-shadow: 0px 0px 15px 2px rgb(20, 65, 90);
}
.separator {text-align: center; width: 100%; background: url(../images/bg/separator.jpg) center center repeat-x; margin-top: 20px;}
.separator span {padding: 10px 15px; background-color: #fff; text-transform: uppercase; font-weight: 400; font-size: 20px;}
.dropdown-content li > a, .dropdown-content li > span {color: #525252; }
.dropdown-content {background-color: #3a3650; color: #fff;}
#menu-bg .dropdown-content {top: 55px !important;}
.dropdown-content li:hover, .dropdown-content li.active {background-color: #403B58;}
.dropdown-content li > a, .dropdown-content li > span{
    color: #fff;
    font-size: 18px;
}
.rslides-block{position: relative;}
a.rslides_nav.rslides1_nav.prev, .rslides_nav.rslides1_nav.next{
    position: absolute;
    top: calc(50% - 44px);
    z-index: 2;
    background: rgba(0,0,0,0.5);
    font-size: 20px;
    color: #fff;
    padding-top: 10px;
}
a.rslides_nav.rslides1_nav.next {right: 0;}
.rslides_nav i {font-size: 70px;}
.breadcrumb:first-child:before {display: none;}
.breadcrumb:last-child {color: #4B4668;}
.breadcrumb:before {
    content: '\E5CC';
    color: rgba(75,70,104,0.7);
    vertical-align: top;
    display: inline-block;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    margin: -5px 10px 0 8px;
    -webkit-font-smoothing: antialiased;
}
.breadcrumb {font-size: 18px; color: rgba(75,70,104,0.7);}
.nostyle {color: inherit;}
.pagination li.active {background-color: #d8007b;}
.pagination li {
    font-size: 1.2rem;
}
.pagination li i {
    font-size: 2.2rem;
    vertical-align: middle;
}
.pagination li a {
    color: #FFF;
    vertical-align: middle;
}
.pagination-white .pagination li a{ color: #000;}
.pagination-white .pagination li.active a{ color: #fff;}
.pagination-white .summary{ color: #fff;}

.list-styled li {margin-left: 20px; list-style-type: disc;}
.item {display: inline-block; padding: .25rem; width: 100%;}

/*404*/
#error {background: #4B4668; padding: 20px 0;}
#error h1{color: #fff; font-size: 8em; font-weight: bold; margin: 0;}
#error p {color: #fff; font-size: 20px;}

.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
    background-color: #3a3650;
}
.dropdown-content li.active.selected {
    background-color: #3a3650;
}

strong {font-weight: 600;}

#toast-container {
    bottom: 10%;
    top: inherit;
}

hr.fat{border-bottom: 4px solid #4B4668;}

/* Preloader */
/* #page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #4B4668;
    z-index: 100500;
    text-align: center;
    padding-top: 28%;
}
.preloader-content {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -58px;
}
#page-preloader img {
    max-width: 170px;
    margin-bottom: 30px;
}
#page-preloader .dot {
    display: inline-block;
    background: #fff;
    height: 8px;
    width: 8px;
    opacity: 0.3;
    border-radius: 50%;
    animation: moveit 1.8s infinite;
}
#page-preloader .dot:nth-child(2) {
    animation-delay: .15s;
}

#page-preloader .dot:nth-child(3) {
    animation-delay: .3s;
}

#page-preloader .dot:nth-child(4) {
    animation-delay: .45s;
}

#page-preloader .dot:nth-child(5) {
    animation-delay: .6s;
} */

@keyframes moveit {
    0% {
        transform: translateY(0px);
    }
    35% {
        transform: translateY(0px);
        opacity: 0.3;
    }
    50% {
        transform: translateY(-20px);
        opacity: 0.8;
    }
    70% {
        transform: translateY(3px);
        opacity: 0.8;
    }
    85% {
        transform: translateY(-3px);
    }
}

.full-width {
    width: 100%;
}

/* Cinema Page */
#cinema_films .card-panel.white {padding: 0;}
#cinema_films .tabs {height: 68px; margin: 0.5rem 0 1rem 0;overflow: hidden;}
#cinema_films .tab {height: 68px; line-height: 68px;}
#cinema_films .tabs .tab a {color: #4B4668;}
#cinema_films .tabs .tab a.active {font-weight:600;}
#cinema_films .film_img {padding: 0;}
#cinema_films .film_img img {margin-bottom: -6px;}
#cinema_films .film_button>span {
    color: #4B4668;
    text-transform: uppercase;
    font-weight: 600;
    background: transparent;
    border: 2px solid #4B4668;
    padding: 10px 15px;
    cursor: pointer;
    display: inline-block;
    margin: 20px 0;
}
#cinema_films .film_button>span:hover, #cinema_films .film_button>span:focus {
    background: #4B4668;
    color: #FFFFFF;
}
#cinema_films .film_block {
    display: table;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
#cinema_films .film_block .chip {margin: 5px;}
#cinema_films .film_block.open {
    background: #d8007b;
    color: #fff;
    padding: 40px 0;
    display: table;
    height: 100%;
}
#cinema_films .film_block video {
    width: 100%;
}
#cinema_films .film_block>div {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    float: inherit;
}
#cinema_films .film_block.open>div {
    display: table-cell;
    height: 100%;
    vertical-align: top;
}
#cinema_films .film_block>div:last-child {
    background: #f0f0f0;
}
#cinema_films .film_block.open>div:last-child {
    background: transparent;
    position: relative;
}
#cinema_films .film_block table>tbody>tr>td:first-child {
    width: 15%;
}
a.film_timt.tooltipped {
    cursor: pointer;
    background: #fff;
    border: 1px solid #fff;
    color: #343433;
    padding: 5px;
    font-size: 18px;
    margin-right: 10px;
}
a.film_timt.tooltipped.end {background: transparent;}
.tabs .indicator {background-color: #4B4668;}
#cinema_films .film_button.close>span {
    border-color: #fff;
    color: #fff;
    margin: 0;
}
#cinema_films .film_button.close>span:hover, #cinema_films .film_button.close>span:focus {
    background: #fff;
    color: #4B4668;
}
/* End of Cinema Page */

/* Slider on MainPage */
ul.rslides {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}
ul.rslides>li {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
ul.rslides>li.front {background-image: url(../upload/logo/front_29.11.21.jpg);}
ul.rslides>li.front1 {background-image: url(../images/front1.png);}
ul.rslides>li.slide_film {
    background: -webkit-linear-gradient(108deg, rgb(4, 114, 212), rgb(130, 214, 149));
    background: linear-gradient(108deg, rgb(4, 114, 212), rgb(130, 214, 149));
}
ul.rslides>li.slide_film .container {
    width: 70%;
    display: flex;
    display: -webkit-flex;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: row;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

ul.rslides>li.banner .container {
    width: 80%;
    display: flex;
    display: -webkit-flex;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: row;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
#main a.rslides_nav.rslides1_nav.prev, #main .rslides_nav.rslides1_nav.next {
    position: absolute;
    top: 29px;
    z-index: 2;
    background: #d8007b;
    font-size: 20px;
    color: #fff;
    padding-top: 0;
    width: 50px;
    text-align: center;
}
#main a.rslides_nav.rslides1_nav.prev:hover, #main .rslides_nav.rslides1_nav.next:hover,
#main a.rslides_nav.rslides1_nav.prev:focus, #main .rslides_nav.rslides1_nav.next:focus {
    background: rgb(134, 6, 79);
    outline: none;
}
#main a.rslides_nav.rslides1_nav.next {left: 50px;}
#main .rslides_nav i {font-size: 62px;}
#main .slide_film .first img {margin-bottom: 6px;}
/* End of slider on MainPage */

/* Button toTop */
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgb(31,29,42) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #d8007b;
    opacity: 1;
}

a.toBottom {
    position: absolute;
    bottom: 20px;
    background: rgba(0,0,0,0.6);
    z-index: 999;
    width: 60px;
    height: 40px;
    display: block;
    color: #fff;
    font-size: 2em;
    text-align: center;
    left: 50%;
    margin-left: -30px;
    animation: toBottom 2s infinite ease-in-out;
}

@keyframes toBottom {
    from {bottom: 20px;}
    50% {bottom: 30px;}
    to {bottom: 21px;}
}
/* End of button toTop */


#main.test {
    background-image: url(../images/front.png);
    background-size: cover;
    background-position: center center;
}
#main.test #slider_block {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 250px;
}
#slider_block .carousel .carousel-item {
    width: 400px;
    height: auto;
}
.counter{
    position: absolute;
    top: 510px;
    left: calc(65%/2);
    z-index: 9999;
    background-color: rgba(15, 15, 15, 0.4);
    border-radius: 80px;
}

@media (max-width: 600px) {
    .counter {display: none;}
}

@media (max-width: 1700px) {
    .counter {left: calc(60%/2);}
}

@media (max-width: 1500px) {
    .counter {left: calc(55%/2);}
}

@media (max-width: 1300px) {
    .counter {left: calc(45%/2);}
}

@media (max-width: 1200px) {
    .counter {left: calc(40%/2);}
}

@media (max-width: 900px) {
    .counter {left: calc(10%/2);}
}

.counter-mobile{
    display: none;
}

@media (max-width:420px) {
    #contacts {background: url(../images/bg/min-bg-contact.jpg); padding: 40px 0; background-size: cover;}
}

@media (min-width:320px) and (max-width:840px) and (orientation:portrait){
    .counter-mobile{display: block; overflow: hidden;}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {.counter-mobile{display: none;}}

.social-btn {
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    padding: 5px;
    margin: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    transition: 0.3s;
}

.social-icon {
    width: 100%;
    height: 100%;
    display: block;
}

.social-icon.social-icon_rutube {
    width: 22px;
    height: 18px;
}

.social-btn:hover {
    background-color: #d8007b;
    border-color: #d8007b;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),
    0 2px 10px 0 rgba(0,0,0,0.12);
}

#social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    flex: none;
    width: 35px;
    height: 35px;
}