@import url(https://fonts.googleapis.com/css2?family=Pangolin&display=swap);
@charset "UTF-8";

.tooltipster-fall, .tooltipster-grow.tooltipster-show {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-base {
  display: flex;
  pointer-events: none;
  position: absolute;
}

.tooltipster-box {
  flex: 1 1 auto;
}

.tooltipster-content {
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 0.4s;
}

@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 0.6s;
}

@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 0.6s;
}

.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid #000;
  border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

.tooltipster-sidetip .tooltipster-content {
  color: #fff;
  line-height: 18px;
  padding: 6px 14px;
}

.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}

.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #000;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #000;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #000;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #000;
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}

.datepicker--cell.-focus- {
  background: #f0f0f0;
}

.datepicker--cell.-current- {
  color: #4EB5E6;
}

.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}

.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6;
}

.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}

.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 4px 0 0 4px;
}

.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #5cc4ef;
}

.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}

.datepicker--cell.-selected- {
  border: none;
}

.datepicker--cell.-selected-.-focus- {
  background: #45bced;
}

.datepicker--cell:empty {
  cursor: default;
}

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}

.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer {
  display: none;
}

.datepicker--cell-day {
  width: 14.28571%;
}

.datepicker--cells-months {
  height: 170px;
}

.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}

.datepicker--cells-years, .datepicker--years {
  height: 170px;
}

.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}

.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}

@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
}

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.datepicker--content {
  box-sizing: content-box;
  padding: 4px;
}

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
  background: #f0f0f0;
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer {
  left: 10px;
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer {
  right: 10px;
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer {
  left: calc(50% - 5px);
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
  top: 10px;
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  bottom: 10px;
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
  top: calc(50% - 5px);
}

.datepicker--body.active {
  display: block;
}

.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}

.-only-timepicker- .datepicker--nav {
  display: none;
}

.datepicker--nav-action, .datepicker--nav-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker--nav-action.-disabled- {
  visibility: hidden;
}

.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}

.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}

.datepicker--buttons, .datepicker--time {
  border-top: 1px solid #efefef;
  padding: 4px;
}

.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px;
}

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: 0 0;
}

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
}

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}

.datepicker--time {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  flex: 0 1 138px;
  max-width: 138px;
}

.-only-timepicker- .datepicker--time {
  border-top: none;
}

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px;
}

.datepicker--time-label {
  display: none;
  font-size: 12px;
}

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px;
}

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.datepicker--time-current-hours, .datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {
  content: "";
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;
}

.datepicker--time-row:first-child {
  margin-bottom: 4px;
}

.datepicker--time-row input[type=range] {
  background: 0 0;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.datepicker--time-row input[type=range]::-ms-tooltip {
  display: none;
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:focus {
  outline: 0;
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
  margin-top: -6px;
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.datepicker--time-row input[type=range]::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.datepicker--time-row input[type=range]::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
  background: 0 0;
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
  background: 0 0;
}

.datepicker--time-row span {
  padding: 0 12px;
}

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em;
}

.datepicker--time-icon:after, .datepicker--time-icon:before {
  content: "";
  background: currentColor;
  position: absolute;
}

.datepicker--time-icon:after {
  height: 0.4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.datepicker--time-icon:before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px);
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: 0 0;
  border: none;
}

@font-face {
  font-family: Rubik;
  src: url(/fonts/RubikMonoOne-Regular.ttf);
}
@font-face {
  font-family: AmaticSC;
  src: url(/fonts/AmaticSC-Bold.ttf);
}
@font-face {
  font-family: MuseoSans0;
  src: url(/fonts/MuseoSansCyrl_0.otf);
}
@font-face {
  font-family: MuseoSans1;
  src: url(/fonts/MuseoSansCyrl_1.otf);
}
@font-face {
  font-family: MuseoSans900;
  src: url(/fonts/MuseoSansCyrl_900.otf);
}
@font-face {
  font-family: Sensei;
  src: url(/fonts/Sensei.otf);
}
@font-face {
  font-family: Nickname;
  src: url(/fonts/Nickname.ttf);
}
@font-face {
  font-family: Bebas;
  src: url(/fonts/BebasNeue.ttf);
}
@font-face {
  font-family: AkziMdEx;
  src: url(/fonts/AkzidenzGroteskPro-MdEx.ttf);
}
@font-face {
  font-family: AkziMdCn;
  src: url(/fonts/AkzidenzGroteskPro-MdCn.ttf);
}
@font-face {
  font-family: AkziMdCnIt;
  src: url(/fonts/AkzidenzGroteskPro-MdCnIt.ttf);
}
@font-face {
  font-family: AkziReg;
  src: url(/fonts/AkzidenzGroteskPro-Regular.ttf);
}
@font-face {
  font-family: Boozy;
  src: url(/fonts/Boozy.ttf);
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  font: 13px Arial;
  box-sizing: initial;
}

:focus {
  outline: none;
}

.layout-wrapper-center {
  margin: 0 auto;
  padding: 0 10px;
  width: 900px;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

h3, h3 > span {
  font-size: 110%;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

h4 {
  font-size: 120%;
  font-weight: bold;
  background-color: #e3b69c;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
}

h5, .like-h6, h1.play-header {
  font-size: 12pt;
  font-weight: bold;
  background-color: #e3b69c;
  padding: 10px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.first-h {
  margin-top: 0;
}

.like-h6 {
  font-size: 10pt;
}

p {
  margin-bottom: 10px;
}

body {
  background: url(/images/body3.jpg);
}

body.adult {
  background: url(/images/body555.jpg);
}

body.teen {
  background: url(/images/body_podrostki.jpg);
}

/*.content {
	background:url(/images/body3.jpg);
}*/
/*.content {
	background:url(/images/body0.jpg);
}*/
/*.content-ny {
	background:url(/images/body3.jpg);
}*/
.b {
  font-weight: bold;
}

.motivation {
  padding-top: 10px;
  color: #5F0C38;
  font-weight: bold;
  font-size: 110%;
}

.blue-bold {
  color: #4EAEC2;
  font-weight: bold;
}

.grey-bold {
  color: #404040;
  font-weight: bold;
}

.line,
.line-actor {
  border-top: 2px #e3b69c dashed;
  height: 2px;
  margin-top: 20px;
  margin-bottom: 15px;
  clear: both;
}

.line-actor {
  margin-top: 20px;
  margin-bottom: 25px;
}

header {
  height: 100px;
  position: fixed;
  background-color: white;
  width: 100%;
  z-index: 105;
  box-shadow: 0 3px 20px #97acb1;
}

.slogan {
  float: left;
  font: 12pt;
  color: #1b3986;
  margin-top: 40px;
  margin-right: 60px;
  width: 70px;
}

.logo {
  float: left;
  margin-right: 50px;
}

.logo img {
  width: 164px;
  margin-top: 2px;
}

.tel {
  float: left;
  font-size: 16px;
  line-height: 22px;
  color: #1b3986;
  text-align: center;
  margin-top: 30px;
  margin-left: 20px;
}

.contacts {
  float: right;
  width: 33px;
  margin-top: 10px;
}

.buy-ticket {
  float: left;
  padding-top: 30px;
  margin-left: 84px;
  width: 173px;
  text-align: center;
}

.buy-ticket p {
  font-size: 14px;
  line-height: 22px;
  color: #362C0D;
  font-weight: bold;
  margin-bottom: 3px;
  margin-left: 6px;
}

.header-button {
  background: #FDC43B;
  float: left;
  padding: 8px;
  color: #362C0D;
  font-size: 13px;
  font-weight: bold;
  border: 3px #362C0D solid;
  border-radius: 10px;
  cursor: pointer;
}

.header-button:hover {
  background: #FDDE93;
  outline: none;
}

.header-button-first {
  margin-right: 10px;
}

.icons a {
  display: block;
  margin-top: 5px;
}

.buying {
  background: url(/images/buying_box.jpg) no-repeat left top;
  display: block;
}

.buying a {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: block;
  padding: 13px 10px;
  width: 90px;
}

#top_house,
#top_letter {
  margin-right: 15px;
}

.main-menu {
  float: left;
  list-style-type: none;
  width: 340px;
}

.main-menu a {
  display: block;
  height: 45px;
}

#menu_bill {
  background: url(/images/menu/menu_bill_2.jpg) no-repeat left center;
}

#menu_bill:hover {
  background: url(/images/menu/menu_bill_3.jpg) no-repeat left top;
}

#menu_of_theatre {
  background: url(/images/menu/menu_of_theatre_2.jpg) no-repeat left center;
}

#menu_of_theatre:hover {
  background: url(/images/menu/menu_of_theatre_3.jpg) no-repeat left top;
}

#menu_plays {
  background: url(/images/menu/menu_plays_2.jpg) no-repeat left center;
}

#menu_plays:hover {
  background: url(/images/menu/menu_plays_3.jpg) no-repeat left top;
}

#menu_new_year {
  background: url(/images/menu/menu_new_year_2.jpg) no-repeat left center;
}

#menu_new_year:hover {
  background: url(/images/menu/menu_new_year_3.jpg) no-repeat left top;
}

#menu_osen {
  background: url(/images/menu/menu-osen-1.jpg) no-repeat left center;
}

#menu_osen:hover {
  background: url(/images/menu/menu-osen-2.jpg) no-repeat left top;
}

#menu_news {
  background: url(/images/menu/menu_news_2.jpg) no-repeat left center;
}

#menu_news:hover {
  background: url(/images/menu/menu_news_3.jpg) no-repeat left top;
}

#menu_studio {
  background: url(/images/menu/menu_studio_2.jpg) no-repeat left center;
}

#menu_studio:hover {
  background: url(/images/menu/menu_studio_3.jpg) no-repeat left top;
}

#menu_birthdays {
  background: url(/images/menu/menu_birthdays_2.jpg) no-repeat left center;
}

#menu_birthdays:hover {
  background: url(/images/menu/menu_birthdays_3.jpg) no-repeat left top;
}

#menu_tickets {
  background: url(/images/menu/menu_tickets_2.jpg) no-repeat left center;
}

#menu_tickets:hover {
  background: url(/images/menu/menu_tickets_3.jpg) no-repeat left top;
}

#menu_contacts {
  background: url(/images/menu/menu_contacts_2.jpg) no-repeat left center;
}

#menu_contacts:hover {
  background: url(/images/menu/menu_contacts_3.jpg) no-repeat left top;
}

#menu_actors {
  background: url(/images/menu/menu_actors_2.jpg) no-repeat left center;
}

#menu_actors:hover {
  background: url(/images/menu/menu_actors_3.jpg) no-repeat left top;
}

#menu_org {
  background: url(/images/menu/menu_org_2.jpg) no-repeat left center;
}

#menu_org:hover {
  background: url(/images/menu/menu_org_3.jpg) no-repeat left top;
}

#menu_ny_bill {
  background: url(/images/menu/ny_bill_2.jpg) no-repeat left center;
}

#menu_ny_bill:hover {
  background: url(/images/menu/ny_bill_3.jpg) no-repeat left top;
}

#menu_ny_org {
  background: url(/images/menu/ny_org_2.jpg) no-repeat left center;
}

#menu_ny_org:hover {
  background: url(/images/menu/ny_org_3.jpg) no-repeat left top;
}

#menu_gr_plays {
  background: url(/images/menu/menu_gr_plays_2.jpg) no-repeat left center;
}

#menu_gr_plays:hover {
  background: url(/images/menu/menu_gr_plays_3.jpg) no-repeat left top;
}

#menu_kid_plays {
  background: url(/images/menu/menu_kid_plays_2.jpg) no-repeat left center;
}

#menu_kid_plays:hover {
  background: url(/images/menu/menu_kid_plays_3.jpg) no-repeat left top;
}

#menu_grup {
  background: url(/images/menu/menu_grup_2.jpg) no-repeat left center;
}

#menu_grup:hover {
  background: url(/images/menu/menu_grup_3.jpg) no-repeat left top;
}

#menu_laboratoria {
  background: url(/images/menu/menu_laboratoria_2.jpg) no-repeat left center;
  width: 293px;
  margin-top: 20px;
  height: 114px;
  background-size: contain;
}

#menu_laboratoria a {
  height: 140px;
}

#menu_laboratoria:hover {
  background: url(/images/menu/menu_laboratoria_5.jpg) no-repeat left top;
  width: 293px;
  margin-top: 20px;
  height: 114px;
  background-size: contain;
}

#menu_karlssonschool {
  background: url(/images/karlssonschool2.jpg) no-repeat left center;
  width: 293px;
  margin-top: 20px;
  height: 293px;
  background-size: contain;
}

#menu_karlssonschool a {
  height: 300px;
}

#menu_karlssoncamp {
  background: url(/images/karlssoncamp.jpg) no-repeat left center;
  width: 293px;
  margin-top: 20px;
  height: 292px;
  background-size: contain;
}

