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

* {margin: 0; padding: 0;}
body {min-height: 100vh; display: flex; flex-direction: column; font-family: 'Roboto', sans-serif!important; font-weight: 400;}
body:after{content:''; background-image: url(images/bg.jpg);  background: black; position:fixed; top:0; height:100vh; left:0; right:0; z-index:-1; background-position-x: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat;}
main {min-height: calc(100vh - 195px);  min-height: -moz-calc(100vh - 195px); min-height: -webkit-calc(100vh - 195px); height: auto;} 
main ul li {list-style-position: outside; margin-left: 20px;}
footer {margin-top: auto;}
.clear {clear: both;}
input, select {max-width: 100%;}
img {max-width: 100%; /*height: auto;*/ outline: 0;}
.wrapper-bg {background: rgba(0,0,0,0.6); padding-top: 150px; position: absolute; top: 0; left: 0; width: 100%; min-height: 100vh;}
.cinema-mini-body .wrapper-bg {padding-top: 50px;}
a, a span  {-webkit-transition: all 0.4s ease-in-out!important;  -moz-transition: all 0.4s ease-in-out!important;  -o-transition: all 0.4s ease-in-out!important;  -ms-transition: all 0.4s ease-in-out!important;  transition: all 0.4s ease-in-out!important;}
h1, h2, h3, h4 {font-weight: 500; overflow: hidden;}
h1, .h1 {font-size: 36px; line-height: 48px;}  
h2, .h2 {font-size: 32px; line-height: 44px;}  
h3, .h3 {font-size: 28px; line-height: 40px;}  
h4, .h4 {font-size: 24px; line-height: 36px;}
h1 a, h1 a:hover {color: white;}
.rounded {-webkit-border-radius: 5px!important; -ms-border-radius: 5px!important; border-radius: 5px!important;}
.big-rounded {-webkit-border-radius: 8px!important; -ms-border-radius: 8px!important; border-radius: 8px!important;}
.double-border {width: 100%; position: relative; padding: 10px 0;}
.double-border:before, .double-border:after {content: ''; position: absolute; left: 0; width: 100%; height: 5px; border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2);}
.double-border:before {top: 0;}
.double-border:after {bottom: 0;} 
.has-error input {border: 4px solid #ffff00!important;}
.has-error .help-block {color: #ed4a43!important; font-weight: bold; margin: 5px 0 10px 0; font-size: 14px;}
.required label::after {content: '*'; margin-left: 5px; font-weight: 900;}
.error-summary {display: inline-block; padding: 2px 15px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.error-summary ul {list-style-type: none; padding: 5px 0; margin: 0;}
.star {font-size: 13px; line-height: 16px; padding: 4px 7px; vertical-align: middle;}
.hint-block {font-size: 80%; color: gray; margin-top: 10px;}

.left-right-border {display: inline-block; position: relative; padding: 0 15px;}
.left-right-border:before, .left-right-border:after {content: ''; position: absolute; top: 17px; width: 1000px; height: 5px; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3);}       
.left-right-border:before {right: 100%;}
.left-right-border:after {left: 100%;}

.left-right-border-black {display: inline-block; position: relative; padding: 0 15px;}
.left-right-border-black:before, .left-right-border-black:after {content: ''; position: absolute; top: 17px; width: 1000px; height: 5px; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);}       
.left-right-border-black:before {right: 100%;}
.left-right-border-black:after {left: 100%;}

.left-right-border-small {display: inline-block; position: relative; padding: 0 15px;}
.left-right-border-small:before, .left-right-border-small:after {content: ''; position: absolute; top: 12px; width: 1000px; height: 5px; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3);}       
.left-right-border-small:before {right: 100%;}
.left-right-border-small:after {left: 100%;}

#toTop {z-index: 1000; right: 10px; bottom: 10px; display: none; position: fixed; cursor: pointer;}
button {border: 0;}

