html {
    font-size: 62.5%;
    height: 100%;
}

body {
    margin: 0;
    color: #4d4d4d;
    font: 1.3rem/2rem 'Open sans', Arial, Helvetica, sans-serif;
    min-width: 320px;
    height: 100% !important;
}

input[type=submit]:hover {
    cursor: pointer;
}

img {
    border-style: none;
    /* https://stackoverflow.com/a/42216003 */
   	transform: translateZ(0);
   	image-rendering: -webkit-optimize-contrast;
}

a {
    text-decoration: none;
    color: gray;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}

a:active {
    background-color: transparent;
}

input,
textarea,
select {
    vertical-align: middle;
    color: #808080;
    font: 100% Arial, Helvetica, sans-serif;
}

form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

/*input[type=text], input[type=password], input[type=file], textarea, input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0 !important;
}*/

:-ms-input-placeholder {
    color: #000;
}

::-webkit-input-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#wrapper {
    width: 100%;
    position: relative;
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
}

.container-fluid {
    max-width: 1230px;
    margin: 0 auto;
}

#header {
    width: 100%;
    padding: 0.8rem 2% 0.4rem;

    background: #f6f6f6;
    background: -moz-linear-gradient(top, #ffffff, #f6f6f6);
    background: -ms-linear-gradient(top, #ffffff, #f6f6f6);
    background: -webkit-linear-gradient(top, #ffffff, #f6f6f6);
    background: -o-linear-gradient(top, #ffffff, #f6f6f6);
    background: linear-gradient(top, #ffffff, #f6f6f6);
    border-bottom: 3px solid #ffffff;

    color:#383b3e;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.25);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.25);
    position:relative;
    z-index:5;
}
#header:after{
    display:block;
    clear:both;
    content:'';
}
#header .logo{
   float: left;
   margin:5px 15px 0 0;
}

#header .reserv-box {
    display: none;
}

.header-holder{
    overflow:hidden;
    margin-top:5px;
    padding:0 0 0 20px;
    vertical-align:middle;
}
.header-holder .event-img{
    float: left;
    display: block;
    margin: 0 15px 0 0;
    width: 46px;
}
.header-holder .event-img a {
    display: block;
}
.header-holder .event-img img{
    width: 46px;
    vertical-align:top;
}
.desc-event{
    position: relative;
    margin-left:15px;
    display:block;
    float: left;
    width: calc(100% - 76px);
    vertical-align:top;
}
.desc-event:before {
    position: absolute;
    left: -15px;
    top: 15px;
    content: '';
    width: 1px;
    height: 40px;
    background: #D9D9D9;
}
.desc-event h1{
    margin:0 0 5px;
    font-size:18px;
    line-height:19px;
}
.desc-event h1 a.event-name {
    color: #407bcd;
    text-shadow: 1px 1px 3px #fff;
    font-size: 21px;
}

.event-info .col{
    display:inline-block;
    vertical-align:top;
    margin:0 20px 0 0;
}
.event-info .col span {
    display: block;
    font-size: 15px;
    padding: 0 0 5px;
    color: #a2a2a2;
}
.event-info .col p{
    font-size:12px;
    line-height:14px;
    font-weight:bold;
}

.event-info .col .th {
    font-size: 15px;
}

.event-info .col .big {
    font-size: 16px;
}

.event-info .col p.big {
    font-weight: normal;
    color: #626262;
    font-size: 15px;
    line-height: 17px;
}
.event-info .col p.big a {
    color: #626262;
}
.event-info .col p.big a:hover {
    color: #006CB9
}

.event-info .col span.th {
    padding-bottom: 2px;
}

.close-btn{
    position:absolute;
    right:20px;
    top:35px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    display:none;
    font-size:44px;
}



#header p {
    margin: 0;
}

.main2 {
    height: 100%;
    position: relative;
    background: #ccc;
}

.main2-scheme {
    flex: 1 1 100%;
}

.main-holder {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
}

.main-content {
    height: 100%;
    position: relative;
}

.content2 {
    position: absolute;
    background: #fff;
    top: 0;
    height: 100%;
    left: 0;
}

.block {
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.price-box {
    position: absolute;
    left: 0;
    bottom: 20px;
    background: #fff;
}

.price-box div {
    display: inline-block;
    vertical-align: middle;
    margin: 6px;
}

.price-box div span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #c20;
    border-radius: 50%;
    margin: 0 10px 0 0;
}

.content2 {
    right: 400px;
}

.sidebar2 {
    width: 400px;
    position: absolute;
    background: #ffffff;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: -1px 0 5px 1px rgba(0,0,0,0.25);
}

.footer {
    border-top: 1px solid #528dd1;
    background: #457ec3 url(/assets/images/footer-bg.jpg) no-repeat 50% 0;
    width: 100%;
    font-size: 1.3rem;
    color: white;
    /*padding: 10px;*/
    /*box-shadow: 0 -1px 5px 1px rgba(0,0,0,0.25);*/
    padding: 1.4rem 2%;
    box-shadow: 0 -1px 5px 1px rgba(0,0,0,0.25);
    z-index: 20;
}

.footer .copyright {
    float: left;
}

.footer .phone {
    float: right;
}

.cart-holder .mob-checkout {
    display: none;
}

#covid-cert-popup {
    text-align: center;
}
#covid-cert-popup a {
    text-transform: uppercase;
    width: 7em;
}
#covid-cert-popup a:first-of-type {
    margin-right: 1em;
}

/*---------| important for ticket list overflow recalc |--------*/
.sidebar-holder {
    display: block;
    max-height: calc(100% - 252px);
}

.cart-holder.has-e-wallet .sidebar-holder {
    max-height: calc(100% - 292px);
}

#ewallet-big {
    width: 80%;
    height: 40px;
    position: relative;
    margin: 0 auto 7px;
    overflow: hidden;
}

#ewallet-big .item {
    height: 40px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

#ewallet-big.ew-half .item {
    width: 49%;
}

#gpay-wrapper-big {
    margin-bottom: 10px;
    display: none; /* prevent blipping on mob - display on big resolutions in desktop media query */
}

#gpay-wrapper-big .gpay-button.new_style {
    padding: 8px 24px;
    min-height: auto;
    min-width: auto;
    border-radius: 3px;
}

#apay-big .apay-btn {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-position: 50% 50%;
    background-color: black;
    background-size: 60%;
    background-repeat: no-repeat;
    border: none;
}

#apay-big .apay-btn:hover {
    background-color: #3c4043;
}

.button-holder {
    display: block;
    width: auto;
    text-align: center;
    margin: 0 30px;
    /*padding: 10px 0;*/
    padding: 15px 0 10px 0;
    z-index: 20;
    border-top: 1px solid #eaeaea;
}

.ticket_preview_no_ticket {
    margin: 20px 30px 14px 30px;
    padding: 14px;
    border: 1px dashed #aeaeae;
    border-radius: 3px;
    font-size: 14px;
    color: #808080;
    text-align: center;
    cursor: default;
}

.cap-phrase {
    text-transform: capitalize;
}

.info-block {
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    height: 100%;
    padding:16px 0 12px;
}

