html, body {
    font-size: 15px;
}
body {
    margin: 10;
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    }
 @viewport { width: device-width;}

*,
*:before,
*:after {
    box-sizing: border-box;
}
.container {
    display: flex;
    flex-direction: column; /* Главная ось располагается вертикально */
    width: 100%;
    height: 100vh;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
dd {
   margin-left: 20px;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
a.link-dot {
    color: darkblue;
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #000080;  /* Добавляем свою линию */
   }
a.link-dot:hover {
    color: #B9222C; /* Цвет ссылки при наведении на нее курсора */
    text-decoration: none;
    border-bottom: 0px;  /* Добавляем свою линию */
}
/*page
========================================================*/
.page {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    margin: 0px auto;
}
/*header
========================================================*/
.header, .main {
    width: 90%;
    box-sizing: border-box;
   }
.header {
    background: #fff;
    margin: 0px auto;
}
.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /*перенос строки */
    justify-content: space-between; /*прижимает содержимое к краям */
    align-items: center; /*выравнивает элементы по центру на вертикальной */
    margin: 10px 10px;
}
img {
    display: block;
    border: 0px dashed green;  /* Добавляем свою линию */
}
.header-logo {
   padding: 0px 0px 0px 0px;
}
.header-logo-cult {
   padding: 0px 0px 0px 00px;
}
.push-logo {
/*    padding: 0px 0px 0px 0px;*/
    }
.header-nav {
    display: flex;
}
.header-nav-link {
    color: #00529E;
    font-size: 1.8rem;
    font-weight: 700;
    text-decoration: none;
    margin-left: 0rem;
    margin-right: 2rem;
    transition: color .2s linear;
}
.header-nav-link:hover {
    color: #B9222C;
}
.header-nav-link.active {
    position: relative;
}
.header-nav-link.active:after {
    position: absolute;
    content: "";
    width: 100%;
    width: 100%;
    height: 1px;
    background-color: #fa7373;
    left: 0px;
    bottom: -1px;
}
.phone {
    display: block;
    font-size: 1rem;
    color: #333;
    padding-right: 0px;
    text-align: center;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 400;
}
.link-dot {
    color: #000;
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #B9222C;  /* Добавляем свою линию */
    font-weight: 400;
}
.link-dot:hover {
    color: #B9222C; /* Цвет ссылки при наведении на нее курсора */
}
.link-phone {
   color: #0000cc;
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 0px dashed #B9222C;  /* Добавляем свою линию */
    font-weight: 400;
}
.link-phone:hover {
    color: #b9222c;
    text-decoration: none;
    border-bottom: 1px dashed #000080;  /* Добавляем свою линию */
}

/*header
========================================================*/
/*main
========================================================*/
 .main {
    flex-grow: 1;
    margin: 0 auto;
    text-align: left;
    padding: 0px;
}
.main-header {
    margin: 0px;
    background-color: #49FFBF;
    padding: 7px 20px 7px 20px;
    border: 0px solid #74e5e5;
    border-radius: 15px;
}
.main-header-ticket {
    margin: 0px;
    background-color: #74e5e5;
    padding: 0px 0px 0px 20px;
    border: 0px solid #74e5e5;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.main-header-content {
    margin: 0px 0px 30px 0px;;
    background-color: #00529E;
    padding: 10px 20px 10px 20px;
    border: 0px solid #000;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.main-header-contents {
/* Липкое позиционирование
=========================================*/
    position: sticky;
    top: 0;
/* Липкое позиционирование
=========================================*/
    margin: 0px 0px -1px 0px;
    background-color: #00529E;
    padding: 10px 20px 10px 20px;
    border: 0px solid #000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.main-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /*перенос строки */
    justify-content: space-between; /*прижимает содержимое к краям */
    align-items: center; /*выравнивает элементы по центру на вертикальной */
}

mark {
background: #fff;
  color: #0417f5;
}
.title-option {
    color: #B9222C;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 3px 0px 3px 30px;
    background-color: #ABFFE5;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    box-shadow: 0px 0px 20px 0px #03A06C inset;
}
.main-name {
    color: #B9222C;
    font-size: 1.5rem;
    font-weight: 700; /* толшина шрифта-полужирный */
    padding: 5px 0px 0px 0px; /* Поля вокруг текста */
}
.title {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
}
.title a {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #49acff;  /* Добавляем свою линию */
   }
.title a:hover {
    color: #d14e57; /* Цвет ссылки при наведении на нее курсора */
    text-decoration: none;
    border-bottom: 0px;  /* Добавляем свою линию */
}
.titles {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
}
.titles a {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #49acff;  /* Добавляем свою линию */
}
.titles a:hover {
    color: #d14e57; /* Цвет ссылки при наведении на нее курсора */
    text-decoration: none;
    border-bottom: 0px;  /* Добавляем свою линию */
}

/* tooltip
========================================================*/

/*tooltip >>> delete*/

/* tooltip
========================================================*/

/* tooltip-back
========================================================*/

.title-back {
    color: #B9222C;
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #000080;  /* Добавляем свою линию */
}
.title-back:hover {
    color: #0000cc; /* Цвет ссылки при наведении на нее курсора */
    text-decoration: none;
    border-bottom: 0px;  /* Добавляем свою линию */
}
.tooltip-back {
    border-bottom: 1px dotted #000080;
    color: #B9222C;
    border-bottom: 1px dotted #000080;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
}
.tooltip-back span {
    margin-left: -999em;
    position: absolute;
    color: #000;
}
.tooltip-back:hover span {
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    position: absolute;
    left: 1rem;
    top: 2rem;
    z-index: 99;
    margin-left: 0;
    width: 220px;
    text-align: center;
}
/*
.tooltip-back:hover img {
    border: 0px;
    margin: -10px 0px 0px -55px;
    float: left;
    position: absolute;
}
*/
.tooltip-back:hover em {
    font-family: Candara, Tahoma, Geneva, sans-serif;
    font-size: 1.1rem;
    font-weight: bold;
    display: block; padding: 0.2em 0 0.6em 0;
}
.tooltip-back-classic {
    padding: 0.8rem 1rem;
    background: #FFFFAA;
    border: 1px solid #000080;
}
.custom {
    padding: 0.5rem 0.8rem 0.8rem 2rem;
}
* html a:hover {
    background: transparent;
}
/* tooltip-back
========================================================*/
.data {
    color: #DCEEFD;
    font-size: 1.0rem;
    font-weight: 300;
    padding: 3px 0px 0px 0px;
}
.data-vist {
    color: darkblue;
    font-size: 0.8rem;
    font-weight: 300;
    text-align: left;
}
.pushka {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 1px dashed green;  /* Добавляем свою линию */
}
.main-inner {
    display: block;
    justify-content: space-between;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 10px 0px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;  /* расстояние между строками (24/15=1.6 */
    text-align: justify;
    background-color: #ffffff;
    border: 0px solid #f4e5e5;
    border-style: solid solid none solid;
}
.main-inner-text {
    display: block;
    justify-content: space-between;
    margin: 0px 10px 30px 10px;
    padding: 0px 0px 10px 10px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;  /* расстояние между строками (24/15=1.6 */
    text-align: justify;
    background-color: #ffffff;
    border: 0px solid #f4e5e5;
    border-style: solid solid none solid;
}
span.text {
    color: #B80B1D;
    font-weight: 300;
}
.main-inner-content {
    display: block;
    justify-content: space-between;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 30px 0px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;  /* расстояние между строками (24/15=1.6 */
    text-align: justify;
    background-color: #ffffff;
    border: 0px solid #BDC3C7;
}
.main-inners {
    margin: 0px;
}
.main-inners-content {
    margin: 0px 15px 0px 20px;
}
.main-tickets {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}
.ticket {
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px #77C6FA;
    border-style: none dashed none dashed;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ticket:hover {
    background-color: #def7ff;
}

.card-deck .ticket {
    margin-bottom: 35px; /* space between row*/
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin: 25px;
}
.exposition {
    color: darkblue;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0px 0px 0px 0px;
    margin: 0px; 10px; 20px; 0px;
    text-align: left;
}
.main-first-block {
    font-size: 1rem;
    text-align: justify;
    margin: 10px 10px 20px 10px;
}
/*card-deck
========================================================*/
.card-deck {
    display: flex;
    flex-direction: column;
    flex-flow: row wrap;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card-deck .card {
    margin-bottom: 35px; /* space between row*/
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.card-img-top {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.img-bso {
    width: 100%;
}

.img-pushka {
    width: 100%;
    border: 0px dashed red;  /* Добавляем свою линию */
}

/*scale*/
 .scale {
    display: inline-block; /* Строчно-блочный элемент */
    overflow: hidden; /* Скрываем всё за контуром */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
   }
   .scale img {
    transition: 1s; /* Время эффекта */
    display: block; /* Убираем небольшой отступ снизу */
   }
   .scale img:hover {
    transform: scale(1.05); /* Увеличиваем масштаб */
   }
/*scale*/

.grayscale {
    filter: grayscale(0);
/*    transition: 1s;*/
}
.grayscale:hover {
filter: grayscale(60%);
}
.card > hr {
    margin-right: 0px;
    margin-left: 0px;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-bodys {
    flex: 1 1 auto;
    padding: 1rem 1rem 0 1rem;
}
.card-link {
    color: #0033ff;
    font-size: 1.3rem;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s  linear;
    text-align: left  !important;
}
.card-link:hover {
    color: #b9222c;
    text-decoration: none;
    border-bottom: 1px dashed #000080;  /* Добавляем свою линию */
    font-weight: 700;
}
.card-link + .card-link {
    margin-left: 1.25rem;
}
.card-text:last-child {
    margin-bottom: 0;
    text-align:justify;
}

.buy-news {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /*перенос строки */
    justify-content: space-between; /*прижимает содержимое к краям */
    align-items: center; /*выравнивает элементы по центру на вертикальной */
    margin: 0px 5px 0px 0px;
}
.card-new {
    margin: 7px 0px 0px 0px;
}

.card-footer {
    padding: 1rem 1rem;
}
/*card-footers
==============================================*/
.card-footers {
    padding: 1.5rem 1rem 1rem 1rem;
}
/*card-footers
==============================================*/
.link-card-text {
    color: #000;
    text-decoration: none;
}
.link-card-text:hover {
    color: #212529;
    text-decoration: none;
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

/*btn-block; btn-blocks
===================================*/
.btn-block {
    display: block;
    width: 100%;
}
.btn-blocks {
    display: block;
    width: 25%;
}
/*
.btn-block + .btn-block {
    margin-top: 0.5rem;
}
*/
.btn-block {
    margin-top: 0.5rem;
}
/*btn-block; btn-blocks
===================================*/
/*card-deck
========================================================*/
/* list
========================================================*/
ol {
   /* убираем стандартную нумерацию */
   list-style: none;
   /* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */
   counter-reset: li;
   padding: 0px 5px 0px 5px; margin: 0px 2px 0px 2px;
}
li:before {
   /* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться перед пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */
   counter-increment: li;
   /* С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */
   content: counters(li, ".") ". ";
padding: 0px 5px 0px 5px; margin: 0px 2px 0px 2px;
}
/* list
========================================================*/
/* buy
========================================================*/

.id {
    color: gray;
    font-size: 0.7rem;
    font-weight: 300;
    padding: 0px 0px 5px 0px;
    margin: 0px; 10px; 20px; 0px;
    text-align: left;
}
.exposition-rule {
    color: darkblue;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 0px;
    margin: 0px; 10px; 0px; 0px;
}
.exposition-req {
    font-size: 1rem;
    padding: 0px 10px 0px 10px;
    margin: 0px; 10px; 0px; 10px;
    color: #000;
}
.buy {
    margin: 10px; 0px; 5px; 10px;
    padding: 0px;
    display: block;
}
/* Buy-ticket
=================*/
.buy-ticket {
    color: #666666;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    letter-spacing: 3px;
    align-content: center;
    background-color: #e5e8ea;
    border: 1px solid #666666;
    padding: 3px 20px;
    border-radius: 7px;
    text-decoration: none;
    transition: background-color .15s linear, color .15s linear;
}
.buy-ticket:hover {
    background-color: #BDC3C7;
    border: 1px solid #A0A5A8;
    color: #B9222C;
    text-decoration: none;
}
.descript {
    margin: 5px; 0px; 5px; 10px;
    padding: 0px;
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    color: darkblue;
    font-size: 1rem;
    font-weight: 500;
}
.address {
    margin: 5px; 0px; 5px; 0px;
    padding: 0px;
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    color: darkblue;
    margin: 5px; 0px; 5px; 0px;
    padding: 0px;
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
    color: darkblue;
    font-size: 1rem;
}
.p-inner {
     padding: 0px 10px 0px 10px;
     margin: 0px; 10px; 0px; 0px;
     font-size: 1.rem
}
.main-nav-link {
    color: #676767;
    font-size: 1.0rem;
    text-decoration: none;
    transition: color .2s
    linear;
    text-align: left;
}
.main-nav-link:hover {
      color: #B9222C;
    text-decoration: none;
}
a.man-nav-list {
    color: #676767;
    font-size: 1rem;
    text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 0px dashed #000080;  /* Добавляем свою линию */
    transition: color .2s
    linear;
}
a.man-nav-list:hover {
    color: #B9222C; /* Цвет ссылки при наведении на нее курсора */
    text-decoration: none;
    border-bottom: 0px;
   }
.div-list {
    font-size: 1.0rem;
    padding: 0px 0px 10px 40px;
}
/* buy
========================================================*/

/*button-buy
===========================================================*/
.button-buy {
    display: block;
    max-height: 5rem;
    white-space: nowrap; /* wrap блокировка переноса */
    text-decoration: none;
    color:#B80B1D;
    font-size: 1.1rem;
    font-weight: 700;
    font-family: Arial, sans-serif;
    letter-spacing: 1,5px;
    align-content: center;
    text-align: center;
    background-color: #ABFFE5;
    border: 1px solid #009999;
    padding: 3px 0px 5px 0px;
    border-radius: 40px;
    margin-top: 10px;
    text-decoration: none;
    transition: background-color .15s linear, color .15s linear;
    box-shadow: 0px 0px 20px 0px #03A06C inset;
}
.button-buy:hover {
    color: #fff;
    background-color: #00529E;
    box-shadow: 0px 0px 20px 0px #337AB7 inset;
    border: 1px solid #0465b9;
    text-decoration: none;
}
/*button-buy
========================================================*/


/*btn btn-primary
========================================================*/
.btn {
  display: inline-block;
  text-align: center;
  white-space: wrap; /* nowrap блокировка переноса */
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  border: 1px solid transparent;
  padding: 0.1rem 1.7rem 0.2rem 1.7rem;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.5;
  border-radius: 1.5rem;
  letter-spacing: 0.1rem;
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 0px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn:hover, .btn:focus {
  text-decoration: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #b9222c;
  background-color: #77c6fa;
  border-color: #359fff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #00529e;
  border-color: #77c6fa;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 170, 93, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #03a06c;
  border-color: #227754;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #03a06c;
  border-color: #227754;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 170, 93, 0.5);
}
/*btn btn-primary
========================================================*/


/* back2Top
========================================================*/
#back2Top {
    width: 35px;
    line-height: 35px;
    border-radius: 5px; /* скругления углов */
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 130px; /* позиция по вертикали */
    right: 0;
    background-color: #DDD;
    color: #B9222C;
    text-align: center;
    font-size: 30px;  /* размер стрелки */
    text-decoration: none;
}
#back2Top:hover {
    background-color: #b2aeae;
    color: #000;
}

/*details
========================================================*/
details{
  display:block;
  margin-bottom: 0px;
}
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;}
summary {
  padding: 0px 0px 5px 20px;
  display:inline-block;
/*   font-size: 0.7rem;*/
  cursor: pointer;
}
summary:before {
/*  content: '\25BC';*/
  content: "+";
  margin-right: .3rem;
}
details[open] > summary:before {
/*  content: '\25B2';*/
  content: "-";
}
summary ~ * {
   padding: 0px 10px 0px 10px;
}
/*acor-container
=======================================================*/
.acor-container {
    margin: 40px 0px 40px 0px;
}
.acor-container .acor-body {
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 0;
    color: rgba(0, 0, 0, 0);
    background-color: #DEF7FF;
    line-height: 18px;
    padding: 0 30px;
    box-sizing: border-box;
    transition: color 0.5s, padding 0.5s;
    overflow: hidden;
    font-family: Verdana, sans-serif;
    font-size: .7rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 10px 16px rgba(0,0,0,0.2);
}
.acor-container .acor-body p {
    margin: 0px 0px 10px;
}
.acor-container label {
    cursor: pointer;
    background-color: #00529E;
    display: block;
    padding: 10px 20px;
    width: 100%;
    color: #fff;
    font-weight: 300;
    box-sizing: border-box;
    z-index: 100;
    font-family: Verdana, sans-serif;
    font-size: 1rem;
    margin: 0px 0px 5px;
    border-radius: 5px;
    transition: color .35s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.acor-container label:hover {
    color: red;
}
.acor-container input{
    display: none;
}
.acor-container label:before {
    content: '\25BC';
    float: right;
}
.acor-container input:checked + label {
    background-color: #285f8f;
    color: #FFF;
    box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);
}
.acor-container input:checked + label:before {
    transition: transform .35s;
    transform: rotate(180deg);
}
.acor-container input:checked + label + .acor-body {
    height: auto;
    margin-top: -5px;
    color: #000;
    padding: 20px 30px 10px;
}
/*acor-container
=======================================================*/

/*acor-containers
======================================================*/
.acor-containers {
    margin: 1px 0px 20px 0px;
    background-color: #fff;
    border: 0px solid #000;
}
.labels {
    margin: 0px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    background-color: #78c8fd;
    border: 0px solid #000;
    border-style: solid solid solid solid;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #b90015;
    font-size: 1.4rem;
    font-weight: 700;
/*    box-shadow: 0 25px 30px rgba(0,0,0,0.2), 0 10px 16px rgba(0,0,0,0.4);*/
}
.acor-bodys {
    height: auto;
    margin: 0px 20px 0px 20px;
    padding: 1px 5px 5px 5px;
    background-color: #fff;
    border: 0px solid #000;
    border-style: solid solid solid solid;
    border-radius: 0px;
    box-shadow: 0 0px 30px rgba(0,0,0,0.3), 0 0px 1px rgba(0,0,0,0.4);
}
/*acor-containers
======================================================*/

/*align_center
=======================*/
.align_hr {
    margin: 0px auto;
    border-top: 30px;
    margin-bottom: 20px;
    width: 85%;
    border: none;
    border-top: 1px solid #dadddd;
    align-self: center;
}

align_text {
/*
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
*/
    display: table-cell;
    vertical-align: middle
/*
    border: 1px solid #000;
    color: crimson;
    margin: 3px;
    padding: 5px;
*/
}
/*align_center
=======================*/
/*details
========================================================*/
/* back2Top
========================================================*/
/*main
========================================================*/
/*footer
========================================================*/
.footer {
    box-sizing: border-box;
    width: 100%;
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 20px;
    background-color: #03A06C;
    color: #000;
    width: 100%;
}
.name {
    color: #fff;
    padding: 0px 0px 5px 0px;
    font-size: 1.3rem;
    font-weight: 700;
}
.footer-orders-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 1.2rem;
    }
.footer-orders {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; /*перенос строки */
    justify-content: center;
    /*justify-content: space-between;      прижимает содержимое к краям */
    align-items: center; /*выравнивает элементы по центру на вертикальной */
    margin: 0px 0px;
}
.footer-order {
    padding: 0px;
    bottom: 0px;
    font-size: 1rem;
    margin-left: .7rem;
    margin-right: .7rem;
}

.footer-order-name {
    color: #1c1c1c;
    padding: 5px 0px 5px 0px;
    font-size: 1rem;
    font-weight: 500;
}
}
.tel {
    font-size: 0.9rem;
    /*  font-weight: 400;*/
}
.ya-informer {
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 0px;
}
.img-yandex {
    margin: 0px auto;
    /*  padding-bottom: 10px;*/
}
/*footer
========================================================*/
/*page
========================================================*/
/*@media
================================================================================*/


/*
@media (max-width: 991px) sceen 990px
@media (max-width: 769px) sceen 768px
@media (max-width: 569px) sceen 568px
@media (max-width: 391px) sceen 390px
@media (max-width: 376px) sceen 375px
*/


@media (max-width: 991px) {
.header-inner {
    flex-direction: column;
    align-self: center;
}
.header-logo{
    padding-left: 0px;
    padding-bottom: 0px;
}
    .header-logo-cult{
    padding-left: 0px;
    padding-bottom: 15px;
}
.header-logo-forma{
    padding-left: 0px;
    padding-bottom: 0px;
}
.phone {
    margin: 20px 0px 20px 0px;
    padding-right: 0px;
    align-self: center;
}
.card-deck .card {
    margin-left: 20px;
    margin-right: 20px;
}
.button-buy {
    letter-spacing: 1px;
}
.acor-container .acor-body {
    width: calc(100% - 15px);
}
.acor-container input:checked + label + .acor-body {
    padding: 15px 15px 10px;
}
 .footer-orders-container {
    flex-direction: column;
    align-self: center;
}
.footer-orders div:nth-child(1) {
    flex-direction: row;
    align-self: center;
}
.card-deck .ticket {
    margin: 10px;
}
.acor-bodys {
    margin: 0px 10px 0px 10px;
}


 @media (max-width: 769px) {
.header-nav-link {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
}
.header-inner {
    flex-direction: column;
    align-self: center;
    margin-bottom: 25px;
}
.header-logo {
    padding-bottom: 0px;
}
.header-logo-cult {
    padding-bottom: 15px;
}
.header-inner  .header-nav {
    flex-direction: row;
    align-self: center;
}
.phone {
    display: none;
}
.main-header-content {
    margin: 0px 0px 25px 0px;
    padding: 7px 10px 7px 10px;
}
.main-header-contents {
    margin: 0px 0px -1px 0px;
    padding: 7px 10px 7px 10px;
}
.ticket {
    margin: 30px 10px 30px 10px;
}
.labels {
    margin: 0px 0px 0px 0px;
    padding: 7px 10px 7px 10px;
    text-align: center !important;
}
.title-option {
    margin: 0px 0px 0px 0px;
    padding: 7px 10px 7px 10px;
    text-align: center;
}
.acor-bodys {
    margin: 0px 10px 0px 10px;
}
.exposition {
    font-size: 1.1rem;
}
.card-deck {
    flex-flow: column;
}
.card-deck .card {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 35px;
}
summary {
   padding: 0px 0px 10px 10px;
}
.main-nav-link {
    font-size: 1.0rem;
}
.ticket {
    margin: 30px 7px 30px 7px;
}
.btn-blocks {
    display: block;
    width: 50%;
}
.div-list {
    font-size: 1.0rem;
}
 .button-buy {
    letter-spacing: 1px;
}
.footer-orders-container .footer-orders {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer-order {
    margin-left: .3rem;
    margin-right: .3rem;
}
.acor-container {
    margin: 10px 0px 10px 0px;
}
.footer-order {
    padding: 5px 0px;
}
}


 @media (max-width: 569px) {
.header-inner  .header-nav {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.push-logo {
    display: none;
}
/*
.main-header-inner {
     display: flex;
}

.main-header-inner div:nth-child(2) {
     display: none;
}
*/
.header-nav-link {
    margin: 3px 0px 5px 0px;
    flex: 0 1 20%;
}
.footer-order {
    padding-bottom: 10px;
}
.name .card-link {
    font-size: 1.1rem;
}
}


 @media (max-width: 391px) {
.main-header {
    margin: 0px 0px 0px 0px;
}
.name {
    font-size: 1rem;
}
.labels {
    font-size: 1.2rem;
    line-height: 1;
    text-align: center !important;
}
.exposition-req {
    padding: 0px 0px 0px 0px;
}
.acor-bodys {
    margin: 0px 7px 0px 7px;
}
.ticket {
    margin: 30px 7px 30px 7px;
 }
dd {
   margin-left: 10px;
}
summary {
   padding: 0px 0px 0px 5px;
}
.div-list {
    font-size: 1.0rem;
    padding: 0px 0px 15px 20px;
    text-align: left;
}
.button-buy {
    letter-spacing: 1px;
}
.name .card-link {
    font-size: .9rem;
/*    font-weight: 300;*/
}
}



@media (max-width: 376px) {
.main-first-block {
    margin: 10px 10px 0px 10px;
}
.button-buy {
    letter-spacing: 1px;
}
    summary {
   padding: 0px 0px 10px 10px;
}
}
/*@media
================================================================================*/