/* Header */
header .row {min-height: 70px;}
header img {max-height: 80px; max-width: 170px;}
header button:focus {border: 0!important; color: rgba(255,255,255,0)!important;}
header a:hover {background: rgba(0,0,0,0.4)!important;}
header .img-logo a:hover {background: none!important;}
.navbar-dark .navbar-toggler-icon {background-image: none!important;} 
header .navbar {padding: 10px;}
.menu-default {background: rgba(0,0,0,0)!important;}
header .dropdown:hover .dropdown-menu {display: block; margin-top: 0; background: rgba(0,0,0,0.8)!important; color: white;}
header .dropdown-item:focus, header .dropdown-item:hover {color: white;}
header .dropdown button {background: none;}
header .dropdown-toggle::after {vertical-align: 0.155em;}
header button:focus {outline: 0; outline: 0px auto -webkit-focus-ring-color; color: white!important;}

/* Cart */
.cart-block {width: 30%; max-width: 340px; margin: 10px; min-height: 220px; position: relative;}
.cart-block p {font-size: 15px;}
.cart-block-order {position: absolute; width: 100%; left: 0; bottom: 0;}
.cart-list {width: 100%;}
.block-cart-list .hr-none {display: none;}

s.price-strike {font-size: 20px; font-weight: 300; color: #cdcae4; opacity: 0.8;}


.interest {min-height: 250px;}
.interest h5 {font-weight: 600; font-size: 18px; line-height: 28px;}
.interest hr {border-top: 0; border-left: 0; border-right: 0;}

/* Calendars*/
.calendar-title {table-layout: fixed;}
.calendar-title thead tr:last-child th {padding-bottom: 10px;}
.calendar-title td {border: 1px solid rgba(255, 255, 255, 0.1); padding: 8px 0;}

.calendar-one {display: inline-block;}
.calendar-one table {table-layout: fixed; width: 100%; max-width: 800px;}
.calendar-one table td {/*width: 115px; min-width: 100px;*/ width: 14%;}
.calendar-one a {display: block; border: 1px solid silver; padding: 12px 0; margin: 5px; text-decoration: none; -webkit-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px;  -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;}
.calendar-one a:hover {background: #685eae; color: white; text-decoration: none;}
.calendar-one a div {font-size: 14px; line-height: 18px; text-transform: uppercase;}
.calendar-one a span {font-size: 24px; line-height: 30px; font-weight: bold;}
.calendar-one a.disabled {background: #e2e2e2!important; color: #575757!important;}
.calendar-one small {-webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 2px 4px; font-weight: bold;}

/* Коли цей календар на сторінці евенту, то ми привязуємось до ід та прибираємо фон */
/*#customCalendarStyle .black-light-transparent-bg, #customCalendarStyle .black-transparent-bg {background: none!important;}
#customCalendarStyle .calendar-one th, #customCalendarStyle .calendar-two th {color: white;}
#customCalendarStyle .calendar-three-one, #customCalendarStyle .calendar-three-two {color: black;}   */

.calendar-two {display: inline-block;}
.calendar-two table {table-layout: fixed; min-width: 100%;}
.calendar-two th {padding-bottom: 10px;}
.calendar-two-td {background: #e2e2e2 !important; color: #575757 !important; border: 1px solid silver; vertical-align: top; padding: 2px 6px 4px 6px; max-width: 120px; min-width: 120px; min-height: 100px; margin: 5px; -webkit-border-radius: 8px!important; -ms-border-radius: 8px!important; border-radius: 8px!important;}
.calendar-two hr {width: 100%; float: left; margin: -5px 0 8px 0;}
.calendar-two a {white-space: nowrap; display: inline-block; margin-bottom: 4px;}
.calendar-two a span {background: white!important; color: #685eae !important; padding: 3px 4px; margin: 2px; font-weight: 500; font-size: 13px; line-height: 18px; -webkit-border-radius: 4px!important; -ms-border-radius: 4px!important; border-radius: 4px!important;}
.calendar-two a:hover {text-decoration: none!important;}
.calendar-two a:hover span {background: #ed4a43!important; color: white!important;}
.calendar-two-td-active {background: #685eae !important; border: 1px solid silver; color: white !important;}
.calendar-two-td-active hr {border-top: 1px solid white;}

.calendar-three {display: inline-block;}
.calendar-three .calendar-three-one {width: 65px; font-size: 50px; line-height: 50px; font-weight: 500;}
.calendar-three .calendar-three-two {width: 80px; font-size: 13px; line-height: 15px;}
.calendar-three-three a {display: inline-block; margin: 4px 8px 4px 4px; padding: 4px 8px; font-weight: 500; -webkit-border-radius: 8px!important; -ms-border-radius: 8px!important; border-radius: 8px!important;}
.calendar-three .calendar-three-three a, .calendar-three .calendar-three-three a:hover {text-decoration: none;}
.calendar-three-three .calendar-three-price {padding: 0;}
.calendar-three-price div {display: inline-block; padding: 3px 6px;}
.calendar-three-price div.third-bg {-webkit-border-radius: 8px 0 0 8px!important; -ms-border-radius: 8px 0 0 8px!important; border-radius: 8px 0 0 8px!important;}
.calendar-three-price div.silver-light-bg {-webkit-border-radius: 0 8px 8px 0!important; -ms-border-radius: 0 8px 8px 0!important; border-radius: 0 8px 8px 0!important;}
.calendar-three-price:hover {background: #ed4a43!important;}
.calendar-three-price:hover .third-bg, .calendar-three-price:hover .silver-light-bg {background: none!important; color: white!important;}

.calendar-three-four {width: 90px;}
.calendar-three-four img {width: 75px; margin-left: 15px;}
.calendar-three-five {width: 80px;}

/* Main Page Afisha */
p.title-afisha {min-height: 50px; height: auto;}

/* Mail Page Courses */
.block-index-courses {min-height: 460px; height: auto;}

/* Event Page */
.top-event {padding-bottom: 70px; /*position: relative; z-index: 2; width: 100%; float: left; height: auto;*/}

/* Event Page Afisha*/
.top-event-afisha {position: relative; z-index: 2; width: 100%; float: left; /*height: auto; min-height: 170px;*/}

/* Counter*/
.time-counter {width: 100%; margin: 60px auto 20px auto; position: relative; z-index: 2;}
.time-counter div {font-size: 30px; line-height: 40px; font-weight: 400;}
.time-counter ul {width: 100%; text-align: center; margin: auto;}
.time-counter ul li {display: inline-block; width: 127px; height: 127px; margin: 5px; 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;}
.time-counter ul li p {color: #e4deee; font-size: 60px; line-height: 70px; font-weight: 500; margin: 0; text-align: center;}
.time-counter ul li span {font-weight: 300; color: #fff; text-transform: uppercase; text-shadow: 2px 1px rgba(4, 5, 5, 0.25);}

/* Counter Afisha*/
.top-event-afisha .time-counter {width: 100%; margin: -40px auto 40px auto; position: relative; z-index: 2;}
.top-event-afisha .time-counter div {font-size: 26px; line-height: 36px; font-weight: 400;}
.top-event-afisha .time-counter ul {width: 100%; text-align: center; margin: auto;}
.top-event-afisha .time-counter ul li {display: inline-block; width: 100px; height: 100px; margin: 5px; list-style-type: none; background-color: rgba(13, 29, 49, 0.3);  padding: 10px; 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;}
.top-event-afisha .time-counter ul li p {color: #e4deee; font-size: 46px; line-height: 56px; font-weight: 500; margin: 0; text-align: center;}
.top-event-afisha .time-counter ul li span {font-weight: 300; color: #fff; text-transform: uppercase; text-shadow: 2px 1px rgba(4, 5, 5, 0.25);}

.cinema-mini-body .top-event-afisha .time-counter {margin: 40px auto 40px auto; position: relative; z-index: 2;}



 /* Social line */
.social {/*position: relative;*/ margin-top: 50px;}
.social-afisha {position: relative; width: 100%; text-align: center; bottom: auto; margin-top: 50px;}
.social a {width: 30px; height: 30px; line-height: 30px; display: inline-block; color: #ffffff; text-align: center; margin: 3px; -webkit-border-radius: 4px!important; -ms-border-radius: 4px!important; border-radius: 4px!important;}
.social a:hover {background: #ed4a43!important; color: #ffffff;}
.twitter {background: #1cb7ff;}
.facebook {background: #1859ff;}
.google {background: #fc1463;}
.linkedin {background: #22affe;}
.instagram {background: #ffca00;}
.whatsapp {background: #0dc143;}
.telegramm {background: #1e93c4;}
.viber {background: #645aa7;} 

 /* 3 blocks */
.info-block {position: absolute; bottom: 0; left: 0; width: 100%; display: none;}
.info-block div {float: left; width: 33.3%;}
.info-block div:first-child {-webkit-border-radius: 12px 0 0 0!important; -ms-border-radius: 12px 0 0 0!important; border-radius: 12px 0 0 0!important; border-right: 1px solid rgba(255, 255, 255, 0.3);}
.info-block div:last-child {-webkit-border-radius: 0 12px 0 0!important; -ms-border-radius: 0 12px 0 0!important; border-radius: 0 12px 0 0!important; border-left: 1px solid rgba(255, 255, 255, 0.3);}
.info-block p.small {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* Video */
.video-wrap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-wrap iframe {position: absolute; top: 0; left: 0;  width: 100%!important; height: 100%!important; border-width: 0; outline-width: 0;}

.block-texte ul li {list-style-position: inside;}
.block-logo {width: 360px; max-width: 100%;}

/* Spikers */
.speakers-block {}
.speakers-block {width: 245px; height: 400px; display: inline-block; margin: 0 1% 2% 1%; padding: 12px; vertical-align: top; text-align: center; position: relative;  -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;}
.speakers-block .speaker {width: 100%; padding-bottom: 96%; border-radius: 50%; border: 3px solid white; position: relative; overflow: hidden; margin-bottom: 15px;}
.speakers-block .speaker img {position: absolute; top: 0; left: 0;}
.speakers-block a.more {font-size: 30px; line-height: 50px; position: absolute; bottom: 15px; right: 50%; margin-right: -25px; display: inline-block; text-align: center; width: 50px; height: 50px; border-radius: 50%; background: white; color: #5e5b69; 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 a.more:hover {background: #5e5b69; color: white; text-decoration: none;}
.speakers-block-popup {position: fixed; top: 100px; left: 50%; margin: 0 0 0 -400px; width: 800px; max-width: 96%; height: 70vh; overflow-y: auto; 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%; position: relative; padding-left: 225px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.speakers-popup-logo {width: 200px; height: 200px; -webkit-border-radius: 50%;  -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; position: absolute; top: 0; left: 0;}
.speakers-popup-logo img {width: 200px;}
.speakers-block-popup-wrapper button {position: absolute; top: -10px; right: -10px; border: 0; cursor: pointer; background: none;}
.speakers-block-popup ol, .speakers-block-popup ul {list-style-position: inside;}


/* Programm */
.program-block {float: left; width: 100%;}
.program-block-date {float: left; text-align: right; width: 15%; padding-left: 20px;}
.program-block-date div {display: inline-block; padding: 2px 8px; margin-bottom: 20px; font-size: 20px; line-height: 30px; font-weight: 700;}
.program-block-img {float: left; text-align: left; width: 20%; padding: 0 20px;}
.program-block-text {float: left; text-align: left; width: 65%; padding: 0 20px 0 0;}
.program-block-text details p {margin: 0;}
.program-block-text details .black-transparent-bg {background: rgba(0, 0, 0, 0.15) !important; color: white;}
.program-block-link {float: left; text-align: right; width: 10%; padding: 0 20px;}
.program-block-link a {font-size: 30px; line-height: 50px; display: inline-block; text-align: center; width: 50px; height: 50px; border-radius: 50%; background: white; color: #ed4a43; text-decoration: none; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.program-block-link a:hover {background: white; color: black; text-decoration: none;}
.program-block .border-top {border-color: rgba(255, 255, 255, 0.3)!important;}
.program-block ol, .program-block ul {list-style-position: inside;}

/* Programm Courses*/
.program-block-courses {float: left; width: 48%; margin: 0 1%;}
.program-block-courses-img {float: left; text-align: left; width: 32%; padding: 0 20px;}
.program-block-courses h3 {font-size: 18px; line-height: 24px; max-height: 48px; max-height: 8rem; -webkit-box-orient: vertical; display: block; display: -webkit-box; overflow: hidden !important; text-overflow: ellipsis; -webkit-line-clamp: 2;}
.program-block-courses-text {float: left; text-align: left; width: 68%; padding: 0 20px 0 0;}
.program-block-courses-text details p {margin: 0;}
.program-block-courses-text details .black-transparent-bg {background: rgba(0, 0, 0, 0.15) !important; color: white;}
.program-block-courses .border-top {border-color: rgba(255, 255, 255, 0.3)!important;}
.program-block-courses ol, .program-block-courses ul {list-style-position: inside;}


/* Partners */
.partners-block {}
.partners-block div {display: inline-block; width: 245px; height: 245px; overflow: hidden; margin: 0 1% 2% 1%; padding: 15px; border: 1px solid #b6bdc4; vertical-align: top; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.partners-block div:hover {background: #6e7182; -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;}
.partners-block div p {margin-bottom: 10px;}
.partners-block div img {max-height: 170px; max-width: 225px;}

 /* Location*/
.location {width: 100%; float: left; padding: 10px 20px 20px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.location-left {width: 32%; float: left; padding-right: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.location-left .btn {display: block; max-width: 270px;}
.location-right {width: 68%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.map {margin: 0%; padding-bottom: 500px; overflow: hidden; position: relative; height: 0;}
.map iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}

.location-list {}
.location-list img {width: 300px; float: left; margin: 0 15px 15px 0;}
.location-list p {font-size: 15px; line-height: 21px; margin-bottom: 5px; font-weight: 300;}
.location-list p.adress {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 2px;}
.location-list .btn {float: left; width: 49%;}
.location-list-link {margin-left: 2%;}

/* Коротка корзина, прибираэмо выдствуп зверху */
#customShortCartStyle {margin-top: -42px!important;}

.message-box {display: none; width: 300px; padding: 10px; background-color: white; border: 1px solid #ccc; position: fixed; top: 50%; left: calc(50% - 200px); left: -moz-calc(50% - 200px); left: -webkit-calc(50% - 200px); margin-right: 400px; transform: translate(-50%, -50%); text-align: center; font-weight: bold; color: red; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.45);}
.message-box p {margin: 0;}


/*  height < 900 */
@media only screen and (min-height: 0) and (max-height: 900px) {
/*.social {position: relative; margin-top: 50px; bottom: 0;} */
.social-afisha {bottom: auto;}
.info-block {position: relative; margin-top: 50px; bottom: 0;}
}

/*   <  360 */
@media only screen and (min-width: 0) and (max-width: 359px) {
header img {max-width: 105px!important;}
}

/*  container < 1200 */
@media only screen and (min-width: 0) and (max-width: 1200px) {
.container {width: 100%!important; max-width: 100%!important;}
}

/* 0 - 766  */
@media only screen and (min-width: 100px) and (max-width: 766px) {
html {height: 100%; font-size: 100%;}
.message-box {position: fixed; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); z-index: 10002;} 
.program-block-courses {float: left; width: 100%; margin: 0;}  
}

/*   360 - 480 */
@media only screen and (min-width: 0) and (max-width: 480px) {
h1, .h1 {font-size: 20px; line-height: 30px;}  
h2, .h2 {font-size: 20px; line-height: 30px;}  
h3, .h3 {font-size: 20px; line-height: 30px;}  
h4, .h4 {font-size: 20px; line-height: 30px;}
header img {max-width: 130px;}
.cart-block {width: 100%; margin: 10px 0;}
.calendar a {padding: 8px;}
.calendar a div {font-size: 12px; line-height: 14px;}
.calendar a span {font-size: 20px; line-height: 22px;} 
.time-counter ul {max-width: 400px;}
.time-counter div {font-size: 26px; line-height: 36px;}
/*.social {position: relative; margin-top: 50px; bottom: 0;} */
.social-afisha {bottom: auto;}
.info-block {position: relative; margin-top: 10px; bottom: 0;}
.info-block div, .info-block div:first-child, .info-block div:last-child {width: 100%; -webkit-border-radius: 12px!important; -ms-border-radius: 12px!important; border-radius: 12px!important; border: 0; margin-bottom: 5px;}
.block-logo {width: 100%; float: none !important;}
.program-block-date {text-align: center; width: 100%; padding: 0 20px;}
.program-block-img {text-align: center; width: 100%; padding: 0 20px 20px 20px;}
.program-block-text {width: 100%; padding: 0 20px;}
.program-block-link {text-align: center; width: 100%;}
.location-left {width: 100%; padding-right: 0;}
.location-right {width: 100%;}
.location-list img {width: 100%; margin: 0 0 15px 0;}
.map {margin: 0%; padding-bottom: 300px;}
.location-list .btn {float: left; width: 100%; margin-top: 15px;}
.location-list-link {margin: 15px 0 0 0;}
.speakers-block-popup {width: 96%; left: 2%; margin: 0; height: 80vh;}
.speakers-block-popup-wrapper {padding-left: 0;}
.speakers-popup-logo {position: relative; margin-bottom: 25px;}

.calendar-one table td {/*width: 40px; min-width: 40px;*/}
.calendar-one a {padding: 5px 3px 3px 3px; margin: 3px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.calendar-one a div {font-size: 10px; line-height: 14px;/* overflow: hidden; white-space: nowrap; text-overflow: clip; width: 34px;*/}
.calendar-one a span {font-size: 18px; line-height: 22px;}
.calendar-one small {display: none;}
}

/*   481 - 767 */
@media only screen and (min-width: 481px) and (max-width: 767px) {
h1, .h1 {font-size: 20px; line-height: 30px;}  
h2, .h2 {font-size: 20px; line-height: 30px;}  
h3, .h3 {font-size: 20px; line-height: 30px;}  
h4, .h4 {font-size: 20px; line-height: 30px;}
.cart-block {width: 100%;}
.calendar a {padding: 10px;}
.calendar a div {font-size: 12px; line-height: 14px;}
.calendar a span {font-size: 20px; line-height: 22px;}
/*.social {position: relative; margin-top: 50px; bottom: 0;} */
.social-afisha {bottom: auto;}
.info-block {position: relative; margin-top: 10px; bottom: 0;}
.info-block div, .info-block div:first-child, .info-block div:last-child {width: 100%; -webkit-border-radius: 12px!important; -ms-border-radius: 12px!important; border-radius: 12px!important; border: 0; margin-bottom: 5px;}
.program-block-date {text-align: center; width: 50%; padding: 0 20px;}
.program-block-img {text-align: center; width: 50%; padding: 0 20px 20px 0px;}
.program-block-text {width: 100%; padding: 0 20px;}
.program-block-link {text-align: center; width: 20%;}
.location-left {width: 50%;}
.location-right {width: 50%;}
.speakers-block-popup {width: 96%; left: 2%; margin: 0; height: 80vh;}
.speakers-block-popup-wrapper {padding-left: 0;}
.speakers-popup-logo {position: relative; margin-bottom: 25px;} 
}


/*   768 -  1023 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.cart-block {width: 44%;}
.info-block div {padding: 8px!important;}
.info-block i, .info-block svg {font-size: 24px!important; margin: 0 8px 15px 0!important;}
.info-block p.premium-color {font-size: 14px;}
.location-left {width: 38%;}
.location-right {width: 62%;}
.location-list img {width: 100%; float: none; margin: 0 0 15px 0;}
.location-list .btn {float: left; width: 100%; margin: 10px 0 0 0;}
.location-list-link {margin: 15px 0 0 0;}
.speakers-block-popup {width: 96%; left: 2%; margin: 0;}
}

 /*   0 - 991 */
@media only screen and (min-width: 0) and (max-width: 991px) {
header .navbar {position: initial;}
header .navbar-collapse {position: absolute; left: 0; top: 0; width: 50%; min-width: 310px; height: 100vh;  overflow-y: scroll; padding: 0!important; z-index: 10; color: white;}    
header .navbar-collapse li {border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 4px 6px;}
header .navbar-collapse li a {font-size: 18px;} 
} 
  
 /*  > 992 */
@media only screen and (min-width: 991px) and (max-width: 100000000000000px) {
header .navbar-collapse {background: none!important;}
.navbar-info {display: none;}
}