.pdd__keyup {
  padding: 0px 0px 0px 0px;
}
.pdd__keyup:after {
  display: block;
  clear: both;
  content: '';
}
.pdd__keyup .pdd__key {
  font-size: 18px;
  width: 218px;
  margin: 8px 8px;
  height: 42px;
  margin-right: 17px;
  float:left;
  padding: 0px 0px;
}
.pdd__key span,
.pdd__key a {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-top: -1px;
  z-index: 2;
}

.content_aat { padding: 0 49px 110px 50px; position: relative; margin-bottom: 70px;}
.reklama {
	float: right;
	position: relative;
  top: 1em;
  width:300px;
}
.reklama_yandex_verh {
display:inline;
margin: 1%;
width: auto;
height: 90 px;
overflow:hidden;
position: relative;
}
.reklama_google_verh {
display: none;
}
.reklama_yandex1 {
display:none;
}
.reklama_yandex2 {
display:none;
}
.reklama_yandex3 {
display:none;
}
.google_2020 {
display:none;
}
.reklama_yandex4 {
display:inline;
margin: 1%;
width: auto;
position: relative;
}
.reklama_yandex_min {
display:none;
}
.reklama_yandex_sred {
display:none;
}
.reklama_yandex_max {
display:none;
}
.reklama_google1 {
display:none;
}
.reklama_google2 {
display:none;
}
.reklama_google3 {
display:none;
}
.reklama_google4 {
display:none;
}
.reklama_google5 {
display:inline;
width: 100%;
position: relative;
overflow:visible;
}
@media screen and (max-width: 1260px) {

.pdd__keyup .pdd__key {
  margin: 28px 8px;
  top: 18px;
  font-size: 18px;
  width: 144px;
  margin-top: -15px;
  height: 35px;
  margin-right: 17px;
  float:left;
}
	
.reklama_yandex1 {
display:none;
}
.reklama_yandex2 {
display:none;
}
.reklama_google1 {
display:none;
}
.reklama_google2 {
display:none;
}
.reklama_google3 {
display:none;
}
.reklama_google4 {
display:inline;
width: 100%;
position: relative;
overflow:visible;
}
.reklama_google5 {
display:none;
}
}
@media screen and (max-width: 1010px) {
.reklama_yandex_sred {
display:inline;
margin: 1%;
height: 90 px;
overflow:hidden;
width: auto;
position: relative;
}
.google_2020 {
display:inline;
width: 100%;
position: relative;
overflow:visible;
}
.reklama_yandex3 {
display:inline;
width: 100%;
position: relative;
overflow:visible;
}
.reklama {
	display:none;
}
.reklama_yandex4 {
display:none;
}
.reklama_google_verh {
display:inline;
margin: 1%;
width: auto;
overflow:hidden;
position: relative;
}
.reklama_google1 {
display:none;
}
.reklama_google2 {
display:none;
}
.reklama_google3 {
display:inline;
width: 100%;
position: relative;
overflow:visible;
}
.reklama_google4 {
display:none;
}
.reklama_google5 {
display:none;
}
}
@media screen and (max-width: 750px) {

.pdd__keyup .pdd__key {
  top: 18px;
  font-size: 14px;
  width: 117px;
  margin-top: -15px;
  height: 35px;
  margin-right: 0px;
  float:left;
  padding: 0px 0px;
}

.reklama_yandex1 {
display:none;
}
.reklama_yandex2 {
display:inline;
width: 100%;
position: relative;
overflow:visible;
}
.reklama_yandex3 {
display:none;
}
.reklama_yandex_min {
display:inline;
margin: 1%;
height: 50 px;
overflow:hidden;
width: auto;
position: relative;
}
.reklama_yandex_sred {
display:none;
}
.reklama_google1 {
display:none;
}
.reklama_google2 {
display:inline;
width: 100%;
position: relative;
overflow:visible;
}
.reklama_google3 {
display:none;
}
.reklama_google4 {
display:none;
}
.reklama_google5 {
display:none;
}
}
@media screen and (max-width: 470px) {

.pdd__keyup .pdd__key {
  width: 100px;
  font-size: 14px;
  margin: 6px 6px;
}

.reklama_yandex1 {
display:inline;
width: 100%;
position: relative;
overflow:visible;
}
.reklama_yandex2 {
display:none;
}
.reklama_google1 {
display:inline;
width: 100%;
position: relative;
overflow:visible;
}
.reklama_google2 {
display:none;
}
.reklama_google3 {
display:none;
}
.reklama_google4 {
display:none;
}
.reklama_google5 {
display:none;
}
}
.pdd__content {
  padding: 0px 0px;
  position: relative;
}
.meny_niz_temi{
}
.meny_niz{
	min-height: 750px;
}
.pdd__content_right{
	width: 100%;
  position: relative;
  float:left;
}
.pdd__content_left {
	width: 82%;
  position: relative;
  float:left;
}
.pdd__content_right_reklama {
	width: 220px;
  position: relative;
  float:right;
}
.pdd__content_left_mobile {
	display:block;
	width: 20px;
  position: relative;
  float:left;
}
.pdd__content:after {
  clear: both;
  content: '';
}
.pdd__inner-right{
  overflow: hidden;
}
.temi__inner-list-tickets {
  overflow: hidden;
}
.temi__inner-list-tickets ul {
  list-style: none;
}
.temi__inner-list-tickets li {
  margin: 5px 5px 0 0;
}
.temi__inner-list-tickets a {
  font-family: arial;
  display: block;
  width: 98%;
  height: 100%;
  padding: 10px 15px;
  background: #c5c5c5;
  background: -moz-linear-gradient(top, #c5c5c5 0%, #d2d3d2 23%, #e2e2e2 82%, #f1f1f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c5c5c5), color-stop(23%, #d2d3d2), color-stop(82%, #e2e2e2), color-stop(100%, #f1f1f1));
  background: -webkit-linear-gradient(top, #c5c5c5 0%, #d2d3d2 23%, #e2e2e2 82%, #f1f1f1 100%);
  background: -o-linear-gradient(top, #c5c5c5 0%, #d2d3d2 23%, #e2e2e2 82%, #f1f1f1 100%);
  background: -ms-linear-gradient(top, #c5c5c5 0%, #d2d3d2 23%, #e2e2e2 82%, #f1f1f1 100%);
  background: linear-gradient(to bottom, #c5c5c5 0%, #d2d3d2 23%, #e2e2e2 82%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#f1f1f1', GradientType=0);
  font-size: 18px;
  color: #000000;
  text-align: left;
  line-height: 16px;
  text-decoration: none;
    border-radius: 4px;
}
.temi__inner-list-tickets a:visited {
	color: #01035c;
}
.temi__inner-list-tickets a:hover {
	color: #01035c;
	text-decoration: none;
}
.temi__inner-list-tickets a:hover {
  background: #f1f1f1;
  background: -moz-linear-gradient(top, #f1f1f1 0%, #e2e2e2 23%, #d2d3d2 82%, #c5c5c5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(23%, #e2e2e2), color-stop(82%, #d2d3d2), color-stop(100%, #c5c5c5));
  background: -webkit-linear-gradient(top, #f1f1f1 0%, #e2e2e2 23%, #d2d3d2 82%, #c5c5c5 100%);
  background: -o-linear-gradient(top, #f1f1f1 0%, #e2e2e2 23%, #d2d3d2 82%, #c5c5c5 100%);
  background: -ms-linear-gradient(top, #f1f1f1 0%, #e2e2e2 23%, #d2d3d2 82%, #c5c5c5 100%);
  background: linear-gradient(to bottom, #f1f1f1 0%, #e2e2e2 23%, #d2d3d2 82%, #c5c5c5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#c5c5c5', GradientType=0);
}
.temi__inner-list-tickets a span {
  font-size: 14px;
  display: block;
  padding: 10px 0 0 0;
}
.bileti__inner-list-tickets {
  overflow: hidden;
}
.bileti__inner-list-tickets a span {
  font-size: 14px;
  display: block;
  padding: 10px 0 0 0;
}
.bileti__inner-list-tickets ul {
  list-style: none;
}
.bileti__inner-list-tickets li {
  float: left;
  margin: 10px auto;
}

.bileti__inner-list-tickets a:visited {
	color: #b8fe42;}
.bileti__inner-list-tickets a {
  font-family: arial;
  display: block;
  width: 48px;
  height: 48px;
  background: #061100;
  background: -moz-linear-gradient(top, #061100 0%, #183409 23%, #437e1c 82%, #89bc6a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #061100), color-stop(23%, #183409), color-stop(82%, #437e1c), color-stop(100%, #89bc6a));
  background: -webkit-linear-gradient(top, #061100 0%, #183409 23%, #437e1c 82%, #89bc6a 100%);
  background: -o-linear-gradient(top, #061100 0%, #183409 23%, #437e1c 82%, #89bc6a 100%);
  background: -ms-linear-gradient(top, #061100 0%, #183409 23%, #437e1c 82%, #89bc6a 100%);
  background: linear-gradient(to bottom, #061100 0%, #183409 23%, #437e1c 82%, #89bc6a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#061100', endColorstr='#89bc6a', GradientType=0);
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  line-height: 16px;
  text-decoration: none;
    border-radius: 4px;
}
.bileti__inner-list-tickets a:hover {
  background: #89bc6a;
  background: -moz-linear-gradient(top, #89bc6a 0%, #437e1c 23%, #183409 82%, #061100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89bc6a), color-stop(23%, #437e1c), color-stop(82%, #183409), color-stop(100%, #061100));
  background: -webkit-linear-gradient(top, #89bc6a 0%, #437e1c 23%, #183409 82%, #061100 100%);
  background: -o-linear-gradient(top, #89bc6a 0%, #437e1c 23%, #183409 82%, #061100 100%);
  background: -ms-linear-gradient(top, #89bc6a 0%, #437e1c 23%, #183409 82%, #061100 100%);
  background: linear-gradient(to bottom, #89bc6a 0%, #437e1c 23%, #183409 82%, #061100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89bc6a', endColorstr='#061100', GradientType=0);
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  line-height: 16px;
  text-decoration: none;
}
@media screen and (max-width: 1260px) {
.pdd__content_left{
	width: 78%;
}
.pdd__content_right_reklama {
	width: 210px;
}
}
@media only screen and (max-width: 1010px) {
.pdd__content_left{
	width: 65%;
}
}

@media only screen and (max-width: 750px) {
.meny_niz{
	min-height: 700px;
}
.pdd__content_left{
	width: 100%;
}
.pdd__content_left{
	width: 60%;
}
.pdd__content_right_reklama {
	width: 200px;
}
}
/**
 * Переключаемая боковая панель навигации
 * выдвигающаяся по клику слева
 */

.nav {
    /*  ширна произвольная, не стесняйтесь экспериментировать */
    width: 320px;
    min-width: 320px;
    /* фиксируем и выставляем высоту панели на максимум */
    height: 100%;
    position: inherit;
    top: 0;
    bottom: 0;
    margin: 0;
    /* сдвигаем (прячем) панель относительно левого края страницы */
    left: -320px;
    /* внутренние отступы */
    padding: 15px 20px;
    /* плавный переход смещения панели */
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    transition: left 0.3s;
    /* определяем цвет фона панели */
    background: #fff;
    /* поверх других элементов */
    z-index: 2000;
}


/**
 * Кнопка переключения панели
 * тег <label>
 */

.nav-toggle {
    /* абсолютно позиционируем */
    position: absolute;
    /* относительно левого края панели */
    left: 320px;
    /* отступ от верхнего края панели */
    top: 1em;
    /* внутренние отступы */
    padding: 0.5em;
    /* определяем цвет фона переключателя
     * чаще вчего в соответствии с цветом фона панели
    */
    background: inherit;
    /* цвет текста */
    color: #dadada;
    /* вид курсора */
    cursor: pointer;
    /* размер шрифта */
    font-size: 1.2em;
    line-height: 1;
    /* всегда поверх других элементов страницы */
    z-index: 2001;
    /* анимируем цвет текста при наведении */
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
	background: #23560E;
}

/* определяем текст кнопки 
 * символ Unicode (TRIGRAM FOR HEAVEN)
*/

.nav-toggle:after {
    content: '\2630';
    text-decoration: none;
}


/* цвет текста при наведении */

.nav-toggle:hover {
    color: #f4f4f4;
}


/**
 * Скрытый чекбокс (флажок)
 * невидим и недоступен :)
 * имя селектора атрибут флажка
 */

[id='nav-toggle'] {
    position: absolute;
    display: none;
}


/**
 * изменение положения переключателя 
 * при просмотре на мобильных устройствах
 * когда навигация раскрыта, распологаем внутри панели
*/

[id='nav-toggle']:checked ~ .nav > .nav-toggle {
    left: auto;
    right: 2px;
    top: 1em;
}


/**
 * Когда флажок установлен, открывается панель
 * используем псевдокласс:checked
 */

[id='nav-toggle']:checked ~ .nav {
	background: #23560E;
    left: 0;
    box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    -moz-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    -webkit-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
    overflow-y: auto;
}


/* 
 * смещение контента страницы
 * на размер ширины панели,
 * фишка необязательная, на любителя
*/

[id='nav-toggle']:checked ~ main > article {
    -webkit-transform: translateX(320px);
    -moz-transform: translateX(320px);
    transform: translateX(320px);
}


/*
 * изменение символа переключателя,
 * привычный крестик (MULTIPLICATION X), 
 * вы можете испльзовать любой другой значок
*/

[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {
    content: '\2715';
}


/**
 * профиксим баг в Android <= 4.1.2
 * см: http://timpietrusky.com/advanced-checkbox-hack
 */

body {
    -webkit-animation: bugfix infinite 1s;
}

@-webkit-keyframes bugfix {
    to {
      padding: 0;
    }
}


/**
 * позаботьтимся о средних и маленьких экранах
 * мобильных устройств
 */

@media screen and (min-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
}

@media screen and (max-width: 320px) {
    html,
    body {
      margin: 0;
      overflow-x: hidden;
    }
    .nav {
      width: 100%;
      box-shadow: none
    }
}


/**
 * Формируем стиль заголовка (логотип) панели 
*/

.nav h2 {
    width: 90%;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
    font-size: 1.3em;
    line-height: 1.3em;
    opacity: 0;
    transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transition: opacity 0.8s, transform 0.8s;
    -ms-transition: opacity 0.8s, -ms-transform 0.8s;
    -moz-transition: opacity 0.8s, -moz-transform 0.8s;
    -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}

.nav h2 a {
    color: #dadada;
    text-decoration: none;
    text-transform: uppercase;
}


/*плавное появление заголовка (логотипа) при раскрытии панели */

[id='nav-toggle']:checked ~ .nav h2 {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}


/**
 * формируем непосредственно само меню
 * используем неупорядоченный список для пунктов меню
 * прикрутим трансфомации и плавные переходы
 */

.nav > ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav > ul > li {
    line-height: 2.5;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    -moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
    -ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
    transition: opacity .5s .1s, transform .5s .1s;
}

[id='nav-toggle']:checked ~ .nav > ul > li {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}


/* определяем интервалы появления пунктов меню */

.nav > ul > li:nth-child(2) {
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, transform .5s .2s;
}

.nav > ul > li:nth-child(3) {
    -webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
    transition: opacity .5s .3s, transform .5s .3s;
}

.nav > ul > li:nth-child(4) {
    -webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
    transition: opacity .5s .4s, transform .5s .4s;
}

.nav > ul > li:nth-child(5) {
    -webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
    transition: opacity .5s .5s, transform .5s .5s;
}

.nav > ul > li:nth-child(6) {
    -webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
    transition: opacity .5s .6s, transform .5s .6s;
}

.nav > ul > li:nth-child(7) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}


/**
 * оформление ссылок пунктов меню
 */

.nav > ul > li > a {
    display: inline-block;
    position: relative;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
    color: #dadada;
    width: 100%;
    text-decoration: none;
    /* плавный переход */
    -webkit-transition: color .5s ease, padding .5s ease;
    -moz-transition: color .5s ease, padding .5s ease;
    transition: color .5s ease, padding .5s ease;
}


/**
 * состояние ссылок меню при наведении
 */

.nav > ul > li > a:hover,
.nav > ul > li > a:focus {
    color: white;
    padding-left: 15px;
}


/**
 * линия подчеркивания ссылок меню
 */

.nav > ul > li > a:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}

.nav > ul > li > a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #fff;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}


/**
 * анимируем линию подчеркивания 
 * ссылок при наведении
 */

.nav > ul > li > a:hover:before {
    width: 0%;
    background: #AAE412;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}

.nav > ul > li > a:hover:after {
    width: 0%;
    background: transparent;
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}


/* фон затемнения на основной контент 
 * при этом элементы блокируютя
 * спорная такая фича, если оно вам надо
 * просто раскомментируйте
*/

/*
.mask-content {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    visibility: hidden;
    opacity: 0;
}

[id='nav-toggle']:checked ~ .mask-content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
}
*/

@media only screen and (max-width: 470px) {

.meny_niz{
	min-height: 880px;
}
.pdd__content_right{
	width: 100%;
}
.pdd__content_left{
	width: 100%;
}
.pdd__content_right_reklama {
	float:none;
}
}
@media only screen and (max-width: 360px) {
}
