.container-fluid:before{
    display: table;
    content: " ";
}

header .name {
    width         : 30px;
    height        : 30px;
    text-align    : center;
    box-sizing    : border-box;
    background    : #f6ff00;
    color         : #111;
    border-radius : 15px;
    display       : inline-block;
    font-size     : 20px;
    font-weight   : 600;
    margin        : 15px 5px;
    line-height   : 30px;
    text-transform: uppercase
}

header .name.segment {
    font-size      : 0;
    background     : url(images/profile.jpg) no-repeat center center transparent;
    background-size: 100%;
    line-height    : 40px
}

.anonymous-user {
    font-size: 0
}

.authorised-user {
    display: block
}

.authorised-user a {
    display       : inline-block;
    vertical-align: top
}

header.header-main {
    width     : 100%;
    position  : fixed;
    top       : 0;
    z-index   : 999;
    background: #000;
    height    : 60px;
    font-family: 'Open Sans';
    font-weight: 500;
}

header.header-main .container-fluid {
    padding: 0
}

header .logo {
    position  : absolute;
    left      : 25px;
    top       : 15px;
    z-index   : 15;
    box-sizing: border-box
}

.icon-logo {
    display        : inline-block;
    background     : url(/f/1/global/logo_ico.svg) no-repeat 0 0 transparent;
    width          : 75px;
    height         : 73px;
    background-size: 100%
}

.h-m {
    display   : block;
    position  : relative;
    background: #000;
    margin    : 0;
    box-sizing: border-box;
    color     : #fff
}

.h-m .h-m__mobile {
    display: none
}

.h-m .h-m__desktop {
    display     : block;
    float       : left;
    margin      : 0;
    list-style  : none;
    padding-left: 110px;
    box-sizing  : border-box;
    z-index: 5;
}

.h-m .h-m__item {
    font-size     : 0;
    display       : inline-block;
    list-style    : none;
    vertical-align: top
}

.h-m .h-m__item-link {
    padding        : 23px 15px;
    font-size      : 18px;
    color          : #fff;
    line-height    : 14px;
    letter-spacing : .4px;
    display        : block;
    text-decoration: none !important
}

.h-m .h-m__item-link:hover {
    color: #7d7d7d
}

.h-m .h-m__item-link.selected {
    color         : #3cb4e7;
    letter-spacing: .6px
}

.addon-menu__list-item.selected a {
    color         : #3cb4e7 !important;
    letter-spacing: .6px
}

.h-m .h-m__bars {
    display: block
}

.h-m .h-m__bar {
    width     : 29px;
    transition: all .2s;
    display   : block;
    background: #fff;
    height    : 2px;
    margin    : 6px 0
}

.h-m.active .h-m__bar:nth-child(1) {
    transform       : rotate(45deg);
    transform-origin: 10% 10%
}

.h-m.active .h-m__bar:nth-child(2) {
    opacity: 0
}

.h-m.active .h-m__bar:nth-child(3) {
    transform       : rotate(-45deg);
    transform-origin: 10% 90%
}

.h-m .h-m__bar:nth-child(1) {
    transform: rotate(0)
}

.h-m .h-m__bar:nth-child(2) {
    opacity: 1
}

.h-m .h-m__bar:nth-child(3) {
    transform: rotate(0)
}

.anonymous-user {
    padding    : 23px 0;
    line-height: 14px
}

.anonymous-user a {
    font-size  : 14px;
    line-height: 14px;
    display    : inline-block;
    padding    : 0 5px;
    color      : #fff
}

.anonymous-user a:hover {
    color: #2aa5df
}

.anonymous-user a.register-link {
    border-left: 1px solid #fff
}

.addon-menu {
    display           : none;
    position          : absolute;
    background        : #000;
    width             : 200px;
    top               : 60px;
    padding           : 5px 0;
    -moz-box-shadow   : 0 2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, .4);
    box-shadow        : 0 2px 2px rgba(0, 0, 0, .4);
    margin            : 0
}

.addon-menu#citylist {
    left: 15px
}

.addon-menu .addon-menu__list-item {
    margin   : 0;
    padding  : 0;
    width    : 100%;
    min-width: 100px;
    display  : block
}

.addon-menu .addon-menu__list-item a,
.addon-menu .addon-menu__list-item b {
    display  : block;
    color    : #fff;
    font-size: 14px;
    padding  : 4px 16px
}

.addon-menu .addon-menu__list-item a:hover {
    color: #999
}

.addon-menu.addon-menu_h-m {
    max-width: 260px;
    width    : 100%;
    min-width: 260px;
    z-index: 5;
}

.addon-menu.addon-menu_h-m .addon-menu__list-item a,
.addon-menu.addon-menu_h-m .addon-menu__list-item b {
    font-size: 18px;
    padding  : 6px 16px
}