.info-block .cart {
    display: block;
    padding: 20px 0 20px 75px;
    width: 100%;
    background-color: #efefef;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAIAAAC1JZyVAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAAB7klEQVRIS7WWSWvCUBhF8//3caggoisVh2ILIlq1ClV04cIJFSfEAcH8hV6S2zbq95KaxLNw8b7hmJe8QYvH4y820um08QQ0/Y7JZMJgcAiaZzyQ1u12v0yKxSI9ul6pVOr1+kcQNJvNzWajUWcYl8uFkqCJRqN/GlAulxkJlFAodKU5HA6MBEqv17vSgFKpxGBAJBIJtL3V7HY7xgNiOp2i7a0GFAoFpvgmm81aPQXNer1mlm/wKVs9BQ3IZDJM9MHb+xvbqTSLxYK5PjidTmyn0oBUKsV0T2Dxs5GJUjMcDlnxOJFIBHsKG5koNcDzG8J6ZIsfnDTVapV1j4ADjPU2lJr9fo9nZ+kjzOdztrCh1ORyOdbpOhbsqyM4RPCLnVd0AFkzm81o0PV8Ps9RH8iaZDJpOcLh8PF45KgPBM12u7UcABs2R/0haFarFSXmZ4N1iofzgH2FypOG7vT4wD4Tsma5XOIAZ7pX8PmxnUoD8Ob7/X673W61Wp//A5nI/y0ZjUbs5aAJFqVmPB5jcrFI8b845IZDiawZDAacYBPcQ2923HucSwTN+Xxmro1Op8OwhGuJoBGPTud16loiaMRLIa7UDEu4lsjvplarMdcEOxvOBcYUOJfIGtBoNHBhjMVi2KFxpeKoI8oSw/gGj8BkDFsMg64AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 21px 13px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #949494;
    font-size: 22px;
}
.over-scheme-text {
    left: 100px;
    top: 10px;
    width: calc(100% - 200px);
    background: #ffffff;
    position: absolute;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.36);
    /*color: #717171;*/
    color: red;
    text-align:  center;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: bold;
}
.legacy-hall-fullscreen .over-scheme-text {
    padding: 20px 5px;
    z-index: 999;
}
.over-scheme-text a {
    color: #407bcd;
}
.control-block{
    position:absolute;
    /*right:30px;*/
    right:59px;
    bottom:30px;
    padding:3px;
}
.control-block a{
    display:block;
    padding:10px;
    font-size:28px;
    background:#fff;
    color:#000;
    cursor: pointer;

    /*box-shadow: 1px 1px 1px rgba(0,0,0,0.12);*/
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.36);

    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.control-block a:hover{
    color:#6a6a6a;
}
.control-block a span{
    height:2px;
    display:block;
    width:100%;
    background:#000;
}
.control-block .reset-icon{
    margin:10px 0 0 ;
}
.control-block .reset-icon img {
    width: 16px;
    height: 16px;
}
.control-block .reset-icon img:hover{
    opacity: 0.8;
}
.list-block{
    /*height:71.5%;*/
    margin:20px 0 0 0;
    height: calc(100% - 82px);
    /*height: calc(100% - 122px);*/
    overflow-y: auto;
}
.list-block.sidebar-has-overflow{
    /*box-shadow: 0 0 4px 0 rgba(0,0,0,.16);*/
}
.sidebar-has-overflow .cart-list {
    padding-top:14px;
}

/*---------| terms |--------*/
.terms-wrapper {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    text-align: left;

    padding: 10px 0;
    margin: 0 0 15px;

    font-size: 14px;
    color: #9a9a9a;
}
.terms-wrapper .agree-terms a {
    color: #4dcb70;
    font-weight: bold;
    text-decoration: underline;
    font-size: 13px;
}
.agree-terms .icheckbox-lite {
    border-color: #88C912;
}
.cb-coupon-wrapper .icheckbox-lite {
    border-color: #667FBF;
}

.icheckbox-lite {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0;
    width: 22px;
    height: 22px;
    font-size: 18px;
    border: 2px solid #e8e8e8;
    cursor: pointer;
    border-radius: 5px;
    /*position: absolute !important;*/
    left: 0;
    top: 0;
}

.icheckbox-lite:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #297eb7;
    text-align: center;
    line-height: 18px;
    display: none;
}

.icheckbox-lite.checked:before {
    display: block;
}

.icheckbox-lite.disabled,
.icheckbox-lite.checked.disabled {
    opacity: 0.7;
    cursor: default;
}

.terms-wrapper .icheckbox-lite.shake {
    animation: shake_ib 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake_ib {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
/*---------| /terms/ |--------*/

.cart-list{
    margin:0;
    padding:6px 30px 0;
    list-style:none;
}
.cart-list li{
    position: relative;
    margin: 0 0 15px;
}

.cart-list .ticket-holder{
    position: relative;
    display: table;
    padding: 0;
    width: 100%;
    border-radius: 0;
    height: 70px;
    font-size: 14px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.32);
    background: url('/assets/component/svg_hall/img/ticket_background.png') left center repeat;
}

.cart-list li {
    -webkit-animation: fadein .6s;
    -moz-animation: fadein .6s;
    -ms-animation: fadein .6s;
    -o-animation: fadein .6s;
    animation: fadein .6s;
}

.over-scheme-text div {
    position: absolute;
    top: -8px;
    right: -8px;
}

div a.button-close {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background: #336ebf url('/assets/component/svg_hall/img/close-icon.png') 50% no-repeat;
    border-radius: 50%;
    background-size: 50%;
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    box-shadow: 0 0 30px 0 rgba(239, 239, 239, 0.5);
}
div a.button-close:hover {
    background-color: #3451bf;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.cart-list .price{
    font-style:normal;
}

.cart-list .ticket-holder .ticket-price {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    margin-left: 3px;
    width: 76px;
    padding: 10px 0 10px 0;
    text-align: center;
    color: #505050;
    text-shadow: 0 -1px 0 #ffffff;
}

.cart-list .ticket-holder  .ticket-price:after {
    content: '';
    position: absolute;
    display: block;
    left: -3px;
    bottom: -3px;
    width: 15px;
    height: 15px;
    background: url('/assets/component/svg_hall/img/ticket_border.png') left center repeat;
    transform: rotate(180deg);
}

.cart-list .ticket-holder .ticket-price:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAHCAYAAAArkDztAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTnU1rJkAAAAgUlEQVQYV2OAgf///4MxHPz6tZfr+fM7Ex48vPX/6fN7/9+/u7QHLPHoYTv/nbt3/z9/+fL/+w8fIPjtkjiG27evgQW/ff/+/8/fv2D87fu7/wx3790BqwIJ/ANaAsJ//nz8z/Di2YI0TImnF8D2fHzTZ/Ht+yegwHsgfggUZGAAAApcfSn+pKrLAAAAAElFTkSuQmCC) 0 -4px repeat-y;
}

.cart-list .ticket-holder .ticket-price strong {
    font-size: 28px;
    line-height: 24px;
}
.cart-list .ticket-holder .ticket-price small {
    margin-top: -2px;
    display: block;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
}

.cart-list .ticket-holder .ticket-desc {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    margin-left: 2px;
    padding: 6px 10px 6px 14px;
    width: calc(100% - 116px);
}

.cart-list .ticket-holder .ticket-desc:before {
    content: '';
    position: absolute;
    display: block;
    right: -3px;
    top: -3px;
    width: 15px;
    height: 15px;
    background: url('/assets/component/svg_hall/img/ticket_border.png') left center repeat;
}

.cart-list .ticket-holder .ticket-desc:after {
    content: '';
    position: absolute;
    display: block;
    right: -3px;
    bottom: -3px;
    width: 15px;
    height: 15px;
    background: url('/assets/component/svg_hall/img/ticket_border.png') left center repeat;
    transform: rotate(90deg);
}

.cart-list .ticket-holder .ticket-desc strong {
    font-weight: 600;
    color: #416BA5;
}

.remove-ticket-btn{
    position:absolute;
    left: -6px;
    top: 4px;
    z-index: 4;
    font-size:25px;
    color: #F5DD09;
    background: #427ACF;
    height: 20px;
    width: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
      -ms-transform: translate(0,-50%) rotate(-45deg);
          transform: translate(0,-50%) rotate(-45deg);
}
.remove-ticket-btn:active {
    background: #427ACF;
}

.total-price span{
    font-weight:bold;
    font-size:14px;
    line-height:16px;
}
.price-holder{
    overflow:hidden;
    padding: 0 0 6px 0;
    font-size: 20px;
}

.price-holder .price-row.amount {
    margin-bottom: 6px;
}

.price-holder .price-row.amount .left-column,
.price-holder .price-row.amount .right-column{
    font-size: 14px;
}

.price-holder .price-row.amount .right-column strong {
    font-size: 18px;
}

.price-holder .price-row.amount strong{
    color:#416ba5;
}
.price-holder .price{
    float:right;
}
.price-holder .price strong {
    color: #416ba5;
}

.price-holder .price-row {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    color: #9a9a9a;
    font-size: 18px;
    overflow: hidden;
}

.price-holder .price-row .left-column {
    float: left;
}
.price-holder .price-row .right-column {
    float: right;
    font-size: 16px;
}
.price-holder .price-row .right-column strong {
    font-weight: bold;
    font-size: 22px;
}

