/* RESET */
* {
    outline: none;
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background: transparent;
    cursor: pointer;
}
a:active,
a:hover {
    outline: 0;
}
area {
    cursor: pointer;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
    display: block;
    max-width: 100%;
    height: auto;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a{
    color: #454545;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}

html{
    height: 100%;
}

body{
    min-width: 1000px;
    font: normal 400 14px/18px 'Open Sans', sans-serif;
    font-weight: 400;
    color: #454545;
    /*background: #201d26 url('../img/circus_body_bg.jpg') 50% 0 no-repeat fixed;*/
    background: #201d26;
    overflow-y: scroll;
    position: relative;
}

.wrapper{
    width: 1000px;
    margin: 0 auto;
}


/* Header  */
header{
    height: 107px;
}
header .wrapper{
    text-align: right;
}
header .logo{
    display: inline-block;
    vertical-align: top;
    float: left;
    height: 86px;
    font-size: 30px;
    line-height: 86px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    margin: 19px 0 0;
}
header .site-logo{
    display: inline-block;
    vertical-align: top;
    width: 93px;
    height: 86px;
    line-height: 86px;
    font-size: 0;
}
header .site-logo img {
    margin: 0 auto;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}
header .lang{
    display: inline-block;
    vertical-align: top;
    margin: 29px 0 23px;
}
header .lang a{
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 28px;
    border: 1px solid transparent;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
}
/*
header .lang a:hover{
    border-color: #fff;
}
*/
header .lang .selected{
    border-color: #fff;
}

.o-auto {
    overflow: auto;
}
.clear {
    clear: both;
}

.view-links{
    float: right;
    margin-top: -17px;
}
.view-links .name{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    margin-right: 5px;
}
.view-links a{
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    border:1px solid transparent;
    transition: 0.15s;
    background: url('../img/una-tickets_sprite01.png') 0 0 no-repeat;
    margin-left: 5px;
}
.view-links a:hover,
.view-links a.active{
    border-color: rgba(204,204,204,0.7);
}
.view-links .view-repertuar-link{
    background-position: 2px 2px;
}
.view-links .view-calender-link{
    background-position: -24px 2px;
}
.view-links .view-thumb-link{
    background-position: -50px 2px;
}
.view-links .view-afisha-link{
    background-position: -76px 2px;
}

/* Page :  Circus Halls */
.page-circus-halls{
    margin: -136px 0 -51px;
    padding: 136px 0 90px;
    min-height: 100%;
}
.page-circus-halls .wrapper{}
.page-circus-halls .circus-hall{
    clear: left;
}
.page-circus-halls .circus-hall + .circus-hall{
    background: #fbfbfb;
}
.page-circus-halls .circus-hall.no-title{
    padding-top: 55px;
}
.circus-hall .hall-title{
    margin: 0;
    padding: 20px 0 0;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    background: url('../img/circus_1rst_hall_title.png') 50% 0 no-repeat;
    height: 55px;
}
.circus-hall .hall-title span{
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.circus-hall .hall-title span:before,
.circus-hall .hall-title span:after{
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #454545;
    border: 0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin: -2px 0 0;
}
.circus-hall .hall-title span:before{
    left: -45px;
}
.circus-hall .hall-title span:after{
    right: -45px;
}
.page-circus-halls .circus-hall + .circus-hall .hall-title{
    background: url('../img/circus_hall_title_bg.png') 50% 0 no-repeat;
    height: 85px;
    padding: 50px 0 0;
}
.circus-hall .events-list{
    display: block;
    margin: 0;
    overflow: hidden;
    background: #fbfbfb;
    padding: 29px 28px 0 29px;
    border-radius: 20px 20px 0 0;
    font-size: 0;
    line-height: 0;
}
.page-circus-halls .circus-hall:last-child{
    border-radius: 0 0 20px 20px;
}
.page-circus-halls .circus-hall:last-child .events-list{
    padding-bottom: 34px;
    border-radius: 20px;
}
.circus-hall .events-list .event-item{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 22px;
    padding: 0;
    width: 299px;
    float: left;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    box-shadow: 0px 2px 0px #f2f2f2;
    margin-right: 22px;
    font-size: 14px;
    line-height: 18px;
    min-height:496px;
}
.circus-hall .events-list .event-item:nth-child(3n) {
    margin-right: 0;
}
.circus-hall .event-item .event-img{
    display: block;
    text-decoration: none;
    margin: 14px;
}
.circus-hall .event-item .event-title{
    margin: 0;
    padding: 0 14px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
}
.circus-hall .event-item .event-title a{}
.circus-hall .event-item .event-descr{
    margin: 0 0 10px;
    padding: 5px 14px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
}
.circus-hall .event-item .form-control{
    padding: 23px 14px 25px 40px;
    margin: 0;
    border-top: 1px solid #dddddd;
    background: url('../img/circus_img02.png') 14px 50% no-repeat;
}
.circus-hall .event-item .form-control.empty{
    background: none;
    line-height: 34px;
    min-height: 82px;
}
.circus-hall .event-item .form-control form{
    display: block;
    margin: 0;
    padding: 0;
}
.circus-hall .event-item .event-sel{
    display: inline-block;
    vertical-align: top;
    height: 34px;
    width: 147px;
    padding-left: 7px;
    background: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    font-size: 12px;
    line-height: 32px;
    border: 0;
    border-radius: 3px;
    margin-right: 3px;
}
.circus-hall .event-item .btn-event{
    display: inline-block;
    vertical-align: top;
    height: 34px;
    width: 85px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    background: -webkit-linear-gradient(to top, #d74022, #e55032);
    background: -moz-linear-gradient(to top, #d74022, #e55032);
    background: linear-gradient(to top, #d74022, #e55032);
    box-shadow: 0 2px 0 rgba(0,0,0,0.15);
    border: 0;
    border-radius: 3px;
    color: #fff;
}



/* Some Forms styles */
.form-group{
    margin:  0 0 16px;
}
.inp-text{
    width: 217px;
    display: inline-block;
    vertical-align: top;
    height: 34px;
    padding-left: 7px;
    background: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    font-size: 12px;
    line-height: 20px;
    border: 0;
    border-radius: 3px;
    margin-right: 3px;
}
.sel-text{
    width: 217px;
    display: inline-block;
    vertical-align: top;
    height: 34px;
    padding-left: 7px;
    background: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    font-size: 12px;
    line-height: 20px;
    border: 0;
    border-radius: 3px;
    margin-right: 3px;
}
.btn-place{
    width: 217px;
    display: inline-block;
    vertical-align: top;
    height: 44px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    background: -webkit-linear-gradient(to top, #3c3e4d, #4c4e60);
    background: -moz-linear-gradient(to top, #3c3e4d, #4c4e60);
    background: linear-gradient(to top, #3c3e4d, #4c4e60);
    box-shadow: 0 2px 0 rgba(0,0,0,0.15);
    border: 0;
    border-radius: 3px;
    color: #fff;
}
.btn-rezerv{
    width: 217px;
    display: inline-block;
    vertical-align: top;
    height: 44px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    background: -webkit-linear-gradient(to top, #d74022, #e55032);
    background: -moz-linear-gradient(to top, #d74022, #e55032);
    background: linear-gradient(to top, #d74022, #e55032);
    box-shadow: 0 2px 0 rgba(0,0,0,0.15);
    border: 0;
    border-radius: 3px;
    color: #fff;
}
.btn-pay{
    width: 150px;
    display: inline-block;
    vertical-align: top;
    height: 34px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    background: -webkit-linear-gradient(to top, #d74022, #e55032);
    background: -moz-linear-gradient(to top, #d74022, #e55032);
    background: linear-gradient(to top, #d74022, #e55032);
    box-shadow: 0 2px 0 rgba(0,0,0,0.15);
    border: 0;
    border-radius: 3px;
    color: #fff;
}
.form-group .error{
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;
    color: #bf1d2c;
    margin-left: 10px;
}
.payment-form .error{
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #bf1d2c;
}

.error-msg {
    color: #bf1d2c;
}

/* Page : Rezervation + Payment */
.rezervation-page{}
.rezervation-page .wrapper{
    margin-bottom: 30px;
}
.rezervation-page .page-title{
    margin: 0;
    padding: 20px 0 0;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    background: url('../img/circus_1rst_hall_title.png') 50% 0 no-repeat;
    height: 55px;
}
.rezervation-page .page-title span{
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.rezervation-page .page-title span:before,
.rezervation-page .page-title span:after{
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #454545;
    border: 0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin: -2px 0 0;
}
.rezervation-page .page-title span:before{
    left: -45px;
}
.rezervation-page .page-title span:after{
    right: -45px;
}
.rezervation-page .rezerv-block{
    background: #fbfbfb;
    padding: 30px 30px 0;
    border-bottom: 1px solid #dddddd;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.show-all-events{
    margin: -8px 0 15px;
    padding-left: 15px;
}
.show-all-events a{
    display: inline-block;
    vertical-align: top;
    color: #e55032;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
}
.rezervation-page .rezerv-block .event-block{
    display: block;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 14px;
    background: #fff;
    width: 449px;
    float: left;
    margin-right: 36px;
    margin-bottom: 30px;
    box-shadow: 0px 2px 0px #f2f2f2;
}
.rezervation-page .rezerv-block .event-block .name{
    display: block;
    font-size: 20px;
    line-height: 25px;
    margin: 14px 0 0px;
    padding-left: 10px;
}
.rezervation-page .rezerv-block .event-block .descr{
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding-left: 10px;
}
.rezervation-page .rezerv-block .block-info{
    display: block;
    width: 455px;
    float: left;
}
.rezervation-page .rezerv-block .block-title{
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
}
.rezervation-page .rezerv-block .block-descr{
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
}
.rezervation-page .rezerv-block .rezerv-form{}
.rezervation-page .rezerv-block .rezerv-form .form-group{}
.rezervation-page .rezerv-block .rezerv-form .btn-place{
    margin-right: 3px;
}
.rezervation-page .rezerv-block .rezerv-form .btn-rezerv{
    margin: 20px 0 25px;
}
.rezervation-page .rezerv-block .rezerv-form .btn-rezerv span{
    display: inline-block;
    vertical-align: top;
}
.rezervation-page .rezerv-block .rezerv-form .btn-rezerv span:after{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 30px;
    background: url('../img/circus_img04.png') 0 50% no-repeat;
    margin-left: 10px;
}
.rezervation-page .rezerv-block .rezerv-form .places{
    padding-bottom: 24px;
    border-bottom: 1px solid #dddddd;
}
.rezervation-page .rezerv-block .rezerv-form .selected-places{
    padding-top: 20px;
    font-size: 14px;
    line-height: 24px;
}
.rezervation-page .rezerv-block .rezerv-form .selected-places div{}
.rezervation-page .rezerv-block .rezerv-form .selected-places div b{
    font-weight: 700;
}
.rezervation-page .rezerv-block .rezerv-form .selected-places p{
    padding: 0;
    margin: 0;
    line-height: 34px;
}
.rezervation-page .rezerv-block .rezerv-form .selected-places p b{
    font-weight: 700;
}
.rezervation-page .rezerv-block .rezerv-form .addit-info{
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 14px;
}
.rezervation-page .rezerv-block .rezerv-form .addit-info:before{
    content: '*';
    color: #e55032;
    margin-right: 3px;
}
.rezervation-page .payment-block{
    background: #fbfbfb;
    padding: 20px 30px 0;
}
.rezervation-page .payment-block .block-title{
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 30px;
}
.rezervation-page .payment-block .descr{
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 0;
    font-size: 14px;
    line-height: 34px;
}
.rezervation-page .payment-block .payment-form{
    display: inline-block;
    vertical-align: top;
    width: 400px;
}
.rezervation-page .payment-block .payment-form .inp-text{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.rezervation-page .payment-block .payment-form .btn-pay{
    display: inline-block;
    vertical-align: top;
}
.rezervation-page .facebook-comments {
    background: #fbfbfb;
    padding: 30px 30px 0;
    border-radius: 0 0 20px 20px;
}


                            /* section View events in selected month */
                            .view-month-events{
                                min-height: 100%;
                                padding: 170px 0 80px;
                                margin-top: -140px;
                                margin-bottom: -47px;
                            }
                            .view-month-events .wrapper{
                                padding: 30px;
                                border: 0;
                                border-radius: 20px;
                                background-color: #fff;
                            }
                            .view-month-events .time-control{
                                background-color: #201d26;
                                font-size: 12px;
                                line-height: 27px;
                                font-weight: 400;
                                color: #fff;
                                text-align: center;
                                padding: 0 15px;
                                margin: 0;
                            }
                            .view-month-events .time-control a{
                                color: #fff;
                            }
                            .view-month-events .time-control a span{
                                text-decoration: underline;
                            }
                            .view-month-events .time-control a:hover span{
                                text-decoration: none;
                            }
                            .view-month-events .time-control .prev-period{
                                float: left;
                                text-align: left;
                            }
                            .view-month-events .time-control .prev-period .year{
                                margin-right: 15px;
                            }
                            .view-month-events .time-control .prev-period .month{}
                            .view-month-events .time-control .selected-month{
                                display: inline-block;
                                vertical-align: top;
                                font-size: 14px;
                                font-weight: 700;
                            }
                            .view-month-events .time-control .next-period{
                                float: right;
                                text-align: right;
                            }
                            .view-month-events .time-control .next-period .year{
                                margin-left: 15px;
                            }
                            .view-month-events .time-control .next-period .month{}

                            /* afisha view */
                            .view-month-events .days-cont.afisha,
                            .view-month-events .days-cont.thumbs{
                            	padding: 35px 0 0;
                            }
                            .view-month-events .days-cont.afisha .day,
                            .view-month-events .days-cont.thumbs .day{
                                margin: 0;
                                background: url('../img/una-tickets_dot2px.png') 83px 0 repeat-y;
                            }
                            .view-month-events .days-cont.afisha .day + .day,
                            .view-month-events .days-cont.thumbs .day + .day{
                                margin: 35px 0 0;
                            }
                            .view-month-events .days-cont.afisha .day .date,
                            .view-month-events .days-cont.thumbs .day .date{
                                width: 83px;
                                float: left;
                                text-align: right;
                                padding-right: 15px;
                                color: #454545;
                                font-size: 14px;
                                line-height: 16px;
                            }
                            .view-month-events .days-cont.afisha .day .week-day,
                            .view-month-events .days-cont.thumbs .day .week-day{
                                display: block;
                                text-transform: uppercase;
                            }
                            .view-month-events .days-cont.afisha .day .dd,
                            .view-month-events .days-cont.thumbs .day .dd{
                                display: block;
                                font-size: 36px;
                                line-height: 40px;
                            }
                            .view-month-events .days-cont.afisha .day .mm,
                            .view-month-events .days-cont.thumbs .day .mm{
                                display: block;
                            }
                            .view-month-events .days-cont.afisha .day .yy,
                            .view-month-events .days-cont.thumbs .day .yy{
                                display: block;
                            }
                            .view-month-events .days-cont.afisha .day.weekend .dd,
                            .view-month-events .days-cont.thumbs .day.weekend .dd{
                                color: #e55032;
                            }
                            .view-month-events .days-cont.afisha .day .events-descr,
                            .view-month-events .days-cont.thumbs .day .events-descr{
                                display: block;
                                margin: 0 0 0 84px;
                                padding: 0;
                                overflow: hidden;
                            }
                            .view-month-events .days-cont.afisha .day .events-descr li{
                                display: block;
                                margin: 0;
                                padding: 11px 0;
                                background-color: #f7f7f7;
                                min-height: 70px;
                                border-bottom: 1px solid #e9e9e9;
                                overflow: hidden;
                            }
                            .view-month-events .days-cont.afisha .day .events-descr li:nth-child(2n){
                                background-color: transparent;
                            }
                            .view-month-events .days-cont.afisha .day .events-descr .event-info{
                                font-size: 14px;
                                line-height: 24px;
                                color: #454545;
                                font-weight: 300;
                                padding-left: 30px;
                                width: 600px;
                                float: left;
                            }
                            .view-month-events .days-cont.afisha .day .events-descr .hall{
                                float: right;
                                width: 150px;
                                color: #929292;
                                font-size: 16px;
                                line-height: 37px;
                                background: url('../img/una-tickets_dot2px.png') 0  repeat-y;
                                padding-left: 20px;
                                margin-top: 5px;
                            }
                            .view-month-events .days-cont.afisha .day .events-descr .name{
                                font-size: 20px;
                                font-weight: 400;
                            }
                            .view-month-events .days-cont.afisha .day .events-descr .author{
                                display: block;
                            }
                            .view-month-events .days-cont.afisha .day .events-descr .time{
                                width: 80px;
                                text-align: center;
                                float: left;
                                background: url('../img/una-tickets_dot2px.png') 0  repeat-y;
                                color: #454545;
                                font-size: 16px;
                                line-height: 37px;
                                margin-top: 5px;
                            }
                            .view-month-events .days-cont.afisha .day .events-descr .buy-link{
                                text-align: right;
                                float: left;
                                width: 176px;
                                padding-top: 15px;
                                padding-right: 20px;
                            }
                            .view-month-events .days-cont.afisha .day .events-descr .buy-link a{
                                color: #e55032;
                                text-decoration: underline;
                            }
                            .view-month-events .days-cont.afisha .day .events-descr .buy-link a:hover{
                                text-decoration: none;
                            }

                            /* thumbs view */
                            .view-month-events .days-cont.thumbs .day .events-descr li{
                            	display: block;
                            	overflow: hidden;
                            	width: 50%;
                            	float: left;
                            	margin: 0;
                            	padding: 0 0 0 30px;
                            }
                            .view-month-events .days-cont.thumbs .day .events-descr li:nth-child(n+3){
                            	margin: 25px 0 0;
                            }
                            .view-month-events .days-cont.thumbs .day .events-descr .event-img{
                            	display: block;
                            	float: left;
                            	width: 107px;
                            	height: 143px;
                            	overflow: hidden;
                            }
                            .view-month-events .days-cont.thumbs .day .events-descr .event-img a{
                            	display: block;
                            	width: 100%;
                            	height: 100%;
                            }
                            .view-month-events .days-cont.thumbs .day .events-descr .event-info{
                            	margin: 0 0 0 127px;
                            }
                            .view-month-events .days-cont.thumbs .day .events-descr .title{
                            	margin: 0 0 7px;
                            	padding: 7px 0 0;
                            	font-size: 20px;
                            	line-height: 24px;
                            	font-weight: 400;
                            	color: #454545;
                            }
                            .view-month-events .days-cont.thumbs .day .events-descr .title a{
                            	text-decoration: none;
                            	color: #454545;
                            }
                            .view-month-events .days-cont.thumbs .day .events-descr .event-time{
                            	font-size: 14px;
                            	line-height: 30px;
                            	color: #454545;
                            	margin: 0 0 10px;
                            }
                            .view-month-events .days-cont.thumbs .day .events-descr .hall{
                            	display: inline-block;
                            	vertical-align: top;
                            	margin-left: 10px;
                            	color: #929292;
                            }
                            .view-month-events .days-cont.thumbs .day .events-descr .buy-link{
                            	display: inline-block;
                            	vertical-align: top;
                            	color: #e55032;
                            	font-size: 14px;
                            	line-height: 16px;
                            	text-decoration: underline;
                            }
                            .view-month-events .days-cont.thumbs .day .events-descr .buy-link:hover{
                            	text-decoration: none;
                            }

                            /* calender view */
                            .view-month-events .days-cont.calender{
                            	margin: 0;
                            	padding: 0;
                            	border: 1px solid #e9e9e9;
                            	width: 100%;
                            	border-collapse: separate;
                            	border-spacing: 0;
                            	font-size: 12px;
                            	line-height: 14px;
                            }
                            .view-month-events .days-cont.calender thead tr{
                            	font-size: 12px;
                            	line-height: 27px;
                            	font-weight: 700;
                            	color: #454545;
                            	overflow: hidden;
                            	background-color: #f2f2f2;
                            }
                            .view-month-events .days-cont.calender th{
                            	width: 134px;
                            	text-align: center;
                            	border-bottom: 1px solid #e9e9e9;
                            }
                            .view-month-events .days-cont.calender th + th{
                            	border-left: 1px solid #e9e9e9;
                            }
                            .view-month-events .days-cont.calender th + th + th + th + th + th,
                            .view-month-events .days-cont.calender th + th + th + th + th + th + th{
                            	color: #e55032;
                            }
                            .view-month-events .days-cont.calender .week{
                            	overflow: hidden;
                            	clear: left;
                            }
                            .view-month-events .days-cont.calender .week + .week{
                            	background: #fff url('../img/una-tickets_dot2px_horiz.png') 0 0 repeat-x;
                            }
                            .view-month-events .days-cont.calender .week:nth-child(2n){
                            	background-color: #f7f7f7;
                            }
                            .view-month-events .days-cont.calender .week .day{
                            	width: 134px;
                            	height: 160px;
                            	padding: 8px 7px;
                            	vertical-align: top;
                            }
                            .view-month-events .days-cont.calender .week .day.current-day{
                            	background-color: #eeeeee;
                            }
                            .view-month-events .days-cont.calender .week .day + .day{
                            	border-left: 1px solid #e9e9e9;
                            }
                            .view-month-events .days-cont.calender .week .day .date{
                            	font-size: 18px;
                            	line-height: 18px;
                            	font-weight: 700;
                            	display: block;
                            	text-align: right;
                            	margin: 0 0 5px;
                            }
                            .view-month-events .days-cont.calender .week .day.current-day .date,
                            .view-month-events .days-cont.calender .week .day:nth-child(6),
                            .view-month-events .days-cont.calender .week .day:nth-child(7){
                            	color: #e55032;
                            }
                            .view-month-events .days-cont.calender .week .day.prev-month .date,
                            .view-month-events .days-cont.calender .week .day.next-month .date{
                            	color: #929292;
                            }
                            .view-month-events .days-cont.calender .week .day .event{
                            	color: #454545;
                            }
                            .view-month-events .days-cont.calender .week .day .event + .event{
                            	margin: 10px 0 0;
                            }
                            .view-month-events .days-cont.calender .week .day .title-link{
                            	color: #454545;
                            	text-decoration: none;
                            	font-weight: 700;
                            }
                            .view-month-events .days-cont.calender .week .day .title-link:hover{}
                            .view-month-events .days-cont.calender .week .day .time{
                            	display: block;
                            }
                            .view-month-events .days-cont.calender .week .day .hall{
                            	display: inline-block;
                            	vertical-align: top;
                            	color: #929292;
                            	margin-left: 10px;
                            }


		/* section Rezervation Page Ver2.0 */
		.reserv-page-ver2{
            padding-top: 30px;
            margin-bottom: 43px;
        }
		.reserv-page-ver2 .wrapper{
			position: relative;
			background-color: #fff;
			padding: 30px;
			border-radius: 20px;
		}
		.reserv-page-ver2 .page-title{
			color: #454545;
			font-size: 22px;
			line-height: 26px;
			width: 50%;
			text-transform: uppercase;
			text-align: center;
			font-weight: 400;
			margin: 0 auto 30px;
			padding: 0;
		}
		.reserv-page-ver2 .all-events-link{
			position: absolute;
			top: 30px;
			left: 30px;
		}
		.reserv-page-ver2 .all-events-link a{
			display: inline-block;
			vertical-align: top;
			font-size: 12px;
			line-height: 26px;
			text-decoration: underline;
			color: #e55032;
		}
		.reserv-page-ver2 .hall-name{
			position: absolute;
			top: 30px;
			right: 30px;
			color: #909090;
			font-size: 14px;
			line-height: 26px;
		}
        .reserv-page-ver2 .hall-name-cabinet{
			position: absolute;
			top: 60px;
			right: 30px;
			color: #909090;
			font-size: 18px;
			line-height: 26px;
		}

		.reserv-page-ver2 .reserve-form{}
		.reserv-page-ver2 .reserve-form .event-block{
			text-align: center;
		}
		.reserv-page-ver2 .event-block .event-img,
        .reserv-page-ver2 .event-block .no-img{
			display: inline-block;
			vertical-align: top;
			/*width: 174px;
			height: 244px;*/
			overflow: hidden;
			margin-right: 40px;
			position: relative;
			z-index: 20;
		}
		.reserv-page-ver2 .event-block .event-img:before{
			content: '';
			display: block;
			width: 100%;
			height: 100%;
			background: url('../img/una-tickets_imghover.png') 50% 50% no-repeat;
			opacity: 0;
			transition: 0.2s;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 21;
		}
		.reserv-page-ver2 .event-block .event-img:hover:before{
			background-color: rgba(0,0,0,0.4);
			opacity: 1;
		}
		.reserv-page-ver2 .event-block .event-info{
			display: inline-block;
			vertical-align: top;
			width: 352px;
			text-align: left;
			font-size: 0;
			line-height: 0;
		}
		.reserv-page-ver2 .event-info .action-title{
			margin: 0 0 5px;
			font-size: 18px;
			font-weight: 700;
			line-height: 20px;
			color: #454545;
		}
        .reserv-page-ver2 .event-info .descr{
            font-size: 12px;
            line-height: 14px;
            margin: 0 0 5px;
        }
		.reserv-page-ver2 .event-info .form-group{
			display: inline-block;
			vertical-align: top;
			width: 170px;
			margin: 0 12px 0px 0;
			min-height: 50px;
			font-size: 12px;
			line-height: 20px;
		}
		.reserv-page-ver2 .event-info .form-group:nth-child(2n+1){
			margin-right: 0;
		}
		.reserv-page-ver2 .event-info .sel-text,
		.reserv-page-ver2 .event-info .inp-text{
			width: 100%;
			border: 1px solid transparent;
			margin: 0;
		}
		.reserv-page-ver2 .event-info .form-group.places{
			width: 100%;
			margin: 0;
			height: 46px;
		}
		.reserv-page-ver2 .event-info .form-group.places .btn-place{
			width: 100%;
		}
		.reserv-page-ver2 .event-info .error-msg{
			display: none;
			color: #e55032;
			font-size: 11px;
			line-height: 12px;
			padding: 0 8px;
			margin: 0;
		}


        .reserv-page-ver2 .event-block .event-info-sectors{
            width:70%;
        }
        .reserv-page-ver2 .event-info-sectors .form-group{
            width:323px;
        }
        .reserv-page-ver2 .event-info-sectors .places-map{
            margin-top:0;
            margin-bottom:16px;
        }


		.reserv-page-ver2 .event-info .form-group.err-on .inp-text{
			border: 1px solid #e55032;
		}
		.reserv-page-ver2 .event-info .form-group.err-on .error-msg{
			display: block;
		}
		.reserv-page-ver2 .places-map{
			position: relative;
			margin: 40px 0 0;
			z-index: 28;
		}
		.reserv-page-ver2 .places-map .close-map{
			display: block;
			width: 28px;
			height: 29px;
			text-decoration: none;
			font-size: 0;
			line-height: 0;
			position: absolute;
			top: -14px;
			right: -14px;
			z-index: 30;
		}
		.reserv-page-ver2 .selected-results{
			color: #454545;
			font-size: 14px;
			line-height: 24px;
			text-align: left;
			padding-top: 15px;
		}
		.reserv-page-ver2 .selected-results p{
			display: inline-block;
			vertical-align: top;
			min-width: 220px;
			padding: 0;
			margin: 0;
            margin-right: 20px;
		}
		.reserv-page-ver2 .selected-results p.overall{
			color: #e55032;
			font-size: 20px;
			line-height: 36px;
		}
		.reserv-page-ver2 .selected-results .overall span{}
		.reserv-page-ver2 .form-group.rezerv{
			width: 100%;
			float: none;
			margin: 20px 0 12px;
			padding: 23px 0 45px;
			border-top: 1px solid #dddddd;
			border-bottom: 1px solid #dddddd;
			overflow: hidden;
		}
		.reserv-page-ver2 .form-group.rezerv .btn-rezerv{
			display: block;
            margin: 0 auto;
            width: 325px;
            height: 66px;
		}
		.reserv-page-ver2 .form-group.rezerv .btn-rezerv span{
		    display: inline-block;
		    vertical-align: top;
		}
		.reserv-page-ver2 .form-group.rezerv .btn-rezerv span:after{
		    content: '';
		    display: inline-block;
		    vertical-align: top;
		    width: 22px;
		    height: 30px;
		    background: url('../img/circus_img04.png') 0 50% no-repeat;
		    margin-left: 10px;
		}
		.reserv-page-ver2 .form-group.rezerv .addit-info{
			margin: 0 0 0 0px;
			font-size: 12px;
			line-height: 20px;
			color: #454545;
			padding: 15px 0 0;
		}
		.reserv-page-ver2 .form-group.rezerv .addit-info:before{
			content: '*';
			color: #e55032;
			margin-right: 3px;
		}
		.reserv-page-ver2 .payment-block{}
		.reserv-page-ver2 .payment-block .block-title{
			margin: 0;
			padding: 0;
			font-size: 18px;
			line-height: 36px;
			font-weight: 700;
		}
		.reserv-page-ver2 .payment-block .descr{
			display: inline-block;
			vertical-align: top;
			font-size: 14px;
			line-height: 34px;
			margin: 0 20px 0 0;
		}
		.reserv-page-ver2 .payment-block .payment-form{
			display: inline-block;
			vertical-align: top;
		}
		.reserv-page-ver2 .payment-block .payment-form .inp-text{
			margin-right: 10px;
		}

		.reserv-page-ver2 .schema{
			border: 1px solid #dddddd;
			border-radius: 5px;
			box-shadow: 0px 0px 2px #f2f2f2;
		}
        .reserv-page-ver2 .no-bg .schema{
            padding: 45px 0 15px;
        }



/* Footer  */
footer{
    background: #201d26;
    height: 80px;
    text-align: right;
}
footer .wrapper{
    padding: 25px 30px;
}
footer .terra-logo{
    display: inline-block;
    vertical-align: top;
    width: 27px;
    height: 30px;
}



            /* Select Places PopUp styles */
            .schema {
                position: relative;
                overflow: auto;
                max-height: 100%;
            }
            .schema img{
                max-width: none;
                margin-bottom: 30px;
            }
            .no-bg .schema .places{
                display: block;
                margin: 0 auto;
                position: relative;
            }
            .schema .places .placeButton {
                background: transparent;
                border: 1px solid transparent;
                font-size: 0;
                line-height: 0;
            }
            .tooltip {
                color: #454545;
                border: 1px solid #dddddd;
                border-radius: 5px;
                padding: 6px;
                background-color: #fff;
                margin-bottom: 5px;
                z-index:1000;
            }


            .no-bg .schema .places .placeButton{
                box-shadow: 0 0 2px rgba(0,0,0,0.3);
            }
            /*
            .no-bg .schema .places .placeButton:hover{
                border-color: green;
            }
            */

           

            .schema .places .placeButton.selected {
                background: green;
            }

            .schema .places .placeButton.blocked {
                background: yellow;
                border-color: #999;
            }

            .schema .results,
            .schema-results{
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 9999;
                background-color: rgba(255,255,255,0.5);
                width:100%;
                min-height:30px;
                text-align:left;
                overflow: hidden;
            }
            .schema .results p,
            .schema-results p{
                margin: 0;
                padding: 0;
                display: block;
                float: left;
                font-size: 12px;
                line-height: 26px;
                margin-right: 15px;
            }
            .schema .results p strong,
            .schema-results p strong{
                margin-right: 20px;
            }
            .schema .results p + p + p + p + p,
            .schema-results p + p + p + p + p{
                float: right;
                margin: 0;
            }
            .schema .results button,
            .schema-results button{
                display: inline-block;
                vertical-align: top;
                border:0 none;
                background: #0096db none;
                border-radius: 2px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                color:#fff;
                font-weight:700;
                font-size: 12px;
                line-height: 18px;
                letter-spacing:2px;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                text-transform: uppercase;
                text-decoration: none;
                background-color: #8CC43F;
                -webkit-box-shadow: 0px 2px 0px 0px #527F14;
                -moz-box-shadow: 0px 2px 0px 0px #527F14;
                box-shadow: 0px 2px 0px 0px #527F14;
                padding:5px 15px;
            }


                    /* PopUp somewhere */
                    .fancybox-inner .a-center{
                        text-align: center;
                        margin: 0 0 15px;
                    }
                    .fancybox-inner .popup-close,
                    .fancybox-inner .pay{
                        display: block;
                        float: left;
                        padding: 5px 15px;
                        width: auto;
                        background-color: #bf1d2c;
                        box-shadow: 0 2px 0 #7c0914;
                        border-radius: 2px;
                        color: #fff;
                        font-weight: 700;
                        letter-spacing: 2px;
                        text-transform: uppercase;
                        border: 0;
                    }
                    .fancybox-inner .pay{
                        float: right;
                        background-color: #0096db;
                    }


        @media (max-width:1024px) {
            .reserv-page-ver2 {
                /* was `min-height: 1024px` — removed: it forced a tall empty
                   area below the card on phones/tablets. */
                min-height: 0;
            }
        }

.beta {
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}


.button {
    display: inline-block;
    padding: 15px 15px;
    border-radius: 2px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
}

.button-red {
    background: linear-gradient(to top, #d74022, #e55032);
    color: #fff;
}

.rules {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.wallpaper {
    text-align: center;
}

.wallpaper img {
    max-width: 100%;
    display: inline-block;
}

.fancybox-inner {
    min-width: 350px;
}

.sendCodeFillPD {
    width: auto;
    display: block;
    margin: 10px 0 5px;
    padding: 0 10px;
}

.link_agent{
    background: white;
    padding: 20px;
    border-radius: 10px;
    font-size: 20px;

}

.link_agent:last-child{
    margin-left: 50px;
    }

a{
    text-decoration: none;
}
ul{
    list-style: none;
}

#div_reg_captcha{
    margin-left: 180px;
}
#div_reg_captcha ul{
    overflow: auto;
}
#div_reg_captcha li{
    float: left;
}
#div_reg_captcha span{
        color: #F5245A;
        margin-top: 15px;
}
#div_reg_captcha input
{
    float: left;
    width: 140px;
    height: 38px;
    padding-left: 15px;
    font: 15px sans-serif ;
    color: #5F5E5E;
    border-radius: 3px;
    margin-right: 5px;
    margin-left: 15px;
    border: 1px solid black;
    text-align: center;
}
#reload_captcha{
color: #3B3B3B;
    text-decoration: underline;
    font:bold 15px sans-serif;
    cursor: pointer;
}
#reload_captcha:hover{
    color: black;
}


#registration_button{
    height: auto;
    margin-top: 20px;
    padding: 20px 20px; 
    border-radius: 2px;
    font: 15px sans-serif;
    color: #fff;
    background: #e55032;
    cursor: pointer;
    border:1px solid #d74022;
}
#registration_button:hover{
    background: #e55032;
    border:1px solid #e55032;
}

#form-registration{
    margin-top: 20px;
}

.buy-form2 {
    position: relative;
    bottom: 100px;
    z-index: 1;
    max-width: 1140px;
    margin: auto;
    align: center;
    background-color: #0048a6;
    clear: both;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
}


/* =========================================================================
   MOBILE / RESPONSIVE LAYOUT for the reservation & payment page
   (.reserv-page-ver2). Added so the booking flow is usable on phones.
   ========================================================================= */
@media (max-width: 768px) {

    /* Remove the fixed `min-width: 1000px` on <body> that forces the whole
       page to be at least 1000px wide (and thus zoomed-out) on phones. */
    body { min-width: 0 !important; overflow-x: hidden; }

    /* Fluid container instead of the fixed 1000px */
    .wrapper { width: 100% !important; box-sizing: border-box; }

    /* --- Header: stack logo + language switch, smaller text --- */
    header { height: auto; }
    header .wrapper { text-align: center; padding: 0 14px; }
    header .logo {
        float: none;
        display: block;
        height: auto;
        line-height: 1.25;
        font-size: 16px;
        margin: 12px 0 4px;
        text-align: center;
    }
    header .site-logo {
        display: inline-block;
        width: auto;
        height: 44px;
        line-height: 44px;
        margin-right: 8px;
    }
    header .lang { margin: 4px 0 12px; }

    /* --- Card --- */
    /* Cancel the old `min-height: 1024px` (set in the max-width:1024px rule
       above) which otherwise leaves a huge empty area below the card. */
    .reserv-page-ver2 { padding-top: 14px; margin-bottom: 24px; min-height: 0 !important; }
    .reserv-page-ver2 .wrapper { padding: 18px 14px; border-radius: 14px; }

    /* Title + the absolutely-positioned corner labels would overlap on a
       narrow screen, so put them back into the normal flow. */
    .reserv-page-ver2 .page-title {
        width: 100% !important;
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 14px;
    }
    .reserv-page-ver2 .all-events-link,
    .reserv-page-ver2 .hall-name,
    .reserv-page-ver2 .hall-name-cabinet {
        position: static !important;
        top: auto; left: auto; right: auto;
        display: block;
        text-align: center;
        margin: 0 0 8px;
    }

    /* --- Reservation form: single column, full-width controls --- */
    .reserv-page-ver2 .event-block { text-align: center; }
    .reserv-page-ver2 .event-block .event-info,
    .reserv-page-ver2 .event-block .event-info-sectors {
        width: 100% !important;
        max-width: 360px;
        margin: 0 auto;
        text-align: left;
    }
    .reserv-page-ver2 .event-info .form-group,
    .reserv-page-ver2 .event-info-sectors .form-group {
        display: block !important;
        width: 100% !important;
        margin: 0 0 12px !important;
        min-height: 0;
    }
    /* 16px font keeps iOS from zooming in when a field is focused */
    .inp-text, .sel-text {
        width: 100% !important;
        box-sizing: border-box;
        height: 40px;
        font-size: 16px;
    }
    /* international phone input wrapper */
    .iti, .intl-tel-input { width: 100% !important; display: block; }

    .btn-place { width: 100% !important; }

    .reserv-page-ver2 .form-group.rezerv { padding: 18px 0 24px; }
    .reserv-page-ver2 .form-group.rezerv .btn-rezerv {
        width: 100% !important;
        max-width: 360px;
        height: 56px;
    }

    .reserv-page-ver2 .selected-results p {
        display: block;
        min-width: 0;
        margin: 0 0 6px;
    }

    /* --- Seat / bus scheme: never overflow the card; allow panning --- */
    .reserv-page-ver2 .places-map,
    .reserv-page-ver2 .schema-map,
    .schema,
    .schema-container {
        max-width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* --- Payment block: stack title / description / inputs --- */
    .reserv-page-ver2 .payment-block .descr {
        display: block;
        margin: 0 0 10px;
        line-height: 1.4;
    }
    .reserv-page-ver2 .payment-block .payment-form { display: block; }
    .reserv-page-ver2 .payment-block .payment-form .inp-text {
        width: 100% !important;
        margin: 0 0 8px;
    }
    .btn-pay { width: 100% !important; max-width: 360px; }

    /* --- Footer --- */
    footer { height: auto; }
    footer .wrapper { padding: 18px 14px; text-align: center; }
}