#menu_karlssonschool a {
  height: 300px;
}

#menu_rules, #menu_rules:hover {
  background: url(/images/menu/menu-rules.jpg) no-repeat left center;
  width: 293px;
  margin-top: 10px;
  height: 70px;
  background-size: contain;
}

#menu_rules a {
  height: 70px;
}

#menu_rules:hover {
  background: url(/images/menu/menu-rules-hover.jpg) no-repeat left center;
  width: 293px;
  margin-top: 10px;
  height: 70px;
  background-size: contain;
}

#menu_online, #menu_online:hover {
  background: url(/images/menu/menu_online.jpg) no-repeat left center;
  width: 293px;
  margin-top: 10px;
  height: 106px;
  background-size: contain;
}

#menu_online a {
  height: 106px;
}

#menu_online:hover {
  background: url(/images/menu/menu_online2.jpg) no-repeat left center;
  width: 293px;
  margin-top: 10px;
  height: 106px;
  background-size: contain;
}

#menu_sertifikat, #menu_sertifikat:hover {
  background: url(/images/menu/menu-sertifikat.jpg) no-repeat left center;
  width: 293px;
  margin-top: 10px;
  height: 70px;
  background-size: contain;
}

#menu_sertifikat a {
  height: 70px;
}

#menu_sertifikat:hover {
  background: url(/images/menu/menu-sertifikat-hover.jpg) no-repeat left center;
  width: 293px;
  margin-top: 10px;
  height: 70px;
  background-size: contain;
}

#menu_org, #menu_org:hover {
  background: url(/images/menu/btn-ny-org.jpg) no-repeat left center;
  width: 293px;
  margin-top: 30px;
  height: 118px;
  background-size: contain;
  cursor: pointer;
}

#menu_org a {
  height: 100px;
}

#menu_org:hover {
  background: url(/images/menu/btn-ny-org-hover.jpg) no-repeat left center;
  width: 293px;
  margin-top: 30px;
  height: 118px;
  background-size: contain;
}

.major-page #menu_bill {
  background: url(/images/menu/major/menu_bill_2.png) no-repeat left center;
}

.major-page #menu_bill:hover {
  background: url(/images/menu/major/menu_bill_3.png) no-repeat left top;
}

.major-page #menu_of_theatre {
  background: url(/images/menu/major/menu_of_theatre_2.png) no-repeat left center;
}

.major-page #menu_plays {
  background: url(/images/menu/major/menu_plays_2.png) no-repeat left center;
}

.major-page #menu_plays:hover {
  background: url(/images/menu/major/menu_plays_3.png) no-repeat left top;
}

.major-page #menu_new_year {
  background: url(/images/menu/major/menu_new_year_2.png) no-repeat left center;
}

.major-page #menu_new_year:hover {
  background: url(/images/menu/major/menu_new_year_3.png) no-repeat left top;
}

.major-page #menu_news {
  background: url(/images/menu/major/menu_news_2.png) no-repeat left center;
}

.major-page #menu_news:hover {
  background: url(/images/menu/major/menu_news_3.png) no-repeat left top;
}

.major-page #menu_studio {
  background: url(/images/menu/major/menu_studio_2.png) no-repeat left center;
}

.major-page #menu_studio:hover {
  background: url(/images/menu/major/menu_studio_3.png) no-repeat left top;
}

.major-page #menu_birthdays {
  background: url(/images/menu/major/menu_birthdays_2.png) no-repeat left center;
}

.major-page #menu_birthdays:hover {
  background: url(/images/menu/major/menu_birthdays_3.png) no-repeat left top;
}

.major-page #menu_tickets {
  background: url(/images/menu/major/menu_tickets_2.png) no-repeat left center;
}

.major-page #menu_tickets:hover {
  background: url(/images/menu/major/menu_tickets_3.png) no-repeat left top;
}

.major-page #menu_contacts {
  background: url(/images/menu/major/menu_contacts_2.png) no-repeat left center;
}

.major-page #menu_contacts:hover {
  background: url(/images/menu/major/menu_contacts_3.png) no-repeat left top;
}

.major-page #menu_actors {
  background: url(/images/menu/major/menu_actors_2.png) no-repeat left center;
}

.major-page #menu_actors:hover {
  background: url(/images/menu/major/menu_actors_3.png) no-repeat left top;
}

ul.main-menu-ny {
  padding: 30px;
  padding-left: 25px;
  /*list-style-image: url(/images/menu-snow.png);*/
  background-color: white;
  border-radius: 10px;
  border: 2px solid #333333;
  width: 300px;
}

ul.main-menu-ny li {
  display: flex;
  list-style: none;
  margin-top: 7px;
}

ul.main-menu-ny li::before {
  display: block;
  content: "";
  background: no-repeat url(/images/menu-snow.png);
  min-height: 22px;
  min-width: 18px;
  max-height: 17px;
  max-width: 17px;
  margin-right: 15px;
  margin-top: 5px;
  background-size: contain;
  transition: transform 1000ms;
}

ul.main-menu-ny li:hover::before {
  /*background: no-repeat url(/images/menu-ball.png);
  background-size: contain;*/
  transform: rotate(360deg);
}

ul.main-menu-ny a,
ul.main-menu-2 a {
  font-family: Sensei;
  font-size: 24px;
  color: white;
  text-decoration: none;
  /*text-shadow: 0 -1px 1px #000000, 0 -1px 1px #000000, 0 1px 1px #000000, 0 1px 1px #000000, -1px 0 1px #000000, 1px 0 1px #000000, -1px 0 1px #000000, 1px 0 1px #000000, -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000, 1px 1px 1px #000000, -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000, 1px 1px 1px #000000;*/
  text-shadow: 0 -1px 2px #000000, 0 -1px 2px #000000, 0 1px 2px #000000, 0 1px 2px #000000, -1px 0 2px #000000, 1px 0 2px #000000, -1px 0 2px #000000, 1px 0 2px #000000, -1px -1px 2px #000000, 1px -1px 2px #000000, -1px 1px 2px #000000, 1px 1px 2px #000000, -1px -1px 2px #000000, 1px -1px 2px #000000, -1px 1px 2px #000000, 1px 1px 2px #000000;
}

ul.main-menu-ny a span {
  font-size: inherit;
  font-family: inherit;
  margin-left: 30px;
}

ul.main-menu-ny a.soon {
  cursor: default;
}

ul.main-menu-ny a.soon:hover {
  color: white;
  cursor: default;
}

ul.main-menu-ny a:hover {
  color: #badce5;
}

ul.main-menu-2 {
  list-style: none;
  margin-left: 28px;
  margin-top: 22px;
}

ul.main-menu-2 a {
  font-size: 30px;
}

ul.main-menu-2 a:hover {
  color: #bca1d8;
}

h1.ny-h1 {
  font-family: Nickname;
  color: white;
  font-size: 70px;
  text-align: center;
  line-height: 1;
  margin-top: 80px;
  text-shadow: 1px 1px 2px #444444, 0 0 0.1em #b4efff;
}

.layout-content-top {
  padding-top: 73px;
  position: relative;
  min-height: 600px;
  padding-top: 145px;
}

.news, .contacts-news {
  width: 450px;
  margin: 0 auto;
  position: relative;
  top: 90px;
  margin-bottom: 30px;
}

.plays-menu {
  display: inline-block;
  position: relative;
  list-style-type: none;
  margin-left: 59px;
  top: -10px;
  margin-top: 15px;
}

.plays-menu li {
  display: inline-block;
  padding: 15px;
  padding-bottom: 25px;
  border: 2px solid #333333;
  background: white;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 10px;
}

.plays-menu li span {
  font-size: 17px;
  font-weight: bold;
}

.plays-menu li.menu-active {
  background: #ffc83b;
}

.plays-menu li:hover {
  background: #4db9d2;
}

.cloud-body,
.cloud-body-bill,
.cloud-body-bill1,
.cloud-body-map,
.cloud-body-news {
  background: white;
  border: 2px #333333 solid;
  border-radius: 10px;
  padding: 40px 40px 30px;
  width: 568px;
  position: relative;
  top: -25px;
  margin: 0 auto;
}

.cloud-body-map {
  width: 600px;
  padding: 30px 40px 40px;
}

.cloud-body-bill {
  width: 700px;
  /*margin-left:40px;	*/
}

.cloud-body-bill1 {
  width: 784px;
  /*margin-left:40px;	*/
}

.cloud-body-tickets {
  width: 706px;
  /*margin-left:30px;*/
}

.cloud-body-news {
  width: 493px;
  /*margin-left:130px;*/
}

.cloud-body li,
.contacts-body li {
  list-style-position: outside;
  margin-left: 12px;
  margin-bottom: 10px;
}

.cloud-body li > ul > li {
  list-style-position: outside;
  margin-left: 12px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 30px;
}

.news-body, .contacts-body {
  background: white;
  border: 2px #333333 solid;
  border-radius: 10px;
  padding: 20px;
  width: 400px;
  position: relative;
  top: -25px;
}

.cloud-body.cl-contacts {
  width: 493px;
  padding-top: 20px;
}

.news-body img {
  border-radius: 10px;
}

.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 120px;
  margin-top: 20px;
  margin-bottom: 27px;
  padding: 10px 10px 5px 10px;
  font-family: "Pangolin", cursive;
  font-size: 40px;
  background: #badbe2;
  text-transform: uppercase;
}

.page-header h1 {
  max-width: 550px;
  margin: 0;
  font: inherit;
}

body.teen .page-header {
  background: #ffecc2;
}

body.adult .page-header {
  background: #bdbdbd;
}

.page-header.sm-cloud {
  margin-left: 157px;
}

.page-header.wide-cloud {
  margin-left: 53px;
}

.page-header.afisha-header {
  margin-right: 60px;
}