.city-selector {
    font-size      : 14px;
    line-height    : 14px;
    padding        : 15px 20px 15px 30px;
    color          : #fff;
    cursor         : pointer;
    height         : 100%;
    box-sizing     : border-box;
    background     : url(/images/header/location.svg) no-repeat left center transparent;
    background-size: 26px 30px
}

.city-selector .city-selector__text {
    top              : 50%;
    transform        : translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    position         : relative;
    display          : block
}

header .navigation-section {
    float: left;
    height  : 60px;
    position: relative;
    z-index : 1;
    display : inline-block
}

.cart {
    display    : block;
    box-sizing : border-box;
    padding    : 18px;
    transition : .5s all linear;
    cursor     : pointer;
    line-height: 16px
}

.cart .cart__icon {
    display        : inline-block;
    background     : url(/images/header/cart.svg) no-repeat 0 0 transparent;
    background-size: 28px 21px;
    width          : 28px;
    height         : 21px
}

.cart.active {
    background: #1ea1dc;
    width     : 260px
}

.cart .cart__items {
    display   : none;
    width     : 260px;
    position  : absolute;
    top       : 60px;
    border-top: 1px solid #b2b2b2;
    background: #f5f4f4;
    left      : 0
}

.cart.active:hover .cart__items {
    display: block
}

.cart .cart__item {
    display   : block;
    padding   : 5px;
    border    : 1px solid #b2b2b2;
    border-top: 0 none
}

.cart .cart__item-image,
.cart .cart__item-image img {
    display       : inline-block;
    width         : 34px;
    height        : 50px;
    vertical-align: top
}

.cart .cart__item-text {
    display       : inline-block;
    width         : 160px;
    font-size     : 12px;
    letter-spacing: .5px;
    text-align    : left;
    color         : #000;
    padding       : 10px 8px;
    line-height   : 12px
}

.cart .cart__item-delete {
    font-family: Material-Design-Iconic-Font;
    font-size  : 19.6px;
    text-align : center;
    color      : #929292;
    display    : inline-block;
    float      : right;
    padding    : 10px 10px 0 0
}

.cart .cart__item-delete:before {
    content: '×';
    display: block;
    width  : 13px;
    height : 13px
}

.cart .cart__countdown {
    font-size     : 14px;
    font-weight   : 600;
    letter-spacing: .3px;
    text-align    : left;
    color         : #fff;
    line-height   : 14px;
    padding       : 6px 5px 0;
    vertical-align: top;
    display       : none
}

.cart.active .cart__countdown {
    display: inline-block
}

.cart .cart__cd {
    display       : inline-block;
    letter-spacing: .8px;
    font-weight   : 400
}

.cart .cart__q {
    display     : inline-block;
    border-right: 1px solid #fff;
    padding     : 0 5px 0 0;
    margin      : 0 5px
}

.logout {
    display            : inline-block;
    width              : 25px;
    height             : 28px;
    background-image   : url(/images/header/out.svg);
    background-position: 0 0;
    background-repeat  : no-repeat;
    position           : relative;
    background-size    : 25px 28px;
    margin             : 16px 10px 16px 5px
}

.smartbanner-show .header-main {
    position: relative
}

.smartbanner-show .wrap>.container {
    margin-top: 0
}

.smartbanner-show .wrap {
    margin-top: 80px
}

header .right {
    display: flex;
    justify-content: flex-end;
}

.right {
    float: right !important;
}

#search {
    margin-right : 15px;
    margin-left  : 15px;
    padding-right: 15px;
    padding-left : 15px;
    cursor       : pointer;
    position     : relative;
    z-index      : 999
}

#search .move-to-active {
    line-height: 60px;
    font-size  : 35px;
    color      : #fff;
    position   : absolute;
    z-index    : 999;
    left       : -20px;
    transition : .3s
}

.search-input {
    position     : absolute;
    height       : 40px;
    right        : 0;
    top          : 10px;
    border-radius: 30px;
    transition   : .3s;
    opacity      : 0;
    width        : 0
}

.search-active .search-input {
    opacity     : 1;
    width       : 300px;
    padding-left: 30px
}

#search.search-active .move-to-active {
    color: #252525
}

.list-search-movie {
    width        : 320px;
    position     : absolute;
    right        : -10px;
    top          : 55px;
    background   : #fff;
    text-align   : center;
    border-left  : 1px solid rgba(0, 0, 0, .15);
    border-right : 1px solid rgba(0, 0, 0, .15);
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    max-height   : 463px;
    overflow-y   : hidden;
    display      : none
}

.list-search-movie.show-result {
    display: inline-block
}

.list-search-movie p {
    padding: 15px;
    margin : 0;
    color  : #959595
}

.item-search {
    width     : 95%;
    display   : inline-block;
    padding   : 5px 10px;
    border-top: 1px solid rgba(0, 0, 0, .15);
    text-align: left;
    transition: .3s
}

.item-search:hover {
    opacity: .5
}

