@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");
@import url(font-awesome.min.css);

* {margin: 0; padding: 0;}
html {height: 100%; font-size: 100%;}
body {width: 100%; height: 100%; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; color: black; margin: 0; font-weight: 400; text-align: left;}
.clear {clear: both;}
img {max-width: 100%; height: auto; outline: 0;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}


h1 {color: #ffffff; font-size: 40px; line-height: 48px; font-weight: 800; text-transform: uppercase; margin: 0; text-shadow: 2px 2px rgba(4, 5, 5, 0.25);}
h2 {margin: 0; font-size: 34px; line-height: 44px; color: #ffffff; overflow: hidden; font-weight: 300; text-transform: uppercase; text-shadow: 2px 1px rgba(4, 5, 5, 0.25); position: relative;}
h2 span {display: inline-block; position: relative; padding: 0 15px;}
h2 span:before, h2 span:after {content: ''; position: absolute; top: 17px; width: 1000px; height: 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
h2 span:before {right: 100%;}
h2 span:after {left: 100%;}
h3 {color: #fff; font-size: 20px; line-height: 30px; margin-bottom: 10px;}
h3 small {color: #282b78; font-size: 17px; line-height: 22px; margin-bottom: 10px;}
h4 {color: white; font-size: 22px; line-height: 32px; text-align: center; font-weight: 400; margin: 0 auto;}
h5 {color: white; font-size: 26px; line-height: 36px; text-align: center; font-weight: 700; margin: 25px auto 0 auto;}
h6 {color: white; font-size: 26px; line-height: 36px; text-align: center; font-weight: 700; margin: 0 auto 55px auto; position: relative; z-index: 2;}
h6 small a {color: white; font-size: 18px; line-height: 24px; text-decoration: underline; font-weight: 300;}
h6 small a:hover {text-decoration: none;}
p {text-align: justify;}
a {outline: 0;}
b, strong {}

.video-wrap {position: relative; padding-bottom: 400px; width: 100%; height: 0; overflow: hidden;}
.video-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

input, textarea, select {font-family: 'Roboto', sans-serif;  background: white; color: #6d7a83; border: 1px solid #c8cdd2; width: 250px; height: 60px; padding: 0 20px; margin: 5px; font-size: 18px; line-height: 60px; font-weight: 400; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input, select {overflow: hidden;}
textarea {line-height: 24px; padding: 10px 15px;}
input:focus, textarea:focus, select:focus {border: 4px solid #6a5d91;}
button[type="submit"], input[type="submit"], input[type="button"] {font-family: 'Roboto', sans-serif;  text-align: center; text-decoration: none; background: #ed4a43; border: 0; color: white; font-size: 18px; font-weight: 700; text-transform: uppercase;  min-width: 250px; width: auto; height: 60px; padding: 0 20px; margin: 5px;  line-height: 60px;  -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; cursor: pointer;}
button[type="submit"]:hover , input[type="submit"]:hover, input[type="button"]:hover {background: black; color: white;}
::-webkit-input-placeholder {color: #6d7a83;}
::-moz-placeholder {color: #6d7a83;}
:-ms-input-placeholder {color: #6d7a83;}
:-moz-placeholder {color: #6d7a83;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {color: white; cursor: pointer; width: 20px; height: 20px;  margin: 0;}
input[type="checkbox"] + label::before {content: ""; display: inline-block; height: 20px; width: 20px; background: url(../images/checkboxx.png) no-repeat; margin: 0 6px -5px 0; background-size: cover;}
input[type="checkbox"]:checked + label::before {background: url(../images/checkboxx-up.png) no-repeat;}
input[type="checkbox"]:disabled + label::before {background: url(../images/checkboxx-disable.png) no-repeat;}
input[type="checkbox"]:checked:disabled + label::before {background: url(../images/checkboxx-disable-up.png) no-repeat;}

input[type="radio"] {width: ayto; height: auto;}

.table-container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 20px 0;}
.table-container::-webkit-scrollbar {-webkit-appearance: none; width: 14px; height: 14px;}
.table-container::-webkit-scrollbar-thumb {border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3);}

.wrapper {width: 100%; height: auto; margin: 0 auto; min-height: calc(100vh - 70px);  min-height: -moz-calc(100vh - 70px);  min-height: -webkit-calc(100vh - 70px);}
section {float: left; padding: 150px 0 40px 0; min-height: calc(100vh - 70px);  min-height: -moz-calc(100vh - 70px);  min-height: -webkit-calc(100vh - 70px); height: auto; width: 100%; position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
section.section-sommaire {background-image: url(../images/bg.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative; padding: 150px 0 0 0;}
section.section-sommaire:before {content: " "; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0;  z-index: 1;}
section.section-org {background-image: url(../images/bg2.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
section.section-cond {background: #ed4a43; padding: 150px 0 0 0;}
section.section-form {background: #937abb; padding: 150px 0 50px 0;}
section.section-one-event {background-image: url(../images/bg.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative; padding: 150px 0 0 0;}
section.section-one-event:before {content: " "; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0;  z-index: 1;}
section.section-error {background-image: url(../images/bg.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative; padding: 150px 0 40px 0;}
section.section-profile {background-image: url(../images/bg.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative; padding: 150px 0 40px 0;}
section.section-checkout {padding: 140px 0 40px 0; background: #f5f5f5;}

section.iframe {padding: 40px 0; background: #f5f5f5; background-image: none!important;}
section.iframe:before {background: #f5f5f5;}
section.iframe .calendar-block {padding: 0; background: #f5f5f5;}
section.iframe .calendar-block h3 {color: gray;}


.list-view {width: 100%; text-align: center; color: white; position: relative; z-index: 100; float: left;}
.empty {font-size: 30px; line-height: 40px; color: #ffffff; font-weight: 500; text-shadow: 2px 1px rgba(4, 5, 5, 0.25);}


.center {width: 1200px; max-width: 96%; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden;}
.header {position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100px;}
.menu-default {}
.menu-fixed {}
.menu-fixed .menu-users {display: none;}
.menu-fixed .menu-sites {background: #ed4a43;}

.menu-users {width: 100%; height: 35px; font-size: 15px; line-height: 20px; background: #484f9b; text-align: right; padding: 7px 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.menu-users a {color: white; text-decoration: none; display: inline-block; margin-left: 15px;}
.menu-users a:hover {color: white; text-decoration: underline;}
.menu-users a:last-child {margin-right: 20px;}

.menu-sites {width: 100%; height: 65px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.logo {width: 40%; float: left; text-align: left;}
.logo img {height: 55px; margin: 5px 10px 0 0; float: left;}
.menu-fixed .logo img {margin-top: 5px;}
.logo a {color: white; text-decoration: none; text-transform: uppercase; font-size: 24px; font-weight: 900;}
.content-menu {width: 60%; float: left; text-align: right; padding-top: 10px;}
.js_float, .js_float_target {cursor: pointer;}

 /*  Menu <  750 */
@media only screen and (min-width: 100px) and (max-width: 750px) {
html {height: 100%; font-size: 100%;}
.logo {width: 90%; }
.content-menu {width: 10%;}
ul.content-menu li {list-style: none; text-align: left;}
ul.content-menu li a {text-decoration: none;}
ul.content-menu li a img {float: right; margin: 10px 0 0 0; display: block}
ul.content-menu li ul {display: none; position: absolute; top: 0; left: 0; margin: 0; background: #484f9b; text-align: left; width: 50%; min-width: 300px; height: 100vh; overflow-y: scroll; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.content-menu li ul li {margin: 0; padding: 0; height: auto; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.content-menu li ul li a {display: block; text-decoration: none; color: #ffffff; font-size: 18px; font-weight: 500; padding: 15px; border-bottom: 1px solid #7b72cb; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
ul.content-menu li ul li a:hover, ul.content-menu li ul li a.on {background: #ed4a43; color: #fff;}
.menu-users a:last-child {margin-right: 0;}
ul.content-menu li ul li.menu-mobile {color: #edeaff; padding: 3px 15px; font-weight: 300; font-size: 15px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.content-menu li ul li.menu-mobile-hr {padding-bottom: 20px;}
ul.content-menu li ul li.menu-mobile-title {padding-top: 30px; font-weight: 600; font-size: 16px; line-height: 22px;}
ul.content-menu li ul li i {margin-right: 7px; font-size: 16px; line-height: 22px;}
}

/*  Menu > 750 */
@media only screen and (min-width: 751px) and (max-width: 1000000px) {
html {height: 100%; font-size: 100%;}
ul.content-menu li {display: inline-block; list-style: none; width: auto; height: auto;}
ul.content-menu li a img {display: none;}
ul.content-menu li ul#menu-float {display: block!important; margin: 0;}
ul.content-menu li ul li {margin: 0; position: relative; padding: 0; height: auto; width: auto; min-width: auto;}
ul.content-menu li ul li a {display: inline-block; text-decoration: none; color: #ffffff; font-size: 17px; font-weight: 400; padding: 10px 20px;  text-transform: uppercase; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
ul.content-menu li ul li a:hover, ul.content-menu li ul li a.on {background-color: rgba(13, 29, 49, 0.3);  text-decoration: none; -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; color: #fff;}
ul.content-menu li ul {z-index: 100;}
/*.menu-fixed .content-menu {padding-top: 15px;}
.menu-fixed ul.content-menu li ul li a { padding: 5px 14px;}
.menu-fixed .menu-sites {}   */
ul.content-menu li ul li.menu-mobile {display: none;}
}

.content {width: 100%;}
.footer {height: auto; float: left; background: black; width: 100%; text-align: center; color: silver; font-size: 14px; line-height: 24px; font-weight: 300; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.footer span {display: inline-block; padding: 0 10px; white-space: nowrap;}
.footer a {color: silver; text-decoration: underline; white-space: nowrap;}
.footer a:hover {color: silver; text-decoration: none;}
.footer i {margin-right: 7px;  vertical-align: middle;}
.footer .fa-mobile {font-size: 20px;}
.footer .fa-globe {font-size: 17px;}


.footer-iframe {width: 100%; float: left; text-align: center; padding: 20px 0;}
.footer-iframe a {color: white; text-decoration: none; font-size: 15px; line-height: 22px; font-weight: 500;}
.footer-iframe a:hover {color: silver; text-decoration: underline;}   

.footer-left {width: 38%; float: left; text-align: left; padding: 30px 0 15px 0;}
.footer-left img {float: left; margin-right: 10px; width: 140px;}
.footer-center {width: 50%; float: left; text-align: center; padding: 38px 0 15px 0;}
.footer-right {width: 12%; float: left; text-align: right; padding: 30px 0 20px 0;}
.footer-right img {margin: 0 6px; display: inline-block; height: 30px; border: 3px solid white; vertical-align: middle; opacity: 0.5; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}

#toTop {z-index: 1000; right: 10px; bottom: 10px; width: auto; display: none; padding: 5px 15px 3px 15px; font-size: 18px; text-transform: uppercase; line-height: 30px; background: #ed4a43; color: white; position: fixed; cursor: pointer; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
#toTop:hover {background: white; color: #ed4a43;}

#toCart {z-index: 1000; right: 0; bottom: 0; width: 100%; display: none; padding: 8px 0; text-align: center; font-size: 18px; text-transform: uppercase; line-height: 30px; color: white; text-decoration: none; background: #ed4a43; position: fixed; cursor: pointer; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
#toCart i {margin-left: 5px;}
#toCart:hover {background: #ed4a43; color: white;}

#toHeader {z-index: 1000; right: 10px; bottom: 10px; width: auto; display: none; padding: 5px 15px 3px 15px; font-size: 18px; text-transform: uppercase; line-height: 30px; background: #ed4a43; color: white; position: fixed; cursor: pointer; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
#toHeader:hover {background: white; color: #ed4a43;}

/* Блок с информацией об организаторе над афишей */
.index-txt {width: 100%; position: relative; z-index: 2; text-align: center;  margin-bottom: 50px;}
.index-txt h3 {color: #ffffff; font-size: 34px; line-height: 44px; font-weight: 800; text-transform: uppercase; margin: 0;}
.index-txt a {display: inline-block; margin: 0 15px; color: #ffffff; font-size: 18px; line-height: 26px; font-weight: 400; text-decoration: none;}
.index-txt a i {margin-right: 5px;}

.index-calendar {width: 100%; position: relative; z-index: 2; font-size: 16px; line-height: 24px; font-weight: 400; float: left; text-align: left; color: #fff; background: rgba(0, 0, 0, 0.3); padding: 25px; margin-bottom: 80px; -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.index-calendar h3 {color: white; font-size: 22px; line-height: 32px; text-align: left; font-weight: 700; margin: 0 auto 25px auto; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.index-calendar p, .index-calendar a {color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; text-align: left;}
.index-calendar a {text-decoration: underline;}
.index-calendar a:hover {text-decoration: none;}
.index-calendar p {margin-bottom: 5px;}
.index-calendar i {margin-right: 10px; width: 15px;}

.index-calendar .fa-map-marker {font-size: 20px;}
.index-calendar .fa-mobile {font-size: 23px;}
.index-calendar .fa-globe {font-size: 18px;}
.index-calendar .fa-envelope {font-size: 14px;}

.index-calendar div {float: left; width: 36%; padding: 0 50px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.index-calendar div:last-child, .index-calendar div:first-child {padding: 0;}
.index-calendar div:first-child {width: 30%;}
.index-calendar div:last-child {width: 34%;}
.index-calendar div img {-webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px;}

.table-calendar {width: auto; margin-top: -5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.table-calendar thead tr:last-child th:first-child {-webkit-border-radius: 10px 0 0 0; -ms-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0;}
.table-calendar thead tr:last-child th:last-child {-webkit-border-radius: 0 10px 0 0; -ms-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0;}
.table-calendar tr:last-child td:first-child {-webkit-border-radius: 0 0 0 10px; -ms-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px;}
.table-calendar tr:last-child td:last-child {-webkit-border-radius: 0 0 10px 0; -ms-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0;}

.table-calendar th {min-width: 44px; height: 30px;  border: 0; background: gray; text-align: center; font-size: 14px; vertical-align: middle; }
.table-calendar td {height: 44px; background: white; color: gray; font-size: 14px; font-weight: normal; text-align: center; vertical-align: middle; }
.table-calendar td.past {background: #e6e6e6; color: gray; font-weight: normal;}
.table-calendar td.active span {width: 32px; height: 32px; display: inline-block; background: #282b78; text-align: center; padding-top: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.table-calendar td.active a {color: white; text-decoration: none; font-size: 14px; font-weight: bold;}
.table-calendar td.success span {width: 34px; height: 34px; display: inline-block; border: 2px solid yellow; text-align: center; padding-top: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.table-calendar tr.navi-calendar th {background: transparent; border: 0; padding: 0;}
.table-calendar tr.navi-calendar th div.left {float: left; width: 10%!important; padding: 0!important; text-align: left;}
.table-calendar tr.navi-calendar th div.month {float: left; width: 80%!important; padding: 0!important; text-align: center; font-size: 15px; margin-top: 6px;}
.table-calendar tr.navi-calendar th div.month span {font-weight: normal; font-size: 13px; padding: 0 5px;}
.table-calendar tr.navi-calendar th div.right {float: left; width: 10%!important; padding: 0!important; text-align: right;}
.table-calendar tr.navi-calendar th div.left a i, .table-calendar tr.navi-calendar th div.right a i {margin: 0!important; font-size: 40px; color: #ed4a43;}
.table-calendar tr.navi-calendar th div.left a, .table-calendar tr.navi-calendar th div.right a {font-size: 40px; line-height: 40px;}

.index-calendar-nologo {width: 70%; position: relative; z-index: 2; font-size: 16px; line-height: 24px; font-weight: 400; float: left; text-align: left; color: #fff; background: rgba(0, 0, 0, 0.3); padding: 25px 0; margin: 0 0 80px 15%; -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.index-calendar-nologo h3 {color: white; font-size: 22px; line-height: 32px; text-align: left; font-weight: 700; margin: 0 auto 25px auto; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.index-calendar-nologo p, .index-calendar-nologo a {color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; text-align: left;}
.index-calendar-nologo i {margin-right: 7px;}
.index-calendar-nologo div {float: left; width: 50%; padding: 0 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* Афиша  мероприятие с логотипом и без календаря*/
.afisha {width: 100%; margin-bottom: 125px; float: left; position: relative; z-index: 3;  text-align: center;}
.afisha h1 {margin: 20px auto;}
.afisha h4 {text-transform: lowercase;}
.afisha-logo {max-width: 450px; margin: 25px auto; text-align: center;}
.afisha-logo img {-webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px;}
.detail {margin: 20px 10px 0 10px; display: inline-block; background: #282b78; text-decoration: none; color: white; font-size: 24px; font-weight: 700; text-transform: uppercase; height: 70px; line-height: 70px; padding: 0 25px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.detail:hover {background: black; color: white;}
.detail i {padding-left: 10px;}
.buy {margin: 20px 10px 0 10px; display: inline-block; background: #ed4a43; text-decoration: none; color: white; font-size: 24px; font-weight: 700; text-transform: uppercase; height: 70px; line-height: 70px; padding: 0 25px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.buy:hover {background: black; color: #ed4a43;}
.buy i {padding-left: 10px; vertical-align: text-top; padding-top: 5px; font-size: 18px;}

.violet-button {margin: 40px auto 0 auto; display: inline-block; background: #685eae; text-decoration: none; color: white; font-size: 18px; font-weight: 700; text-transform: uppercase; height: auto; line-height: 26px; padding: 10px 20px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.violet-button:hover {background: black; color: white;}



/* Афиша мероприятия с логотипом и с календарем */
.event-calendar {width: 100%; margin-bottom: 50px; float: left; position: relative; z-index: 2;}
.event-calendar h1 {margin-bottom: 15px;}
.event-calendar h2 {font-size: 24px; line-height: 40px; margin-bottom: 10px; text-transform: none; font-weight: 700;}
.afisha-calendar {width: 100%; margin: 45px auto 25px auto;}
.afisha-calendar-logo {float: left; width: 24%; padding-right: 15px; text-align: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.afisha-calendar-logo img {-webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px;}

.afisha-calendar-calendar {float: left; width: 76%; text-align: left; padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.afisha-calendar-calendar .detail {margin: 20px 0 0 0;}

.table-event-calendar {z-index: 1000; position: relative; width: auto; max-width: 99%; margin: 0; vertical-align: top; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.table-event-calendar thead tr th.calendar-title {text-align: center; background: white; color: #ed4a43; font-size: 40px; line-height: 50px; font-weight: 800; text-transform: uppercase;}
.table-event-calendar thead tr:first-child th:first-child {background: white; -webkit-border-radius: 10px 0 0 0; -ms-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0;}
.table-event-calendar thead tr:first-child th:last-child {background: white; -webkit-border-radius: 0 10px 0 0; -ms-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0;}
.table-event-calendar thead tr:first-child a i {font-size: 55px; color: #ed4a43; display: none;}
.table-event-calendar thead tr:first-child a {text-decoration: none;}

.table-event-calendar thead tr th {padding: 5px; min-width: 110px; height: auto; background: gray; color: white; font-size: 18px; font-weight: 700; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.table-event-calendar tr td {padding: 5px; height: 135px; border: 1px solid #e0dede; background: white; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.table-event-calendar-month {width: 70%; float: left; text-align: left; font-size: 15px; color: #444242; font-weight: 300;}
.table-event-calendar-date {width: 30%; float: left; text-align: right; font-size: 19px; color: black; font-weight: 700;}
.table-event-calendar hr {border-top: 1px solid #e0dede; border-bottom: 0; border-left: 0; border-right: 0; margin: 5px 0 10px 0;}

.table-event-calendar tr td.warning {background: #efefef;}
.table-event-calendar tr td.warning .table-event-calendar-date {color: #a9a9a9;}
.table-event-calendar tr td.success {background: #e2fbe2;}

.table-event-calendar tr td a {display: inline-block; margin: 0 4px 5px 0; white-space: nowrap; font-size: 13px; line-height: 16px; text-decoration: none; color: black; font-weight: 700; /*-webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;*/}
.table-event-calendar tr td a:hover {background: #ed4a43; color: white;}
.table-event-calendar tr td a span.table-event-calendar-time {background: #cbccfd; padding: 4px 5px 3px 5px; display: inline-block; /*-webkit-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;*/}
.table-event-calendar tr td a span.table-event-calendar-price {background: #c6e7ff; padding: 4px 5px 3px 5px; display: inline-block; /*-webkit-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;*/}
.table-event-calendar tr td a:hover span {background: #ed4a43; color: white;} 
.table-event-calendar tr td select {background: #282b78; color: white; border: 0; width: auto; height: auto; padding: 4px 0 4px 5px; margin: 0; font-size: 13px; line-height: 16px; font-weight: 700; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.table-event-calendar tr td span.table-event-calendar-ended {font-size: 13px; line-height: 16px; background: silver; color: white; margin: 0 4px 5px 0; padding: 4px 5px 3px 5px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* Афиша мероприятия без логотипа с календарем */
.afisha-calendar-nologo {float: left; width: 100%; margin-top: 25px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.afisha-calendar-nologo .table-event-calendar {margin: 0 auto;}


/* Пагинация */
ul.pagination {width: 100%; text-align: center; margin-bottom: 40px;}
ul.pagination li {display: inline-block; color: white; font-size: 18px; padding: 0 10px;}
ul.pagination li a {color: white; text-decoration: none;}
ul.pagination li.prev, ul.pagination li.next {font-size: 26px;}
ul.pagination li.active {width: 30px; height: 30px; font-weight: bold; display: inline-block; background: #282b78; text-align: center; padding-top: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}


/* Об организаторе */
.org-left {width: 29%; min-height: 1px; float: left; text-align: left; margin-right: 3%; color: #fff; font-size: 18px; line-height: 24px; font-weight: 400; background: #ed4a43; padding: 15px; position: relative; z-index: 2; -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}
.org-left p, .org-left a {color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; text-align: left;}
.org-left i {margin-right: 7px; width: 15px;}
.org-left .fa-mobile {font-size: 22px;}
.org-left .fa-map-marker {font-size: 18px;}

.org-right {width: 68%; min-height: 1px; float: left; text-align: left; color: #fff; font-size: 18px; line-height: 26px; font-weight: 400; background: rgba(0, 0, 0, 0.3); padding: 25px; margin-bottom: 40px;  position: relative; z-index: 2; -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.org-right-title {float: left; width: 100%; text-align: left; position: relative; padding: 18px 0; margin-bottom: 20px;}
.org-right-title h1 {font-size: 30px; line-height: 38px;}
.org-right-title:before {top: 0;}
.org-right-title:after {bottom: 0;}
.org-right-title:before, .org-right-title:after {content: ''; position: absolute; left: 0; width: 100%; height: 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.org-right p {color: #fff; font-size: 18px; line-height: 26px; margin-bottom: 20px; font-weight: 400; text-align: left;}
.org-right a {color: white; text-decoration: underline;}
.org-right a:hover {color: white; text-decoration: none;}

.social-line {width: auto; display: block; margin-bottom: 20px; color: #959da2; font-weight: 500; font-size: 14px; line-height: 19px;}
.social-line li {display: inline-block; margin: 0 3px;}
.social-line li a {width: 30px; height: 30px; line-height: 30px;  display: inline-block; color: #ffffff; text-align: center; position: relative; -webkit-border-radius: 5px;  -ms-border-radius: 5px; border-radius: 5px;  -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.social-line li a:hover {background-color: #ed4a43!important;}
.social-line li a.twitter {background-color: #1cb7ff;}
.social-line li a.facebook {background-color: #1859ff;}
.social-line li a.google {background-color: #fc1463;}
.social-line li a.linkedin {background-color: #22affe;}
.social-line li a.instagram {background-color: #ffca00;}
.social-line li a.whatsapp {background-color: #46ea63;}
.social-line li a.telegramm {background-color: #1e93c4;}
.social-line li a.viber {background-color: #645aa7;}

.add-to-calendar {width: auto; display: block; margin-bottom: 20px; color: #959da2; font-weight: 500; font-size: 14px; line-height: 19px;}
.add-to-calendar li {display: inline-block; margin: 0 3px;}
.add-to-calendar li a {width: 28px; height: 28px; line-height: 30px; display: inline-block; background: white; border: 1px solid silver; text-align: center; -webkit-border-radius: 5px;  -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.add-to-calendar li a:hover {background: silver!important;}
.add-to-calendar li a i.fa-apple {color: #7d7d7d; font-size: 18px;}
.add-to-calendar li a i.fa-yahoo {color: #f80535;}
.add-to-calendar li a i.fa-google {color: #e6ab00;}
.add-to-calendar li a i.fa-calendar {color: red;}
.add-to-calendar li a i.outlook {background: url(../images/outlook.png); width: 15px; height: 15px;  display: inline-block; vertical-align: text-top;}

/* Условия работы */
.content-cond1 {color: white;}
.content-cond1 h1 {width: 100%; margin: 0 0 20px 0; text-align: center; font-size: 36px; line-height: 46px; color: #ffffff; overflow: hidden; font-weight: 600; text-transform: uppercase; text-shadow: 2px 1px rgba(4, 5, 5, 0.25); position: relative;}
.content-cond1 h1 span {display: inline-block; position: relative; padding: 0 20px;}
.content-cond1 h1 span:before, .content-cond1 h1 span:after {content: ''; position: absolute; top: 17px; width: 1000px; height: 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.content-cond1 h1 span:before {right: 100%;}
.content-cond1 h1 span:after {left: 100%;}
.content-cond1 h3 {text-align: center; font-size: 26px; line-height: 36px; margin: 20px 0 10px 0;}
.content-cond1 p {color: white; font-size: 18px; line-height: 26px; margin-bottom: 20px; font-weight: 400;}

.content-cond2 {background: white; padding: 60px 0; margin-top: 60px;}
.content-cond2 h2 {color: black; text-align: center; margin-bottom: 20px; font-weight: 600;}
.content-cond2 h2 span:before, .content-cond2 h2 span:after {border-top: 1px solid black; border-bottom: 1px solid black;}
.content-cond2 h3 {color: black; text-align: center; font-size: 24px; line-height: 34px; margin: 20px 0 10px 0;}
.content-cond2 p {color: black; font-size: 18px; line-height: 26px; margin-bottom: 20px; font-weight: 400;}

/* Ошибка */
.content-error {text-align: center; z-index: 1000; position: relative;}
.content-error h1 {margin: 0; text-align: center; font-size: 100px; line-height: 120px; font-weight: 900; color: white; overflow: hidden; text-transform: uppercase; text-shadow: 2px 1px rgba(4, 5, 5, 0.25); position: relative;}
.content-error h1 span {display: inline-block; position: relative; padding: 0 25px;}
.content-error h1 span:before, .content-error h1 span:after {content: ''; position: absolute; top: 60px!important; width: 1000px; height: 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.content-error h1 span:before {right: 100%;}
.content-error h1 span:after {left: 100%;}
.content-error p {color: white; text-align: center; font-size: 22px; line-height: 32px; margin-bottom: 5px;}
.content-error a {display: inline-block; text-decoration: none; color: white; font-size: 24px; font-weight: 300; margin-top: 40px; border: 1px solid white; height: 60px; line-height: 60px; padding: 0 20px; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.content-error a:hover {background: #ed4a43; border: 1px solid #ed4a43;}

/* Вход, регистрация */
.content-form {text-align: center; width: 100%; color: white;}
.content-form p {text-align: center; color: white;}
.content-form a {color: white; text-decoration: underline;}
.content-form a:hover {color: white; text-decoration: none;}
.content-form h1 {width: 100%; margin: 0 0 50px 0; text-align: center; font-size: 40px; line-height: 50px; color: #ffffff; overflow: hidden; font-weight: 700; text-transform: uppercase; text-shadow: 2px 1px rgba(4, 5, 5, 0.25); position: relative;}
.content-form h1 span {display: inline-block; position: relative; padding: 0 25px;}
.content-form h1 span:before, .content-form h1 span:after {content: ''; position: absolute; top: 25px; width: 1000px; height: 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.content-form h1 span:before {right: 100%;}
.content-form h1 span:after {left: 100%;}

.error-summary p {color: #ed4a43; font-weight: 700; font-size: 18px; line-height: 26px; margin-bottom: 15px; text-align: center;}
.error-summary ul {width: auto; display: inline-block; margin-bottom: 15px;}
.error-summary ul li {color: #ed4a43; font-weight: 700; font-size: 18px; line-height: 26px; background: white; padding: 5px 20px; margin-bottom: 10px; display: list-item; list-style-type: none; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;}

form input {margin-bottom: 10px;}
form input[type="submit"] {margin: 10px auto 20px auto!important;}

/* Профиль */
.section-profile .menu-sites {background: #937abb;}
.section-profile h1 {color: #ed4a43; text-align: center; text-shadow: 0 0 rgba(4, 5, 5, 0.25); font-size: 40px; line-height: 50px; font-weight: 700; margin-bottom: 60px;}
.section-profile h1 span {display: inline-block; position: relative; padding: 0 25px;}
.section-profile h1 span:before, .section-profile h1 span:after {content: ''; position: absolute; top: 20px; width: 1000px; height: 5px; border-top: 1px solid #ed4a43; border-bottom: 1px solid #ed4a43;}
.section-profile h1 span:before {right: 100%;}
.section-profile h1 span:after {left: 100%;}
.section-profile .center {text-align: center;}
.section-profile .menu-users .center {text-align: right;}
.section-profile table {width: 100%; max-width: 650px; background: #f3f3f3; margin: 20px auto 30px auto; color: #6c6c6c; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.section-profile table tr td {padding: 0 10px 10px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.section-profile table tr td {text-align: center;}
.section-profile table tr td:first-child {width: 35%; text-align: right;}
.section-profile table tr td:last-child {width: 65%; text-align: left;}
.section-profile table tr:last-child td {padding: 0 10px 20px 10px;}
.section-profile table h3 {text-align: center; color: #484f9b; font-size: 22px; line-height: 32px; font-weight: 700; margin: 15px auto 5px auto;}
.section-profile table input {width: 90%; margin: 0;}
.section-profile table p.note-input {text-align: left; color: #ed4a43; font-size: 13px; line-height: 17px; font-weight: 600; margin-top: 5px;}


/* Список заказов */
.section-list-order .menu-sites {background: #937abb;}
.section-list-order h1 {color: #ed4a43; text-align: center; text-shadow: 0 0 rgba(4, 5, 5, 0.25); font-size: 40px; line-height: 50px; font-weight: 700; margin-bottom: 40px;}
.section-list-order h1 span {display: inline-block; position: relative; padding: 0 25px;}
.section-list-order h1 span:before, .section-list-order h1 span:after {content: ''; position: absolute; top: 20px; width: 1000px; height: 5px; border-top: 1px solid #ed4a43; border-bottom: 1px solid #ed4a43;}
.section-list-order h1 span:before {right: 100%;}
.section-list-order h1 span:after {left: 100%;}
.section-list-order h2 {text-align: center; color: black; font-size: 30px; line-height: 40px; font-weight: 700; margin: 0 auto 15px auto; text-transform: none; text-shadow: 0 0 rgba(4, 5, 5, 0.25);}
.section-list-order .center {text-align: center;}
.section-list-order .menu-users .center {text-align: right;}

.table-default {text-align: left; font-size: 15px; line-height: 21px; max-width: 100%;}
.table-default th {background: #f2eff7;}
.table-default td, .table-default th {padding: 10px; border: 1px solid #ddd;}
.table-default th, .table-default th a {color: #484f9b; font-size: 17px; line-height: 24px; font-weight: 700; text-decoration: none;}
.table-default th a:hover {color: #484f9b; text-decoration: underline;}
.table-default a {color: #3f4ac0; text-decoration: none;}
.table-default a:hover {color: #3f4ac0; text-decoration: underline;}
.table-default input, .table-default select {width: auto; max-width: 150px; height: 35px; padding: 0 5px; margin: 0; font-size: 14px; line-height: 35px; }
.table-default input:focus, .table-default textarea:focus, .table-default select:focus {border: 1px solid #6a5d91;}
.table-default tbody tr:nth-of-type(odd) {background: #f9f9f9;}


/* Одно мероприятие */
.one-event {position: relative; z-index: 2; width: 100%; float: left; min-height: calc(100vh - 250px);  min-height: -moz-calc(100vh - 250px);  min-height: -webkit-calc(100vh - 250px); height: auto;}
.event-time-counter {float: left; width: 50%; margin: 60px 25%; position: relative; z-index: 2;}
.event-time-counter h4 {color: #c0b4d3; font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 20px;}
.event-time-counter ul {float: left; width: 100%;}
.event-time-counter ul li {float: left; width: 23%; margin: 0 1%; list-style-type: none; background-color: rgba(13, 29, 49, 0.3);  padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #a995c9; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;}
.event-time-counter ul li h2 {color: #e4deee; font-size: 63px; line-height: 75px; font-weight: 700; margin: 0;}
.event-time-counter ul li span {font-weight: 300; color: #fff; text-transform: uppercase; text-shadow: 2px 1px rgba(4, 5, 5, 0.25);}
.one-event .buy {margin-bottom: 80px;}
.info-block {position: absolute; bottom: -3px; left: 0; width: 100%; z-index: 2;}
.info-block div {float: left;  width: 33%; min-height: 80px; text-align: left; padding: 15px 24px 10px 24px;  background-color: #0d1d31; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.info-block div i {color: white; float: left; margin: 7px 13px 0 0; font-size: 30px;}
.info-block div h4 {color: #ed4a43; font-size: 14px; font-weight: 700; margin-bottom: 2px; text-transform: uppercase; text-align: left;}
.info-block div p {color: #ffffff; font-size: 14px; line-height: 20px; text-align: left; font-weight: 700; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info-block div p span {padding-right: 15px;}
.info-block div p a {color: #ffffff; text-decoration: underline;}
.info-block div p a:hover {color: #ffffff; text-decoration: none;}
.info-block-org {-webkit-border-radius: 50px 0 0 0;  -ms-border-radius: 50px 0 0 0; border-radius: 50px 0 0 0;}
.info-block-cont {border-right: 1px solid rgba(255, 255, 255, 0.5); border-left: 1px solid rgba(255, 255, 255, 0.5);  width: 34%;}
.info-block-price {-webkit-border-radius: 0 50px 0 0;  -ms-border-radius: 0 50px 0 0; border-radius: 0 50px 0 0;}
.description-block {background: white; padding: 80px 0; position: relative; z-index: 2;}
.description-block-title {display: table; margin-bottom: 45px;}
.description-block-title h3 {display: table-cell; vertical-align: middle; color: #0d1d31; font-size: 24px; line-height: 32px; font-weight: 800;  text-transform: uppercase; margin: 0;}
.description-block-title h3 small {font-weight: 300; text-transform: capitalize;}
.description-block-title span {float: left; width: 50px; height: 50px;  background-color: #ed4a43; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; line-height: 50px; margin-right: 14px; position: relative;}
.description-block-title span i {color: #fff; font-size: 24px}
.description-block-txt {width: 100%; float: left;}
.description-block-txt hr {border-top: 1px solid #e3e3e3; border-bottom: 0; border-left: 0; border-right: 0; margin: 20px 0 25px 0;}
.description-block-txt p {color: #6d7a83; margin-bottom: 25px;  font-size: 18px; line-height: 26px; text-align: left;}
.description-block-logo {width: 30%; padding-left: 40px; float: right; margin-bottom: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.description-block-logo img {width: 100%; -webkit-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; }
.one-event .social-line {position: absolute; bottom: 90px; left: 0; width: 100%; z-index: 2; text-align: center; margin: 0; color: white;}
.one-event .social-line li:first-child {display: block; margin-bottom: 5px; text-transform: uppercase; font-size: 12px;}

/* Old price block - table */
.price-block {background: #f5f5f5; padding: 80px 0; text-align: center; position: relative; z-index: 2;}
.section-checkout .price-block {padding: 0;}
.price-block h3 {color: #645aa7; font-size: 18px; line-height: 26px; text-align: center; font-weight: 700; margin: 0 auto 25px auto;}
.price-block h4 {color: #ed4a43; font-size: 26px; line-height: 36px; text-align: center; font-weight: 700; margin: 0 auto;}
.price-block-title {display: table; margin: 0 auto 20px auto;}
.price-block-title span {display: inline-block; width: 50px; height: 50px; background-color: #ed4a43; border-radius: 10px; line-height: 50px; margin-right: 14px; position: relative;}
.price-block-title span i {color: white; font-size: 28px; padding-top: 10px;}
.price-block-title h3 {display: table-cell; vertical-align: middle; color: #ed4a43; font-size: 34px; line-height: 42px; font-weight: 800; text-transform: uppercase;  margin: 0; text-align: left;}
.price-block-title h3 small {font-weight: 300; text-transform: none;}
.ticket-end {background: yellow; color: black!important; display: inline-block; font-size: 13px; font-weight: 700; text-transform: uppercase;  width: auto; height: 26px; padding: 0 10px; margin: 0; line-height: 26px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.price-block .ticket-end {margin: 0 auto 20px auto;}

.price-block-container {margin: 0 auto; color: #293239; width: 750px; max-width: 100%;}
.price-block-container-list {padding: 15px 0; border-top: 1px solid #d2d2dc; width: 100%; float: left;}
.price-block-container-list-left {width: 60%; float: left; text-align: left; padding-right: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.price-block-container-list-center {width: 20%; float: left; text-align: center; font-weight: 700; line-height: 35px;}
.price-block-container-list-center input {max-width: 50px; height: 35px; padding: 0 5px; margin: 0 5px 0 0; font-size: 14px; line-height: 30px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;}
.price-block-container-list-center .hint-block {font-size: 13px; color: gray; display: block; text-transform: lowercase; font-weight: 400;}
.price-block-container-list-right {width: 20%; float: left; text-align: right; font-size: 14px;}
.price-block-container-list-right input {max-width: 50px; height: 35px; padding: 0 5px; margin: 0; font-size: 14px; line-height: 30px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;}
.price-block-container-list-right input[type="radio"] {width: 20px; height: 20px;}
.price-block-container-list-right div {display: inline;}
button.price-table-minus, button.price-table-plus {cursor: pointer; border: 0; font-size: 25px; line-height: 30px; font-weight: 700; vertical-align: middle;}
button.price-table-minus {margin: 0 8px 0 0; color: #ed4a43; background: none; vertical-align: top;}
button.price-table-plus {margin: 0 0 0 2px; color: green; background: none;}

.price-block-container-total {padding: 15px 0; border-top: 1px solid #d2d2dc; width: 100%; float: left; text-align: right;}
.price-block-container-total .one-total {margin: 0 0 0 30px; font-size: 16px!important; color: #293239!important; display: inline-block; font-weight: 700;}
.price-block-container-total .one-total div {display: inline;}
.price-block-container-total .one-total span {padding: 0 0 0 10px; color: #ed4a43; font-size: 18px; line-height: 24px; font-weight: 600;}

.price-block-container-method {padding: 15px 0; border-top: 1px solid #d2d2dc; width: 100%; float: left; text-align: right;}
.price-block-container-method .control-label {font-size: 20px; line-height: 30px; font-weight: bold; display: inline-block; width: auto; text-align: left; margin-right: 7px;}
.price-block-container-method label {display: block; width: 100%; text-align: left; margin-bottom: 10px;}
.price-block-container-method select {width: 300px!important; max-width: 300px;  height: 60px!important; margin: 0; font-size: 14px; line-height: 30px;}
.price-block-container-method button[type="submit"] {margin: 10px 0; width: 300px!important; max-width: 300px;}
.price-block-container-method p {text-align: right; font-size: 14px; line-height: 18px; margin: 0;}

.has-error input, .has-error textarea, .has-error select {border: 5px solid yellow;}
.price-block .error-summary {width: 750px; max-width: 100%; color: black;  background: yellow; text-align: center; padding: 5px 10px; margin: 10px auto;  -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.price-block .error-summary p {color: black; margin-bottom: 5px; font-size: 15px; line-height: 22px; font-weight: 700; text-align: center; }
.price-block .error-summary ul {margin: 0;}
.price-block .error-summary ul li {color: black; margin: 0; padding: 0; background: yellow; font-size: 16px; line-height: 22px; font-weight: 700;}

/* New price block - blocks*/
.price-blocks-all {margin: 60px 0 0 0; width: 100%; text-align: center;}
.price-blocks {position: relative; background: #685eae; color: white; display: inline-block; margin: 0 1% 2% 1%; width: 31%; min-height: 220px; height: auto; padding: 15px 10px; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.price-blocks span.label {background: yellow; color: black!important; display: inline-block; font-size: 13px; font-weight: 700; padding: 3px 7px 2px 7px; margin: 0 auto 5px auto; line-height: 14px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.price-blocks-title {min-height: 25px; height: auto;}
.price-blocks h2 {color: white!important; font-size: 16px!important; line-height: 20px!important; font-weight: 400!important; text-align: center!important; margin: 0!important;}
.price-blocks h3 {color: white; font-size: 14px; line-height: 18px; font-weight: 300; text-align: center; margin: 0;}
.price-blocks h4 {color: #cdcae4; font-size: 28px; line-height: 38px; font-weight: 700; height: 48px; text-align: center; margin: 0 0 10px 0; text-transform: lowercase;}

.price-blocks .form-group input {max-width: 50px; height: 35px; text-align: center; padding: 0 5px; margin: 10px 0 0 0; font-size: 16px; line-height: 30px; color: black; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.price-blocks .form-group input:focus {border: 0;}
.price-blocks .hint-block {font-size: 14px; line-height: 18px; font-weight: 300; text-align: center; margin: 5px 0; color: #cdcae4;}

.price-blocks-add {margin: 10px 0;}
.price-blocks-add button {border: 0; background: white; color: #ed4a43; font-size: 18px; line-height: 40px; font-weight: 700; cursor: pointer; width: auto; height: 40px; padding: 0 30px; margin: 0; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.price-blocks-add button:hover {background: #ed4a43; color: white;}

.price-blocks-info {position: absolute; bottom: 0; width: 100%; text-align: center; left: 0; background: #2b1e85; color: white; font-size: 14px; line-height: 18px; text-align: center; margin: 0; padding: 7px 0;}
.price-blocks-info button {color: #2b1e85; background: white; padding: 2px 7px; font-size: 14px; line-height: 14px; font-family: 'Roboto', sans-serif; cursor: pointer; margin: 0 0 0 8px; width: auto; height: auto; border: 0; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.price-blocks-info button:hover {color: white; background: black;}

.price-blocks-total {margin: 20px 0 0 0; width: 100%; text-align: center; padding-top: 20px; border-top: 1px solid #d2d2dc; }
.blocks-total-title {color: #685eae; font-size: 26px; line-height: 34px; font-weight: 700; text-align: center; margin: 0 0 5px 0; text-transform: uppercase}
.blocks-total {display: inline-block; color: black; font-size: 20px; line-height: 30px; font-weight: 700; text-align: center; margin: 0 10px 10px 10px;}
.blocks-total div {display: inline-block;}
.price-blocks-method label {display: block; color: #6d7a83; font-size: 14px; line-height: 18px;}
.price-blocks-method select {width: 300px!important; max-width: 300px;  height: 60px!important; margin: 5px 0 0 0; font-size: 16px; line-height: 30px;}
.price-blocks-method button[type="submit"] {margin: 10px 0; width: 300px!important; max-width: 300px;}
.price-blocks-method p {text-align: center; font-size: 14px; line-height: 18px; margin: 0 auto; max-width: 350px;}

.price-blocks-absent {position: absolute; bottom: 0; width: 100%; text-align: center; left: 0; background: yellow; color: black; font-size: 18px; line-height: 22px; font-weight: 700; text-align: center; margin: 0; padding: 7px 0;}

.field-cart-privacy input[type="checkbox"] {display: inline-block; width: auto; height: auto; padding: 0; margin: 5px; font-size: 14px; line-height: 20px;}
.field-cart-privacy .help-block {color: black; font-weight: 700; display: inline-block; background: yellow; text-align: center; margin: 10px auto; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}


/* Календарь на странцие одного мероприятия */
.calendar-block {background: #5e5b69; padding: 80px 0; text-align: center; position: relative; z-index: 2;}
.calendar-block h3 {color: white; font-size: 28px; line-height: 38px; font-weight: 700; text-align: center; margin: 0 0 20px 0;}
.section-checkout .calendar-block {padding: 0;}
.calendar-block .table-event-calendar {margin: 0 auto;}
.calendar-block .table-event-calendar thead tr:first-child a i {display: block;}

/* Оформление заказа */
.section-checkout .menu-sites {background: #937abb;}
.section-checkout h1 {color: #ed4a43; text-align: center; text-shadow: 0 0 rgba(4, 5, 5, 0.25); font-size: 40px; line-height: 50px; font-weight: 700; margin-bottom: 10px;}
.section-checkout h1 span {display: inline-block; position: relative; padding: 0 25px;}
.section-checkout h1 span:before, .section-checkout h1 span:after {content: ''; position: absolute; top: 20px; width: 1000px; height: 5px; border-top: 1px solid #ed4a43; border-bottom: 1px solid #ed4a43;}
.section-checkout h1 span:before {right: 100%;}
.section-checkout h1 span:after {left: 100%;}
.section-checkout h2 {text-align: center; color: black; font-size: 30px; line-height: 40px; font-weight: 700; margin: 0 auto 45px auto; text-transform: none; text-shadow: 0 0 rgba(4, 5, 5, 0.25);}
.section-checkout .center {text-align: center;}
.section-checkout .menu-users .center {text-align: right;}

.checkout-info {background: #f5f5f5; width: 60%; text-align: center; margin: 0 0 20px 20%; padding: 15px; float: left; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.checkout-info h3 {color: #645aa7; font-size: 18px; line-height: 26px; text-align: center; font-weight: 700; margin: 0 auto 5px auto;}
.checkout-info p {text-align: center; margin-bottom: 10px;}
.checkout-info span {display: inline-block; padding: 0 7px;}
.checkout-info a {display: inline-block; background: #ed4a43; text-transform: lowercase; text-decoration: none; color: white; font-size: 16px; line-height: 24px; font-weight: 400; padding: 2px 10px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.checkout-info a:hover {background: black; color: #ed4a43;}
.checkout-info-note {text-align: center; margin: 5px 0 0 0; color: gray; font-size: 14px; line-height: 22px;}

#kronometre {background: #804dd0; color: white; font-size: 25px; line-height: 35px; font-weight: 700; width: 90px; padding: 5px 0; text-align: center; margin-bottom: 20px; display: inline-block; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px;}

.checkout-info2 {background: #e7e2f0; width: 100%; text-align: left; margin: 0 0 20px 0; padding: 10px; float: left; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.checkout-info2 p {text-align: left; margin: 0;}

.one-checkout-form {width: 60%; margin: 0 20% 25px 20%; padding: 20px; float: left; border: 1px solid #dfdfdf; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.one-checkout-form h3 {text-align: left; color: #ed4a43; font-size: 18px; line-height: 28px; font-weight: 700; margin: 0 auto 15px auto;}
.one-checkout-form button {background: #645aa7; color: white; font-size: 15px; line-height: 25px; font-weight: 700; padding: 2px 7px; float: left; margin: -5px 0 20px 0; border: 0; cursor: pointer; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.one-checkout-form button:hover {background: black;}
.one-checkout-form-cols, .one-checkout-form-cols2 {float: left; margin: 0 4% 2% 0; width: 48%; text-align: left;}
.one-checkout-form-cols2 {margin: 0 0 2% 0;}
.one-checkout-form-cols label, .one-checkout-form-cols2 label {display: block; margin-bottom: 5px;}
.one-checkout-form-cols input, .one-checkout-form-cols2 input {width: 100%; margin: 0;}
.one-checkout-form-cols .required label:after, .one-checkout-form-cols2 .required label:after {content: '*'; margin-left: 5px; font-weight: 700;}
.one-checkout-form-gray {background: #f5f5f5;}
.one-checkout-form-cols .help-block, .one-checkout-form-cols2 .help-block {width: 100%; max-width: 100%; font-size: 14px; line-height: 18px; margin-top: 5px;}
.note-text {text-align: center; color: gray; font-size: 14px; margin-top: 10px;}

/* Финал заказа */
.section-complete .menu-sites {background: #937abb;}
.section-complete h1 {color: #ed4a43; text-align: center; text-shadow: 0 0 rgba(4, 5, 5, 0.25); font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 30px;}
.section-complete .center {text-align: center;}
.section-complete .menu-users .center {text-align: right;}
.complete-info {background: #e7e2f0; width: 60%; margin: 0 20% 25px 20%; text-align: center; padding: 15px; float: left; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.complete-info p {text-align: center; margin: 0;}
.complete-org {width: 60%; margin: 0 20%; text-align: center;}
.complete-org h3 {text-align: center; color: #ed4a43; font-size: 20px; line-height: 28px; font-weight: 700; margin: 0 auto 5px auto;}
.complete-org p {text-align: center; margin: 0;}
.complete-org .add-to-calendar {float: none; margin-bottom: 15px;}
.complete-org-table {width: 100%; color: black!important; text-align: left; margin-bottom: 30px;}
.complete-org-table th, .complete-org-table td {padding: 5px 10px; border: 1px solid #6d45ad;}
.complete-org-table th {font-weight: 700; background: #937abb; color: white; font-size: 18px; line-height: 26px;}
.complete-org-table1 {width: 30px; min-width: 30px; max-width: 30px;}
.complete-org-table2 {width: 150px; min-width: 150px; max-width: 150px;}
.complete-org-table3 {width: 230px; min-width: 230px; max-width: 230px;}
.complete-org-table4 {text-align: center; padding: 0 0 15px 0!important;}
.complete-org-table4 a {font-weight: 700; text-decoration: underline;}
.complete-org-table4 a:before {content: "\f019"; font: normal normal normal 14px/1 FontAwesome; margin-right: 6px;}

/* Пустая корзина */
.empty p {text-align: center}
.empty a {font-weight: 600;}

/* Доп.блоки общее */
.speakers-block, .programm-block, .partners-block  {padding: 80px 0; text-align: center; position: relative; z-index: 2;}
.speakers-block-title, .programm-block-title, .partners-block-title {display: table; margin: 0 auto 50px auto;}
.speakers-block-title span, .programm-block-title span, .partners-block-title span {display: inline-block; width: 60px; height: 60px; background: white; border-radius: 10px; line-height: 60px; margin-right: 14px; position: relative;}
.speakers-block-title span i, .programm-block-title span i, .partners-block-title span i {font-size: 32px; padding-top: 16px;}
.speakers-block-title h3, .programm-block-title h3, .partners-block-title h3 {display: table-cell; vertical-align: middle; color: white; font-size: 44px; line-height: 52px; font-weight: 800; text-transform: uppercase;  margin: 0; text-align: left;}
.speakers-block-popup .htmltext {overflow: hidden; border-top: 1px solid silver; padding-top: 25px; margin-top: 20px;}
.speakers-block-popup .htmltext img {max-width: none; }

/* Участники плитка*/
.speakers-block {background: #5e5b69; z-index: 3;}
.speakers-block-title span i {color: #5e5b69;}
.speakers-block-inside {background: #8e909c; width: 22%; height: 500px; display: inline-block; margin: 0 1% 2% 1%; padding: 15px; vertical-align: top; text-align: center; position: relative;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.speakers-block-inside div.speakers-logo {width: 100%; padding-bottom: 100%; border-radius: 50%; border: 3px solid white; position: relative; overflow: hidden; margin-bottom: 15px;}
.speakers-block-inside div.speakers-logo img {position: absolute; top: 0; left: 0;}
.speakers-block-inside h4 {color: white; font-size: 20px; line-height: 30px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px;}
.speakers-block-inside h5 {color: #5e5b69; font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 5px; height: 78px; overflow: hidden; text-overflow: ellipsis;}
.speakers-block-inside a.more {position: absolute; bottom: 15px; right: 50%; margin-right: -25px; display: inline-block; text-align: center;  margin-top: 15px; width: 50px; height: 50px; border-radius: 50%; background: white; color: #ed4a43; font-size: 40px; line-height: 50px; font-weight: 900; text-decoration: none; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.speakers-block-inside a.more:hover {background: #ed4a43; color: white; text-decoration: none;}

/* Участники лист */
.speakers-block-inside-list {width: 80%; float: left; margin: 0 0 20px 10%; background: #8e909c; text-align: left;}
.speakers-block-inside-list-left {width: 25%; float: left; padding: 25px 0 25px 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.speakers-block-inside-list-left div {width: 100%; padding-bottom: 100%; border-radius: 50%; border: 3px solid white; position: relative; overflow: hidden; margin-bottom: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.speakers-block-inside-list-left div img {position: absolute; top: 0; left: 0;}
.speakers-block-inside-list-right {width: 75%; float: left; padding: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.speakers-block-inside-list div.desk {background: #b8b9c1; padding: 15px;}
.speakers-block-inside-list h4 {color: #ed4a43; font-size: 32px; line-height: 40px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; text-align: left;}
.speakers-block-inside-list h5 {color: #5e5b69; font-size: 20px; line-height: 30px; font-weight: 700; text-transform: uppercase; text-align: left;}
.speakers-block-inside-list p {color: white; text-align: left;}

/* Участники всплывайка */
.speakers-block-popup {position: fixed; top: 85px; left: 50%; margin: 0 0 0 -500px; width: 1000px; max-width: 96%; height: 80vh; overflow-y: auto;  background: white; padding: 40px; text-align: left; z-index: 100; -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.speakers-block-popup-wrapper {position: relative; width: 100%;}
.speakers-popup-logo {width: 250px; height: 250px; -webkit-border-radius: 50%;  -ms-border-radius: 50%; border-radius: 50%; margin: 0 25px 10px 0; overflow: hidden; float: left;}
.speakers-popup-logo img {width: 250px;}
.speakers-block-popup-wrapper h1 {color: #ed4a43; font-size: 40px; line-height: 50px; font-weight: 700; text-transform: uppercase; margin: 0; text-shadow: 0 0 rgba(4, 5, 5, 0); padding-top: 30px;}
.speakers-block-popup-wrapper h5 {color: #5e5b69; font-size: 26px; line-height: 36px; font-weight: 700; margin: 0 0 30px 0; text-align: left;}
.speakers-block-popup-wrapper button {position: absolute; top: -10px; right: -10px; width: 32px; height: 32px; border: 0; cursor: pointer; background: url(../images/close.png); background-position: center; background-repeat: no-repeat; border-radius: 4px;}
.speakers-block-popup ol, .speakers-block-popup ul {list-style-position: inside;}

/* Программа */
.programm-block {background: #ed4a43;}
.programm-block-title span i {color: #ed4a43;}
.programm-block-inside {width: 80%; margin: 0 0 5px 10%; float: left;}
.programm-block-inside-left {width: 17%; height: 5px; float: left; color: white; text-align: right; padding-right: 15px; font-weight: 700; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.programm-block-inside-right {width: 83%; float: left; background: #f2847f; padding: 15px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.programm-block-inside-right img {width: 110px; margin: 0 15px 0 0; float: left;}
.programm-block-inside-right h2 {text-align: left; margin: 10px 0; font-size: 28px; line-height: 36px; color: black; overflow: visible; font-weight: 700; text-transform: none; text-shadow: 0 0 rgba(4, 5, 5, 0); padding-right: 70px;}
.programm-block-inside-right p {color: black; font-size: 18px; line-height: 24px; text-align: left; font-weight: 300; font-style: italic; padding-right: 70px;}
.programm-block-inside-right a.more {display: block; position: absolute; top: 50%; right: 15px; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; background: white; color: #ed4a43; font-size: 30px; line-height: 50px; font-weight: 900; text-decoration: none; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.programm-block-inside-right a.more:hover {background: #ed4a43; color: white; text-decoration: none;}
.programm-block-inside-right a.more i {padding-top: 5px;}
.programm-block-inside-right .htmltext {text-align: left; margin: 10px 0 0 125px; padding: 20px 0 0 0; border-top: 1px solid #fcbebb; float: left; width: 70%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.programm-block-inside-right .htmltext ol, .programm-block-inside-right .htmltext ul {list-style-position: inside;}
.programm-block-inside-right .htmltext p {font-style: normal;}

/* Партнеры */
.partners-block {background: #959fa9;}
.partners-block-title span i {color: #959fa9;}
.partners-block-inside {width: 100%; vertical-align: top;}
.partners-block-inside div {display: inline-block; width: 255px; height: 255px; overflow: hidden; margin: 0 1% 2% 1%; padding: 15px; text-align: center; border: 1px solid #b6bdc4; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.partners-block-inside div img {max-height: 170px; max-width: 225px;}
.partners-block-inside h5 {color: white; font-size: 16px; line-height: 20px; font-weight: 300; margin: 0 auto 10px auto; height: 40px; overflow: hidden; text-overflow: ellipsis; display: block;}

/* Афиша с выбором времени, а не дня */
.wrapper-day {background: white; width: 100%; padding: 30px 20px 10px 20px; text-align: left; -webkit-border-radius: 10px;  -ms-border-radius: 10px; border-radius: 10px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.wrapper-day h2 {text-align: left; background: white; color: #ed4a43; font-size: 34px; line-height: 44px; margin-bottom: 30px; font-weight: 800; text-transform: uppercase;}
.wrapper-day h3 {text-align: left; display: inline-block; background: white;  color: gray; font-size: 22px; line-height: 30px; font-weight: 500;}
.wrapper-day hr {border-top: 1px solid #e0dede; border-bottom: 0; border-left: 0; border-right: 0; width: 100%; margin: 15px 0 25px 0;}
.wrapper-day a {display: inline-block; background: #282b78; white-space: nowrap; font-size: 18px; line-height: 24px; text-decoration: none; color: white; font-weight: 700; padding: 5px 15px 4px 15px; margin: 0 5px 5px 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.wrapper-day a:hover {background: #ed4a43;}

/*Шаблон входные билеты - шапка*/
.ticket-top {width: 100%; position: relative; z-index: 2; font-size: 16px; line-height: 24px; font-weight: 400; float: left; text-align: left; color: #fff; background: rgba(0, 0, 0, 0.3); padding: 25px; margin-bottom: 80px; -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ticket-top h1 {color: white; font-size: 40px; line-height: 50px; text-align: center; font-weight: 700; margin: 0 auto 25px auto;}
.ticket-top h3 {color: white; font-size: 22px; line-height: 32px; text-align: left; font-weight: 700; margin: 0 auto 25px auto; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.ticket-top-left {width: 32%; float: left; padding-right: 45px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ticket-top-left div {width: 100%; margin-bottom: 45px;}
.ticket-top-left div p, .ticket-top-left div a {color: #fff; font-size: 16px; line-height: 24px; font-weight: 400; text-align: left;}
.ticket-top-left div p {margin-bottom: 5px;}
.ticket-top-left div i {margin-right: 10px; width: 15px;}
.ticket-top-left div .fa-map-marker {font-size: 20px;}
.ticket-top-left div .fa-mobile {font-size: 23px;}
.ticket-top-left div .fa-globe {font-size: 18px;}
.ticket-top-left div .fa-envelope {font-size: 14px;}
.ticket-top-left .detail, .ticket-top-left .buy  {margin: 0 0 10px 0; display: block; text-align: center; padding: 0 10px;}
.ticket-top-right {width: 68%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ticket-top-right div {margin: 0%; padding-bottom: 500px; overflow: hidden; position: relative; height: 0;}
.ticket-top-right div iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}

/* Шаблон входные билеты - блок корзины */

.price-blocks-all-header {width: 70%; float: left; margin: 20px 0 20px 15%; padding-bottom: 15px; border-bottom: 1px solid silver;}
.price-blocks-all-header h3 {text-align: center; font-size: 24px; line-height: 34px; font-weight: 600; color: black; margin: 0 auto 5px auto;}
.price-blocks-all-header p {text-align: center; font-size: 18px; line-height: 22px; font-weight: 400; color: gray; margin: 0 auto 10px auto;}
.price-endless-total {border-top: 0;}
.price-endless {width: 70%; float: left; padding-bottom: 20px; margin: 0 0 20px 15%; border-bottom: 1px solid silver;}
.price-endless-title {float: left; text-align: left; width: 65%; padding-right: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.price-endless-title span.label {background: #ed4a43; color: white!important; display: inline-block; font-size: 13px; font-weight: 700; padding: 4px 7px 3px 7px; margin: 0 auto; line-height: 14px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.price-endless-title h2 {color: #645aa7; font-size: 22px; line-height: 28px; text-align: left;  font-weight: 700; margin: 7px 0 0 0; text-transform: none;  text-shadow: 0 0 rgba(4, 5, 5, 0.25);}   
.price-endless-title h3 {color: gray; font-size: 16px;  line-height: 20px; text-align: left;  font-weight: 400; margin: 0;} 
.price-endless-info {text-align: left; color: #ed4a43; font-size: 16px; line-height: 20px; font-weight: 600; margin-top: 3px;} 
.price-endless-info .span {font-size: 20px;}
.price-endless-info button {margin: 0 0 0 10px; background: #ed4a43; color: white; font-size: 16px; font-weight: 700; padding: 3px 15px; border: 0; cursor: pointer; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.price-endless-info button:hover {background: #645aa7;}
.price-endless-buy {float: left; width: 35%; padding: 15px 8px; background: #645aa7; text-align: center; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}   
.price-endless-price {display: inline-block; width: 55%; height: 40px; text-align: center; vertical-align: top;} 
.price-endless-price h4 {font-size: 24px; line-height: 40px; margin-right: 5px; color: white; font-weight: 600;} 
.price-endless-price h5 {font-size: 16px; line-height: 40px; color: white; font-weight: 600; margin: 0 0 5px 0;} 
.price-endless-price input {width: 60px; height: 40px; padding: 0 5px; margin: 0 5px 0 0; display: inline-block;}
.price-endless-price input:focus {border: 2px solid #ed4a43;}
.price-endless-price .hint-block {color: white; font-size: 14px; display: inline-block;}
.price-endless-button {display: inline-block;  width: 43%; text-align: right; vertical-align: top;} 
.price-endless-button button {padding: 4px 10px; width: 100%; line-height: 30px; background: white; color: #ed4a43; cursor: pointer; text-transform: uppercase; border: 0; font-size: 15px; font-weight: 600; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} 
.price-endless-button button:hover {background: #ed4a43; color: white;}

/* Cookie */
.cookie-consent-popup input[type="checkbox"] {display: inline-block;  width: auto; height: auto; padding: 0; margin: 5px; font-size: 14px; line-height: 20px;}
.cookie-consent-popup {animation-name: show; animation-duration: 1s; animation-timing-function: ease; display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; background-color:rgba(255,255,255,0.9); text-align: center; padding: 15px 0;}
.cookie-consent-popup.open {display: block; opacity: 1; animation-name: show; animation-duration: 1s; animation-timing-function: ease; text-align: center;}
.cookie-consent-controls {max-height: 0; overflow: hidden; -webkit-transition: max-height 0.5s ease-out; -moz-transition: max-height 0.5s ease-out; transition: max-height 0.5s ease-out;}
.cookie-consent-controls span {font-size: 14px; line-height: 20px;}
.cookie-consent-controls.open {margin: 0 0 30px 0; max-height: 200px; width: 1200px; max-width: 96%;  margin: 0 auto;}
.cookie-consent-details {max-height: 0; overflow: hidden; -webkit-transition: max-height 0.5s ease-out; -moz-transition: max-height 0.5s ease-out; transition: max-height 0.5s ease-out;}
.cookie-consent-details.open {max-height: 1200px;}
@keyframes show {from {opacity: 0;} to {opacity: 1;}}
@keyframes hide {from {opacity: 1;} to {opacity: 0;}}

.cookie-consent-top-wrapper {width: 1200px; max-width: 96%;  margin: 0 auto;} 
.cookie-consent-top-wrapper button {text-decoration: none; border: 0; background: gray; color: white; font-size: 14px; line-height: 22px; font-weight: 700; padding: 3px 15px; margin: 5px; -webkit-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; cursor: pointer;}
.cookie-consent-top-wrapper button:hover {background: black;}
.cookie-consent-accept-all {background: green!important;}
button.cookie-consent-save {display: inline-block; margin: 0 0 0 10px; text-decoration: none; background: #645aa7; border: 0; color: white; font-size: 14px; line-height: 22px; font-weight: 700; padding: 3px 15px; -webkit-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; cursor: pointer;}
button.cookie-consent-save:hover {background: black;}  
p.cookie-consent-message {text-align: center; font-size: 14px; line-height: 22px;}

.cookie-consent-details {width: 1200px; max-width: 96%;  margin: 0 auto; text-align: center; font-size: 14px; line-height: 22px;}
.cookie-consent-details label {font-weight: 700; margin: 15px auto 5px auto; display: inline-block; font-size: 18px; line-height: 26px;}
.cookie-consent-details table {margin: 0 auto;}
.cookie-consent-details table td {vertical-align: top;}
.cookie-consent-details table h4 {font-weight: 700; margin: 15px auto 5px auto; font-size: 16px; line-height: 22px; color: black;}
.cookie-consent-details table p {margin-bottom: 10px; text-align: center; font-size: 14px; line-height: 20px;}

/*Шаблон страницы с несколькими локациями - списком*/
.ticket-list {width: 48%; float: left; margin: 0 1% 2% 1%; position: relative; z-index: 2; font-size: 16px; line-height: 24px; font-weight: 400; text-align: left; color: #fff; background: rgba(0, 0, 0, 0.55); padding: 15px; -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ticket-list h2 {color: white; font-size: 20px; line-height: 30px; text-align: center; font-weight: 700; margin: 0 auto;}
.ticket-list h3 {color: white; font-size: 17px; line-height: 22px; text-align: center; font-weight: 400; margin: 0 auto 15px auto;}
.ticket-list-left {width: 58%; float: left; padding-right: 10px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ticket-list-left img {float: left; -webkit-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px;}
.ticket-list-right {float: left; width: 42%; padding-left: 10px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ticket-list-right p, .ticket-list-right a {color: #fff; font-size: 15px; line-height: 20px; font-weight: 400; text-align: left;}
.ticket-list-right p {margin-bottom: 5px;}
.ticket-list-right i {margin-right: 10px; width: 15px;}
.ticket-list-right .fa-map-marker {font-size: 20px;}
.ticket-list-right .fa-mobile {font-size: 23px;}
.ticket-list-right .fa-globe {font-size: 18px;}
.ticket-list-right .fa-envelope {font-size: 14px;}
.ticket-list .detail, .ticket-list .buy  {margin: 15px 10px 0 0px; font-size: 20px; height: 60px; line-height: 60px; padding: 0 15px; float: left;}

/* Раздел Помощь */
/* Главная страница помощи */
.help-page {background: rgba(245, 245, 245, 0.9); color: black;}
.help-page .required label::after {content: '*'; margin-left: 5px; font-weight: 800;}
.help-page .org-right-title {padding: 10px 0;}
.help-page .org-right-title:before, .help-page .org-right-title:after {height: 2px; border-top: 1px solid #ed4a43; border-bottom: 1px solid #ed4a43;}
.help-page h2 {font-size: 30px; line-height: 40px; color: #ed4a43; font-weight: 800; text-transform: uppercase;  text-shadow: 0 0 rgba(4, 5, 5, 0);}
.help-block-all {width: 100%; float: left; padding-top: 10px;}
.help-block-faq {font-size: 14px; line-height: 22px; color: black; float: left; width: 100%; padding: 15px; margin: 20px 0; background: rgba(245, 245, 245, 0.9); -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.help-block-faq p {color: black; font-size: 16px; line-height: 24px;}
.help-block-faq a {color: black; text-decoration: underline;}
.help-block-faq a:hover {color: black; text-decoration: none;}
.help-block-one {width: 100%; float: left; padding-bottom: 20px; margin: 0 0 20px 0; border-bottom: 1px solid silver;}
.help-block-one-left {float: left; text-align: left; width: 75%;  padding-right: 15px;  box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}
.help-block-one-left h3 {color: #645aa7; font-size: 22px; line-height: 28px;  text-align: left;  font-weight: 700;  margin: 7px 0 0 0;  text-transform: none;  text-shadow: 0 0 rgba(4, 5, 5, 0.25);}
.help-block-one-left h3 a {text-decoration: none; color: #645aa7;}
.help-block-one-left h3 a:hover {text-decoration: underline; color: #645aa7} 
.help-block-one-left p {color: gray; font-size: 14px; line-height: 20px; text-align: left; font-weight: 400; margin: 0;}
.help-block-one-right {float: left; text-align: right; width: 25%;  padding-top: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}
.help-block-one-right a {display: inline-block; color: white; text-decoration: none; font-size: 16px; line-height: 24px; font-weight: 800; padding: 5px 12px; background: #ed4a43; text-align: center; -webkit-border-radius: 5px;  -ms-border-radius: 5px;  border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.help-block-one-right a:hover {color: white; text-decoration: none; background: #645aa7;}

/* Формы */
.help-feedback {width: 100%; float: left;}
.help-feedback-one {display: inline-block; vertical-align: top; margin: 0 2% 2% 0; width: 47%; text-align: left;}
.help-feedback-one input {width: 100%; margin: 0;}
.help-feedback-one label {display: block; margin-bottom: 5px;}
.help-feedback-one-text {display: inline-block; vertical-align: top; width: 100%; text-align: left;  margin: 0 0 2% 0;}
.help-feedback-one-text textarea {width: 97%; margin: 0; height: 150px;}
.help-feedback-one-button {display: inline-block; vertical-align: top; width: 100%; text-align: left;  margin: 0 0 2% 0;}
.help-page .help-block {width: 100%; background: yellow; margin-top: 10px; padding: 0 10px; box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}

.help-block-success h3 {color: black; font-size: 20px; line-height: 28px; font-weight: 400;  margin: 20px 0;  text-transform: none;  text-shadow: 0 0 rgba(4, 5, 5, 0.25);}
.help-block-success .buy {text-decoration: none; font-size: 18px; height: 40px; line-height: 40px; padding: 0 15px; margin: 0;}

.rebus {width: 1px; height: 1px; overflow: hidden;}

/* Переписка */
.help-message {}
.help-reply {width: 100%; float: left; margin-top: 15px; padding-top: 15px; border-top: 1px solid silver;}
.help-reply label {display: block; margin-bottom: 5px;}
.help-reply textarea {width: 100%; margin: 0; height: 150px;}

.panel-info {border: 1px solid #9bbfcd;}
.panel-success {border: 1px solid #96b99b;}
.panel-info .help-message-block-top {background: #daedfa;}
.panel-success .help-message-block-top {background: #ddf0d6;} 

.help-message-block {width: 100%; float: left; background: white; margin-bottom: 20px; -webkit-border-radius: 10px;  -ms-border-radius: 10px;  border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.help-message-block-top {width: 100%; float: left; padding: 10px; -webkit-border-radius: 10px 10px 0 0;  -ms-border-radius: 10px 10px 0 0;  border-radius: 10px 10px 0 0; box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}
.help-message-block-top-left {width: 70%; float: left; font-size: 13px; line-height: 17px; color: gray;}
.help-message-block-top-left strong {font-size: 14px; line-height: 19px; color: black;}
.panel-info .help-message-block-top-left strong {color: #436f94;}
.panel-success .help-message-block-top-left strong {color: #5a7350;}
.help-message-block-top-right {width: 30%; float: left; font-size: 13px; line-height: 17px; color: gray; text-align: right;}
.help-message-block-body {width: 100%; float: left; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}

/* Блок вопроса на странице организавтора */

.org-right-help {width: 100%; float: left; padding: 20px 0; margin: 10px 0 20px 0; border-top: 1px solid white; border-bottom: 1px solid white;}
.org-right-help-left {float: left; text-align: left; width: 75%;  padding-right: 15px;  box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}
.org-right-help-left h3 {color: white; font-size: 22px; line-height: 28px;  text-align: left;  font-weight: 700;  margin: 0;  text-transform: none;}
.org-right-help-left h3 a {text-decoration: none; color: white;}
.org-right-help-left h3 a:hover {text-decoration: underline; color: white} 
.org-right-help-left p {color: white; font-size: 14px; line-height: 20px; text-align: left; font-weight: 400; margin: 0;}
.org-right-help-right {float: left; text-align: right; width: 25%;  padding-top: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}
.org-right-help-right a {display: inline-block; color: white; text-decoration: none; font-size: 16px; line-height: 24px; font-weight: 800; padding: 5px 12px; background: #ed4a43; text-align: center; -webkit-border-radius: 5px;  -ms-border-radius: 5px;  border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.org-right-help-right a:hover {color: white; text-decoration: none; background: #645aa7;}


/* 0 - 540 (320, 360, 414, 480, 533, 540) */
@media only screen and (min-width: 100px) and (max-width: 540px) {
html {height: 100%; font-size: 100%;}
#toHeader {display: none!important;}
p {text-align: left;}
h1 {font-size: 28px; line-height: 36px;}
h2 {font-size: 25px; line-height: 35px;}
h1 span, h2 span {padding: 0 10px!important;}
h1 span:before, h1 span:after, h2 span:before, h2 span:after {top: 15px!important;}
h3 {font-size: 20px; line-height: 30px; margin-bottom: 5px;}
.org-right-title h1 {font-size: 28px; line-height: 36px;}
.footer-left {width: 100%; text-align: center; padding: 15px 0 0 0;}
.footer-left img {float: none; margin: 0 0 10px 0; margin: 0 auto 10px auto; display: block;}
.footer-center {width: 100%; padding: 15px 0 0 0;}
.footer-right {width: 100%; text-align: center; padding: 15px 0;}
.content-cond1 h3, .content-cond2 h3 {font-size: 20px; line-height: 30px;}
.content-cond1 h1, .content-cond2 h2 {font-size: 30px; line-height: 40px;}
.content-error h1 {font-size: 70px; line-height: 80px;}
.content-error h1 span:before, .content-error h1 span:after {top: 40px!important;}
.content-error p {font-size: 20px; line-height: 30px;}
.content-error a {font-size: 20px; height: 50px; line-height: 50px;}
.content-form h1 {font-size: 30px; line-height: 40px;}
.section-profile table tr td {padding: 0 5px 5px 5px;}
.section-profile table tr:last-child td {padding: 0 5px 15px 5px;}
.section-profile table input {width: 100%;}
.section-profile h1 {font-size: 35px; line-height: 45px; margin-bottom: 40px;}
.section-list-order h1 {font-size: 35px; line-height: 45px;}
.section-checkout h1 {font-size: 35px; line-height: 45px;}
.checkout-form {width: 100%; margin: 0;}
.checkout-form div {margin: 0 0 2% 0; width: 100%;}
.checkout-form div:nth-child(2n) {margin: 0 0 2% 0;}
.checkout-info span {display: block; padding: 0;}
.event-time-counter {width: 100%; margin: 60px 0;}
.event-time-counter ul li {width: 48%; margin: 1%;}
.info-block {position: relative;}
.info-block div {width: 100%; padding: 15px 10px 10px 10px;}
.info-block-org {-webkit-border-radius: 50px 50px 0 0;  -ms-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0;}
.info-block-cont {border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5);  width: 100%; border-left: 0; border-right: 0;}
.info-block-price {-webkit-border-radius: 0;  -ms-border-radius: 0; border-radius: 0;}
.one-event .afisha-no {margin-bottom: 225px;}
.description-block-logo {width: 100%; padding-left: 0;}
.one-event .social-line {width: 100%; position: relative; bottom: 0; margin-bottom: 15px;}
.one-event .add-to-calendar {float: left; width: 100%; margin-top: 10px;}
.price-block-container-list .help-block {}
.price-block-container-list-left {width: 45%;}
.price-block-container-list-center {width: 25%;}
.price-block-container-list-right {width: 30%;}
.checkout-info {width: 100%; margin: 0 0 20px 0;}
.one-checkout-form {width: 100%; margin: 0 0 25px 0;}
.one-checkout-form-cols, .one-checkout-form-cols2 {margin: 0 0 2% 0; width: 100%;}
.complete-info {width: 100%; margin: 0 0 25px 0;}
.complete-org {width: 100%; margin: 0;}
.speakers-block-title span, .programm-block-title span, .partners-block-title span {width: 50px; height: 50px; line-height: 50px;}
.speakers-block-title span i, .programm-block-title span i, .partners-block-title span i {font-size: 28px; padding-top: 10px;}
.speakers-block-title h3, .programm-block-title h3, .partners-block-title h3 {font-size: 34px; line-height: 42px;}
.speakers-block-inside {width: 80%; height: auto; margin: 0 10% 2% 10%;}
.speakers-block-inside div.speakers-logo {width: 250px; padding-bottom: 250px; border-radius: 50%; border: 3px solid white; position: relative; overflow: hidden; margin: 0 auto 15px auto;}
.speakers-block-inside h5 {height: auto; padding-bottom: 0;}
.speakers-block-inside-list {width: 100%; margin: 0 0 20px 0;}
.speakers-block-inside-list-left {width: 80%; padding: 25px 25px 0 25px; margin: 0 10%;}
.speakers-block-inside-list-right {width: 100%; padding: 25px;}
.speakers-block-inside-list h4 {font-size: 28px; line-height: 36px;}
.speakers-block-inside a.more {position: relative; right: 0; margin: 25px auto 0 auto;}
.speakers-block-popup {left: 0; margin: 0; width: 100%; max-width: 100%; height: -webkit-calc(100vh - 85px); height: -o-calc(100vh - 85px); height: calc(100vh - 85px); padding: 20px;}
.speakers-popup-logo {width: 150px; height: 150px; float: none; -webkit-border-radius: 50%;  -ms-border-radius: 50%; border-radius: 50%; margin: 0 auto 20px auto; overflow: hidden;}
.speakers-popup-logo img {width: 150px;}
.speakers-block-popup-wrapper h1 {font-size: 30px; line-height: 40px; padding: 0; text-align: center;}
.speakers-block-popup-wrapper h5 {font-size: 24px; line-height: 34px; text-align: center;}
.speakers-block-popup-wrapper button {position: fixed; top: 105px; right: 20px;}
.programm-block-inside {width: 100%; margin: 0 0 5px 0;}
.programm-block-inside-left {width: 100%; height: auto; text-align: left; padding: 15px; background: #f2847f; }
.programm-block-inside-right {width: 100%; padding: 15px 15px 85px 15px;}
.programm-block-inside-right h2 {font-size: 24px; line-height: 30px; padding: 0; margin: 0 0 10px 0;}
.programm-block-inside-right p {padding: 0;}
.programm-block-inside-right a.more {position: absolute; bottom: 15px; top: auto; right: 50%; margin-top: 0; margin-right: -25px;}
.programm-block-inside-right .htmltext {margin: 10px 0 0 0; width: 100%;}
.price-blocks {margin: 0 auto 25px auto; width: 100%; max-width: 350px; min-height: auto; padding-bottom: 35px;}
.price-blocks-title {min-height: auto;}
.blocks-total {display: block; width: 100%; margin: 0 0 15px 0;}
.org-left {width: 100%; margin: 0 0 25px 0;}
.org-right {width: 100%; padding: 15px;}
.org-right .social-line li:first-child {width: 100%; margin-bottom: 5px;}
.index-calendar div {width: 100%; padding: 30px 0;}
.index-calendar div:last-child, .index-calendar div:first-child {width: 100%; padding: 0;}
.afisha-calendar-logo {width: 100%; padding-right: 0; text-align: center; margin-bottom: 25px;}
.afisha-calendar-calendar {width: 100%; text-align: center; padding-left: 0;}
.index-calendar-nologo {width: 100%; padding: 0 15px; margin: 0 0 80px 0;}
.index-calendar-nologo div {width: 100%; padding: 25px 0;}
.wrapper-day {padding: 20px 15px;}
.wrapper-day h2 {font-size: 25px; line-height: 35px;}
.wrapper-day h3 {display: block;}
.wrapper-day a {margin: 0 10px 5px 0;}
.ticket-top {padding: 15px;}
.ticket-top-left {width: 100%; padding-right: 0; margin-bottom: 30px;}
.ticket-top-right {width: 100%;}
.ticket-top-right div {padding-bottom: 250px;}
.price-blocks-all-header {width: 100%; margin: 20px 0;}
.price-endless {width: 100%; margin: 0 0 20px 0;}
.price-endless-title {width: 100%; padding-right: 0; margin-bottom: 10px;}
.price-endless-buy {width: 100%;} 
.price-endless-price {width: 49%; text-align: left;}
.price-endless-price h4 {text-align: left;} 
.price-endless-price h5 {text-align: left;} 
.price-endless-button {width: 49%;}
.ticket-list {width: 100%; margin: 0 0 2% 0; text-align: center;}
.ticket-list-left {width: 100%; padding-right: 0; margin-bottom: 15px;}
.ticket-list-right {width: 100%; padding-left: 0;}
.ticket-list .detail, .ticket-list .buy  {margin: 15px 5px 0 5px;}
.help-block-one-left {width: 100%;  padding-right: 0;}
.help-block-one-right {text-align: left; width: 100%;}
.help-feedback-one {margin: 0 0 2% 0; width: 100%;}
.help-feedback-one-text textarea {width: 100%;}
}


/* 541 - 768 (568, 600, 640, 720, 768) */
@media only screen and (min-width: 541px) and (max-width: 768px) {
html {height: 100%; font-size: 100%;}
#toCart {display: none;}
#toHeader {display: none!important;}
.footer-left {width: 100%; text-align: center; padding: 15px 0 0 0;}
.footer-left img {float: none; margin: 0 0 10px 0; margin: 0 auto 10px auto; display: block;}
.footer-center {width: 100%; padding: 15px 0 0 0;}
.footer-right {width: 100%; text-align: center; padding: 13px 0;}
h1 {font-size: 30px; line-height: 40px;}
h2 {font-size: 25px; line-height: 35px;}
h1 span, h2 span {padding: 0 10px!important;}
h1 span:before, h1 span:after, h2 span:before, h2 span:after {top: 15px!important;}
h3 {font-size: 20px; line-height: 30px; margin-bottom: 5px;}
.content-cond1 h3, .content-cond2 h3 {font-size: 20px; line-height: 30px;}
.content-cond1 h1, .content-cond2 h1 {font-size: 30px; line-height: 40px;}
.content-form h1 {font-size: 30px; line-height: 40px;}
.section-profile h1 {font-size: 30px; line-height: 40px; margin-bottom: 40px;}
.section-list-order h1 {font-size: 30px; line-height: 40px;}
.section-checkout h1 {font-size: 30px; line-height: 40px;}
.checkout-form {width: 100%; margin: 0;}
.event-time-counter {width: 100%; margin: 60px 0;}
.event-time-counter ul li h2 {font-size: 60px;}
.info-block {position: relative;}
.info-block div {width: 100%; padding: 15px 10px 10px 10px;}
.info-block-org {-webkit-border-radius: 50px 50px 0 0;  -ms-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0;}
.info-block-cont {border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5);  width: 100%; border-left: 0; border-right: 0;}
.info-block-price {-webkit-border-radius: 0;  -ms-border-radius: 0; border-radius: 0;}
.one-event {min-height: 100vh;}
.one-event .afisha-no {margin-bottom: 225px;}
.one-event .social-line {width: 100%; position: relative; bottom: 0; margin-bottom: 15px;}
.description-block-logo {width: 40%; padding-left: 20px;}
.checkout-info {width: 100%; margin: 0 0 20px 0;}
.one-checkout-form {width: 100%; margin: 0 0 25px 0;}
.complete-info {width: 100%; margin: 0 0 25px 0;}
.complete-org {width: 100%; margin: 0;}
.speakers-block-inside {width: 47%; height: 480px;}
.speakers-block-inside-list {width: 100%; margin: 0 0 20px 0;}
.speakers-block-inside-list h4 {font-size: 28px; line-height: 36px;}
.speakers-block-popup {left: 0; margin: 0; width: 100%; max-width: 100%; height: -webkit-calc(100vh - 85px); height: -o-calc(100vh - 85px); height: calc(100vh - 85px); padding: 20px;}
.speakers-popup-logo {width: 200px; height: 200px; -webkit-border-radius: 50%;  -ms-border-radius: 50%; border-radius: 50%; margin: 0 20px 20px 0; overflow: hidden;}
.speakers-popup-logo img {width: 200px;}
.speakers-block-popup-wrapper h1 {font-size: 30px; line-height: 40px; text-align: center;}
.speakers-block-popup-wrapper h5 {font-size: 24px; line-height: 34px; text-align: center;}
.speakers-block-popup-wrapper button {position: fixed; top: 105px; right: 20px;}
.programm-block-inside {width: 100%; margin: 0 0 5px 0; float: left;}
.programm-block-inside-left {width: 20%;}
.programm-block-inside-right {width: 80%; padding: 15px 15px 85px 15px;}
.programm-block-inside-right h2 {padding: 0; margin: 0 0 10px 0; font-size: 24px; line-height: 32px;}
.programm-block-inside-right p {padding: 0;}
.programm-block-inside-right a.more {position: absolute; bottom: 15px; top: auto; right: 50%; margin-top: 0; margin-right: -25px;}
.programm-block-inside-right .htmltext {margin: 10px 0 0 0; width: 100%;}
.price-blocks {margin: 0 1% 2% 1%; width: 47%;}
.org-left {width: 56%; margin: 0 0 25px 22%;}
.org-right {width: 100%;}
.index-calendar div {width: 50%; padding: 0;}
.index-calendar div:first-child {padding: 0 25px 0 0;}
.index-calendar div:last-child, .index-calendar div:first-child {width: 50%;}
.index-calendar div:last-child {width: 100%; padding-top: 50px;}
.afisha-calendar-logo {width: 100%; padding-right: 0; text-align: center; margin-bottom: 25px;}
.afisha-calendar-calendar {width: 100%; text-align: center; padding-left: 0;}
.index-calendar-nologo {width: 100%; padding: 0 25px; margin: 0 0 80px 0;}
.index-calendar-nologo div {width: 100%; padding: 25px 0;}
.wrapper-day {padding: 20px 15px;}
.wrapper-day h2 {font-size: 30px; line-height: 40px;}
.wrapper-day h3 {display: block;}
.wrapper-day a {margin: 0 10px 5px 0;}
.ticket-top {padding: 15px;}
.ticket-top-left {width: 50%; padding-right: 15px;}
.ticket-top-left div {margin-bottom: 190px;}
.ticket-top-right {width: 50%;}
.ticket-top-right div {padding-bottom: 300px; margin-bottom: 70px;}
.ticket-top-left .buy {position: absolute; left: 15px; bottom: 95px;}
.ticket-top-left .detail {position: absolute; left: 15px; bottom: 15px;}
.price-blocks-all-header {width: 100%; margin: 20px 0;}
.price-endless {width: 100%; margin: 0 0 20px 0;}
.price-endless-title {width: 50%; padding-right: 10px;}
.price-endless-buy {width: 50%;}
.ticket-list {width: 100%; margin: 0 0 2% 0;}
}

/* 769 - 960 (800, 960) */
@media only screen and (min-width: 769px) and (max-width: 960px) {
html {height: 100%; font-size: 100%;}
.footer-left {width: 60%;}
.footer-center {width: 40%; padding: 25px 0 0 0; text-align: right; }
.footer-right {width: 100%; text-align: right; padding: 10px 0 20px 0;}
.footer span {display: block; padding: 0;}
#toCart {display: none!important;}
#toHeader {display: none;}
.checkout-form {width: 80%; margin: 0 0 0 10%;}
.event-time-counter {width: 100%; margin: 60px 0;}
.info-block div {width: 100%; padding: 15px 10px 10px 10px;}
.info-block-org {width: 30%!important;}
.info-block-cont {width: 40%!important;}
.info-block-price {width: 30%!important;}
.description-block-logo {width: 40%; padding-left: 20px;}
.checkout-info {width: 80%; margin: 0 10% 20px 10%;}
.one-checkout-form {width: 80%; margin: 0 10% 25px 10%;}
.complete-info {width: 80%; margin: 0 10% 25px 10%;}
.complete-org {width: 80%; margin: 0 10% 20px 10%;}
.speakers-block-inside {width: 30%; height: 460px;}
.speakers-block-inside-list {width: 100%; margin: 0 0 20px 0;}
.speakers-block-popup {left: 0; margin: 0; width: 100%; max-width: 100%; height: -webkit-calc(100vh - 85px); height: -o-calc(100vh - 85px); height: calc(100vh - 85px); padding: 20px;}
.speakers-popup-logo {width: 250px; height: 250px; float: left; -webkit-border-radius: 50%;  -ms-border-radius: 50%; border-radius: 50%; margin: 0 25px 10px 0; overflow: hidden;}
.speakers-popup-logo img {width: 250px;}
.speakers-block-popup-wrapper button {position: fixed; top: 105px; right: 20px;}
.programm-block-inside {width: 100%; margin: 0 0 5px 0;}
.price-blocks {margin: 0 1% 2% 1%; width: 47%;}
.org-left {width: 32%; margin-right: 2%;}
.org-right {width: 66%; padding: 15px;}
.index-calendar div {width: 50%; padding-left: 40px;}
.index-calendar div:last-child, .index-calendar div:first-child {width: 50%; padding: 0;}
.index-calendar div:last-child {width: 100%; padding-top: 50px;}
.afisha-calendar-logo {width: 50%; padding: 0; text-align: center; margin: 0 0 25px 25%;}
.afisha-calendar-calendar {width: 100%; text-align: center; padding-left: 0;}
.index-calendar-nologo {width: 100%; margin: 0 0 80px 0;}
.ticket-top {padding: 20px;}
.ticket-top-left {width: 44%; padding-right: 20px;}
.ticket-top-right {width: 56%;}
.ticket-top-right div {padding-bottom: 500px;}
.price-blocks-all-header {width: 100%; margin: 20px 0;}
.price-endless {width: 100%; margin: 0 0 20px 0;}
.price-endless-title {width: 60%;}
.price-endless-buy {width: 40%;}  
.ticket-list {width: 100%; margin: 0 0 2% 0;}
}

/*  961 - 1199 (1024) */
@media only screen and (min-width: 961px) and (max-width: 1199px) {
html {height: 100%; font-size: 100%;}
.footer-left {width: 60%;}
.footer-center {width: 40%; padding: 25px 0 0 0; text-align: right; }
.footer-right {width: 100%; text-align: right; padding: 10px 0 20px 0;}
.footer span {display: block; padding: 0;}
#toCart {display: none!important;}
#toHeader {display: none;}
.event-time-counter {width: 70%; margin: 60px 15%;}
.speakers-block-inside {width: 30%; height: 520px;}
.speakers-block-inside-list {width: 100%; margin: 0 0 20px 0;}
.programm-block-inside {width: 100%; margin: 0 0 5px 0;}
.speakers-block-popup {margin: 0 0 0 -450px; width: 900px;}
.index-calendar div {padding: 0 35px;}
.afisha-calendar-logo {width: 40%; padding: 0; text-align: center; margin: 0 0 25px 30%;}
.afisha-calendar-calendar {width: 100%; text-align: center; padding-left: 0;}
.table-event-calendar {margin: 0 auto;}
.index-calendar-nologo {width: 90%; margin: 0 0 80px 5%;}
.ticket-top-left {width: 37%;}
.ticket-top-right {width: 63%;}
.price-blocks-all-header {width: 100%; margin: 20px 0;}
.price-endless {width: 100%; margin: 0 0 20px 0;}
.ticket-list {width: 49%; margin: 0 0.5% 1% 0.5%; padding: 10px;}
.ticket-list .detail, .ticket-list .buy  {font-size: 16px; height: 50px; line-height: 50px; padding: 0 12px;}
.ticket-list .buy i {padding-top: 0; font-size: 16px;}
}

/* > 1200 (1920) */
@media only screen and (min-width: 1200px) and (max-width: 100000px) {
html {height: 100%; font-size: 100%;}
#toCart {display: none!important;}
#toHeader {display: none;}
.social-line {float: left;}
.add-to-calendar {float: right;}
}


/*
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
html {height: 100%; font-size: 100%;}
section.section-one-event {background-attachment: scroll!important;}
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
html {height: 100%; font-size: 100%;}
section.section-one-event {background-attachment: scroll!important;}
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
html {height: 100%; font-size: 100%;}
section.section-one-event {background-attachment: scroll!important;}
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
html {height: 100%; font-size: 100%;}
section.section-one-event {background-attachment: scroll!important;}
}


@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
html {height: 100%; font-size: 100%;}
section.section-one-event {background-attachment: scroll!important;}
}


@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
html {height: 100%; font-size: 100%;}
section.section-one-event {background-attachment: scroll!important;}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
html {height: 100%; font-size: 100%;}
section.section-one-event {background-attachment: scroll!important;}
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
html {height: 100%; font-size: 100%;}
section.section-one-event {background-attachment: scroll!important;}
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
html {height: 100%; font-size: 100%;}
section.section-one-event {background-attachment: scroll!important;}
}

*/