.page-header-menu {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.page-header-menu a {
  font-family: "Pangolin", cursive;
  font-size: 24px;
  text-transform: lowercase;
  color: #636363;
  transition: color 200ms ease-in-out;
}

.page-header-menu a:hover {
  color: black;
}

.cloud-first {
  /*width:450px;*/
  position: relative;
  top: 90px;
}

.page-header + .cloud-first {
  top: 10px;
}

.page-header + .cloud-body {
  top: -15px;
}

.cloud-second {
  /*width:450px;*/
  position: relative;
  top: 80px;
}

.cloud-third {
  /*width:450px;*/
  position: relative;
  top: 0;
  margin-top: 40px;
}

.cloud-fourth {
  /*width:450px;*/
  position: relative;
  top: 0;
  margin-top: 170px;
}

.cloud-fifth {
  /*width:450px;*/
  margin-top: 40px;
}

.cloud {
  /*width:450px;*/
  position: relative;
  margin-top: 40px;
}

.propeller {
  background: url(/images/propeller/propeller.png) no-repeat;
  height: 106px;
  width: 150px;
  position: relative;
  z-index: 100;
  margin: 0 auto;
}

.propeller-news {
  background: url(/images/propeller/propeller.png) no-repeat;
  height: 106px;
  width: 150px;
  position: relative;
  z-index: 100;
  /*margin-left:150px;*/
  margin: 0 auto;
}

.propeller-big {
  background: url(/images/propeller/propeller-big.png) no-repeat;
  height: 106px;
  width: 195px;
  position: relative;
  z-index: 100;
  /*margin-left:330px;*/
  margin: 0 auto;
}

.propeller-super-big {
  background: url(/images/propeller/propeller-super-big.png) no-repeat;
  height: 106px;
  width: 230px;
  position: relative;
  z-index: 100;
  /*margin-left:300px;*/
  margin: 0 auto;
}

.propeller-contacts {
  background: url(/images/propeller/propeller-big.png) no-repeat;
  height: 106px;
  width: 195px;
  position: relative;
  z-index: 100;
  /*margin-left:125px;*/
  margin: 0 auto;
}

.novosti {
  background: url(/images/propeller/news.jpg) no-repeat;
  position: relative;
  top: 76px;
  left: 29px;
  height: 25px;
}

.spektakli {
  background: url(/images/propeller/spektakli.jpg) no-repeat;
  position: relative;
  top: 76px;
  left: 20px;
  height: 25px;
}

.o-teatre {
  background: url(/images/propeller/o-teatre.jpg) no-repeat;
  position: relative;
  top: 76px;
  left: 30px;
  height: 25px;
}

.studia {
  background: url(/images/propeller/studia.jpg) no-repeat;
  position: relative;
  top: 76px;
  left: 19px;
  height: 25px;
}

.afisha {
  background: url(/images/propeller/afisha-11-sezon.jpg) no-repeat;
  position: relative;
  top: 74px;
  left: 14px;
  height: 25px;
}

.dni-rojdenia {
  background: url(/images/propeller/dni-rojdenia.jpg) no-repeat;
  position: relative;
  top: 76px;
  left: 20px;
  height: 25px;
}

.kupit-bileti {
  background: url(/images/propeller/kupit-bileti.jpg) no-repeat;
  position: relative;
  top: 76px;
  left: 11px;
  height: 25px;
}

.kontakti {
  background: url(/images/propeller/kontakti.jpg) no-repeat;
  position: relative;
  top: 76px;
  left: 30px;
  height: 25px;
}

.karta {
  background: url(/images/propeller/karta.jpg) no-repeat;
  position: relative;
  top: 76px;
  left: 36px;
  height: 25px;
}

.ludi-teatra {
  background: url(/images/propeller/ludi-teatra.jpg) no-repeat;
  position: relative;
  top: 76px;
  left: 23px;
  height: 25px;
}

.laboratoria {
  background: url(/images/propeller/laboratoria.png) no-repeat;
  position: relative;
  top: 76px;
  left: 29px;
  height: 25px;
}

.house {
  background: url(/images/house.png) no-repeat;
  height: 107px;
  padding-left: 100px;
  margin: 40px auto 0;
  width: 485px;
}

.roof {
  background: white;
  background: url(/images/roof.jpg);
  height: 84px;
}

.cloud-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.cloud-container + .cloud-container {
  margin-top: 70px;
}

.cloud-propeller {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: -22px;
  z-index: 2;
}

.cloud-propeller::before {
  content: "";
  display: block;
  width: 139px;
  height: 70px;
  margin-bottom: -5px;
  background: url(/images/propeller/propeller-cutted.png) no-repeat;
  z-index: 3;
}

.cloud-title {
  border: 2px #333 solid;
  border-radius: 10px;
  padding: 6px 25px 4px 25px;
  margin: 0;
  font-family: "Boozy";
  font-size: 26px;
  text-align: center;
  background: white;
  text-shadow: 0px 0px 0px black;
}

.cloud-content {
  background: white;
  border: 2px #333 solid;
  border-radius: 10px;
  padding: 40px 40px 30px;
  box-sizing: border-box;
  width: 668px;
}

.cloud-content-wide {
  width: 800px;
}

.playground-menu {
  display: flex;
  width: 800px;
  justify-content: space-between;
  margin: 40px auto;
  flex-wrap: wrap;
  row-gap: 20px;
}

.playground-button {
  display: flex;
  position: relative;
  align-items: center;
  width: 375px;
  height: 65px;
  padding-left: 100px;
  background: url(/images/svg/ticket-btn.svg) no-repeat;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer;
}

.playground-button:hover {
  background-image: url(/images/svg/ticket-btn.svg#hover);
}

.playground-button.active {
  background-image: url(/images/svg/ticket-btn.svg#active);
}

.cloud-recommends .propeller {
  margin-top: 0px !important;
}

.contact-map {
  width: 100%;
}

.bus-route * {
  display: flex;
  position: relative;
  align-items: center;
  font-size: 16px;
  line-height: 1.7;
  white-space: pre-wrap;
}

.bus-metro {
  margin: 10px 0;
  font-size: 18px;
}

.bus-number::before {
  display: inline-block;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 13.616c0 .212-.188.384-.4.384h-1.332a.5.5 0 0 1-.416-.223L10 12.5H6l-.852 1.277a.5.5 0 0 1-.416.223H3.4c-.212 0-.4-.172-.4-.384V7l-.927-.426A.25.25 0 0 1 2 6.396V4.75C2 4 2.724 4 3 4v-.21c0-.649.352-1.225 1-1.426C4.808 2.114 5.843 2 8 2c2.156 0 3.192.114 4 .364.648.201 1 .777 1 1.427V4c.276 0 1 0 1 .75v1.648a.25.25 0 0 1-.071.175L13 7.01v6.605zM8 3.5c-1.988 0-3.235.14-3.74.417a.5.5 0 0 0-.26.438v3.27c0 .207.15.375.333.375h7.334c.184 0 .333-.168.333-.375V4.251c-.001-.501-1.335-.751-4-.751zm3 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-6 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
  width: 22px;
  height: 22px;
  margin-right: 15px;
}

.bus-stop::before {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 20px;
  margin-left: 6px;
  background: black;
  border-radius: 50%;
}

.bus-stop + .bus-stop::after {
  display: block;
  content: "";
  position: absolute;
  left: 9px;
  top: -14px;
  width: 4px;
  height: 28px;
  background: rgba(0, 0, 0, 0.2392156863);
}

.bus-foot::before {
  display: inline-block;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.492 7.686c.172.137.201.389.066.562a.395.395 0 0 1-.545.076l-1.35-.988.033-.191.063-.368.016-.095.011-.153.016-.194.014-.166 1.676 1.517zm-1.152 2.547l.888 3.156a.48.48 0 0 1-.327.593.476.476 0 0 1-.576-.298l-1.061-2.942-1.785-1.805a.697.697 0 0 1-.185-.62l.381-2.194-.858.257-.755 1.776a.395.395 0 0 1-.52.212.402.402 0 0 1-.217-.51l.763-2.005a.41.41 0 0 1 .196-.221l.048-.025 1.909-.985.022-.01a.568.568 0 0 1 .38-.058c.171.033.319.132.391.282.073.151.098.428.098.428.042.247.044.488.065.731.015.243.014.483.009.723-.013.479-.044.955-.107 1.427l-.035.279 1.163 1.604.044.06a.448.448 0 0 1 .07.145zM10.057 3c0 .552-.443 1-.99 1a.995.995 0 0 1-.992-1c0-.552.444-1 .991-1 .548 0 .991.448.991 1zm-2.323 7.005c.236.218.477.427.688.597l-.24.507-1.61 2.661a.473.473 0 0 1-.654.16.485.485 0 0 1-.176-.628l1.342-2.661c.022-.212.04-.424.068-.635l.07-.49.085.083c.132.134.28.27.427.406z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
  width: 22px;
  height: 22px;
  margin-right: 15px;
  margin-left: -1px;
}

.bus-metro-station {
  font-size: 18px;
  font-weight: bold;
}

.bus-metro-station::before {
  display: inline-block;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2e7 1.508e7'%3E%3Cpath style='fill:%2348b85e' d='m6026765 2907127c-299804-1015676-1113594-904356-1.67e6 -431300-1370626 1266075-3155291 3923495-2013094 7.75e6 956578 3241739 4936901 5314839 4936901 5314839h-4.64e6s-2395828-2685264-2.61e6 -5843500c-271260-3993020 1327930-6511332 3183988-8153020 1741824-1544365 3398006-2003480 3398006-2003480l3387831 1.11e7 3387831-1.11e7s1656182 459116 3398006 2003480c1856058 1641687 3455248 4.16e6 3183988 8153020-214173 3158236-2.61e6 5843500-2.61e6 5843500h-4.64e6s3.98e6 -2073100 4936900-5314839c1142197-3826069-642468-6483489-2013094-7.75e6 -556826-473056-1370617-584376-1.67e6 431300-1027971 3241740-3973210 1.253e7 -3973210 1.253e7s-2945239-9291363-3973210-1.253e7z'/%3E%3C/svg%3E");
  width: 26px;
  height: 26px;
  margin-left: 10px;
  margin-right: 10px;
}

.bus-metro-station.red::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2e7 1.508e7'%3E%3Cpath style='fill:%23da2128' d='m6026765 2907127c-299804-1015676-1113594-904356-1.67e6 -431300-1370626 1266075-3155291 3923495-2013094 7.75e6 956578 3241739 4936901 5314839 4936901 5314839h-4.64e6s-2395828-2685264-2.61e6 -5843500c-271260-3993020 1327930-6511332 3183988-8153020 1741824-1544365 3398006-2003480 3398006-2003480l3387831 1.11e7 3387831-1.11e7s1656182 459116 3398006 2003480c1856058 1641687 3455248 4.16e6 3183988 8153020-214173 3158236-2.61e6 5843500-2.61e6 5843500h-4.64e6s3.98e6 -2073100 4936900-5314839c1142197-3826069-642468-6483489-2013094-7.75e6 -556826-473056-1370617-584376-1.67e6 431300-1027971 3241740-3973210 1.253e7 -3973210 1.253e7s-2945239-9291363-3973210-1.253e7z'/%3E%3C/svg%3E");
}

.bus-map {
  width: 100%;
  margin-top: 30px;
}

.alt-title {
  margin-top: 5px;
  margin-bottom: 25px;
  padding-left: 5px;
  padding-bottom: 10px;
  border-bottom: 2px solid gray;
  font-family: "Nickname", Arial;
  font-size: 27px;
}

.footer-menu {
  padding: 10px 0 20px;
  background: white;
}

.footer-menu p {
  float: left;
  margin: 5px 60px 0 85px;
}

.footer-menu ul {
  margin-top: 10px;
  padding-top: 10px;
}

.footer-menu li {
  display: inline;
  margin-right: 8px;
}

.footer-menu a {
  color: black;
  border-bottom: 1px solid black;
  text-decoration: none;
}

.footer-menu a:hover {
  color: #c809dd;
  border: 0;
}

footer .layout-wrapper-center {
  display: flex;
  padding: 20px 20px 35px 20px;
  box-sizing: border-box;
}

.footer-cred {
  min-width: 90px;
  margin-right: 40px;
  margin-top: 5px;
}

.footer-menu ul {
  margin-top: 0;
  padding-top: 0;
}

.footer-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.footer-list li {
  margin-left: 10px;
  line-height: 25px;
}

@media (max-width: 479px) {
  body.with-mob footer .layout-wrapper-center {
    width: auto;
    flex-direction: column;
    align-items: center;
  }
  body.with-mob footer .house {
    width: auto;
    margin-left: 50px;
    margin-top: 0;
  }
  body.with-mob footer .footer-cred {
    margin-right: 0;
    margin-bottom: 20px;
  }
  body.with-mob footer .footer-list {
    justify-content: center;
  }
}
.crowdfunding-button {
  display: flex;
  padding-top: 200px;
  max-width: 780px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.crowdfunding-button a {
  display: inline-block;
  margin-left: auto;
  text-decoration: none;
}

.crowdfunding-button .header-button {
  display: inline-block;
  padding: 10px 25px;
  float: none;
}

.crowdfunding-button .header-button span {
  font-size: 22px;
}

.crowdfunding-button .header-button > div {
  display: inline-block;
}

.crowdfunding-button .first-line span {
  font-size: 25px;
}

@media (max-width: 479px) {
  body.with-mob .crowdfunding-button {
    padding-top: 160px;
    margin-bottom: -50px;
  }
  body.with-mob .crowdfunding-button a {
    display: block;
    text-align: center;
  }
  body.with-mob .crowdfunding-button .header-button {
    display: inline-block;
    float: none;
  }
}
table {
  width: 100%;
  border-collapse: collapse;
}

td {
  border: 1px solid #000;
  padding: 5px;
  width: 25%;
  height: 90px;
}

.col_data {
  text-align: center;
}

.col_data p {
  font-size: 40px;
  margin-bottom: 5px;
}

.col_data p span {
  font-size: 25px;
}

.col_data span {
  font-size: 14px;
}

.col_data ul {
  list-style: none;
  width: 50px;
  margin: 10px auto 0 auto;
}

.col_data li {
  background-color: #efd1b4;
  margin-top: 5px;
}

.col_name {
  text-align: center;
  font-size: 20px;
  padding: 5px 8px;
}

.col_name p {
  margin-bottom: 30px;
  line-height: 1.5;
}

.col_name span {
  font-size: 12px;
}

.col_addr {
  text-align: center;
  font-size: 15px;
}

.col_addr span {
  font-size: 11px;
}

.ny_timetable {
  border: 3px solid #e3b69c;
  width: 200px;
  margin: 10px 40px 10px 40px;
  padding: 0px 7px;
  /*font-size: 8px;*/
  float: left;
}

.ny_timetable span {
  font-weight: bold;
}

#send_msg table {
  border: none;
  border-collapse: collapse;
  width: 480px;
}

#send_msg table td {
  padding: 7px;
}

#send_msg table textarea {
  width: 450px;
  height: 250px;
  overflow: auto;
}

#send_msg table .napravlenie textarea {
  width: 450px;
  height: 100px;
  overflow: auto;
}

.tickets-body p {
  font-size: 12pt;
  padding-top: 5px;
}

.d01 {
  float: left;
  margin: 10px 0 10px 15px;
  border: 1px solid black;
}

.d02, .d03 {
  float: left;
  margin: 10px 10px 15px 0;
  border: 1px solid black;
  height: 70px;
  padding: 4px;
}

.d03 {
  margin-right: 0;
}

.d02 p, .d03 p {
  padding: 4px;
  font-size: 12px;
  text-align: center;
}

.d02-bileter {
  margin-left: 11px;
}

.d02 img {
  cursor: pointer;
}

.conteiner-map {
  width: 100px;
  height: 100px;
  padding: 20px;
}

.plays-text-photo {
  float: right;
}