.item-search img {
    height      : 55px;
    display     : inline-block;
    margin-right: 15px
}


.material-icons.move-to-hide {
    color: #ccc;
    position: absolute;
    z-index: 10;
    font-size: 30px;
    line-height: 60px;
    left: -195px;
    display: none;
}

.points {
    color         : #fff;
    font-size     : 14px;
    line-height   : 14px;
    padding       : 23px 10px;
    display       : inline-block;
    vertical-align: top
}

.base-box-if-defined {
    width: 200px;
    background-color: #000;
    padding: 20px 20px 30px;
    position: absolute;
    margin-top: 30px;
    left: 15px;
}

.hidden-box {
    display: none;
}

.ip-city-message {
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: "Open Sans";
    line-height: 19px;
    margin-bottom: 10px;
}

.btn_ip {
    width: 100%;
    height: 44px;
    background-color: #000;
    border-radius: 30px;
    text-transform: uppercase;
    border: 2px solid #3cb4e7;
    color: #3cb4e7;
    text-align: center;
    font-size: 14px;
    font-family: "Open Sans";
    margin-top: 20px;
    cursor: pointer;
}

#citylist li.active a {
    color: #3cb4e7;
}

a.item-search .title {
    display  : inline-block;
    font-size: 14px;
    color    : rgba(0, 0, 0, .87)
}

.container-fluid:after{
    content: "";
    clear: both;
    display: table;
}

@media (max-width:1480px) {
    .h-m .h-m__item-link {
        padding: 23px 10px
    }
}

@media (max-width:1380px) {
    .h-m .h-m__item-link {
        padding  : 23px 5px;
        font-size: 16px
    }

    .points {
        padding: 23px 10px 25px 0
    }

    .city-selector {
        padding: 15px 10px 15px 30px
    }
}

@media (max-width:1280px) {
    .anonymous-user .register-link-text-short {
        display: inline-block
    }

    header .register-link-text {
        display: none
    }

    header .mobile-block {
        display: none
    }

    header .logout-block {
        border: 0 none
    }

    .city-selector {
        max-width: 150px
    }
}

@media (max-width:1260px) {
    .h-m .h-m__item-link {
        font-size: 15px
    }
}

@media (max-width:1220px) {
    .h-m {
        float   : right;
        position: relative
    }

    .h-m .h-m__mobile {
        display: block;
        padding: 15px;
        cursor : pointer
    }

    .h-m .h-m__desktop {
        position  : absolute;
        background: #000;
        padding   : 10px;
        margin    : 0 0 0 -100%;
        top       : 60px;
        right     : 0;
        width     : auto;
        display   : none;
        min-width : 360px
    }

    .h-m.active .h-m__desktop {
        display: inline-block
    }

    .h-m .h-m__item {
        display: block
    }

    .h-m .h-m__item-link {
        font-size  : 18px;
        line-height: 18px;
        padding    : 6px
    }

    .h-m .h-m__item-link.d-toggle {
        display: none
    }

    .header .right {
        float       : none !important;
        padding-left: 120px;
        text-align  : right
    }

    header .navigation-section {
        float         : none;
        vertical-align: top;
        text-align    : left
    }

    .addon-menu.addon-menu_h-m {
        display  : block!important;
        position : relative;
        top      : 0;
        max-width: 100%;
        padding  : 0
    }

    .addon-menu.addon-menu_h-m .addon-menu__list-item a,
    .addon-menu.addon-menu_h-m .addon-menu__list-item b {
        font-size     : 18px;
        line-height   : 18px;
        padding       : 6px;
        letter-spacing: .4px
    }

    #search .move-to-active{
        left: 0;
    }
}


@media (max-width:576px) {

    .h-m.active,
    .navigation-section.navigation-section_city {
        z-index: 2
    }

    .anonymous-user a.register-link {
        display: none
    }

    .cart {
        display: none
    }

    .cart.active {
        display: block
    }

    .points {
        display: none
    }

    .name {
        margin: 15px 10px 15px 0
    }

    header .logo {
        top    : 25px;
        left   : 10px;
        z-index: 10000;
        width  : 56px;
        height : 54px
    }

    .city-selector {
        max-width: 110px
    }

    .header .right {
        padding-left: 70px
    }

    .h-m {
        position: static
    }

    .h-m .h-m__desktop {
        width      : 100%;
        margin     : 0;
        min-width  : auto;
        box-sizing : border-box;
        right      : auto;
        left       : 0;
        padding-top: 20px
    }

    .addon-menu {
        width: 164px
    }
}

@media (max-width:768px) {
    .header.header-main.cert-header {
        position: static
    }

    .header.header-main.cert-header+.container {
        margin-top: 0
    }
}
.addon-menu .addon-menu__list-item span, .addon-menu .addon-menu__list-item b {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 4px 16px;
}

#citylist li.active span {
    color: #3cb4e7;
}