.has-e-wallet .price-holder .service-fee {
    display: block !important;
}
.price-holder .service-fee {
    font-size: 13px;
    clear: both;
    vertical-align: middle;
    line-height: 19px;
    height: 19px;
    width: 100%;
    color: #9a9a9a;
    text-align: center;
}
.price-holder .service-fee img {
    height: 18px;
    vertical-align: top;
}

/*------------------| svg |-----------------*/

#svgRoot {
    /*background-color: #635454;*/
    /*background-color: #F6F6F6;*/
    /*background-color: #F4ECEC;*/
    background-color: rgba(255, 255, 255, 0.93);
    width: 100%;
    height: 100%;
    cursor: move;
}

.ibseat {
    fill: #cccccc;
    /*cursor: pointer;*/
}

.ibticket {
    cursor: pointer;
}
.ibticket:hover {
    fill: yellow;
}

.ibticket + text {
    font-size: 8px;
    font-family: Verdana;
    /*fill: whitesmoke;*/
    fill: #3B2F2F;
    transform: translate(0, 3px);
    pointer-events: none;
    text-anchor: middle;
    /*display: none;*/
}

.ibticket + text.hidden {
    display: none;
}

/* http://stackoverflow.com/a/6910112/1101589 */
.ibticket:hover + text {
    fill: red;
    display: block !important;
}

/*---------| multi reserve |--------*/

#multi-reserve-panel {
    display: none;
}
#multi-reserve-panel.active{
    display: block;
}

#multi-reserve-used {
    display: none;
}
#multi-reserve-used.active {
    display: block;
}

#multi-reserve, #multi-reserve-used {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: right;
}
#multi-reserve-used {
    top: 10px;
    color: #000;
    font-weight: bold;
    text-align: left;
    background-color: #f00;
    padding: 3px 15px 3px 0;
}
#multi-reserve-used img {
    background: #b18e8e;
    border-radius: 50%;
    transition:  width .26s ease;
    position: relative;
    top: -10px;
    left: -8px;
    cursor: pointer;
}


/*
#multi-reserve.active, #multi-reserve-used.active{
    z-index: 100;
}
*/