.photo-preview img {
  height: 101px;
  margin: 2px 9px 0px 0px;
  border: 1px #333333 solid;
}

.photo-preview a:nth-of-type(5) img {
  margin-right: 0;
}

.photo-preview img:hover {
  outline: 5px #BADBE2 solid;
}

.plays-actors p {
  margin-bottom: 5px;
  font-size: 12px;
}

.plays-list,
.prize ul {
  list-style-type: none;
}

.h-plays-list {
  margin-top: 15px;
  font-size: 12px;
}

.plays-list li {
  margin-left: 25px;
  margin-bottom: 2px;
  font-size: 12px;
}

.prize {
  margin-top: 20px;
  margin-bottom: 20px;
}

.prize p,
.prize li {
  font-style: oblique;
  font-weight: bold;
}

.prize li {
  margin-bottom: 0;
}

.prize img {
  float: left;
  margin-right: 20px;
}

.zol-maska {
  height: 40px;
}

.zol-sofit {
  height: 50px;
}

.zol-sofit + p {
  padding-top: 9px;
}

.prize-text {
  float: left;
  width: 498px;
}

.actor-text .prize .zol-maska,
.actor-text .prize .zol-sofit {
  width: 50px;
}

.actor-text .prize-text {
  width: 350px;
}

.actor-text .prize-text-no-img {
  width: 437px;
}

.list-content p a {
  text-decoration: none;
  border-bottom: 1px dashed #000080;
}

.actor img {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}

.actor img:first-child {
  width: 120px;
}

.actor img {
  width: 90px;
}

.actor-text {
  float: left;
  width: 430px;
}

.actor-text h5 {
  margin-top: 0;
}

.btnBook,
.btnBookClosed {
  display: table;
  background-color: #EFD1B4;
  width: 142px;
  text-align: center;
  cursor: pointer;
  margin: 5px auto 5px auto;
}

.btnBook > span,
.btnBookClosed > span {
  display: table-cell;
  vertical-align: middle;
  font-size: 1em;
  font-weight: bold;
  color: sienna;
  padding-top: 10px;
  padding-bottom: 10px;
}

.bigbilet-wrap .btnBook,
.bigbilet-wrap .btnBookClosed {
  margin: auto;
}

.btnBillbilet {
  text-decoration: none;
  outline: none;
}

.bigbilet-wrap {
  position: relative;
  display: table;
  margin: auto;
}

.bigbilet-drop {
  display: none;
  position: absolute;
}

.bigbilet-drop ul {
  position: relative;
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.bigbilet-drop li {
  position: relative;
  display: block;
  width: 142px;
  text-align: center;
  background: sienna;
  margin: auto;
}

.bigbilet-drop li.bb-link-closed {
  background: #EDEDED;
}

.bigbilet-drop li.bb-link-error {
  background: #e81f1f;
}

.bigbilet-drop li.bb-link-closed a,
.bigbilet-drop li.bb-link-error a {
  cursor: not-allowed;
}

.bigbilet-drop li.bb-link:hover {
  background: #a96342;
}

.bigbilet-drop li.bb-link:hover span {
  color: #ecdcd5;
}

.bigbilet-drop span {
  font-size: 1em;
  font-weight: bold;
  color: #EFD1B4;
}

.bigbilet-drop li.bb-link-closed span {
  color: #A7A7A7;
}

.bigbilet-drop li.bb-link-error span {
  color: black;
}

.bigbilet-drop a {
  display: block;
  text-decoration: none;
  outline: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

.bigbilet-drop .drop-tickets-warning {
  padding: 8px;
  background: #f7e1cc;
  color: #7b2800;
  border-top: 1px solid #a0522d;
}

.bigbilet-drop .drop-tickets-warning span {
  color: #da2e28;
  font-weight: bold;
}

li div[data-radario-event-id] {
  background-color: sienna !important;
  margin-bottom: 0px !important;
  font-weight: bold;
  width: 100%;
}

li div[data-radario-event-id]:hover {
  background-color: #a96342 !important;
}

.executing {
  background-color: grey !important;
  cursor: wait !important;
}

.btnBookClosed {
  background-color: #EDEDED;
  height: 36px;
  cursor: not-allowed;
}

.btnBookClosed span {
  font-weight: normal;
  color: #A7A7A7;
}

.modalBook {
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.modalBookPos {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.modalBookContent {
  box-sizing: border-box;
  width: 440px;
  background: white;
  border: 2px #333333 solid;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  top: -25px;
  padding-left: 30px;
}

.modalBookPropeller {
  background: url(/images/propeller/propeller.png) no-repeat;
  height: 106px;
  width: 150px;
  position: relative;
  z-index: 100;
  margin-left: 145px;
}

.tickets {
  background: url(/images/propeller/tickets.jpeg) no-repeat;
  position: relative;
  top: 77px;
  left: 32px;
  height: 25px;
}

.modalBookHeader {
  padding-left: 8px;
}

.modalBookHeader h4 {
  background: white;
  padding-left: 0px;
}

.modalBookHeader img {
  float: left;
}

.modalBookHeader .bookInfo {
  padding-left: 80px;
  padding-bottom: 15px;
  font-size: 12pt;
}

.modalBookBody {
  margin-top: 5px;
}

.modalMess,
.modalMessPrice {
  margin-left: 7px;
  margin-top: 5px;
  width: 364px;
  color: grey;
}

.modalMessClosed {
  margin-left: 7px;
  background: #D4D4D4;
  width: 344px;
  padding: 7px;
  color: #616060;
  margin-bottom: 5px;
}

.modalMessPrice {
  margin-top: 10px;
}

.form-group {
  padding: 8px;
}

.form-group label {
  display: block;
  width: 110px;
  height: 20px;
  float: left;
}

#specialBookForm .form-group label {
  line-height: 25px;
}

.datepicker {
  z-index: 99999;
}

.form-group input,
.form-group select,
.form-group textarea,
.modal-input {
  box-sizing: border-box;
  display: block;
  margin-left: 10px;
  border: 1px solid #999;
  border-radius: 5px;
  height: 26px;
  background-color: white;
  width: 247px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  line-height: 24px;
  font-size: 11pt;
  padding-left: 8px;
}

.form-group input:focus,
.form-group textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-group select:focus {
  outline: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.pline {
  border-bottom: 1px dashed black;
  margin: 10px;
  width: 90%;
}

div.checkbox {
  margin-left: 10px;
}

div.checkbox label {
  display: block;
  position: relative;
  margin-top: 15px;
  font-size: 0.85em;
  width: 330px;
}

div.checkbox input {
  display: block;
  height: 22px;
  float: left;
  margin-right: 15px;
}

.shadowText {
  display: block;
  color: grey;
  font-size: 0.8em;
  margin-top: 5px;
  margin-bottom: 5px;
  font-style: italic;
}

.PSText {
  font-size: 10px;
  margin-left: 28px;
  padding-top: 5px;
}

.modalBookFooter {
  text-align: center;
  margin-top: 20px;
}

.modalBookFooter .header-button {
  float: none;
  width: 200px;
  height: 20px;
  margin-left: 75px;
  line-height: 20px;
}

button::-moz-focus-inner {
  border: none;
}

.redstar {
  color: indianred;
  font-size: 1.2em;
  padding-left: 3px;
}

.btnClose {
  float: right;
  font-size: 2.5em;
  position: relative;
  top: -9px;
  left: 2px;
  cursor: pointer;
  color: #333;
  border: 0px none;
}

.btnClose:hover {
  color: indianred;
}

#bookName {
  color: #07B3BA;
  font-weight: bold;
  padding-top: 5px;
}

.has-error input,
.has-error select {
  border-color: indianred;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px indianred;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px indianred;
}

.has-error input:focus {
  border-color: indianred;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px indianred;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px indianred;
}

.has-success input,
.has-success select {
  border-color: forestgreen;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px forestgreen;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px forestgreen;
}

.has-success input:focus {
  border-color: forestgreen;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px forestgreen;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px forestgreen;
}

.has-icon input {
  padding-right: 30px;
}

.form-group .glyphicon {
  display: none;
}

.has-icon .glyphicon {
  display: inline;
  position: relative;
  float: right;
  top: -19px;
  left: -34px;
  width: 0px;
  height: 0px;
}

.has-icon .glyphicon-remove {
  color: indianred;
}

.has-icon .glyphicon-ok {
  color: forestgreen;
}

form .check-policy {
  display: flex;
  align-items: center;
  color: #808080;
  margin-top: 25px;
}

form .check-policy a {
  color: #694d83;
}

form .check-policy input {
  min-width: 15px;
  width: 15px;
  height: 15px;
}

form .check-policy label {
  margin-left: 15px;
}

form .check-policy.has-error input {
  box-shadow: none;
}

form .check-policy.has-error label {
  color: indianred;
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/fonts/glyphicons-halflings-regular.eot);
  src: url(/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(/fonts/glyphicons-halflings-regular.woff) format("woff"), url(/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.modalInfoContent {
  padding: 15px;
  width: 500px;
}

.modalInfoPropeller {
  margin-left: 175px;
}

.InfoCont {
  margin: 15px 0px;
  width: 100%;
  text-align: center;
}

.modalInfoHeader {
  margin-top: 64px;
  font-size: 15pt;
  font-weight: bold;
}

.modalInfoText {
  font-size: 11pt;
  margin: 30px 10px;
}

.modalInfoFooter {
  font-size: 13pt;
  margin-bottom: 59px;
}

.KarlText {
  color: darkgoldenrod;
  font-size: 13pt;
  font-weight: bold;
}

.news-date {
  float: left;
  color: #fff;
  background-color: rgb(131, 204, 220);
  font-weight: 600;
  font-size: 14px;
  padding: 11px;
  margin-top: 10px;
}

.news-text {
  float: left;
  width: 400px;
  margin-left: 15px;
  margin-bottom: 10px;
}

span.play-source {
  width: 450px;
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
  font-size: 14px;
}

#waitingListModal .modalBookHeader h4 {
  font-family: "AkziReg";
  font-size: 20px;
  margin-left: 27px;
}
#waitingListModal .modalDescription {
  padding: 10px 8px;
}
#waitingListModal .modalDescription p {
  font-family: "AkziReg";
  font-size: 15px;
}

.btnWaitingList {
  display: table;
  margin: auto;
  background-color: #EFD1B4;
  width: 142px;
  text-align: center;
  cursor: pointer;
  background: #4eaec2;
  transition: background 150ms ease-out;
}

.btnWaitingList > span {
  display: table-cell;
  vertical-align: middle;
  font-size: 1em;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
}

.btnWaitingList:hover {
  background: #4b909e;
}

/************MAJOR PAGE*********/
header.major-page .slogan,
header.major-page .tel {
  color: #000;
}

header.major-page .header-button {
  background-color: #fff;
  color: #000;
  border: 3px solid #000;
}

.content.major-page {
  /*background-color: #ccc;*/
  background-image: url(/images/bg/plaster06.jpg);
}

header.lab {
  background-color: #000;
  height: 400px;
  position: relative;
  box-shadow: none;
}

.lab-head-bg {
  background-image: url(/images/laboratoria/header.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 400px;
  background-size: contain;
}

.lab.content {
  background: none;
  background-color: #eaeaea;
}

h5.lab {
  font-size: 17pt;
  font-weight: bold;
  background-color: #138A8A;
  padding: 10px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #fff;
}

.green-bold {
  font-weight: bold;
  color: #138A8A;
}

.home.lab {
  height: 17px;
  width: 180px;
  padding: 10px;
  border: 2px solid black;
  text-transform: uppercase;
  font-size: 14px;
}

.home-cont {
  margin-bottom: 40px;
}

.layout-content-top.lab {
  padding-top: 40px;
  min-height: 0;
}

a.home {
  text-decoration: none;
  color: #000;
}

.home.lab:hover,
a.home:hover {
  background-color: #000;
  color: #fff;
}

.main-content.lab p,
ul.lab li,
ol.lab li {
  font-size: 14px;
  line-height: 1.4;
}

footer.lab {
  background-image: url(/images/laboratoria/footer.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 500px;
  background-size: contain;
}

.lab-partner {
  display: inline-block;
  width: 313px;
  vertical-align: top;
}

.lab-partner p {
  font-size: 12px;
}

.m-overlay {
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.m-overlay__modal {
  text-align: center;
  white-space: nowrap;
}

.m-overlay__modal::after {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  content: "";
}

.m-pos {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.m-body {
  box-sizing: border-box;
  background: white;
  border: 2px #333333 solid;
  border-radius: 10px;
  padding: 20px;
  position: relative;
}

.m-close {
  float: right;
  font-size: 2.5em;
  position: relative;
  top: -22px;
  left: 12px;
  cursor: pointer;
  color: #333;
  border: 0px none;
}

.m-close:hover {
  color: indianred;
}

/************FURSHTATSKAYA*********/
.fursh {
  min-width: 980px;
}

.fursh .flex {
  display: flex;
  justify-content: center;
}

.fursh h3 {
  font-family: Rubik;
  color: #f9c657;
  font-size: 33px;
}

.fursh h4 {
  background: none;
  font-family: Rubik;
  color: #f9c657;
  font-size: 30px;
  padding: 0;
}

.fursh h5 {
  background: none;
  color: #f9c657;
  text-transform: uppercase;
  padding: 0;
  line-height: 1.3;
}

.fursh p {
  color: #fff;
  opacity: 1;
  font-size: 14px;
  line-height: 1.3;
}

.fursh p a {
  font-size: inherit;
  color: #f9c657;
}

.fursh li {
  color: #fff;
  font-size: 14px;
  margin-left: 15px;
  margin-bottom: 5px;
}

.fursh .bold {
  font-weight: bold;
  font-size: inherit;
}

.fursh .up {
  text-transform: uppercase;
}

.fursh .ye-bold {
  color: #f9c657;
  font-weight: bold;
  font-size: inherit;
}

.fursh .video {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin: 40px 0;
}

.fursh .line-reg {
  border-bottom: 2px solid #fff;
  margin: 30px 0;
}

header.fursh {
  background: url(/images/furshtatskaya/header_bg.jpg) repeat center center;
  height: 158px;
  position: relative;
  background-color: white;
  width: initial;
  z-index: 105;
  box-shadow: none;
}

.fursh .header-cont {
  padding-top: 33px;
}

.fursh .header-cont div {
  display: inline-block;
  vertical-align: top;
  color: #fff;
}

.fursh .header-cont button-white {
  float: right;
}

.fursh .header-cont button-white:hover {
  opacity: 0.9;
}

.fursh .header-icons a {
  margin-right: 10px;
}

.fursh .header-icons a img:hover {
  opacity: 0.9;
}

.fursh .header-adress p {
  font-weight: bold;
  font-size: 19px;
  margin-left: 10px;
}

.fursh .title {
  background-color: #000;
}

.fursh .title-cont {
  padding: 40px 0 20px;
}

.fursh .title-line {
  background: url(/images/furshtatskaya/line-black.jpg) repeat top center;
  min-height: 40px;
}

.fursh .logo {
  display: inline-block;
  margin-right: 25px;
}

.fursh .logo-desc {
  display: inline-block;
}

.fursh .logo-desc-title {
  border-bottom: 2px solid #fff;
}

.fursh .logo-desc-title2 {
  color: #fff;
  padding: 17px 0;
  font-size: 25.3px;
  font-weight: bold;
}

.fursh .about-cont {
  margin: 40px 0;
}

.fursh .about-cont p {
  font-size: 19px;
  line-height: 1.3;
  margin-bottom: 15px;
  color: #000;
}

.fursh .hamlet {
  background: url(/images/furshtatskaya/hamlet_bg2.jpg) repeat top center;
  height: 1435px;
}

.fursh .hamlet-cont {
  width: 540px;
  float: right;
  margin: 40px 0;
  padding: 20px 40px;
}

.fursh .tick-cont {
  margin: 40px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fursh .tick-cont p {
  color: #6d07f8;
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  text-transform: uppercase;
}

.fursh .tick-cont .button-fursh {
  color: #6d07f8;
  font-weight: bold;
  margin-left: 295px;
  margin-top: 20px;
  float: none;
  display: inline-block;
}

.fursh .tick-cont .button-fursh a {
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
  padding: 10px 40px;
  color: #6d07f8;
  border: 3px solid #6d07f8;
}

.fursh .tick-cont .tel {
  font-size: 15px;
  margin-top: 20px;
  margin-left: 0;
}

.fursh .biograf {
  background: url(/images/furshtatskaya/biograf_bg.jpg) repeat top center;
  height: 1170px;
}

.fursh .biograf-cont {
  width: 820px;
  float: left;
  margin: 40px 0;
  padding: 20px 40px;
}

.fursh .biograf-left {
  float: left;
  width: 390px;
  margin-left: -40px;
}

.fursh .biograf-right {
  float: right;
  width: 400px;
  margin-top: 110px;
}

.fursh .ostrov {
  background: url(/images/furshtatskaya/ostrov_bg.jpg) repeat top center;
  height: 1080px;
}

.fursh .ostrov-cont {
  width: 540px;
  float: right;
  margin: 40px 0;
  padding: 20px 40px;
}

.fursh .ostrov-cont h3 {
  font-size: 28px;
}

.fursh .ostrov-cont h5 {
  font-size: 17px;
}

.fursh .vanya {
  background: url(/images/furshtatskaya/vanya_bg.jpg) repeat top center;
  height: 1226px;
}

.fursh .vanya-cont {
  width: 800px;
  float: right;
  margin: 40px 0;
  padding: 20px 40px;
}

.fursh .vanya-left {
  float: left;
  width: 380px;
}

.fursh .vanya-right {
  float: right;
  width: 380px;
  margin-top: 72px;
  margin-right: -20px;
}

.fursh .vanya-cont h3 {
  font-size: 44px;
}

.fursh .vanya-cont h4 {
  font-size: 26px;
}

.fursh .button-white div[data-radario-widget-key] {
  border: 2px solid #fff;
  float: right;
}

.fursh .button-viol {
  text-align: center;
  margin-top: 30px;
}

.fursh .button-viol div[data-radario-group-id] {
  border: 3px solid #6d07f8;
  font-weight: bold;
}

.fursh .buy-tickets-btn {
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 8px;
  color: rgb(109, 7, 248);
  font-family: "Arial", sans-serif;
  font-size: 20px;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  border: 3px solid #6d07f8;
  font-weight: bold;
  cursor: pointer;
}

/*.fursh .button-viol div[data-radario-widget-key]{
    border: 3px solid #6d07f8;
    font-weight: bold;

}*/
.fursh .odissey {
  background: url(/images/furshtatskaya/odissey_bg2.jpg) repeat top center;
  height: 1000px;
}

.fursh .odissey .vanya-right {
  margin-top: 60px;
}

.fursh .odissey-cont {
  width: 800px;
  float: right;
  margin: 40px 0;
  padding: 20px 40px;
}

.fursh .attention {
  border: 2px solid #fff;
  padding: 28px;
  margin-top: 40px;
}

.fursh .attention p {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}

.fursh .attention p .ye-bold {
  color: #f9c657;
}

.fursh .sad {
  background: url(/images/furshtatskaya/sad_bg.jpg) repeat top center;
  height: 600px;
}

.fursh .sad .vanya-right {
  margin-top: 60px;
}

.fursh .sad-cont {
  width: 440px;
  float: left;
  margin: 40px 0;
  padding: 20px 40px;
  margin-left: 50px;
}

.fursh .musei {
  background: url(/images/furshtatskaya/musei_bg.jpg) repeat top center;
  height: 817px;
}

.fursh .musei-cont {
  width: 440px;
  float: left;
  margin: 40px 0;
  padding: 20px 40px;
}

.fursh .petushok {
  background: url(/images/furshtatskaya/petushok_bg.jpg) repeat top center;
  height: 780px;
}

.fursh .petushok-cont {
  width: 440px;
  float: left;
  margin: 40px 0;
  padding: 20px 40px;
}

.fursh .vertep {
  background: url(/images/furshtatskaya/vertep_bg.jpg) repeat top center;
  height: 600px;
}

.fursh .vertep-cont {
  width: 440px;
  float: left;
  margin: 40px 0;
  padding: 20px 40px;
}

.fursh .nebit {
  background: url(/images/furshtatskaya/nebit_bg.jpg) repeat top center;
  height: 730px;
}

.fursh .nebit-cont {
  width: 440px;
  float: left;
  margin: 40px 0;
  padding: 20px 40px;
}

.fursh .domkot {
  background: url(/images/furshtatskaya/domkot_bg.jpg) repeat top center;
  height: 905px;
}

.fursh .domkot-cont {
  width: 550px;
  float: left;
  margin: 40px 0;
  padding: 20px 40px;
  margin-left: 160px;
  background-color: #01060c;
}

.fursh .veschdok {
  background: url(/images/furshtatskaya/veschdok_bg.jpg) repeat top center;
  height: 675px;
}

.fursh .veschdok-cont {
  width: 440px;
  float: left;
  margin: 40px 0;
  padding: 20px 40px;
  margin-left: 20px;
  background-color: #01060c;
}

/************SHAPKA-NEW *********/
header.sh-new {
  height: 100px;
  position: fixed;
  background-color: white;
  width: 100%;
  z-index: 105;
  box-shadow: 0 3px 20px #97acb1;
}

.sh-new .logo {
  margin-right: 35px;
}

.sh-new .logo img {
  width: 65px;
  margin-top: -5px;
  float: left;
}

.sh-new .brend-tel {
  float: left;
}

.sh-new .brend {
  font-size: 19pt;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 8px;
}

.sh-new .tel {
  margin-top: 0;
  margin-left: 0;
  color: black;
}

.sh-new .tel div {
  display: inline-block;
}

.sh-new .tel div a {
  font-size: 14pt;
  font-weight: bold;
  display: inline-block;
  color: black;
  text-decoration: none;
}

.sh-new .tel img {
  margin: 0 5px;
  height: 10px;
  vertical-align: unset;
}

.sh-new .contacts {
  float: left;
  width: inherit;
  margin-top: 3px;
  margin-left: 38px;
}

.sh-new .contacts .icons a {
  display: inline-block;
  margin-right: 2px;
}

.sh-new .contacts .icons img {
  border: 2px solid black;
  border-radius: 17px;
}

.sh-new .contacts .icons img:hover {
  opacity: 0.9;
}

.sh-new .buy-ticket {
  float: right;
  width: inherit;
  padding: 0;
  margin: 0;
  margin-left: 0;
}

.sh-new .buy-ticket .header-button {
  padding: 12px 35px;
  /* margin-top: 7px; */
  border: 2px solid black;
  font-size: 18pt;
  border-radius: 17px;
  margin-right: 5px;
}

.sh-new .buy-ticket .header-button:hover {
  background-color: #fdba1a;
}

header .logo,
.sh-new .brend-tel,
.sh-new .contacts,
.sh-new .buy-ticket,
.sh-new .tel,
.sh-new .logo img {
  float: none;
}

header .sh-new {
  display: flex;
  margin-top: 20px;
}

header .sh-new .buy-ticket {
  margin-left: auto;
}

header .sh-new .buy-ticket.mob {
  display: none;
}

header .sh-new .contacts-group {
  display: flex;
}

.thankyou-link {
  align-self: center;
  margin-left: 15px;
}

.thankyou-link a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.thankyou-link img {
  width: 41px;
  height: 41px;
  transition: all 200ms ease-in-out;
}

.thankyou-link .link-text {
  margin-left: 10px;
  color: black;
}

.thankyou-link .link-text > span {
  border-bottom: 1px solid gray;
}

.thankyou-link .link-text span {
  font-size: 15px;
}

.thankyou-link:hover img {
  transform: scale(1.25);
  filter: saturate(1.2);
}

@media (max-width: 479px) {
  body.with-mob header .brend {
    display: none;
  }
  body.with-mob header .sh-new {
    max-width: 350px;
    margin: 15px auto 0;
    justify-content: space-between;
  }
  body.with-mob header .tel div a {
    font-size: 16px;
    white-space: nowrap;
  }
  body.with-mob header .contacts {
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: 5px;
  }
  body.with-mob header .contacts-group {
    flex-direction: column;
  }
  body.with-mob header .contacts .icons {
    text-align: center;
  }
  body.with-mob header .contacts .icons img {
    width: 34px;
    border-radius: 10px;
    border-width: 1px;
  }
  body.with-mob header .buy-ticket {
    display: none;
  }
  body.with-mob header .buy-ticket.mob {
    display: block;
    margin-left: 20px;
  }
  body.with-mob header .buy-ticket.mob .header-button {
    font-size: 16px;
    margin: 0;
    padding: 8px 30px;
    border-width: 1px;
    border-radius: 11px;
  }
  body.with-mob header .header-button {
    font-size: 19px;
  }
  body.with-mob header .logo {
    margin-right: 0;
  }
  body.with-mob header .thankyou-link {
    display: none;
  }
}
@media (max-width: 379px) {
  body.with-mob header .tel div a {
    font-size: 14px;
  }
  body.with-mob header .sh-new {
    justify-content: space-around;
  }
}

.sh-new.child {
  display: flex;
  justify-content: space-between;
}
.sh-new.child .logo-container {
  display: flex;
  align-items: center;
}
.sh-new.child .contacts-group {
  align-items: center;
}
.sh-new.child .logo img {
  width: 170px;
  margin: 0;
}
.sh-new.child .logo a {
  display: block;
  font-size: 0;
}
.sh-new.child .tel {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 100%;
}
.sh-new.child .contacts {
  margin-top: 0;
}
.sh-new.child .icons a {
  margin-top: 0;
}

@media (max-width: 479px) {
  body.with-mob .header-menu {
    display: none;
  }
  body.with-mob .header-menu + .content {
    padding-top: 30px;
  }
}
@media (max-width: 479px) {
  body.with-mob header {
    height: auto;
    padding: 10px 5px;
  }
  body.with-mob header .sh-new.child {
    max-width: none;
    margin: 0;
  }
  body.with-mob header .sh-new.child .logo img {
    width: 100%;
  }
  body.with-mob header .sh-new.child .contacts {
    margin-top: 5px;
  }
  body.with-mob header .sh-new.child .contacts .icons a {
    display: table-cell;
    margin-right: 0;
    padding-right: 5px;
  }
  body.with-mob header .logo-container {
    flex: 2;
  }
  body.with-mob header .contacts-group {
    flex: 3;
  }
  body.with-mob header .buy-ticket.mob {
    margin-left: 5px;
  }
  body.with-mob header .buy-ticket.mob .header-button {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 379px) {
  body.with-mob header .sh-new.child .contacts .icons a {
    display: table-cell;
    margin-right: 0;
    padding-right: 5px;
    font-size: 0;
  }
  body.with-mob header .sh-new.child .contacts .icons img {
    width: 30px;
  }
  body.with-mob header .buy-ticket.mob .header-button {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
/****** HEADER MENU ******/
html[data-scroll="0"] header {
  box-shadow: none;
}

.header-menu + .content {
  padding-top: 150px;
}

.main-content {
  padding-top: 70px;
}

.cloud-first {
  top: 0px !important;
}

.header-menu {
  position: absolute;
  top: 100px;
  width: 100%;
  min-width: 920px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  background: white;
  z-index: 104;
  /*.row-menu > li > a::before {
      display: block;
      content: attr(text);
      font-weight: bold;
      height: 0;
      overflow: hidden;
      visibility: hidden;
  }*/
}
.header-menu .row-menu {
  display: flex;
  justify-content: space-between;
  width: 910px;
  margin: 0 auto;
  font-size: 20px;
  list-style: none;
}
.header-menu .row-menu a {
  color: black;
  text-decoration: none;
  font-weight: inherit;
  font-size: 14px;
  cursor: pointer;
}
.header-menu .row-menu a > span {
  font-size: inherit;
  font-weight: inherit;
}
.header-menu .row-menu > li {
  position: relative;
}
.header-menu .row-menu > li > a {
  display: block;
  padding: 25px 20px;
}
.header-menu .sub-menu {
  display: flex;
  visibility: hidden;
  opacity: 0;
  min-width: 155px;
  position: absolute;
  left: 0;
  flex-direction: column;
  background: white;
  padding: 10px 0;
  border: 2px solid black;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: opacity 150ms ease-out;
  overflow: hidden;
  list-style: none;
  white-space: nowrap;
  z-index: 103;
}
.header-menu .sub-menu li {
  display: flex;
  align-items: center;
  position: relative;
  transition: background 50ms ease;
}
.header-menu .row-menu > li:hover > a {
  transform: scale(1.2);
  transition: transform 70ms ease;
}
.header-menu .row-menu > li:hover .sub-menu {
  display: flex;
  visibility: visible;
  opacity: 1;
}
.header-menu .sub-menu > li > a {
  display: block;
  width: 100%;
  padding: 10px 30px 10px 40px;
}
.header-menu .sub-menu > li:hover {
  background: #f2f2f2;
}
.header-menu .sub-menu > li::before {
  content: "";
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  left: 20px;
  border-radius: 50%;
  background: black;
  transition: 400ms cubic-bezier(0.07, 0.35, 0.09, 0.97);
}
.header-menu .sub-menu > li:hover::before {
  width: 7px;
  height: 7px;
}

/************ DR *********/
.dr-text {
  float: left;
  width: 400px;
}

.dr-pict {
  float: left;
  width: 160px;
}

.dr-pict img {
  width: 150px;
}

/********** Radario Form *************/
/*.tendee-subscription__popup {
	width: 1000px !important;

	iframe {
		border-radius: 10px;
	}
}

.subscription-form {
	width: 1000px !important;
}*/
/********** Tawk.to *************/
.tawk-card {
  display: none !important;
}

/********** Plays *************/
.afisha-link,
.no-plays-link {
  background-color: #4eaec2;
  padding: 15px;
}

.no-plays-link {
  background-color: #cccccc;
}

.afisha-link:hover {
  background-color: #4b909e;
}

.afisha-link a,
.no-plays-link {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

/********** MK *************/
.courses p {
  font-family: "MuseoSans0";
}

.courses .green-bold {
  color: #00806d;
  font-weight: bold;
}

.courses h1, .courses h2 {
  color: #383838;
  font-size: 80px;
  font-family: "AmaticSC", Arial, sans-serif;
  text-align: center;
  padding: 30px 0 100px;
  line-height: 0;
}

.courses h3, .courses h4 {
  color: #00806d;
  font-size: 60px;
  font-family: "AmaticSC", Arial, sans-serif;
  font-weight: 700;
  margin-top: 10px;
}

.courses h4 {
  font-size: 27px;
  margin-bottom: 15px;
  background-color: transparent;
}

.courses .time-table-h p {
  color: #00806d;
  font-size: 35px;
  font-family: "AmaticSC", Arial, sans-serif;
}

.courses .layout-wrapper-center {
  width: 1200px;
  margin-top: 0 auto;
}

.courses .header {
  padding-top: 20px;
}

.courses video, .video-bg {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -9999;
  position: absolute;
  right: 0;
  bottom: 0;
}

.courses .video-bg {
  background-color: black;
  opacity: 0.8;
  z-index: -9998;
}

.courses .menu {
  float: left;
  font-family: "AmaticSC";
}

.courses .menu a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 40px;
  margin: 10px;
}

.courses .menu a:hover {
  text-decoration: underline;
}

.courses .tel {
  float: right;
  margin-top: 0;
}

.courses .tel a {
  color: white;
  font-family: "AmaticSC";
  font-size: 40px;
  text-decoration: none;
}

.courses .logos {
  text-align: center;
}

.courses .logos img {
  margin-top: 50px;
}

.courses .title-text {
  color: white;
  text-align: center;
}

.courses .title-text-main {
  font-family: "AmaticSC";
  font-size: 100px;
  line-height: 1.1;
}

.courses .title-text-desc {
  font-size: 23px;
}

.cou-kids-1 {
  background-image: url(/mk/bg-1.jpg);
  padding-top: 100px;
  padding-bottom: 100px;
  width: 100%;
  min-width: 1240px;
}

.cou-kids-2 {
  background-image: url(/mk/bg-2.jpg);
  padding-top: 100px;
  padding-bottom: 100px;
  width: 100%;
  min-width: 1240px;
}

.cou-kids-3 {
  background-color: #00806d;
  padding-top: 100px;
  padding-bottom: 100px;
  width: 100%;
  min-width: 1240px;
}

.cou-kids .pict {
  float: left;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  line-height: 0;
}

.cou-kids .cont {
  float: left;
  background-color: white;
  width: 520px;
  height: 540px;
  padding: 30px 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.cou-kids .cont .desc {
  color: #333;
  font-size: 16px;
  font-style: italic;
  font-family: "Roboto", Arial, sans-serif;
  line-height: 1.3;
  font-weight: 400;
}

.courses .icons {
  margin-top: 10px;
}

.courses .icons-cont {
  display: inline-block;
  margin-right: 30px;
  margin-top: 8px;
}

.courses .icons-cont img {
  vertical-align: middle;
  margin-right: 6px;
}

.courses .icons-more {
  float: right;
  margin-right: 20px;
}

.courses .icons-more a {
  color: #fbc02d;
  font-size: 18px;
  font-family: "Roboto", Arial, sans-serif;
}

.courses .time-table {
  border-width: 2px;
  border-color: #00806d;
  border-style: solid;
  padding: 10px 20px;
  margin-top: 25px;
}

.courses .lesson {
  display: block;
  margin-bottom: 6px;
}

.courses .lesson .lesson-date {
  color: #00806d;
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.courses .lesson .lesson-desc {
  width: 340px;
  display: inline-block;
}

.courses .lesson .lesson-desc .lesson-name {
  color: #333;
  font-size: 16px;
  display: inline-block;
  width: 280px;
}

.courses .lesson .lesson-desc .lesson-num {
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
}

button.course {
  background-color: white;
  padding: 8px 25px;
  color: #fbc02d;
  font-size: 15px;
  font-family: "Roboto", Arial, sans-serif;
  line-height: 1.55;
  font-weight: 700;
  border-width: 4px;
  border-radius: 0px;
  border-color: #fbc02d;
  border-style: solid;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  margin: 20px 110px;
}

button.course:hover {
  background-color: #fbc02d;
  color: white;
}

.courses .modal-fixed-overlay {
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.courses .modal {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -335px;
  margin-top: -393px;
  z-index: 99999;
}

.courses .modal-desc {
  width: 720px;
  line-height: 0;
  background-color: #fff;
}

.courses .modal-desc-cont {
  background-color: white;
  padding: 20px 30px 30px;
}

.courses .modal-desc-cont p,
.courses .modal-desc-cont p span,
.courses .modal-desc-cont li {
  font-size: 16px;
}

.courses .modal-desc-cont p {
  margin-top: 20px;
}

.courses .modal-desc-cont ul {
  margin-left: 20px;
}

.courses .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.courses input,
.courses select {
  border: 1px solid #777;
  padding: 13px;
  display: block;
  margin-bottom: 15px;
  border-radius: 5px;
  width: 300px;
}

.courses form button {
  background-color: #00806d;
  border-radius: 5px;
  color: white;
  padding: 15px 50px;
  width: 228px;
}

.courses .modal .order {
  width: 390px;
}

.courses .modal .order .modal-pict {
  width: 390px;
}

.courses .modal-order {
  margin-left: -196px;
  margin-top: -313px;
}

.ny-download {
  float: right;
  padding: 14px 40px;
  font-size: 14px;
  display: inline-block;
  background-color: #4eaec5;
  color: white;
  border: none;
  border-radius: 0;
  margin: 8px 0 35px;
  font-weight: bold;
}

.ny-download:hover {
  background-color: #419cb2;
}

.btn-blue {
  display: inline-block;
  background-color: #4eaec2;
  color: white;
  font-weight: bold;
  padding: 10px 30px;
  margin-right: 30px;
  margin-top: 8px;
  font-size: 15px;
  margin-bottom: 10px;
  cursor: pointer;
}

.btn-blue:hover {
  background-color: #63c2d5;
}

.btn-blue-cont {
  text-align: center;
}

.btn-blue-2 {
  padding: 14px 40px;
  font-size: 14px;
  display: inline-block;
  background-color: #4eaec5;
  color: white;
  border: none;
  border-radius: 0;
  margin: 8px 0 11px;
  font-weight: bold;
  cursor: pointer;
}

.btn-blue-2:hover {
  background-color: #419cb2;
}

/********** PLAYS *************/
.play-actors {
  text-align: center;
  margin-top: 20px;
}

.play-actor {
  display: inline-block;
  vertical-align: top;
}

.play-actor-3 {
  display: inline-block;
  margin: 0 30px;
}

.play-smi-text {
  font-style: italic;
}

.play-play-3 {
  display: inline-block;
  margin: 0 20px;
}

.play-play-3 img {
  margin-bottom: 10px;
}

/********** VZROSLIE AD *************/
.ad p {
  line-height: 1.4;
  font-size: 15px;
}

.ad ul li {
  font-size: 15px;
}

.ad body {
  background-color: #000;
}

.ad .layout-wrapper-center {
  margin: 0 auto;
  padding: 0 20px;
  width: 980px;
  box-sizing: border-box;
}

.ad-top {
  background-color: black;
  padding-bottom: 30px;
}

.ad-top .layout-wrapper-center {
  background-image: url(/images/plays/ostrov_top.jpg);
  background-position: right;
  background-repeat: no-repeat;
}

.ad-top .layout-wrapper-center.ad-hamlet {
  background-image: url(/images/plays/hamlet_top2.jpg);
}

.ad-top .layout-wrapper-center.ad-musei {
  background-image: url(/images/plays/musei_top.jpg);
}

.ad-top-text {
  color: #fff;
  width: 500px;
  margin-top: 40px;
  float: left;
}

.ad-top-main {
  float: right;
  margin-top: 40px;
}

.ad-top-main p {
  text-align: right;
}

.ad-top-main p a {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

.ad-top-title {
  font-family: Bebas, sans-serif;
  font-weight: bold;
  line-height: 1;
  color: #f9c657;
  font-size: 75px;
}

.ad-play-age-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

.ad-play-age {
  margin-right: 10px;
  background-color: #f8f8f8;
  color: #000;
  border-radius: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  padding-right: 23px;
  padding-left: 15px;
  font-family: Bebas, sans-serif;
  font-size: 30px;
  display: inline-block;
  font-weight: bold;
}

.ad-play-duration {
  display: inline-block;
}

.ad-play-duration span {
  vertical-align: super;
  font-size: 17px;
  font-weight: bold;
}

.ad-play-duration svg {
  fill: #f8f8f8;
}

.ad-play-intro p {
  font-family: "Bebas";
  font-size: 27px;
  color: #ffe6af;
}

.ad-top-desc-actors {
  margin-top: 35px;
}

.ad-top-desc-actors p {
  line-height: 1.2;
}

.ad-top-desc-actors li {
  margin-bottom: 3px;
}

.ad-top-desc-actors p strong,
.ad-top-desc-actors li strong {
  color: #ffe6af;
}

.ad-top-desc-actors ul {
  margin-left: 17px;
}

.ad .btn {
  width: 200px;
  padding: 14px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #f9c657;
  border: 3px solid #f9c657;
  margin-top: 40px;
  margin-bottom: 40px;
  cursor: pointer;
}

.ad .btn:hover {
  background-color: #f1b32b;
  border-color: #f1b32b;
  color: #fff;
}

.ad .photo-preview img {
  height: 130px;
  margin: 2px 37px 0px 0px;
  border: 1px #1f1f21 solid;
}

.ad .photo-preview img:hover {
  outline: 3px #f9c657 solid;
}

.ad-photos {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #1f1f21;
}

.ad-photos-more {
  margin-left: 40px;
  height: 80px;
  display: inline-block;
  vertical-align: top;
  padding-top: 50px;
  text-align: center;
  color: #f9c657;
}

.ad-photos-more:hover {
  color: #ffe6af;
}

.ad-smi {
  background-color: #000;
  padding-top: 40px;
  padding-bottom: 60px;
  color: #fff;
}

.ad h2 {
  font-size: 40px;
  font-family: "Bebas";
  color: #f9c657;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.ad-smi-row div {
  display: inline-block;
  color: #fff;
}

.ad-smi-logo {
  font-family: Bebas;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}

.ad a {
  color: #f9c657;
}

.ad a:hover {
  color: #ffe6af;
}

.ad-premii {
  background-color: #000;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
}

.ad-premii-row div {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
}

.ad-premii-logo-sofit img,
.ad-premii-logo-maska img {
  background-size: contain;
  width: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.ad-premii-logo-sofit,
.ad-premii-logo-maska {
  width: 100px;
}

.ad-premii-logo-sofit img {
  width: 70px;
}

.ad-premii-text {
  width: 794px;
  margin-left: 40px;
}

.ad-premii-text p {
  margin-top: 15px;
  font-size: 15px;
}

.ad-premii-text p strong {
  font-size: 15px;
  color: #ffe6af;
}

.ad .ad-line {
  border-bottom: 2px dashed #4f4f4f;
}

.ad-btn {
  background-color: #000;
}

.ad-btn .btn {
  margin: 40px auto;
}

.ad-plays-more {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #1f1f21;
}

.ad .play-play-3 img {
  width: 283px;
}

.ad .play-play-3 {
  text-align: center;
}

.ad .play-actor img:hover {
  outline: 3px #f9c657 solid;
}

.ad-header {
  background-color: #1f1f21;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ad-header-cont div {
  display: inline-block;
  color: #fff;
  float: left;
}

.ad-header-icons,
.ad-header-adress,
.ad-header-btn {
  margin-top: 17px;
}

.ad .ad-header-btn {
  float: right;
}

.ad-header-btn .btn {
  margin: 0;
}

.ad-header-logo img {
  height: 80px;
  margin-right: 40px;
}

.ad-header-adress p {
  font-weight: bold;
}

.ad-header-icons {
  margin-right: 40px;
}

.ad-header-icons a {
  margin-right: 10px;
}

.ad-footer {
  background-color: #000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ad-footer-logo {
  display: inline-block;
  float: left;
}

.ad-footer-logo img {
  height: 60px;
  margin-right: 40px;
}

.ad-footer-text {
  float: left;
  margin-top: 10px;
}

.ad-footer-text p {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
}

.ad-footer-text a {
  color: #fff;
  margin-left: 40px;
}

.ad-footer-tel {
  float: right;
  color: #fff;
}

.ad-footer-tel p {
  text-align: right;
  margin-top: 10px;
}

/********** VZROSLIE 2 *************/
.vzr p {
  line-height: 1.4;
  font-size: 15px;
}

.vzr ul li {
  font-size: 15px;
}

.vzr body {
  background-color: #000;
}

.vzr .layout-wrapper-center {
  margin: 0 auto;
  padding: 0 20px;
  width: 980px;
  box-sizing: border-box;
}

.vzr-top {
  background-color: black;
  padding-bottom: 30px;
}

.vzr-top .layout-wrapper-center {
  background-image: url(/images/plays/ostrov_top.jpg);
  background-position: right;
  background-repeat: no-repeat;
}

.vzr-top .layout-wrapper-center.vzr-hamlet {
  background-image: url(/images/plays/hamlet_top2.jpg);
}

.vzr-top .layout-wrapper-center.vzr-musei {
  background-image: url(/images/plays/musei_top.jpg);
}

.vzr-top-text {
  color: #fff;
  width: 500px;
  margin-top: 40px;
  float: left;
}

.vzr-top-main {
  float: right;
  margin-top: 40px;
}

.vzr-top-main p {
  text-align: right;
}

.vzr-top-main p a {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

.vzr-top-title {
  font-family: Bebas, sans-serif;
  font-weight: bold;
  line-height: 1;
  color: #f9c657;
  font-size: 75px;
  margin: 0;
}

.vzr-play-age-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

.vzr-play-age {
  margin-right: 10px;
  background-color: #f8f8f8;
  color: #000;
  border-radius: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%);
  padding-right: 23px;
  padding-left: 15px;
  font-family: Bebas, sans-serif;
  font-size: 30px;
  display: inline-block;
  font-weight: bold;
}

.vzr-play-duration {
  display: inline-block;
}

.vzr-play-duration span {
  vertical-align: super;
  font-size: 17px;
  font-weight: bold;
}

.vzr-play-duration svg {
  fill: #f8f8f8;
}

.vzr-play-intro p {
  font-family: "Bebas";
  font-size: 27px;
  color: #ffe6af;
}

.vzr-top-desc-actors {
  margin-top: 35px;
}

.vzr-top-desc-actors p {
  line-height: 1.2;
}

.vzr-top-desc-actors li {
  margin-bottom: 3px;
}

.vzr-top-desc-actors p strong,
.vzr-top-desc-actors li strong {
  color: #ffe6af;
}

.vzr-top-desc-actors ul {
  margin-left: 17px;
}

.vzr .btn {
  width: 200px;
  padding: 14px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #f9c657;
  border: 3px solid #f9c657;
  margin-top: 40px;
  margin-bottom: 40px;
  cursor: pointer;
}

.vzr .btn:hover {
  background-color: #f1b32b;
  border-color: #f1b32b;
  color: #fff;
}

.vzr .photo-preview img {
  height: 130px;
  margin: 2px 37px 0px 0px;
  border: 1px #1f1f21 solid;
}

.vzr .photo-preview img:hover {
  outline: 3px #f9c657 solid;
}

.vzr-photos {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #1f1f21;
}

.vzr-photos-more {
  margin-left: 40px;
  height: 80px;
  display: inline-block;
  vertical-align: top;
  padding-top: 50px;
  text-align: center;
  color: #f9c657;
}

.vzr-photos-more:hover {
  color: #ffe6af;
}

.vzr-smi {
  background-color: #000;
  padding-top: 40px;
  padding-bottom: 60px;
  color: #fff;
}

.vzr h2 {
  font-size: 40px;
  font-family: "Bebas";
  color: #f9c657;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.vzr-smi-row div {
  display: inline-block;
  color: #fff;
}

.vzr-smi-logo {
  font-family: Bebas;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}

.vzr a {
  color: #f9c657;
}

.vzr a:hover {
  color: #ffe6af;
}

.vzr-premii {
  background-color: #000;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
}

.vzr-premii-row div {
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: middle;
}

.vzr-premii-logo-sofit img,
.vzr-premii-logo-maska img {
  background-size: contain;
  width: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.vzr-premii-logo-sofit,
.vzr-premii-logo-maska {
  width: 100px;
}

.vzr-premii-logo-sofit img {
  width: 70px;
}

.vzr-premii-text {
  width: 794px;
  margin-left: 40px;
}

.vzr-premii-text p {
  margin-top: 15px;
  font-size: 15px;
}

.vzr-premii-text p strong {
  font-size: 15px;
  color: #ffe6af;
}

.vzr .vzr-line {
  border-bottom: 2px dashed #4f4f4f;
}

.vzr-btn {
  background-color: #000;
}

.vzr-btn .btn {
  margin: 40px auto;
}

.vzr-plays-more {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #1f1f21;
}

.vzr .play-play-3 img {
  width: 283px;
}

.vzr .play-play-3 {
  text-align: center;
}

.vzr .play-actor img:hover {
  outline: 3px #f9c657 solid;
}

.vzr-header {
  background-color: #1f1f21;
  padding-top: 20px;
  padding-bottom: 20px;
}

.vzr-header-cont div {
  display: inline-block;
  color: #fff;
  float: left;
}

.vzr-header-icons,
.vzr-header-adress,
.vzr-header-btn {
  margin-top: 17px;
}

.vzr .vzr-header-btn {
  float: right;
}

.vzr-header-btn .btn {
  margin: 0;
}

.vzr-header-logo img {
  height: 80px;
  margin-right: 40px;
}

.vzr-header-adress p {
  font-weight: bold;
}

.vzr-header-icons {
  margin-right: 40px;
}

.vzr-header-icons a {
  margin-right: 10px;
}

.vzr-footer {
  background-color: #000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.vzr-footer-logo {
  display: inline-block;
  float: left;
}

.vzr-footer-logo img {
  height: 60px;
  margin-right: 40px;
}

.vzr-footer-text {
  float: left;
  margin-top: 10px;
}

.vzr-footer-text p {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
}

.vzr-footer-text a {
  color: #fff;
  margin-left: 40px;
}

.vzr-footer-tel {
  float: right;
  color: #fff;
}

.vzr-footer-tel p {
  text-align: right;
  margin-top: 10px;
}

/********** ADAPTIVE PLAY PAGE *************/
body.with-mob {
  min-width: 920px;
}
body.with-mob .blue-bold {
  color: #4e8fa5;
}
body.with-mob .btn-main-return {
  display: block;
  width: 95px;
  margin: 0 0 0 125px;
  text-decoration: none;
}
body.with-mob .cloud-container {
  width: auto;
}
body.with-mob .cloud-body {
  margin: 0 auto;
}
body.with-mob .cloud-container .cloud-body {
  padding: 40px 0 30px 0;
  width: 648px;
}
body.with-mob .cloud-container .pad {
  padding-left: 40px;
  padding-right: 40px;
}
body.with-mob .propeller {
  margin: 0 auto;
}
body.with-mob .play-recommends {
  display: flex;
  text-align: center;
  margin-top: 20px;
}
body.with-mob .play-recommend {
  display: inline-block;
  margin: 0 20px;
}
body.with-mob .play-recommend-name {
  display: block;
  margin-top: 10px;
}
body.with-mob .play-prizes .line {
  margin-top: 0;
  margin-bottom: 0;
}
body.with-mob .play-prizes .prize {
  margin-bottom: 10px;
}
body.with-mob .prize {
  display: flex;
  margin-bottom: 0;
}
body.with-mob .prize img {
  float: none;
}
body.with-mob .prize-text {
  float: none;
  width: auto;
}
body.with-mob .prize-text p {
  margin-bottom: 0;
}
body.with-mob .prize-text p + p {
  margin-top: 10px;
}
body.with-mob .line.sim {
  margin-top: 15px;
}
body.with-mob .play-photos,
body.with-mob .play-smi,
body.with-mob .play-actors-show {
  margin-bottom: 25px;
  margin-top: 20px;
}
body.with-mob .play-actors-text-cont {
  display: flex;
  margin-bottom: 10px;
}
body.with-mob .play-buy-btn-desk {
  min-width: 144px;
  margin-left: 20px;
}
body.with-mob .play-info-extra {
  display: flex;
  justify-content: space-between;
  color: #cc3b21;
  text-decoration: underline;
}
body.with-mob .play-info-extra-mob {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #cc3b21;
}
body.with-mob .play-info-extra-mob > div {
  margin-bottom: 10px;
  font-size: 14px;
}
body.with-mob .play-info-age {
  margin-right: 40px;
}
body.with-mob .photo-preview {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.with-mob .play-recent {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #e7f8fe;
  margin: 25px 40px 25px 40px;
  padding: 10px 10px 30px 10px;
  border: 1px solid #78919a;
  text-align: center;
}
body.with-mob .play-recent h5 {
  background-color: transparent;
  font-family: Nickname;
  font-size: 20px;
  color: #195062;
  font-weight: normal;
  margin-bottom: 0;
}
body.with-mob .recent-plays {
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  list-style-type: none;
}
body.with-mob .cloud-body .recent-play {
  position: relative;
  margin-left: 15px;
  margin-bottom: 6px;
}
body.with-mob .recent-play:before {
  content: "";
  position: absolute;
  display: inline-block;
  height: 6px;
  width: 6px;
  left: -13px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #30889c;
  border-radius: 50%;
}
body.with-mob .recent-date {
  font-size: 15px;
  font-weight: bold;
}
body.with-mob .recent-date:after {
  content: "—";
  font-weight: normal;
  font-size: 14px;
  margin: 0 2px 0 7px;
}
body.with-mob .play-buy-ticket {
  display: block;
  background: #FDC43B;
  width: 215px;
  margin-top: 15px;
  padding: 10px 20px;
  color: #362C0D;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #362C0D;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
body.with-mob .play-buy-ticket:hover {
  background-color: #fdba1a;
}
body.with-mob .play-buy-ticket.mlast {
  display: none;
  margin: 0 auto;
}
body.with-mob .play-buy-ticket.dlast {
  margin: 0 auto;
  font-size: 16px;
  padding: 12px 20px;
  margin-bottom: 10px;
}
body.with-mob .play-buy-ticket.mrecent {
  display: none;
}
body.with-mob .recent-times .time-closed {
  text-decoration: line-through;
  color: gray;
}
body.with-mob .line.have-recent {
  display: none;
}
body.with-mob .play-afisha-link {
  width: auto;
  max-width: 440px;
  padding: 12px 20px;
  margin: 0 auto;
  border-width: 2px;
  margin-top: 30px;
  font-size: 16px;
}
@media (max-width: 479px) {
  body.with-mob {
    min-width: 340px;
  }
  body.with-mob header {
    min-width: 340px;
  }
  body.with-mob .mhide {
    display: none;
  }
  body.with-mob .btn-main-return {
    display: none;
    margin: 0 auto;
  }
  body.with-mob .layout-wrapper-center {
    width: auto;
  }
  body.with-mob .cloud-container .pad {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.with-mob .cloud-container .cloud-body {
    width: auto;
    padding: 20px;
  }
  body.with-mob .cloud-container .cloud-body {
    padding: 30px 0;
  }
  body.with-mob .cloud-recommends .cloud-body {
    padding-bottom: 0;
  }
  body.with-mob .play-header-img {
    box-sizing: border-box;
    width: 100%;
    border-radius: 10px;
  }
  body.with-mob .plays-text-photo,
  body.with-mob .play-buy-btn-desk,
  body.with-mob .play-actors-show,
  body.with-mob .play-info-extra,
  body.with-mob .play-buy-ticket-desk,
  body.with-mob .play-buy-ticket.dlast,
  body.with-mob .play-buy-ticket.drecent {
    display: none;
  }
  body.with-mob .play-buy-ticket.mrecent {
    display: block;
  }
  body.with-mob span.play-source {
    width: auto;
    margin-left: 0;
    font-size: 15px;
  }
  body.with-mob .line.mob-small {
    margin-top: 5px;
  }
  body.with-mob .photo-preview a:nth-child(4),
  body.with-mob .photo-preview a:nth-child(5) {
    display: none;
  }
  body.with-mob .photo-preview a {
    width: calc(33.33% - 7px);
  }
  body.with-mob .photo-preview a + a {
    margin-left: 8px;
  }
  body.with-mob .photo-preview img {
    height: auto;
    width: 100%;
    margin: 0;
  }
  body.with-mob .play-recent {
    display: flex;
    margin: 20px;
    border-radius: 10px;
  }
  body.with-mob .play-buy-ticket.mlast {
    display: block;
  }
  body.with-mob .prize-text p {
    font-size: 14px;
  }
  body.with-mob .play-recommends {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }
  body.with-mob .play-recommend {
    display: flex;
    font-size: 3vw;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 1.5em;
    align-items: center;
    justify-content: center;
    background-color: #e7f8fe;
    border: 1px solid #78919a;
    border-radius: 10px;
  }
  body.with-mob .play-recommend-image {
    font-size: 0px;
    text-decoration: none;
    flex: 3;
  }
  body.with-mob .play-recommend-image img {
    width: 100%;
    height: auto;
    border-radius: 10px 0 0 10px;
  }
  body.with-mob .play-recommend-name {
    flex: 5;
    min-width: 180px;
    font-size: 3vw;
  }
  body.with-mob .play-recommend-name > p {
    font: inherit;
    line-height: 1.3;
    font-family: nickname;
    font-size: max(3.6vw, 12px);
  }
  body.with-mob h5 {
    font-family: Nickname;
    font-size: 20px;
    padding-left: 15px;
    border-radius: 10px;
    font-weight: normal;
  }
  body.with-mob p {
    font-size: 14px;
  }
  body.with-mob .blue-bold {
    font-size: 14px;
  }
  body.with-mob .line {
    border-top: 1px #78919a dashed;
  }
  body.with-mob .house {
    width: auto;
  }
}
@media (max-width: 399px) {
  body.with-mob .photo-preview {
    justify-content: center;
  }
  body.with-mob .photo-preview a {
    width: calc(50% - 8px);
  }
  body.with-mob .photo-preview a,
  body.with-mob .photo-preview a + a {
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 2px;
  }
  body.with-mob .photo-preview a:nth-child(4) {
    display: block;
  }
  body.with-mob .play-afisha-link {
    font-size: 15px;
  }
}

/************ Yandex Widget Warning *************/
.ticket-widget-warning {
  background: #ffffe6;
  padding: 12px;
  text-align: center;
  border-bottom: 1px solid black;
}

.ticket-widget-warning span {
  font-weight: bold;
  color: #ff2f2f;
}

.multi-select-container {
  display: inline-block;
  position: relative;
}

.multi-select-menu {
  position: absolute;
  left: 0;
  top: 0.8em;
  z-index: 1;
  float: left;
  min-width: 100%;
  background: #fff;
  margin: 1em 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

.multi-select-menuitem {
  display: block;
  font-size: 0.875em;
  padding: 0.45em 1em 0.45em 33px;
  white-space: nowrap;
}

.multi-select-menuitem:hover {
  background-color: #e0ecf9;
}

.form-group .multi-select-menuitem {
  width: auto;
  height: auto;
  float: none;
  font-size: 13px;
  display: flex;
  align-items: center;
}

.multi-select-menuitem--titled:before {
  display: block;
  font-weight: bold;
  content: attr(data-group-title);
  margin: 0 0 0.25em -20px;
}

.multi-select-menuitem--titledsr:before {
  display: block;
  font-weight: bold;
  content: attr(data-group-title);
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.multi-select-menuitem + .multi-select-menuitem {
  /* padding-top: 2px; */
}

.multi-select-presets {
  border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
  position: absolute;
  margin-top: 1px;
  margin-left: -24px;
  border: none;
  box-shadow: none;
  width: auto;
  height: auto;
  font-size: inherit;
  width: 16px;
  height: 16px;
}

.multi-select-menuitem input:focus {
  box-shadow: none !important;
}

.multi-select-button {
  margin-left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 25px;
}

.multi-select-button:after {
  content: "";
  position: absolute;
  display: block;
  right: 10px;
  top: calc(50% - 2px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0.4em 0 0.4em;
  border-color: #999 transparent transparent transparent;
}

.multi-select-container--open .multi-select-menu {
  display: block;
}

.multi-select-container--open .multi-select-button:after {
  border-width: 0 0.4em 0.4em 0.4em;
  border-color: transparent transparent #999 transparent;
}

.multi-select-container--positioned .multi-select-menu {
  /* Avoid border/padding on menu messing with JavaScript width calculation */
  box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
  /* Allow labels to line wrap when menu is artificially narrowed */
  white-space: normal;
}

#contact_widget_button {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.15;
}

#contact_widget_button * {
  outline: none;
}

#contact_widget_button *,
#contact_widget_button *::before,
#contact_widget_button *::after {
  box-sizing: border-box;
}

#contact_widget_button .text-center {
  text-align: center !important;
}

#contact_widget_button .align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

#contact_widget_button .justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

#contact_widget_button {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}

#contact_widget_button .d-flex {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}

#contact_widget_button .d-none {
  display: none !important;
}

#contact_widget_button .align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

#contact_widget_button .flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

@-webkit-keyframes pulsation {
  0% {
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  to {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes pulsation {
  0% {
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  to {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes iconOpacity {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.96;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.96;
  }
  100% {
    opacity: 0;
  }
}
@keyframes iconOpacity {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.96;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.96;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes iconScale {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  65% {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes iconScale {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  65% {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  to {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#contact_widget_button {
  background: rgb(245, 22, 68);
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  cursor: pointer;
  z-index: 1001;
}

/* green #25d366 */
#contact_widget_button.clicked {
  z-index: 1041;
}

#contact_widget_substrate {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  z-index: 0;
  display: none;
}

#contact_widget_substrate.active {
  z-index: 1020;
  display: block;
}

.contact-widget-pulsation {
  background: rgba(245, 22, 68, 0.4);
  width: 80px;
  height: 80px;
  border-radius: 50px;
  position: absolute;
  left: -15px;
  top: -15px;
  z-index: -1;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: pulsation 4s infinite;
  animation: pulsation 4s infinite;
}

.contact-widget-icon {
  color: #fff;
  width: 100%;
  font-size: 20px;
  overflow: hidden;
}

.contact-widget-icon *::before {
  font-size: 20px;
}

.contact-widget-icon .fa-envelope {
  -webkit-animation: iconScale 4s infinite;
  animation: iconScale 4s infinite;
  width: 20px;
  height: 20px;
}

.contact-widget-text {
  font-size: 7px;
  text-transform: uppercase;
  line-height: 9px;
  color: #fff;
}

.contact-widget-dropdown {
  position: absolute;
  bottom: 60px;
  right: 36px;
  padding: 20px;
  border-radius: 6px;
  background: #fff;
  display: block;
  opacity: 0;
  z-index: -1;
  margin-bottom: 20px;
  -webkit-transition: margin-bottom 0.3s ease, opacity 0.3s ease;
  transition: margin-bottom 0.3s ease, opacity 0.3s ease;
  box-shadow: 5px 12px 30px rgba(0, 0, 0, 0.35);
  visibility: hidden;
  min-width: 230px;
}

.contact-widget-dropdown.expanded {
  margin-bottom: 0;
  opacity: 0.98;
  z-index: 1;
  visibility: visible;
}

.contact-widget-item {
  color: #333 !important;
  text-decoration: none;
  width: 100%;
  transition: color 200ms ease-in-out;
}

.contact-widget-item-icon {
  transition: transform 200ms ease-in-out;
}

.contact-widget-item:hover {
  color: #1d75ad !important;
}

.contact-widget-item:hover .contact-widget-item-icon {
  transform: scale(1.1);
}

.contact-widget-item:not(:last-child) {
  margin-bottom: 18px;
}

.contact-widget-item-icon {
  font-size: 20px;
  display: block;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  max-width: 40px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 10px;
  color: #fff;
}

.contact-widget-item-icon *::before {
  font-size: 20px;
}

.contact-widget-item > span {
  font-size: 15px;
}

.contact-widget-item-icon svg {
  width: 20px !important;
  height: 20px;
}

.contact-widget-messenger {
  background: #0084ff;
}

.contact-widget-viber {
  background: #7c529d;
}

.contact-widget-telegram {
  background: #2ca5e0;
}

.contact-widget-skype {
  background: #31c4ed;
}

.contact-widget-whatsapp {
  background: #25d366;
}

.contact-widget-email {
  background: #50a8ff;
}

.contact-widget-call {
  background: #3cba8b;
}

.contact-widget-contacts {
  background: #141e1a;
}

@media (min-width: 420px) {
  #contact_widget_button {
    right: 30px;
    width: 70px;
    height: 70px;
  }
  .contact-widget-pulsation {
    width: 100px;
    height: 100px;
  }
  .contact-widget-icon {
    font-size: 28px;
  }
  .contact-widget-icon *::before {
    font-size: 28px;
  }
  .contact-widget-icon .fa-envelope {
    width: 28px;
    height: 28px;
  }
  .contact-widget-text {
    font-size: 11px;
    line-height: 13px;
  }
  .contact-widget-dropdown {
    right: 60px;
  }
}
@media (min-width: 992px) {
  #contact_widget_button {
    bottom: 30px;
  }
  #contact_widget_button .contact-widget-viber-mobile {
    display: none !important;
  }
}
@media (max-width: 991px) {
  #contact_widget_button .contact-widget-viber-desktop {
    display: none !important;
  }
}