#multi-reserve button{
    text-decoration:none; text-align:center;
    padding:6px 10px;
    border:none;
    width: 100%;
    cursor: pointer;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    font:11px Verdana, Geneva, sans-serif;
    font-weight:bold;
    color:#fff;
    background-color:#ffffff;
    background-image: -moz-linear-gradient(top, #ff7e19 0%, #ff0018 100%);
    background-image: -webkit-linear-gradient(top, #ff7e19 0%, #ff0018 100%);
    background-image: -o-linear-gradient(top, #ff7e19 0%, #ff0018 100%);
    background-image: -ms-linear-gradient(top, #ff7e19 0% ,#ff0018 100%);
    background-image: linear-gradient(top, #ff7e19 0% ,#ff0018 100%);
    -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ff0018;
    -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ff0018;
    box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ff0018;

}
#multi-reserve button:last-child{
    margin-top: 10px;
    background-image: -moz-linear-gradient(top, #0cb213 0%, #85b247 100%);
    background-image: -webkit-linear-gradient(top, #0cb213 0%, #85b247 100%);
    background-image: -o-linear-gradient(top, #0cb213 0%, #85b247 100%);
    background-image: -ms-linear-gradient(top, #0cb213 0% ,#85b247 100%);
    background-image: linear-gradient(top, #0cb213 0% ,#85b247 100%);
    -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #85b247;
    -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #85b247;
    box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #85b247;

}
#multi-reserve button:hover{
    background-image: -moz-linear-gradient(top, #ff7e19 0%, #f76934 100%);
    background-image: -webkit-linear-gradient(top, #ff7e19 0%, #f76934 100%);
    background-image: -o-linear-gradient(top, #ff7e19 0%, #f76934 100%);
    background-image: -ms-linear-gradient(top, #ff7e19 0% ,#f76934 100%);
    background-image: linear-gradient(top, #ff7e19 0% ,#f76934 100%);
}

#multi-reserve button:last-child:hover{
    background-image: -moz-linear-gradient(top, #0cb213 0%, #80d247 100%);
    background-image: -webkit-linear-gradient(top, #0cb213 0%, #80d247 100%);
    background-image: -o-linear-gradient(top, #0cb213 0%, #80d247 100%);
    background-image: -ms-linear-gradient(top, #0cb213 0% ,#80d247 100%);
    background-image: linear-gradient(top, #0cb213 0% ,#80d247 100%);
}
#multi-reserve button:active{
    background-image: -moz-linear-gradient(top, #ff7e19 0%, #f7ac35 100%);
    background-image: -webkit-linear-gradient(top, #ff7e19 0%, #f7ac35 100%);
    background-image: -o-linear-gradient(top, #ff7e19 0%, #f7ac35 100%);
    background-image: -ms-linear-gradient(top, #ff7e19 0% ,#f7ac35 100%);
    background-image: linear-gradient(top, #ff7e19 0% ,#f7ac35 100%);
}

#multi-reserve button:last-child:active{
    background-image: -moz-linear-gradient(top, #0cb213 0%, #a2f72a 100%);
    background-image: -webkit-linear-gradient(top, #0cb213 0%, #a2f72a 100%);
    background-image: -o-linear-gradient(top, #0cb213 0%, #a2f72a 100%);
    background-image: -ms-linear-gradient(top, #0cb213 0% ,#a2f72a 100%);
    background-image: linear-gradient(top, #0cb213 0% ,#a2f72a 100%);
}

.multi-reserve-but {
    background-color: #ffffff;
    padding: 10px;
}

#multi-reserve p {
    color: #9c9c9c;
}

#multi-reserve p span{
    color: #000;
    font-weight: bold;;
}

#loader {
    width: 100%;
    height: 100%;
    /*position: absolute;*/
    /*background: whitesmoke url('/assets/component/svg_hall/img/loading.gif') no-repeat 50%;*/
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.wg-loader {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: none;
}

@keyframes wg-loader-holder {
  0% { transform: rotate(0) }
  100% { transform: rotate(360deg) }
}

.wg-loader-holder div {
    box-sizing: border-box !important
}

.wg-loader-holder > div {
    position: absolute;
    width: 148px;
    height: 148px;
    top: 26px;
    left: 26px;
    border-radius: 50%;
    border: 16px solid #000;
    border-color: #006ab8 transparent #006ab8 transparent;
    animation: wg-loader-holder 1.4285714285714284s linear infinite;
}

.wg-loader-holder > div:nth-child(2) {
    border-color: transparent
}

.wg-loader-holder > div:nth-child(2) div {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
}

.wg-loader-holder > div:nth-child(2) div:before, .wg-loader-holder > div:nth-child(2) div:after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: -16px;
    left: 50px;
    background: #006ab8;
    border-radius: 50%;
    box-shadow: 0 132px 0 0 #006ab8;
}

.wg-loader-holder > div:nth-child(2) div:after {
    left: -16px;
    top: 50px;
    box-shadow: 132px 0 0 0 #006ab8;
}

.wg-loader-holder {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

.wg-loader-holder div {
    box-sizing: content-box;
}

#easyTooltip {
    padding: 5px;
    border: 1px solid #ccc;
    background: #f1f1f1;
    font-size: 14px !important;
    font-family: Arial !important;
    z-index: 100;
    color: #000;
    border-radius: 5px;
}

/*---------| btn |--------*/
.btn,
a.btn {
    display: inline-block;
    padding: 5px 18px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #fff !important;
    text-decoration: none;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition:  all 0.3s ease-in-out;
}
.btn.middle {
    padding: 10px 40px;
    text-transform: uppercase;
}

/*.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}*/

.btn:hover,
.btn:focus {
    color: #fff;
    text-decoration: none;
}
.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
}
.btn.btn-color {
    background: #3570c1;
    background: -moz-linear-gradient(top, #407bcd, #2b66b7);
    background: -ms-linear-gradient(top, #407bcd, #2b66b7);
    background: -webkit-linear-gradient(top, #407bcd, #2b66b7);
    background: -o-linear-gradient(top, #407bcd, #2b66b7);
    background: linear-gradient(top, #407bcd, #2b66b7);
    border: none;
}
.btn.btn-color:hover {
    background: #2c66b8;
    background: -moz-linear-gradient(top, #356fbf, #2057a4);
    background: -ms-linear-gradient(top, #356fbf, #2057a4);
    background: -webkit-linear-gradient(top, #356fbf, #2057a4);
    background: -o-linear-gradient(top, #356fbf, #2057a4);
    background: linear-gradient(top, #356fbf, #2057a4);
}

.sidebar-holder + .button-holder img#cart-icon {
    display: none;
}

#svgRoot g > circle.qn-gap {
    stroke: #9FA8D155;
    stroke-width: 3px;
    fill-opacity: 0.5;
}

#svgRoot g > circle.t-reserved {
    stroke: #9FA8D1;
    fill: #ffffff;
    stroke-width: 2px;

    transition: fill 0.75s ease-out;
/*    animation: swing 1s ease;
    animation-iteration-count: 2;
    transform: translateX(3px);*/
}
#svgRoot g > circle.t-tmp-multi-reserved {
    stroke: #9FA8D1;
    fill: #00ff00;
    stroke-width: 2px;

    transition: fill 0.75s ease-out;
}

.ibticket.t-reserved + text, .ibticket.t-tmp-multi-reserved + text {
    display: block;
}

/*------------------| fan-zone |-----------------*/
.fan-zone {
    cursor: pointer;
}
.fan-zone text {
    pointer-events: none;
}

.fan-zone:hover {
    opacity: 0.6;
}

.fan-zone.fz-selected .shapes path,
.fan-zone.fz-selected .shapes polygon,
.fan-zone.fz-selected .shapes rect {
    fill: #fff;
    stroke: #9b9b9b;
    stroke-width: 3;
    transition: fill 1s ease-out;
}

.fan-zone.fz-selected .texts path,
.fan-zone.fz-selected .texts text {
    fill: #007700;
}

/*---------| svg nested |--------*/
.svg-event #sectors-holder .sector.disabled * {
    cursor: not-allowed;
}
.svg-event #svgRoot #sectors-holder .sector.filtred .shapes *,
.svg-event #sectors-holder .sector.disabled .shapes * {
    fill: #bbb5b5;
}

.svg-event #svgRoot #sectors-holder .sector.filtred .texts *,
.svg-event #sectors-holder .sector.disabled .texts * {
    opacity: 0.5;
}
.svg-event #sectors-holder .sector:hover {
    opacity: 0.9;
    cursor: pointer;
}

/*------------------| filter |-----------------*/
.svg-event .filter-block {
    position: absolute;
    left: 30px;
    top: 124px;
    background: #ffffff;
    width: 62px;
    height: auto;
    max-height: calc(100% - 154px);
    min-height: 120px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.36);
    box-sizing: content-box;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    transition: left .3s ease;
}

.svg-event .filter-block--full {
    top: 40px;
    max-height: calc(100% - 70px);
}

.svg-event .filter-block-before {
    position: absolute;
    top: -20px;
    width: 100%;
    height: 14px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #999;
    text-shadow: 0 1px 0 rgba(255,255,255,.6);
}

.svg-event .filter-block-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    transition: all .3s ease;
}

.svg-event .filter-block-with-arrows .filter-block-wrapper {
    padding: 28px 0;
    height: 100%;
}

.svg-event .filter-block-mobile-switch {
    position: absolute;
    top: 50%;
    right: -35px;
    margin-top: -25px;
    width: 30px;
    height: 50px;
    opacity: 1;
    background: #fff;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.36);
    cursor: pointer;
    display: none;
}

.svg-event .filter-block .filter-items {
    margin: 0;
    padding: 6px;
    width: 62px;
    transition: margin .3s ease;
}

.svg-event .filter-block .filter-item {
    display: block;
    margin-top: 6px;
    padding: 4px 0 6px 0;
    list-style-type: none;
    width: 48px;
    color: #000;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    box-sizing: content-box;
    cursor: pointer;
    border-radius: 3px;
}
.svg-event .filter-block .filter-item:first-child {
    margin-top: 0;
}
.svg-event .filter-block .filter-item:hover .filter-item-price,
.svg-event .filter-block .filter-item:hover .filter-item-currency{
    opacity: .76;
}
.svg-event .filter-block .filter-item-bull {
    margin: 0 auto 2px auto;
    width: 17px;
    height: 17px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #cccccc;
}
.svg-event .filter-block .filter-item-price {
    min-height: 12px;
    font-weight: bold;
}
.svg-event .filter-block .filter-item-currency {
    margin-top: -3px;
    min-height: 12px;
    color: #4E4E4E;
}

.svg-event .filter-block .filter-item--active {
    background: #407bcd;
    background: -moz-linear-gradient(top, #407bcd, #2b66b7);
    background: -ms-linear-gradient(top, #407bcd, #2b66b7);
    background: -webkit-linear-gradient(top, #407bcd, #2b66b7);
    background: -o-linear-gradient(top, #407bcd, #2b66b7);
    background: linear-gradient(top, #407bcd, #2b66b7);
    border-color: #407bcd;
}
.svg-event .filter-block .filter-item--active .filter-item-price,
.svg-event .filter-item--active .filter-item-currency {
    color: #fff;
}
.svg-event .filter-block .filter-item--active:hover .filter-item-price,
.svg-event .filter-block .filter-item--active:hover .filter-item-currency{
    opacity: 1;
}

.svg-event .filter-block.filter-block-with-arrows .filter-top-arrow,
.svg-event .filter-block.filter-block-with-arrows .filter-bottom-arrow {
    display: block;
}

.svg-event .filter-block .filter-top-arrow,
.svg-event .filter-block .filter-bottom-arrow {
    display: none;
    position: absolute;
    left: 0;
    height: 28px;
    width: 62px;
    background: #ffffff;
    cursor: pointer;
    z-index: 4;
}
.svg-event .filter-block .filter-top-arrow {
    top: 0;
    box-shadow: -1px 0 4px 0 rgba(0,0,0,.36);
}
.svg-event .filter-block .filter-top-arrow:after {
    content: '‹';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    margin-left: -5px;
    margin-top: -8px;
    text-align: center;
    height: 16px;
    font-size: 25px;
    line-height: 10px;
    font-weight: bold;
    transform: rotate(90deg);
}
.svg-event .filter-block .filter-bottom-arrow {
    bottom: 0;
    box-shadow: 1px 0 4px 0 rgba(0,0,0,.36);
}
.svg-event .filter-block .filter-bottom-arrow:after {
    content: '‹';
    display: block;
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 10px;
    margin-left: -5px;
    margin-bottom: -8px;
    text-align: center;
    height: 16px;
    font-size: 25px;
    line-height: 10px;
    font-weight: bold;
    transform: rotate(-90deg);
}
.svg-event .filter-block .filter-bottom-arrow:hover:after,
.svg-event .filter-block .filter-top-arrow:hover:after {
    opacity: .7;
}


.svg-event #svgRoot circle.filtred {
    fill: #cccccc;
    cursor: move;
}

.svg-event #svgRoot .fan-zone.filtred path {
    fill: #cccccc;
    cursor: move;
}

.svg-event #svgRoot .fan-zone.filtred text {
    fill: #ffffff;
}

.svg-event #svgRoot .fan-zone.filtred:hover {
    opacity: 1;
}

.ibticket.filtred + text,
.ibticket.filtred:hover + text {
    display: none !important;
}

/*--------------| back to event link |-----------*/

.back-to-event-link {
    background: #ffffff;
    position: absolute;
    top: 30px;
    left: 30px;
    width: 62px;
    height: 62px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.36);
    color: #016DB6;
}

.back-to-event-link a{
    display: block;
    padding: 36px 11px 6px 11px;
    width: 40px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    color: #016DB6;
    box-sizing: content-box;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: 15px 13px;
    background-size: 30px 20px;
    /* chrome fix */
    transform: translateZ(0);
   	image-rendering: -webkit-optimize-contrast;
}
.back-to-event-link a.mob-back-from-nested-sector {
    display: none;
}

.back-to-event-link a:hover {
    background-position: 15px 11px;
}


/*------------------| preorder |-----------------*/
/***    Form elements
 --------------------- */
.form-style .form-row {
    margin-bottom: 20px;
}
.form-style .main-label {
    color: #999999;
}
.form-style .icon-field {
    position: relative;
}
.form-style .icon-field .fa {
    font-size: 18px;
    color: #297eb7;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 100;
}
.form-style .icon-field .form-control {
    padding-left: 35px;
}

.form-horizontal .main-label {
    float: left;
    width: 20%;
    padding-right: 15px;
    padding-top: 11px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align: right;
}
.form-horizontal .field-block {
    margin-left: 20%;
    position: relative;
}
.captcha-field .img,
.captcha-field .field-item {
    float: left;
    width: 50%;
    text-align: center;
}
.field-list label.iRadio,
.field-list label.iCheck {
    margin-bottom: 20px;
}

input[type="text"], input[type="email"], input[type="file"], input[type="password"], input[type="tel"], textarea, select {
    padding:  10px 12px;
    background: #ffffff;
    color: #699cbd;
    border: 1px solid #99ccef;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    width: 100%;
    max-width: 100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size: 14px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px rgba(28, 28, 28, 0.1) inset;
    -moz-box-shadow: 0 0 5px rgba(28, 28, 28, 0.1) inset;
    box-shadow: 0 0 5px rgba(28, 28, 28, 0.1) inset;
}
select {
    height: 40px;
}
textarea {
    height: 100px;
    overflow: auto;
}
::-webkit-input-placeholder {
    color: #699cbd;
}
:-moz-placeholder {
    color: #699cbd;
    opacity: 1;
}
::-moz-placeholder {
    color: #699cbd;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #699cbd;
}

/** Selectric */

.selectric-wrapper p {
    padding-bottom: 0;
}
.selectric-form-control .selectric {
    color: #699cbd;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px rgba(28, 28, 28, 0.1) inset;
    -moz-box-shadow: 0 0 5px rgba(28, 28, 28, 0.1) inset;
    box-shadow: 0 0 5px rgba(28, 28, 28, 0.1) inset;
}
.selectric-form-control .selectric .button {
    border-radius: 0 3px 3px 0;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #ffffff, #ededee);
    background: -ms-linear-gradient(top, #ffffff, #ededee);
    background: -webkit-linear-gradient(top, #ffffff, #ededee);
    background: -o-linear-gradient(top, #ffffff, #ededee);
    background: linear-gradient(top, #ffffff, #ededee);
    box-shadow: -3px 0 5px -4px #9ea1a5;
    border-left: 1px solid #d1d2d4;

}
.selectric-form-control .selectric-items {
    color: #333333;
    -webkit-box-shadow: 0 0 5px rgba(28, 28, 28, 0.1) inset;
    -moz-box-shadow: 0 0 5px rgba(28, 28, 28, 0.1) inset;
    box-shadow: 0 0 5px rgba(28, 28, 28, 0.1) inset;
    margin-top: -1px;
}
.selectric-form-control .selectric-items ul {
    padding: 3px 13px;
    font-size: inherit;
}
.selectric-form-control .selectric-items li {
    font-size: inherit;
    border-bottom: 1px dashed #99ccef;
    border-top: none;
    padding: 10px 0 10px 20px;
    position: relative;
}
.selectric-form-control .selectric-items li:last-child {
    border-bottom: none;
}
.selectric-form-control .selectric-items li:first-child.disabled {
    display: none;
}
.selectric-form-control .selectric-items li:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #297eb7;
    position: absolute;
    left: 5px;
    top: 16px;
}

.preorder-page .content2 {
    overflow-y: auto;
    background: #fff;
    padding:20px 0 0;
}
.preorder-wrapper{
    max-width: 700px;
    margin: 0 auto 15px;
    padding: 0 25px;
}
.preorder-wrapper .preorder{
    width: 100%;
    padding: 5px 3%;
    border: 2px solid #99ccef;
    border-radius: 5px;
}
.preorder-wrapper .btns-block{
    overflow: hidden;
    margin: 0 0 20px;
}
.preorder-wrapper .btns-block .btn{
    float: right;
}
.footer .phone a{
    color: #fff;
}
.preorder-wrapper .main-label{
    /*float: left;*/
    position:absolute;
    left:0;
   /* margin: 0 15px 0 0;*/
    max-width: 140px;
    min-width: 140px;
    text-align: right;
    top:50%;
    transform: translate(0, -50%);
}
.preorder-wrapper .field-block{
    /*overflow: hidden;*/
     padding: 0 0 0 155px;
}
.preorder-wrapper .form-style .form-row{
    position:relative;
}
.preorder h3{
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    color:#297eb7;
    font-size:20px;
    line-height: 22px;
    margin:15px 0;
}
.preorder-text{
    text-align: center;
    margin: 0 0 15px;
    font-size:1.4rem;
    line-height:2rem;
}

.preorder-wrapper .preorder-success {
    text-align: center;
    font-size: 20px;
}

.preorder-page .price-holder *{
    display: none;
}

.preorder-page #cartHolder .btn.btn-color {
    background: darkgray;
}

.form-style .err {
    color: red;
    font-weight: 600;
    text-align: center;
    margin: 3px 0;
}

/* Legacy halls */

.legacy-hall-fullscreen {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: calc(100% - 400px);
    height: 100%;
    overflow-y: auto;
    background: #ffffff;
}

.legacy-hall-fullscreen .hall-map-block h3.note {
    font-size: 24px;
    font-weight: 400;
    color: #407bcd;
    text-align: center;
}

.legacy-hall-fullscreen .hall-map-block h3.note:before {
    content: '';
    display: inline-block;
    margin-right: 6px;
    vertical-align: bottom;
    width: 24px;
    height: 30px;
    background: url('/assets/images/icon-hand.png') no-repeat center;
}

/*
.legacy-hall-fullscreen #idFrmNoSchema .form-row.form-notice p {
    margin: 3px 0;
    font-size: 14px;
}
*/

.legacy-hall-fullscreen .hall-map-block .map-container,
.legacy-hall-fullscreen #idFrmNoSchema,
.legacy-hall-fullscreen #idVticketFrm {
    padding: 20px;
    margin: 30px auto 10px;
    width: 780px;
    border: 1px solid #65B3E1;
    border-radius: 5px;
    text-align: center;
}

.legacy-hall-fullscreen .seats-table-block {
    position: sticky;
    bottom: 20px;
    width: 62px;
    height: 62px;
    float: right;
    margin-bottom: 20px;
    margin-right: 20px;
    z-index: 92;
}

.legacy-hall-fullscreen .seats-table-block .seats-table-content {
    display: none;
    position: absolute;
    right: -10px;
    bottom: -10px;
    padding: 10px 72px 10px 10px;
    width: 500px;
    min-height: 52px;
    max-height: 440px;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.12);
    background: #fff;
    border: 1px solid #e2e2e2;
    z-index: 93;
    user-select: none;
    -webkit-user-select: none;
    overflow-y: auto;
}

.legacy-hall-fullscreen .seats-table-block .seats-table-drop {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
    border: 1px solid #65B3E1;
    background: #ffffff;
    z-index: 94;
    cursor: pointer;
}

.legacy-hall-fullscreen .seats-table-block .seats-table-drop .drop-line {
    position: absolute;
    left: 10px;
    top: 24px;
    height: 3px;
    width: 30px;
    background: #00AEEF;
    transition: all 0.24s ease;
}
.legacy-hall-fullscreen .seats-table-block .seats-table-drop .drop-line:first-child {
    top: 15px;
}
.legacy-hall-fullscreen .seats-table-block .seats-table-drop .drop-line:last-child {
    top: 33px;
}

.legacy-hall-fullscreen .seats-table-block .seats-table-drop:hover .drop-line:first-child {
    top: 13px;
}
.legacy-hall-fullscreen .seats-table-block .seats-table-drop:hover .drop-line:last-child {
    top: 35px;
}

.legacy-hall-fullscreen .seats-table-block--expanded .seats-table-content {
    display: block;
}

.legacy-hall-fullscreen .seats-table-block--expanded .seats-table-drop .drop-line {
    left: 25px;
    width: 0;
}
.legacy-hall-fullscreen .seats-table-block--expanded .seats-table-drop .drop-line:first-child,
.legacy-hall-fullscreen .seats-table-block--expanded .seats-table-drop:hover .drop-line:first-child {
    left: 10px;
    top: 24px;
    width: 30px;
    transform: rotate(45deg);
}
.legacy-hall-fullscreen .seats-table-block--expanded .seats-table-drop .drop-line:last-child,
.legacy-hall-fullscreen .seats-table-block--expanded .seats-table-drop:hover .drop-line:last-child {
    left: 10px;
    top: 24px;
    width: 30px;
    transform: rotate(-45deg);
}

.legacy-hall-fullscreen .seats-table {
    color: #333;
    text-align: left;
    font-size: 11px;
}

.legacy-hall-fullscreen #displayAllSectors {
    margin-bottom: 20px;
}
.legacy-hall-fullscreen .seats-table-block .buy-btn-holder {
    margin: 14px 0 0 18px;
    margin-bottom: 0px;
    display: block;
}
.legacy-hall-fullscreen #displayAllSectors a {
    line-height: 16px;
    padding: 5px 12px;
    color: #354e0e;
    border-radius: 2px;
    background: #92d10c;
    background: -moz-linear-gradient(top, #92d10c, #7fc117);
    background: -ms-linear-gradient(top, #92d10c, #7fc117);
    background: -webkit-linear-gradient(top, #92d10c, #7fc117);
    background: -o-linear-gradient(top, #92d10c, #7fc117);
    background: linear-gradient(top, #92d10c, #7fc117);
}
.legacy-hall-fullscreen .seats-table-block .buy-btn-holder a {
    color: #fff !important;
    background: #428bca !important;
}

.legacy-hall-fullscreen .seats-table-block .buy-btn-holder {
    margin: 14px 0 0 18px;
    display: block;
}
.legacy-hall-fullscreen .buy-btn-holder #mainBuyBtn {
    display: none;
}
.legacy-hall-fullscreen a.no-href {
    color: #3e78c7;
    text-decoration: underline;
    cursor: pointer;
}

.legacy-hall-fullscreen .seats-table .td-sector-name {
    text-align: center;
}
.legacy-hall-fullscreen .seats-table td {
    padding-left: 15px;
    padding-right: 15px;
}

.legacy-hall-fullscreen #salableSectorsList tr:nth-child(-n+10) {
    display: table-row;
}
.legacy-hall-fullscreen #salableSectorsList tr.shown {
    display: table-row;
}
.legacy-hall-fullscreen #salableSectorsList tr {
    display: none;
}
.legacy-hall-fullscreen #popupsCustomContainer {
    display: none;
}

.legacy-hall-fullscreen .form-style .field-block {
    display: block;
    margin-top: 6px;
    margin-bottom: 14px;
}

.legacy-hall-fullscreen .form-style .field-block select {
    width: 230px;
    height: 32px;
}

.legacy-hall-fullscreen .form-style .main-label {
    position: relative;
    color: #424242;
    font-size: 18px;
    font-weight: bold;
}

.legacy-hall-fullscreen .form-style .main-label:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    top: -4px;
    background: #F0F0F0;
}

.legacy-hall-fullscreen .form-style .form-row:first-child .main-label:after {
    display: none;
}

.legacy-hall-fullscreen .form-style .main-label strong {
    color: #939393;
}

.legacy-hall-fullscreen #idFrmNoSchema .selectric-wrapper,
.legacy-hall-fullscreen #idFrmNoSchema .selectric,
.basket .order_bottom_panel li.kassa .selectric-wrapper,
.basket .order_bottom_panel li.kassa .selectric {
    width: 278px;
    border-radius: 3px;
}

.legacy-hall-fullscreen #idFrmNoSchema .selectric-wrapper,
.basket .order_bottom_panel li.kassa .selectric-wrapper{
    width: 280px;
    height: 32px;
}

.legacy-hall-fullscreen #idFrmNoSchema .selectric-wrapper,
.legacy-hall-fullscreen #idFrmNoSchema .selectric {
    margin: 0 auto;
    width: 200px;
    text-align: left;
}
.legacy-hall-fullscreen #idFrmNoSchema .selectric-wrapper {
    width: 202px;
}

.legacy-hall-fullscreen #idFrmNoSchema .selectric {
    border-color: #418CC6;
    height: 32px;
}

.legacy-hall-fullscreen #idFrmNoSchema .selectric .label {
    height: 32px;
    font-size: 13px;
    line-height: 29px;
}

.legacy-hall-fullscreen #idFrmNoSchema .selectric .button {
    height: 30px;
    width: 26px;
    background: #4F94D5;
    box-shadow: inset 0 8px 12px 0 rgba(255,255,255,.18);
}

.legacy-hall-fullscreen #idFrmNoSchema .selectric .button:after {
    border-top-color: #fff;
}

.legacy-hall-fullscreen #idFrmNoSchema .selectric-above .selectric-items {
    height: 126px !important;
}

#idFrmNoSchema .price-descr {
    color: #65B3E1;
    font-size: 16px;
    font-weight: bold;
    padding-left: 1px;
    border: 2px solid #65B3E1;
    display: inline-block;
    border-radius: 50%;
    width: 17px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    vertical-align: 0;
    box-sizing: content-box !important;
    cursor: help;
}

#tooltip17 {
    display: none;
    text-align: center;
    color: black;
    background: #ffffff;
    border: 1px solid #65B3E1;
    border-radius: 5px;
    position: absolute;
    z-index: 100;
    padding: 15px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
}

#tooltip17:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #65B3E1;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip17.left {
    margin-left: 0;
    margin-top: 6px;
}

#tooltip17.left:after {
    opacity: 0;
}

.mapify-holder {
    font-size: 0;
    line-height: 0;
}

.mapify-popOver {
    line-height: 2rem;
}

.mapify-hover {
    opacity: 0.5;
}

.mapify-popOver {
    padding: 10px 10px;
    width: auto;
}

#header .logo.partner img{
    max-height: 70px;
}

.fancybox-slide--iframe .fancybox-content {
    max-width: 850px;
    max-height: 90%;
    margin: 0;
}
.fancybox-close-small span {
    background: url("/assets/images/fancybox_sprite.png") no-repeat;
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 0;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
@media only screen and (max-width: 1200px) and (min-width: 769px) {
    #header .logo img{
        width: 180px;
    }
    .control-block {
        right: 30px;
    }

    .svg-event .filter-block {
        left: 30px;
    }

    .content2,
    .legacy-hall-fullscreen{
        right: auto;
        left: 0;
        width: 65%;
        max-width: calc(100% - 320px);
    }

    .sidebar2 {
        width: 35%;
        min-width: 320px;
    }

    .legacy-hall-fullscreen {
        text-align: center;
    }

    .legacy-hall-fullscreen .form-style {
        width: auto !important;
        display: inline-block;
    }

    .legacy-hall-fullscreen .map-container {
        margin-top: 10px !important;
        width: auto !important;
        display: inline-block;
    }

    .legacy-hall-fullscreen .hall-map-block h3.note {
        font-size: 18px !important;
    }

    #salableSectorsList {
        display: none !important;
    }

    .legacy-hall-fullscreen .seats-table-block.old_scheme .seats-table-content {
        right: unset;
        bottom: unset;
        padding-left: 60px;
        padding-right: 5px;
        width: 400px;
    }
    .legacy-hall-fullscreen .seats-table-block.old_scheme {
        float: unset;
    }
    #salableSectorsList.old_scheme {
        display: block !important;
        right: unset;
        left: 10px;
    }

    .legacy-hall-fullscreen .form-style .main-label {
        font-size: 15px;
    }

}

/* all desktop resolutions */
@media only screen and (min-width: 769px) {
    #gpay-wrapper-big {
        display: block; /* prevent blipping on mob */
        width: 80%;
        margin: 0 auto 10px;
    }
    .btn.cart-generic-btn-mob {
        display: none;
    }
    .btn.submit-basket-big {
        display: inline-block;
        width: 80%;
    }
}

/* laptop screens */
@media only screen and (min-width: 1100px) and (max-height: 700px) {
    .cart-holder .info-block .cart {
        display: none;
    }

    .cart-holder .info-block {
        padding: 10px 0 0;
    }

    .sidebar-holder {
        display: block;
        max-height: calc(100% - 220px);
    }

    .cart-holder.has-e-wallet .sidebar-holder {
        max-height: calc(100% - 280px);
    }

    .sidebar-holder .list-block {
        height: 100%;
        margin-top: 0;
    }
    .footer {
        padding: 0.7rem 2%;
    }
}

/*---------| generic mobile |--------*/
@media only screen and (max-width: 768px) {
    .price-holder{
        padding:8px 15px 10px;
        font-size:18px;
    }

    .event-info .col .th {
        font-size: 12px;
    }

    .desc-event {
        width: calc(100% - 15px);
    }

    .desc-event h1 a.event-name {
        font-size: 16px;
    }

    .desc-event h1 a.event-name.title-adapt-size2 {
        font-size: 15px;
        line-height: 17px;
    }
    .desc-event h1 a.event-name.title-adapt-size3 {
        font-size: 14px;
        line-height: 16px;
    }

    .event-info .col .big {
        font-size: 15px;
    }

    .event-info.title-adapt-size2 .col p.big {
        font-size: 14px;
        line-height: 16px;
    }
    .event-info.title-adapt-size3 .col p.big {
        font-size: 13px;
        line-height: 15px;
    }

    .cart-list {
        padding: 9px 6px 0;
    }

    .list-block {
        padding: 0 5%;
        height: calc(100% - 140px);
    }

    .has-e-wallet .list-block {
        height: calc(100% - 200px);
    }

    .cart-list .ticket-holder {
        /*padding: 5px 5px 5px 20px;*/
    }

    .cart-list li {
        margin: 0 auto 14px auto;
    }

    .control-block {
        right: 15px;
        bottom: 15px;
    }

    .mob-preview {
        display: inline;
    }

    .btn.cart-generic-btn-mob {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        display: inline-block;
        width: 90%;
        box-sizing: border-box;
    }
    .btn.submit-basket-big {
        display: none;
    }

    #header {
        font-size: 1.1rem;
        line-height: 1.4rem;
    }

    #header .logo img{
        width: 100px;
        vertical-align:top;
    }

    .content2,
    .legacy-hall-fullscreen {
        margin: 0;
        width: 100%;
        bottom: 97px;
        height: calc(100% - 97px);
        right: 0;
    }

    .preorder-page .content2 {
        height: 100%;
    }

    .legacy-hall-fullscreen {
        text-align: center;
        /*z-index: 5;*/
    }

    .legacy-hall-fullscreen .form-style {
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 10px !important;
        margin-bottom: 80px !important;
        width: auto !important;
        max-width: calc(100% - 22px);
        display: inline-block;
    }

    .legacy-hall-fullscreen .map-container {
        margin-top: 10px !important;
        margin-bottom: 80px !important;
        width: auto !important;
        display: inline-block;
    }

    .legacy-hall-fullscreen .form-style .main-label {
        font-size: 15px;
    }

    .legacy-hall-fullscreen .hall-map-block h3.note {
        font-size: 15px !important;
        font-weight: bold;
        margin-bottom: 10px;
        padding: 0 20px;
    }
    .legacy-hall-fullscreen .hall-map-block h3.note:before {
        display: none;
    }

    #salableSectorsList {
        display: none !important;
    }

    .legacy-hall-fullscreen .seats-table-block.old_scheme .seats-table-content {
        right: unset;
        bottom: unset;
        padding-left: 50px;
        padding-right: 0;
        width: 350px;
        min-height: 70px;
    }
    .legacy-hall-fullscreen .seats-table-block.old_scheme {
        float: unset;
    }
    #salableSectorsList.old_scheme {
        display: block !important;
        right: unset;
        left: 10px;
    }

    .map-holder {
        width: 100%;
        height: 100%;
    }

    .sidebar2 {
        width: 100%;
        background: none;
        visibility: hidden;
        overflow: hidden;
        z-index: 6;
    }

    .sidebar2.legacy-basket-wrapper {
        position: fixed;
    }

    #cartHolder {
        position: fixed;
    }

    .sidebar-holder {
        top: calc(100% - 97px);
        background: #fff;
        transition: all .4s ease;
        position: absolute;
        height: calc(100% - 97px) !important;
        max-height: calc(100% - 97px) !important;
        width: 100%;
    }

    .cart-holder.has-e-wallet #ewallet-big {
        display: none; /* hide when tickets layer is closed - normal state */
    }

    .price-box {
        white-space: nowrap;
        overflow: auto;
        right: 0;
        bottom: 0;
    }

    .footer {
        display: none;
    }

    .main-content {
    }

    .button-holder {
        position: absolute;
        bottom: 0;
        top: auto;
        visibility: visible;
        margin: 0;
        padding: 6px 0 13px;
        height: 97px;
        /*background: #6c6056;*/
        /*background: #f3feed;*/
        background: #ffffff;
        width: 100%;
    }

    .cart-holder.checkout-opened .button-holder {
        height: 164px;
    }

    .cart-holder.has-e-wallet.checkout-opened .button-holder {
        height: 230px;
    }

    .cart-holder.has-e-wallet.checkout-opened .button-holder.empty-cart {
        height: 208px;
    }

    .checkout-opened .button-holder #ewallet-mob {
        width: 90%;
        margin: 3px auto 5px;
    }

    #ewallet-mob #apay-mob {
        display: none;
    }
    #ewallet-mob #apay-mob.visible {
        display: inline-block;
    }

    #ewallet-mob .apay-btn-mob {
        /*width: 150px;*/
        width: 100%;
        height: 40px;
        /*display: none;*/
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
        /*margin-top: 20px;*/
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-position: 50% 50%;
        background-color: black;
        background-size: 60%;
        background-repeat: no-repeat;
        cursor: pointer;

        border: none;
    }

    #ewallet-mob.ew-half .item {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        height: 40px; /*apple fix*/
    }
    #ewallet-mob.ew-half .item:last-of-type {
        margin-left: 1%;
    }

    .checkout-opened .button-holder .cart-generic-btn-mob {
        margin: 3px auto 5px;
        width: 90%;
        display: block;
    }

    .checkout-opened .mob-preview {
        display: none;
    }
    .button-holder .terms-desktop {
        display: none;
    }
    .cart-holder .price-holder .service-fee {
        display: none !important;
    }

    .cart-holder .price-holder .service-fee .text {
        font-weight: bold;
        line-height: 16px;
        vertical-align: top;
    }

    .cart-holder.has-e-wallet.checkout-opened .price-holder .service-fee {
        display: block !important;
    }

    .checkout-opened .mob-checkout {
        display: block;
    }

    .checkout-opened .button-holder {
        transform: translate3d(0, 0%, 0);
        transition: all .2s ease;
    }

    .terms-mob {
        width: 90%;
        margin: 0 auto;
        border-bottom: none;
    }

    .has-e-wallet .terms-mob {
        /*border-top: none;*/
    }

    .terms-mob .icheckbox-lite {
        display: block;
        float: left;
        margin-right: 12px;
    }
    .terms-mob .icheckbox-lite::before {
        line-height: 21px;
    }

    .terms-mob .icheckbox-lite {
        width: 26px;
        height: 26px;
        font-size: 20px;
    }

    .sidebar-holder.active + .button-holder .btn.btn-color {
        color: #1c1c1c !important;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        background: #eedf10;
        background: -moz-linear-gradient(top, #eedf10, #ffe978);
        background: -ms-linear-gradient(top, #eedf10, #ffe978);
        background: -webkit-linear-gradient(top, #eedf10, #ffe978);
        background: -o-linear-gradient(top, #eedf10, #ffe978);
        background: linear-gradient(top, #eedf10, #ffe978);
    }

    .sidebar-holder + .button-holder img#cart-icon {
        display: inline-block;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 47px;
        left: 12%;
    }
    .sidebar-holder.active + .button-holder img#cart-icon {
        visibility: hidden;
    }

    .price-holder .price-row {
        width: 50%;
        float: left;
    }

    .price-holder .price-row.price {
        float: right;
        text-align: right;
        font-size: 15px;
        width: auto;
    }

    .price-holder .price-row.amount {
        float: left;
        text-align: left;
        font-size: 15px;
        width: auto;
    }

    .price-holder .price-row.amount .right-column strong {
        margin-left: 3px;
        font-size: 15px;
    }

    .price-holder .price-row .right-column {
        float: left;
        font-size: 15px;
    }

    .price-holder .price-row .right-column strong {
        margin-left: 3px;
        font-size: 15px;
    }

    .price-holder{
        width:90%;
        padding:5px 0 2px 0;
        margin:0 auto;
    }

    .button-holder {
        border-top: 1px solid #eaeaea;
        height: 97px;
        padding: 5px 0 10px;
    }

    .sidebar-holder.active {
        transform: translate3d(0, -100%, 0);
        display: block;
        visibility: visible;
    }

    .info-block span {
        display: inline-block;
        vertical-align: middle;
    }
    .header-holder{
        padding:0 0 0 10px;
    }
    .header-holder .event-img{
        display:none;
    }
    .desc-event h2{
        font-size:16px;
        line-height:18px;
    }
    /*.event-info .col:first-child{
        display:block;
    }*/
    .event-info .col{
        margin:0 10px 5px 0;
    }
    .event-info .col span{
        display:none;
    }
    .event-info .col p{
        font-size:12px;
    }
    .close-btn{
        display:block;
    }
    .svg-event .filter-block {
        top: 15px;
        left: 15px;
        max-height: calc(100% - 30px);
        width: 50px;
    }
    .svg-event .filter-block-before {
        display: none;
    }
    .svg-event .filter-block .filter-items {
        width: 50px;
        padding: 3px;
    }
    .svg-event .filter-block .filter-item {
        margin-top: 3px;
        padding: 3px 0;
        width: 42px;
    }
    .svg-event .filter-block .filter-item-bull {
        margin: 0 auto;
    }
    .svg-event .filter-block .filter-item-currency {
        margin-top: -2px;
        font-size: 10px;
    }
    .svg-event .filter-block.filter-block-with-arrows .filter-top-arrow, 
    .svg-event .filter-block.filter-block-with-arrows .filter-bottom-arrow {
        width: 52px;
    }
    .svg-event .filter-block--mobile-hidden {
        left: -55px;
    }
    .svg-event .filter-block-mobile-switch {
        display: block;
    }
    .svg-event .filter-block-mobile-switch:hover {
        opacity: 1;
    }
    .svg-event .filter-block-mobile-switch:after {
        content: '‹';
        position: absolute;
        left: 0;
        top: 14px;
        display: block;
        width: 100%;
        height: 18px;
        font-size: 25px;
        font-weight: bold;
        line-height: 18px;
        text-align: center;
    }
    .svg-event .filter-block--mobile-hidden .filter-block-mobile-switch {
        opacity: 1;
    }
    .svg-event .filter-block--mobile-hidden .filter-block-mobile-switch:after {
        top: 19px;
        transform: rotate(180deg);
    }

    .back-to-event-link {
        display: none;
    }

    .svg-nested-layer .back-to-event-link {
        display: block;
        left: 15px;
        width: 50px;
        height: 50px;
    }
    .svg-nested-layer .back-to-event-link a.generic {
        display: none;
    }
    .svg-nested-layer .back-to-event-link a.mob-back-from-nested-sector {
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        background-position: 10px 13px;
    }
    .svg-nested-layer .filter-block {
        top: 100px;
    }

    .remove-ticket-btn {
        left: -10px;
        width: 24px;
        height: 24px;
        font-size: 28px;
        line-height: 23px;
    }

    .preorder-page #cartHolder {
        display: none;
    }
    .preorder-page .content2{
        bottom:0;
    }
    .preorder-wrapper .main-label{
        text-align: left;
        padding: 0 0 10px;
        display: block;
        position:static;
        transform: translate(0 , 0);
    }
    .preorder-wrapper .field-block{
        padding:0;
    }
    .preorder-wrapper .btns-block .btn{
        float: none;
    }
    .preorder-wrapper .btns-block{
        text-align: center;
    }
    .preorder h3{
        margin:10px 0;
    }
    .preorder-wrapper .form-style .form-row{
        margin:0 0 10px;
    }
    .preorder-wrapper .main-label{
        padding:0 0 5px;
    }

}

@media only screen and (max-width: 769px) and ( min-height: 680px ) {
    .svg-event .filter-block {
        left: 15px !important;
        height: auto;
        max-height: calc(100% - 154px);
        min-height: 120px;
    }

    .svg-event .filter-block-mobile-switch {
        display: none;
    }
}

@media only screen and (min-width: 769px) and ( max-height: 570px ) {

    .back-to-event-link {
        display: none;
    }

    .svg-event .filter-block {
        top: 36px;
        max-height: calc(100% - 66px);
    }

    .list-block {
        margin-top: 10px;
        height: calc(100% - 44px);
    }

    .info-block {
        padding-top: 12px;
    }

    .info-block .cart{
        font-size:18px;
        padding:6px 5%;
        background-image: none;
    }

    .price-holder .price-row {
        margin-bottom: 4px;
    }
/*
    .sidebar-holder {
        max-height: calc(100% - 126px);
    }
*/
    .desc-event h1 a.event-name {
        font-size: 17px;
    }

    .button-holder {
        padding: 12px 0;
    }
}


@media only screen and (max-width: 960px) and ( max-height: 400px ){
    .event-info{
        display:none;
    }
    .info-block{
        padding: 16px 0 12px;
    }
    .sidebar-holder {
        top: calc(100% - 82px);
        height: calc(100% - 82px) !important;
        max-height: calc(100% - 82px) !important;
    }
   .button-holder .btn.middle {
       /*padding:5px 40px;*/
       width: 90%;
    }
    .button-holder{
        padding:5px 0;
        height:82px;
    }
    .price-holder{
        width: 90%;
        padding: 0 0 3px 0;
        margin: 0 auto;
    }
    .content2{
        height: calc(100% - 82px) !important;
        max-height: calc(100% - 82px) !important;
        bottom: 82px;
    }
    .control-block a{
        font-size:20px;
        text-align:center;
        padding:6px;
    }
    .reset-icon img{
        width:13px;
        display:block;
    }
    .close-btn{
        font-size:30px;
        top:22px;
        right:5%;
    }
    .info-block .cart{
        font-size:18px;
        padding:6px 5%;
        background-image: none;
    }

    .sidebar2 .button-holder{
        padding:5px 0;
    }
    .header-holder .event-img img{
        display:none;
    }
    .list-block{
        height:calc(100% - 44px) !important;
        margin-top: 10px;
    }
    .content2{
        padding:1px 0;
        background:#f4ecec;
    }
    #header .logo{
        margin:0 15px 0 0;
    }
    .price-holder .price-row.price,
    .price-holder .price-row.amount {
        margin-bottom: 4px;
    }

    .price-holder .price-row.amount .right-column strong,
    .price-holder .price-row.price,
    .price-holder .price-row .right-column,
    .price-holder .price-row .right-column strong {
        font-size: 14px;
    }
}

/*---------| super small legacy phones |--------*/
@media only screen and (max-width: 400px) {
    .legacy-hall-fullscreen .seats-table-block.old_scheme .seats-table-content tr td:last-child {
        display: none;
        visibility: hidden;
    }
    .price-holder .price-row.amount .left-column,
    .price-holder .price-row.amount .right-column{
        font-size: 11px;
    }

    .cart-holder.checkout-opened .button-holder {
        height: 170px;
    }

    .cart-holder.has-e-wallet.checkout-opened .button-holder {
        height: 236px;
    }

    #ewallet-mob.ew-half .item:last-of-type {
        margin-left: 0;
    }
}

@media only screen and (max-width: 380px) { /* includes ipone 6s 375x667 */
    .terms-mob label a {
        font-size: 12px;
    }

    .over-scheme-text {
        padding: 0;
    }
    .over-scheme-text.long-notice {
        display: none;
    }

    div a.button-close {
        width: 25px;
        height: 25px;
    }
    .over-scheme-text div {
        right: -22px;
    }
}