/*16-13*/

/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */
/*     Created on : 11 ???�?�?? 2016, 16:46:33    Author     : Sergey Zhykharyev (Serzh108) */
@font-face {
    font-family: metanormallfc; /* ?????? ???�???�?�?� */
    src: url(../fonts/metanormallfc.woff); /* ?????�?? ?? ?�?�???�?? ???? ???�???�?�???? */        
}
@font-face {
    font-family: MetaBoldLFC; /* ?????? ???�???�?�?� */
    src: url(../fonts/MetaBlackLFC.woff); /* MetaBoldLFC.otf ?????�?? ?? ?�?�???�?? ???? ???�???�?�???? */        
}
@font-face {
    font-family: MetaBlackCaps; /* ?????? ???�???�?�?� */
    src: url(../fonts/MetaBlackCapsLFC.woff); /* .otf ?????�?? ?? ?�?�???�?? ???? ???�???�?�???? */ 
} 
* {
    box-sizing: content-box !important;
}
html, body {
    width: 100%;
    height: 100%;
}
body {
    color: #000;
    background-color: #fff;  /* #000; */
    overflow: hidden;
    font-size: 13px;
    line-height: 1.2;
    font-family: metanormallfc, Helvetica, sans-serif; 
   /* display: flex;  */ 
}
h1 {
    font-size: 32px;
    line-height: 32px;
}
h2 {
    font-size: 20px;
}
p { font-size: 14px; }
.bold { font-family: MetaBoldLFC; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.margin-top-0 { margin-top: 0; }

#poster, nav, #cont {  /* ?�?�?�?? #content ?????�???�?? #cont */
    float: left;
    margin: auto 0;
}
article { height: 100%; overflow: hidden;
    /* background: #fff; */
} /* from Polska */
article#cont { 
    background: #fff; 
}
#poster {
    /* width: 40%;    */
    /* max-width: 676px; */
    overflow: hidden;
    position: relative;
    height: 100%;
    background: #7f7f7f; 
    min-height: 100%; /* from Polska */
       /* min-width: 300px;   ???  */
}
#poster .shadow {
    position: absolute;
    z-index: 2;
    background: url(../images/bg_shadow_r.png) repeat-y top right;
    height: 100%;
    width: 37px;
    top: 0px;
    right: 0px;
    padding: 0;
}
#poster > div, #poster div.poster-b2 {
    position: absolute;
    color: white;
    text-transform: uppercase;    
    padding-left: 40px;  /*  14px;  */
    padding-right: 40px;  /*  14px;  */
    width: 100%;
    box-sizing: border-box !important;
    z-index: 3;
}

#poster #direct-s {
    left: 40px;   /*  ???�?? ???? ?�?�???�?�?? -  13% */
    padding-left: 0; /* ???�?? ???? ?�?�???�?�?? - ???�?�?�?�?? */
    padding-right: 0;
    top: 62px;
    border-top: 1px solid #fff;
    width: 90%; /*  494px;   ???� 664px */
    min-width: 240px;  
       /* height: 70%; */
    min-height: 286px;
    background-color: rgba(39,39,39,0.9); /* #272727; */
    box-shadow: 0 0 5px 5px rgba(00,00,00,0.25);
    z-index: 5;
    display: none;
}
#direct-s h2 {
    font-size: 17px;
    text-align: center; 
    line-height: 1.2em;
    margin: 20px 0 14px;
}
#direct-s p {
    margin: 0 14px 14px 14px;
    line-height: 1.3em;
    text-align: left;
    text-transform: none;
    font-size: 17px;  
}
#direct-s-p {
    cursor: pointer;
}
#direct-s-p i span {
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 16px 0 0;
    margin: 0;
    font-family: metanormallfc, Helvetica, sans-serif; 
}

#direct-s .px12 {
    font-size: 12px;
    margin-top: 20px;
}
#direct-s p.highlighted { /* #direct-s p:last-of-type */
    background-color: #502828;
    border: 1px solid #f12d2d;
    font-size: 16px;   
    /* margin: 0 14px 14px 0; */
    padding: 10px 14px;
}
#direct-s p:last-of-type span { 
    text-decoration: underline;   
}
.direct-red {
    color: rgba(241,45,45,1);  /* #f12d2d; */
    text-decoration: underline;
    cursor: pointer;
}
.direct-red:hover {
    color: rgba(241,45,45,0.8); 
    text-decoration: none;
}
#direct-s a {
    color: rgba(241,45,45,1);  /* #f12d2d; */
    text-decoration: underline;
    cursor: pointer;
}
#direct-s a:hover {
    color: rgba(241,45,45,0.8); 
    text-decoration: none;
}
#poster-b1 {
    left: 0;
    top: 40px;
}
#poster-b1 p {
    padding: 0 0 5px 15px;
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,1); 
    float: left;
        /*  background: url(../images/slider-00.png) no-repeat right center;      */
}
#poster-b1 p:hover {
    color: #fff;
   /* border-bottom: 1px solid rgba(255,255,255,1); */
}
/*  #poster-b1 p img { padding: 0 16px 4px; }  */
#poster-b1 p i {
    padding: 0 16px 0 0;
    /* color: #000; */
    /* opacity: 1; */
    margin: 0;
    font-size: 13px;
}
#poster-b1 div {
    /*padding: 0 84px 0 0;   */
    margin: 0;
    float: right;    
}
/* #poster-b1 div img { padding-left: 23px; } */
#poster-b1 div i {
    padding-left: 24px;
    margin-right: 0;
}
#poster-b1 a#full-screen:hover {
    color: #fff;
}
#poster-b2, .poster-b2 {
    left: 0;
    bottom: 10%;  /*  86px;  */
}
#poster-b2 p:first-of-type, .poster-b2 p:first-of-type{
    font-size: 48px;
    line-height: 54px;
    font-family: MetaBlackCaps, metanormallfc, sans-serif; 
    text-shadow: 0px 0px 10px black; 
    background-color: transparent;
}
#poster-b2 p, .poster-b2 p {
    font-size: 18px;
    margin: 25px 0 10px;
    font-family: MetaBlackCaps, metanormallfc, sans-serif; 
    text-shadow: 0px 0px 2px black;  
}
#poster-b2 p:nth-of-type(2), .poster-b2 p:nth-of-type(2) {
    padding: 2px 4px;
    background-color: rgba(0,0,0,0.8); 
        width: 256px;
            display: inline;    
}
#poster-b2 p span, .poster-b2 p span {
    color: #d6d684;    
}
#poster-b2 span, .poster-b2 span {
    display: inline-block;
}
#knopki, .knopki {
    margin-bottom: 20px;
}
#knopki a span, .knopki a span {
    border: 1px solid #fff;
    padding: 8px 14px;
    margin: 12px 18px 0 0;
    border-radius: 2px;
    cursor: pointer;
    background-color: rgba(0,0,0,0.4);
}
#knopki a:last-of-type span, .knopki a:last-of-type span {
    margin-right: 2px;
}
#knopki a:hover span, .knopki a:hover span {
    background-color: #252525;
    color: #fff;
}
#knopki a:first-of-type span, .knopki a:first-of-type span { 
    background-color: #408741;
}
#knopki a:first-of-type:hover span, .knopki a:first-of-type:hover span { 
    background-color: #2c5d2c;
}

#data, .data-b2 {
    width: 48px;
    height: 48px;
    color: #000;
    background-color: #fff;
    font-size: 28px;
    text-align: center;
    line-height: 48px;
}
#month, .month-b2 {
    font-size: 18px; 
    padding: 3px 22px 0 8px;
    vertical-align: top;
    text-shadow: 0px 0px 2px black;
}
.float-l { 
    float: left;
}
#adress, .adress {
    text-transform: none;
    font-size: 14px; /* !!! ???�?�?�?�?? ?�???�?? ?????????�???�?�?� ?? ?�?�?�???�?�???? ???? ???????�?�?�?????? */
    line-height: 1.3em;
    text-shadow: 0px 0px 2px black;    
}
#adress span, .adress span {
    text-decoration: underline;
    cursor: pointer;
}
#adress span:hover, .adress span:hover {
    text-decoration: none;
    color: rgba(250,250,250,0.75);
}
.adress span a:hover {
    color: rgba(255,255,255,1);
}
#poster-b3 {
    left: 0;
    bottom: 40px;
}
/*
#poster-b3 div {    padding: 0;    margin: 0;    float: left; }
*/
#poster-b3 p {
    padding: 0; /* 0 10px 0 0;  */
    margin: 0 26px 0 0; /*  0;  */
    font-size: 10px;
    float: right;
    background-color: rgba(0,0,0,0.4);
}
 #poster-b3 p i {
    padding: 6px;   /* 0 10px;*/
    font-size: 12px;
    font-weight: bold;
    margin-right: 0;
    cursor: pointer;
 }
 #poster-b3 i span {
    /* font-size: 13px; */
    text-transform: uppercase;
    padding-left: 10px;
   /* margin: 0; */
    font-family: metanormallfc, Helvetica, sans-serif; 
}
/*    New add  */
#poster div.left-sidebar {
    position: absolute;
    left: 0;
    bottom: 40px; 
    color: #000; 
    background-color: rgba(255,255,255,0.8);
    margin-left: 40px;  
    margin-right: 40px;  
    padding: 14px 30px;
    width: calc(100% - 80px);
    box-sizing: border-box !important;
    z-index: 3;
    text-transform: none;
}
#poster div.left-sidebar h1 {
    font-size: 40px;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 8px 0;
    font-family: MetaBlackCaps;
}
#poster div.left-sidebar h2 {
    font-size: 24px;
}
#poster div.left-sidebar h3 {
    font-size: 18px;
}
div.left-sidebar button {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    padding: 6px 40px;
    background-color: rgba(80, 147, 226, 1); /* rgba(205,179,147,1); */
    border: 1px solid rgba(80, 147, 226, 1); /* rgba(205,179,147,1); */
    border-radius: 2px;
    vertical-align: top;
}
div.left-sidebar button:hover {
    background-color: rgba(80, 147, 226, 0.8); /* rgba(205,179,147,0.8); */
    border: 1px solid rgba(80, 147, 226, 0.8); /* rgba(205,179,147,0.8); */
}
div.left-sidebar button + img {
    margin: 4px 0 0 15px; 
}
#art-agensy-button button {
    background-color: rgba(187,30,94,1);
    border: 1px solid rgba(187,30,94,1);    
}
#art-agensy-button button:hover {
    background-color: rgba(187,30,94,0.8);
    border: 1px solid rgba(187,30,94,0.8);    
}
/*    /New add  */
 /*   /poster   */
 /*    nav      */
nav {
    width: 240px;  
    height: 100%;
    padding-left: 14px; /* 1.5%; & right  */
    position: relative;
    background: #fff; 
}
#logo {
    margin-top: 14px;
            position: relative;
}
/* nav > img {   margin-top: 14px; } */
#logo svg { max-width: 85%; }
nav li a {
    text-decoration: none;
}
nav ul#first-menu {
    padding: 0;
    margin-bottom: 0;
    margin-top: 24px;   
}
nav ul#first-menu li {
    margin-bottom: 8px;  
    display: block;
}
nav ul#first-menu a {
    color: #000;
    padding: 3px 6px 3px 34px;
    font-size: 15px;
}
nav ul#first-menu a:hover, nav ul#first-menu a.active {
    color: #fff;
    background: url(../images/sqr.png) no-repeat 12px center #45ac53; /*  #0158f5;  */
}
nav ul#first-menu li:nth-child(2) a:hover, nav ul#first-menu li:nth-child(2) a.active {
    color: #fff;
    background: url(../images/sqr.png) no-repeat 12px center #a201f5;
}
nav ul#first-menu li:nth-child(3) a:hover, nav ul#first-menu li:nth-child(3) a.active {
    color: #fff;
    background: url(../images/sqr.png) no-repeat 12px center #2accb7;
}
nav ul#first-menu li:nth-child(4) a:hover, nav ul#first-menu li:nth-child(4) a.active {
    color: #fff;
    background: url(../images/sqr.png) no-repeat 12px center #90c455;
}

nav ul#second-menu {
    padding-left: 0; /*  30px; */
    margin-bottom: 0;
    margin-top: 9%; /*  24px;  */
}
nav ul#second-menu > li {
    margin-bottom: 2px; /* 5px */
    display: block;
    padding-bottom: 5px; /* 8px */
}
nav ul#second-menu > li > a {
    text-transform: uppercase;
/*     background-color: #e39300;  #e39300  #50aee2  #6927c9 #bb1e5e  */
    background-color: rgba(227, 147, 0, 1); 
    font-size: 16px;
    color: #fff;
    padding: 3px 6px 1px 4px;
    margin: 30px;
    border-bottom: 2px solid rgba(241, 201, 128, 1); 
}
nav ul#second-menu a:hover {
    background-color: rgba(227, 147, 0, 0.8); 
}
nav ul#second-menu > li:nth-child(2) > a {
    background-color: rgba(80, 147, 226, 1);  
    border-bottom: 2px solid rgba(168, 201, 241, 1); 
}
nav ul#second-menu > li:nth-child(2) > a:hover {
    background-color: rgba(80, 147, 226, 0.8);
}
nav ul#second-menu > li:nth-child(3) > a {
    background-color: rgba(105, 39, 201, 1);  
    border-bottom: 2px solid rgba(180, 147, 228, 1);   
}
nav ul#second-menu > li:nth-child(3) > a:hover {
    background-color: rgba(105, 39, 201, 0.8); 
}
nav ul#second-menu > li:nth-child(4) > a {
    background-color: rgba(187, 30, 94, 1);  
    border-bottom: 2px solid rgba(221, 143, 175, 1); 
}
nav ul#second-menu > li:nth-child(4) > a:hover {
    background-color: rgba(187, 30, 94, 0.8);   
}
nav ul#second-menu > li:nth-child(5) > a {
    background-color: rgb(35, 165, 177);
    border-bottom: 2px solid rgb(62, 206, 218);
}
nav ul#second-menu > li:nth-child(5) > a:hover {
    background-color: rgba(35, 165, 177, 0.8);   
}

ul.podmenu {
    padding: 0;
    margin: 0.5em 0 0;
    display: none;
}
nav ul.podmenu li {
    margin-bottom: 6px;  
    display: block;
}
nav ul.podmenu li:last-child {
    margin-bottom: 0;  
}
nav ul#second-menu .podmenu a {
    color: #000;
    background-color: #fff;
    text-transform: none;
    font-size: 15px;
    padding: 3px 6px 3px 34px;
}
nav ul#second-menu > li ul a:hover {
    text-decoration: underline;    
}
nav ul#second-menu .podmenu a.active {
    background: url(../images/submenu-selection11.svg) no-repeat 12px center #fff; /* sqr.png */
    text-decoration: underline;
}
nav ul#second-menu ul.podmenu.selected-item  {
    display: block;
}

nav p a, nav div a {
    color: #a5a5a5; 
    text-transform: uppercase;
    font-size: 10px;
}
nav > p:nth-of-type(-n+3) {
    color: #000;  
    line-height: 20px;
    font-size: 18px;
    padding-left: 34px;
    margin: 5px 0;
}
nav > p:nth-of-type(2) {
    /* background: url(../images/nav-phone.png) no-repeat left center; */
        padding-left: 0;
}
nav > p:nth-of-type(2) i {
    margin-right: 18px;
}
nav > p:nth-of-type(2) i:hover {
    opacity: 0.5;
}

.nav-leftshift {
    padding-left: 34px;   
    margin-bottom: 12px;
}
nav > p:first-of-type {
    font-size: 20px;
    font-weight: bold;
    	/* background: url(../images/nav-p1.png) no-repeat left center; */
    margin: 2% 0; 
    padding: 5px 5px 5px 5px;    
    margin-right: 38px;
    margin-left: 25px; /* -5px; when + icon */
    cursor: pointer; 
}
nav > p:first-of-type a {
    font-size: 20px;
    font-weight: bold; 
    color: #000;
    text-transform: none;
}
nav > p:first-of-type:hover, nav > p:first-of-type.active {
    background-color: #b6eca5;    
}
nav > p:first-of-type i {
    margin-right: 15px;
       /* font-size: 14px;
        padding: 1px;
        margin-left: 1px;
        border: 2px solid #fff; */
}
#smile {
    font-size: 20px;
    font-weight: bold;  
    margin-bottom: 5%;    
}
#smile:hover {
    cursor: pointer;    
}
#smile span {
    margin-right: 15px;    
}
/*  /tooltip for smile */
.tooltip {
    position: relative;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 240px;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -120px;
    opacity: 0;
    transition: opacity 1s;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/*  /tooltip for smile */
nav p sup {
    font-size: 13px;
    color: #585858;
}
#rosklad {
    font-size: 13px;
    color: #585858;   
    padding-left: 34px;  
	padding-top: 5px;	
}
#rosklad p {
    margin: 5px 0;
}
#nav-sotsnet {
    margin: 20px 0 15px;
}
#nav-sotsnet a:hover {
    color: #585858;
}
nav a img {
    margin-right: 12px;
}
#partners-l {
  padding-right: 34px;
}
#partners-l, #partners-s {
  margin-bottom: 0;
  margin-top: 0;  /*  8px; */
}
nav #partners-l img {
  width: calc(100% - 3px);
  float: left;
  margin: 0  3px 3px 0;
  opacity: 0.5;
}
nav #partners-l img:hover {
  opacity: 1;
}

#logo-super {
	max-width: 120px;
    margin-top: 8px;
    padding-left: 30px;
}

#nav-last {
    position: absolute;
    bottom: 0px;   padding-bottom: 40px; /* для background-color */
    width: 92%;
    background-color: #fff;
    z-index: 2;
    padding-top: 6px;
}
#nav-last a {
    text-decoration: underline;
    width: calc(50% - 1px);
    line-height: 14px;
    display: inline-block;
    text-align: center;
}
#partners-s a {
    text-decoration: underline;
}
#nav-last a:hover, #partners-s a:hover {
    text-decoration: none;
    color: #585858;
}
#nav-last a:first-of-type {
    border-right: 1px solid #585858;
}
/*    /nav    */
/*  content  */
#content {
    width: 900px;  /* 675px; */ 
    /*max-width: 675px;  */
    height: calc(100% - 40px);
    padding-left: 4px; 
    padding-right: 14px; 
    background: #fff;  
    overflow: hidden;
}
#content-zaglav {
    margin: 36px 0 27px 0;
        position: relative;
}
#content-zaglav h1 {
    /* float: left; */
    margin: 0;
    font-size: 24px; 
    font-family: 'PT Serif', 'Merriweather',  serif;
}
#content-zaglav h1 span {
    margin-right: 12px;
    cursor: pointer;
}
#content-zaglav h1 a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px dashed #000;    
}
#content-zaglav h1 a:hover {
    color: rgba(227, 147, 0, 1);
}
#content-zaglav h1 span#bt {
    border-bottom: none;
}
#content-zaglav h1 span#bt:hover {
    color: #000;
    cursor: default;
}
#content-zaglav h1 span:last-of-type {
    margin-right: 0;
}
#content-zaglav h1 span:hover {
    color: #45ac53;
    border-bottom: 1px dashed #45ac53;
}
#content-zaglav h1 span.active {
    color: rgba(227, 147, 0, 1);
    border-bottom: none;
}
#content-zaglav h1.galery span.active {
    color: #2accb7;
    border-bottom: none;
}
#content-zaglav h1.galery span:hover {
    color: #2accb7;
}
#content-zaglav h1.about-teatr span.active {
    color: #a201f5;
    cursor: default;
}
#content-zaglav h1.trening span {
    color: rgba(105, 39, 201, 1);
    font-size: 25px;
    font-family: metanormallfc, Helvetica, sans-serif; 
}
#content-zaglav h1.school span {
    color: rgba(80, 147, 226, 1);
    font-size: 25px;
    font-family: metanormallfc, Helvetica, sans-serif; 
}
#content-zaglav h1.art-agensy span {
    color: rgba(187,30,94,1);
    font-size: 25px;
    font-family: metanormallfc, Helvetica, sans-serif; 
}
    
#content-zaglav-stop {
    float: right;
    width: 50%;
    height: 30px;
}
#content-srl {
    /* float: right; */
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;        
}
#content-srl ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#content-srl li {
    float: left;
    display: block;
    /* height: 30px; */
    border-left: 1px solid #6e6e6e;
    text-transform: uppercase;
    cursor: pointer;
}
#content-srl li:first-of-type {
    border-left: none;
}
#search-input {
    height: 26px;
    display: none;
    background: url(../images/poisk01-pg.png) right center no-repeat #fff;
}
#content-srl span, #content-srl i button {
    color: #fff;
    background-color: #000;
    padding: 7px 16px;
    display: inline-block;
    vertical-align: top;
    font-size: 11px; 
    line-height: 16px;
}
#content-srl i span, #content-srl i#registr button {
    padding: 0 8px;
    text-transform: uppercase;
    font-family: metanormallfc, Helvetica, sans-serif; 
}
#content-srl i#registr button {
    border: none;
    outline: none;
    padding: 0 6px;
}
#content-srl span:hover {
    background-color: rgba(0,0,0,0.5);  /* #b2b2b2; */
}
#content-srl i {
    color: #fff;
    background-color: #000;
    opacity: 1;
    font-size: 18px;
    margin: 0;
    padding: 6px;
}
#content-srl i#registr {
min-width: 150px;
}
#content-srl i:hover {
    color: #fff;
    background-color: #000;
    opacity: 0.4;
}
li#reg-small {
    display: none;
}
#in-sign {
    /* width: 100%;  height: 100%; */
    padding: 2px;
    background: #fff; 
    position: relative;
    left: 0;
    top: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.7);
    display: none;
}
#in-sign-small {
    width: 164px;
    /* height: 100%; */
    padding: 2px;
    background: #fff; 
    position: absolute;
    left: -114px;
    top: 31px;
    box-shadow: 0 0 10px rgba(0,0,0,0.7);
    display: none;
}
#in-sign p, #in-sign-small p {
    margin: 0;
    text-align: center;
}
#in-sign span, #in-sign-small span {
    margin: 0;
    background-color: #fff;
    color: #000;
    text-transform: none;
    text-align: right;
    vertical-align: middle;
}/*
#in-sign span:nth-last-child(2), #in-sign-small span:nth-last-child(2) {
    width: 44px;
    padding: 6px 4px 6px 0; 
    cursor: default;
} */
#in-sign span:nth-last-child(2):hover, #in-sign-small span:nth-last-child(2):hover {
    background-color: #fff; 
}
#in-sign > p:first-of-type span, #in-sign-small > p:first-of-type span {
    border-bottom: 1px solid #757575;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 10px;
}
#in-sign form p span, #in-sign-small form p span {
    width: 44px;
    padding: 6px 4px 6px 0; 
    cursor: default;
}
#in-sign-small > p:first-of-type span {
    padding: 6px 8px;
}
#in-sign p:first-of-type span.selected, #in-sign-small p:first-of-type span.selected {
    background-color: rgba(117,117,117,1);
    color: #fff;
}
#in-sign > p span:hover, #in-sign-small > p span:hover {
    background-color: rgba(117,117,117,1);
    color: #fff;
}
#in-sign > p, #in-sign-small > p {
    margin-bottom: 6px;
}
#in-sign input, #in-sign-small input {
    width: 95px;
    height: 16px;
    border: 1px solid #e0e0e0;
    font-size: 11px;
}
#in-sign button, #in-sign-small button{
    width: 100%;
    padding: 6px 0;
    background-color: rgba(117,117,117,1);  /*  #757575;  */
    color: #fff;
    text-transform: uppercase;
    display: block;
    border: none;
}
#in-sign button:hover, #in-sign-small button:hover {
    background-color: rgba(117,117,117,0.8);  /*  #757575;  */
}
/* registration */
.registration h3 {
    font-size: 18px;
    clear: both;
}
/*  .field-signupform-sex - ???�?? ?�???�???� ?�?�???????�?�?�?�???? ???�?�???�  */
.registration p, .registration div.ui-widget, .field-signupform-sex {
    width: 420px;
    font-size: 14px;
}
/*
.registration p:nth-child(3) {
    color: red;
} */
.registration p:nth-child(3) input {
    border: 1px solid red;
}
.registration p:nth-child(3) span:last-child {
    font-size: 10px;
    margin-left: 80px;
    text-align: center;
    width: 45%;
    background-color: #fdf6e6;
}
p.registration-small {
    font-size: 11px;
    padding-left: 80px;  /* 19%; */
    width: 80%;
    max-width: 430px;
}
.registration .registration-long span, .registration .registration-long label {
    width: 37%;   
}
.registration .registration-long span label { width: 100%; } /*   ???�?? ???�?�???�*/
.registration span, .registration label {
    display: inline-block;
    width: 16%;
    margin-right: 3%;
    text-align: left;
}
#gender input + span {
    padding-left: 8px;
}
.registration input[type=text], .registration input[type=password] {
    width: 80%;
    padding: 2px 0;
    display: inline-block;
    height: auto;
}
.registration .registration-long input {
    width: 59%;
}
#content-1 #capcha img {
    padding-left: 33%;
    float: none;
}
.reg-info {
    float: left;
    width: 48%;
}
.reg-info ol {
    padding: 0 16px 0 0;
    list-style-position: inside;
}
.reg-info li {
    margin-bottom: 24px;
}
/*   ???�?? ???�?�???�*/
.radio {
    display: inline-block;
    margin-right: 13px;
}
.form-group p#gender, #signupform-sex { display: inline-block; }
.form-group p#gender { width: 16%; margin: 0 3% 0 0; }
.field-signupform-birth label { margin-bottom: 0; /* font-weight: normal; font-family: metanormallfc, Helvetica, sans-serif; */ }
.registration label { font-weight: normal; font-family: metanormallfc, Helvetica, sans-serif; } 
/* /registration */

/* language */
#language {
    /* width: 100%; */
    /* height: 100%; */
    /* padding: 1px; */
    background: #fff; 
    position: relative;
    left: 0;
    top: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.7);
    display: none;
}
#language p {
    margin: 0;
    text-align: center;
    padding: 6px 0;
    border: 1px solid #fff;
    font-size: 11px;
}
#language p:hover, #language p a:hover, #language p:hover a {
    background-color: #757575;
    color: #fff;
}
#language p a {
    color: #000;
}
/* /language */
/* --- content-menu --- */
#content-menu, #content-menu-2  {
    padding: 0 0 10px 0;
}
#content-menu ul, #content-menu-2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
	margin-left: -9px;
}
#content-menu li, #content-menu-2 li {
    float: left;
    display: block;
    /* height: 30px; */
    border-left: 1px solid #b2b2b2;
    padding: 2px;
    line-height: 0.6em;
    margin-bottom: 12px;    
}
#content-menu li:first-child, #content-menu ul.crumbs li, #content-menu-2 li:first-child  {
    border-left: none;
}
#content-menu ul.crumbs li span { color: #b2b2b2; }
#content-menu li a, #content-menu-2 li a {
    text-decoration: none;
    color: #b2b2b2;
    padding: 6px;
}
#content-menu i {
    font-size: 11px;
    margin-right: 0;
    line-height: 0.6em;
}
#content-menu li a:hover, #content-menu-2 li a:hover {
background-color: #f1f1f1;
}
#content-menu li a.selected, #content-menu-2 li a.selected {
color: #000;
background-color: #f1f1f1;
cursor: default;
}
#content-menu li a.selected i {
opacity: 1;
}
#content-menu li a.trening-color {
    color: rgba(105, 39, 201, 1);
    text-decoration: underline;
}
#content-menu li a.trening-color.selected {
    color: #000;
    text-decoration: none;
}
#content-menu li a.art-agensy-color {
    color: rgba(187, 30, 94, 1);
    text-decoration: underline;
}
#content-menu li a.art-agensy-color.selected {
    color: #000;
    text-decoration: none;
}
/* / --- content-menu --- */
/*  ???? ?�?�?? ?? ?�???? ???�?�?????????????�?� ?? ???�?�?�???�??  ???�?�?????�?�  */
#content .column-3 {
    padding: 0; /* 5px 14px; */
    margin: 5px 13px 0 0;
    width: calc(32% - 13px);
    display: inline-block;
    outline: 1px dashed #07f;
}
/*  /???? ?�?�?? ?? ?�???? ???�?�?????????????�?� ?? ???�?�?�???�??  ???�?�?????�?�  */

#content .column-32, #content .column-32bt {
    padding: 0; 
    margin: 5px 13px 0 0;
    width: calc(25% - 13px); /* 33.3% - 13px */
    height: 200px; /* 186px */
    float: left;
}
#content.buy-ticket .column-32, #content.buy-ticket .column-32bt {
    height: 300px;
    position: relative;
    min-width: 201px;    
}
#content .galery-2 .column-32, #content .galery-2 .column-32bt {
    position: relative;
    min-width: 201px;    
}
.column-32bt p a:hover {
    color: #fff;
}
#content.performance .column-32 {
    height: 260px;  /* 324px */
    position: relative;  /* ?-?????�?�???�???�?�???? ???�???� */
        min-width: 201px; /* ?-?�?????�?? ?-?????�?�???�???�?�???? ???�???� ? */
}
.data {
    color: #fff;
    background-color: #000;
    float: left;
    width: 38px;
    height: 38px;
    font-size: 24px;
    text-align: center;
        line-height: 38px;        
}
.month-time {
margin: 0 0 5px 38px;
padding-left: 8px;
}
.buy-ticket .month-time p {
    font-size: 10px;     
    padding:2px 0 0;
    margin: 0;
    line-height: 1em;
    font-family: metanormallfc, Helvetica, sans-serif;
}
.month-time p:first-of-type {
    font-size: 16px; 
    padding: 0;
    vertical-align: top;
}
.month-time a {
    color: #000;
}
.performance-hover .month-time a {
    color: #fff;
    text-decoration: underline;
}
.performance-hover .month-time a:hover {
    text-decoration: none;
}
#content .column-32 img, #content .column-32bt img {
    width: 100%;
    margin: 0 0 10px 0;
}
#content .galery-2 p {
    clear: left;
    margin: 0;
    padding: 0;
    text-align: justify;
}
#content .column-3:nth-of-type(3n+1) {
        clear: both;   
}

#content .column-31 {
    padding: 0; 
    margin: 5px 11px 0 0;  /* 5px 13px 0 0; */
    width: calc(100% - 11px); /* -16px      ???�???�???�???? ???�?? ?�?�?�?????� calc(32% - 13px); */
    /* float: left;   ???�?�?�???? ???�?? ?�?�?�?????� */
    position: relative;
}
#content .column-3:nth-of-type(3n+1) {
        clear: both;   
}
#column-3-wrapper, .column-3-wrapper {
    display: flex;
    flex-flow: row nowrap;    
}
#column-3-1, #column-3-2, #column-3-3, .column-3-1, .column-3-2, .column-3-3 {
    display: flex;
    flex-flow: column nowrap; 
    justify-content: flex-start;
}
#content .column-31 img {
    width: 100%;
    margin: 0;
}
/*--  /?�?�?????�???????� ?????? ???????�?�???�  --*/
/*    galery 3   */
.about-actor {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #29cbb4; 
    border-radius: 8px;
    text-align: justify;
    padding: 12px;
    margin: 8px;
    color: #fff;
    font-size: 10px;
    background-color: rgba(0,0,0,0.25);
    width: calc(100% - 42px);
}
.about-actor h3 {
    font-size: 18px;
    line-height: 1.5em;
    text-align: center;
    padding: 0 12px;
    margin: 0;
}
.about-actor h3 a, #content .about-actor h3 a {
    text-decoration: none;
    color: #fff;
}
.about-actor h3 a:hover, #content .about-actor h3 a:hover {
    color: #fff;
}
/*    /galery 3  */
/*    galery 4 hover  */
.galery-4 {
    border: none; 
    background-color: rgba(0,0,0,0.6);
}
.galery-4 h3 {
    font-size: 16px;
    line-height: 1.2em;
}
/*    /galery 4  */

/*    actor  */
.actor p {
    color: #000;  /*  #707070; */
    margin-bottom: 28px;
    line-height: 1.5;
}
.actor ul {
    list-style-type: none;
    line-height: 18px; 
    margin: 0;
}
#actor-ul-1 {
    color: #bf7e07;
    padding: 0;
    text-decoration: underline;
}
#list-title {
    border-bottom: 2px solid #b8b8b8;
    margin: 26px 0;
}
#list-title span {
    text-transform: uppercase;
    color: #fff;
    background-color: #b8b8b8;
    padding: 10px;
    display: inline-block;
}
.actor-ul-2 {
    padding: 0 24px 0 9px;
    width: calc(33% - 34px);
    float: left;
}
.actor-ul-2 li {
    margin: 0 0 16px 0;  
}
.actor-ul-2 span {
    /* background-color: #626262; 04.10  */
    padding: 1px;  /* 4px; */
    /* line-height: 20px;   */ 
}
.actor-ul-2 span a {
    color: #000;
    text-decoration: underline;
}
.actor-ul-2 span a:hover {
    color: #000;
    text-decoration: none;
}
/*    /actor  */

/*    ticket  */
buy-ticket-color {
    color: #45ac53;
}
#content-menu li a.buy-ticket-color {
    color: #45ac53;
    text-decoration: underline;
}
#content-menu li a.buy-ticket-color.selected {
    color: #000;
    text-decoration: none;
}
.buy-ticket p {
    margin: 0;
    font-size: 18px;
   /* font-family: 'PT Serif', 'Merriweather', serif; */
     font-family: metanormallfc, Helvetica, sans-serif; 
}
.buy-ticket h3 {
    margin: 0 0 0 8px;
    font-size: 18px;
    font-family: 'PT Serif', 'Merriweather', serif;
}
.buy-ticket h3 a {
    color: #000;
}
.buy-ticket h3 a:hover {
    color: #45ac53;
}
.buy-ticket-image {
    position: relative;
}
.buy-ticket-image span {  /* ??? .buy-ticket */
margin: 0 0 0 10px;
    position: absolute;
    bottom: -125px;  /* top: 110px; */
    font-size: 11px;
    color: #fff;
    display: block;
}
.buy-ticket .ticket-status {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 0 8px 8px;    
    margin: 8px 0;
    background-color: rgba(82,183,95,1); /* #52b75f; */
}
.buy-ticket .ticket-status:hover {
    cursor: pointer;
    color: #fff;
}
.buy-ticket .ticket-status-0 {
    background-color: rgba(82,183,95,1);  
}
p.ticket-status-0:hover {
    background-color: rgba(82,183,95,0.8);  /* #edc23d; */
}
.buy-ticket .ticket-status-1 {
    background-color: rgba(237,194,61,1);  /* #edc23d; */
}
p.ticket-status-1:hover, .performance-hover-button a.ticket-status-1:hover {
    background-color: rgba(237,194,61,0.8);  /* #edc23d; */
}
.buy-ticket .ticket-status-2 {
    background-color: rgba(255,25,25,1);  /* #ff1919; */
}
p.ticket-status-2:hover, .performance-hover-button a.ticket-status-2:hover {
    background-color: rgba(255,25,25,0.8);  /* #edc23d; */    
}
.buy-ticket .ticket-status-3 {
    background-color: rgba(84,179,131,1); /* #54b383; */
}
.performance-hover-button a.ticket-status-3:hover {
    background-color: rgba(84,179,131,0.8); /* #54b383; */   
}
.buy-ticket .ticket-status-4 {
    background-color: rgba(91,159,198,1);  /* #5b9fc6; */
}
.buy-ticket .ticket-status-5 {
    background-color: rgba(163,93,191,1); /* #a35dbf;  */
}
.buy-ticket .ticket-status-6 {
    background-color: rgba(144,144,144,1); /* #909090;  */
}
.buy-ticket .ticket-status-6:hover {
    background-color: rgba(144,144,144,0.8); /* #909090;  */
}
.buy-ticket .ticket-status-7 {
    background-color: rgba(90,90,90,1); /* #5a5a5a;  */
}
.buy-ticket .ticket-status-7:hover {
    background-color: rgba(90,90,90,0.8); /* #5a5a5a;  */
}
/*    /ticket  */
/*   performance   */
.performance-hover .data {
    margin-left: 10px;
}
.performance-hover .month-time {
    color: #fff;
    margin: 8px 0 5px 48px;
}
.performance-hover {
    width: 210px;  /* 226px  */
        width: 100%;
    height: 246px;
        height: 100%;    
    color: #fff;
    position: absolute;
    left: 0;  /*  -10px; */
    top: -8px;
    display: none;
    background: url(../images/white-corner.png) no-repeat top right #333; 
}
#v1 {
    top: 45px; 
        height: calc(100% - 45px); 
        background: url(../images/white-corner.png) no-repeat top right rgba(51,51,51,0.5); 
}
#v1 > p:first-of-type, #v2 > p:first-of-type {
    padding: 8px;
    background: rgba(51,51,51,0.8);  
    height: 116px;
}
#v2 {
    top: 0; 
    height: calc(100% - 8px); 
    background: url(../images/white-corner.png) no-repeat top right rgba(51,51,51,0.5); 
}
.v3 {
    top: 0px;
    width: 202px;
    height: 134px;
    background: rgba(51,51,51,0.95);
}
.galery-2 .v3 {
    background: rgba(33,74,70,0.95);  
}
.v3 a {
    margin: 8px;
    border: 1px solid #fff;
    text-transform: uppercase;
    text-decoration: underline;
    text-align: center;
    display: block;
    height: 62px;
    padding: 48px 4px 6px;
}
.v3 a:hover {
    color: rgba(255,255,255,0.8)
}  
#v4 {
    top: 0; 
    height: calc(100% - 8px); 
    /* background: url(../images/white-corner.png) no-repeat top right rgba(51,51,51,0.8); */
}
#v4 > p:first-of-type {
    padding: 8px;
}

.vystava-image { position: relative; }
.vystava-hover {
    /* width: 202px;   */ 
     /*     width: 100%; */
    height: 134px;
    /*    height: 100%;    */ 
    color: #fff;
    position: absolute;
    left: 0;    
    top: 0; /* */
    display: none;
    background: rgba(51,51,51,0.95); 
}
.vystava-hover a {
    margin: 8px;
    border: 1px solid #fff;
    text-transform: uppercase;
    text-align: center;
    display: block;
   /* height: calc(100% - 38px); ?�?�?? ???�?�?�???? ???�?�?????? ?????�?????�?�  */
    padding: 0px 4px 0; /* 20px 4px 0; ?�?�?? ???�?�?�???? ???�?�?????? ?????�?????�?�   */
}
.vystava-hover a:hover {
    color: rgba(255,255,255,0.8)
}

.performance-hover p {
    font-size: 12px;
    padding: 12px;
    /*text-align: justify;*/
    /* margin: 12px; */
}
.performance-hover > p:first-of-type {
    padding: 0 12px;
    font-family: Arial;
    margin: 0;
}
.performance-hover > p:last-of-type {
    position: absolute;
    bottom: 46px;
    width: 100%;
    padding: 0;
    margin: 0;
}
.performance-hover .ticket-status {
    margin: 0 12px;
    /* clear: both; */
    display: block;
}
.performance-hover .ticket-status:hover {
    background-color: #2c5d2c;
}
.performance-hover span {
    color: #dadada;
    text-transform: uppercase;
    display: inline-block;
    position: static;
    background-color: #6b6b6b;
    padding: 5px 3px;
    margin-left: 1px;  
    font-family: metanormallfc, Helvetica, sans-serif; 
}
.performance-hover a {
    text-decoration: none;    
} 
.performance-hover span a {
    color: #fff200;   
} 
.performance-hover a:first-child span:first-child {
    margin-left: 12px;
}
.performance-hover a:last-child span {
    float: right;
    margin-right: 12px;
}
.performance-hover a:hover span {
    background-color: #252525;
}
.performance-hover p.hover-a a {
    text-decoration: underline;
}
.performance-hover p.hover-a a:hover {
    text-decoration: none;
    color: #fff;
}
.performance-hover-button {
    position: absolute;
    bottom: 10px;
    width: 100%;
}
/*  2 column   */
#content .column-2 {
    padding: 5px 0;
    margin: 0 30px 5px 0;
    width:  calc(50% - 17px);
    float: left;
    height: 200px;  /* 170px;  */
    position: relative;
}
#content .column-2:nth-of-type(2n) {
    margin: 0;
}
.performance .column-2-nazva {
    margin: 12px 0 10px;    
    font-family: 'PT Serif', 'Merriweather', serif;
}
.column-2 > p:nth-child(3) {
    font-size: 10px;
    color: #575757;
    margin: 10px 0;
}
/* ???�?�?�???�?�???� ???� 3 ?????�???????? performance1 */
#content .column-2-3 {
    padding: 5px 0;
    margin: 0 13px 5px 0;
    width:  calc(25% - 13px); /* (33.33% - 13px);  */
    float: left;
    height: 200px;  /* 170px;  */
    position: relative;
}
#content .column-2-3:nth-of-type(3n) {
   /* margin-right: 0; */
}
.column-2-3 > p:nth-child(3) {
    font-size: 10px;
    color: #575757;
    margin: 10px 0;
}
/* /???�?�?�???�?�???� ???� 3 ?????�???????? performance1 */
.buy-ticket .perf-2k {
    padding: 6px;  /* 8px */ 
        font-size: 11px;
    display: inline-block;
    margin: 0;
    position: static;
}
.performance-hover-2k {
    width: 100%;  
    height: 100%;  
    left: 0;  
    top: 0;
    display: none;
}
.performance-hover-2k span a {
    color: #fff;
}
.performance-hover-2k-bt {
    /* float: left; */
    margin: 10px 0 0 10px;  
    position: absolute;
    bottom: 10px;
}
.buy-ticket .performance-hover-2k-bt .perf-2k {
   /* padding: 8px; */ 
    font-size: 14px;
        
}/*
.performance-hover-2k > div:last-of-type {
   // float: right; 
    margin: 14px 0 0;
    position: absolute;
    bottom: 14px;
    right: 10px;
}*/
.performance-hover-2k span {
    /* color: #fff; */
    font-size: 10px;
    margin: 0 7px 0 0;
}
.performance-hover-2k span:last-child {
    margin: 0;
}
/*   performance data-block  */
.date-block {
    clear: both;
}
.date-block-date {
    border-bottom: 1px solid #a1a1a1;
    margin: 18px 0;
}
.date-block-date span {
    text-transform: uppercase;
    color: #000;
   /* background-color: #e6e6e6; */
border-top: 1px solid #a1a1a1;
border-right: 1px solid #a1a1a1;
border-left: 1px solid #a1a1a1;
    padding: 8px;
        display: inline-block;
        margin: 0;
        position: static;
        font-size: 18px;
}
.date-block p {
    margin-left: 8px;
}
#date-block .column-32 > p:first-of-type {
    font-style: italic;
    font-size: 11px;
}
.date-block-time {
    margin: 0 0 5px 0;
    padding-left: 0;
}
.date-block-time p {
    font-size: 11px;
}
.date-block-time a {
    color: #000;
}
.date-block-time a:hover {
    text-decoration: none;
}
/*
.date-block-time p:last-of-type {
    text-decoration: underline;
}*/
/*   /performance   */
/*   start   */
.start0 {
    padding: 10px 0 8px 0;
        border-bottom: 1px solid #eaeaea;
}
.start {
    padding: 0; //22px 14px;
    /* background-color: #f2f2f2; */
}
.start:hover {
    /* background-color: #f2f2f2;  */
}
.start > div p { /* ???�?�?�?�?? ???  */
    font-size: 14px;  
    color: #6e6e6e;
    float: left;
}
.start a span.start-t-data {
    font-size: 14px;  
    color: #6e6e6e;
    float: left;
}
.start a span {
    display: block;
    font-size: 13px;
}
/*
#content-1 .start img {
    float: right;
    margin: 0 14px 0 0;
    display: none;
}
*/
#content-1 .start img {
    float: left;
    margin: 5px 14px 5px 0;
}
.start p {
    font-size: 13px;    
}
.start h3 {/* ???�?�?�?�?? ???  */
    font-size: 20px;  
    margin: 10px 0;
}
.start a span.start-t-nazva {
    font-size: 20px;  
    margin: 10px 0;
    clear: both;
}
div.start .ui-accordion-content > p {
    font-size: 14px; 
    color: #000;
    line-height: 1.5;
}
div.start .ui-accordion-content > p a {
    color: #000; 
    text-decoration: underline;
}
div.start .ui-accordion-content > p a:hover {
    color: #000; 
    text-decoration: none;
}
.selected {
    background-color: rgba(0,0,0,0.05); /* #f2f2f2; */
}
.selected:hover {
    background-color: rgba(0,0,0,0.1); 
}
.selected h3 {
    text-decoration: underline;
}
#content-1 .start.selected i { /* ???�?�?�?�?? ???  */
    display: block;
    float: right;
}
#content-1 .start i.selected {
    display: block;
    float: right;
}
/*   /start   */
/*   contacts   */
.contact {
    margin: 0;
    padding: 0;
}
.contact h3 {
    font-size: 18px;
    margin: 0 0 20px 0;
}
.contact p {
    font-size: 14px;
    color: #000;  /*  #707070;  */
    margin: 5px 0;
    padding: 0;
    line-height: 1.5;
}
.contact a {
    color: yellowgreen;
    text-decoration: underline;
}
.coord {
    width: calc(33.3% - 5px); /*  - 21px */
    float: left;
    margin: 5px 0;
    font-size: 13px;
}
.coord:first-of-type {
    margin-left: 14px;
}
#content-1 .coord img {
    margin: 0;
    width: 20px;  /* ?????�?�?????� 21.09 - ?????�?????????�?? ???�???�?? ?????�?� */
}
.coord p {
    margin: 3px 0 3px 20px; /* 3px 0 3px 42px; */
    font-size: 13px;
}
#back-form-h {
    clear: both;
    text-transform: uppercase;
    color: #999;
    margin: 14px 0;
    padding-top: 14px;
}
#back-form {
    background-color: #f4f3f2;
    margin: 10px 0;
    padding: 44px 14px 22px;
    //clear: both;
}
#back-form input {
    width: calc(50% - 35px);
    height: 40px;
    margin: 0 6px 14px 0;
    padding-left: 14px;
}
#back-form input[type="email"] {
    float: right;
}
#back-form input:first-of-type {
    float: left;
}
#back-form input:nth-of-type(3) {
    width: calc(100% - 17px);
}
#back-form textarea {
    width: calc(100% - 18px);
    margin-bottom: 14px;
    padding-left: 14px;
}
#back-form input[type='submit'] {
    width: 100%;
    color: #fff;
    background-color: #3cbc6b;
    border: none;
}
#map {
       height: 100%;
       min-height: 980px;  
       min-width: 420px;
}
/*   /contacts   */
/*   detail   */
.detail p {
  color: #000;  /*  #707070;   */
  font-size: 14px;
  line-height: 1.5;
}
.detail p span a {
  color: #000;  
  text-decoration: underline;
}
.detail p span a:hover {
  text-decoration: none;
}
.detail h3 {
  font-size: 18px;  
  clear: left;
}
.span-p1 a {
    color: #000;
    text-decoration: underline;
}
.span-p1 a:hover {
    color: #000;
    text-decoration: none;
}
.span-p1 {
    display: inline-block; 
    float: left;
    line-height: 1.5;
}
#detail-buy-ticket {
    padding: 8px;
    display: inline-block;
    margin: 0;
    float: right;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background-color: rgba(82,183,95,1); /* #52b75f; 
    background-color: #52b75f;*/
}
#detail-buy-ticket:hover {
    cursor: pointer;
    background-color: rgba(82,183,95,0.8);
}
#detail-buy-ticket a, #detail-buy-ticket a:hover {
    color: #fff;
    text-decoration: none;
}
#rating {
    clear: both;
    font-size: 15px;
    color: #000;
    padding-top: 22px;
}
#content-1 #rating i {
    float: none;
    margin: 0 16px 0 10px;
    padding: 0;
}
#rating span {
    font-style: italic;
}
#story {
    clear: left;
}
#story span {
    color: #000;
}

#detail-photo div {
    float: left;
}
/* New variant 30.09.2016  */
.detail-actor {
    position: relative; 
    width: 180px;
    margin-right: 13px;
}
/* /New variant 30.09.2016  */
/*
#detail-photo div:first-child {
    margin-right: 40px;
    width: 180px;
} 
.detail-actor {
        position: relative;    
}
#detail-photo div#photo-spektakl {
    margin-right: 0;
    width: calc(100% - 220px);
}
*/
#content-1 #detail-photo img {
    margin: 0 0 18px 0;
    width: 100%;
}
#content-1 #photo-spektakl a.gallery-item {  /*  img -> a.gallery-item */
    margin: 0;
    float: left;
    width: 100px;
    height: 100px;
}
.detail .comment-autor {
    clear: right;
    color: #a1a1a1;
}.detail .comment-autor span {
    padding-right: 10px;
    color: #707070;
}
.detail fieldset {
    border: 1px solid #f0f0f0;
    box-shadow: 0 3px 8px rgba(100,100,100,0.5); 
    padding: 0.5em;
    margin-bottom: 26px;
}
.detail fieldset p#d-form-p1 {
    border: 1px solid #f0f0f0;
    height: 24px;
    padding: 6px;
    color: #a0a0a0;
    margin: 0;
}
.detail fieldset div {
    display: none;
}
.detail fieldset p {
    margin-bottom: 0;
}
.detail #d-form-div input[type="text"], .detail textarea {
    border: 1px solid #f0f0f0;
    height: 24px;
    padding: 6px;
}
.detail input[type="text"]:focus, .detail textarea:focus {
    color: #000;
}
.detail textarea {
    width: calc(100% - 14px);
    color: #a0a0a0;
    height: 50px;
}
.detail input {
    margin-right: 8px;
}
.detail input[type="text"]:first-of-type {
    width: 40%;
}
.detail input[type="text"]:nth-of-type(2) {
    width: 16%;
    text-align: center;
}
.detail input[type="submit"] {
    text-transform: uppercase;
    color: #fff;
    background: #000;
    /* height: 16px; */
    padding: 3px 14px;
    margin: 19px 0 0 0;
    float: right;
    font-size: 11px;
    border: none;
}
.detail input[type="submit"]#ratesbm, .detail .rating form input[type="submit"] {
    margin: 0 10px 0 6px;
    float: left;
}
/*   /detail   */

/*   gastroly   */
.gastroly {
    margin: 16px 0 40px 0;
}
.buy-ticket .gastroly h3 {
    margin: 1em 0;
    text-transform: uppercase;
}
#gastroly .gastroly p.last-p a {
    color: #000;
    text-decoration: underline;
}
#gastroly .gastroly p.last-p a:hover {
    text-decoration: none;
}
.gastroly > p.last-p {
    margin: 13px 0 16px 0;
    font-size: 13px;
}
.gastroly > p:first-of-type {
    margin: 8px 0 14px 0;
    font-size: 14px;
}
#gastroly .gastroly > span {
    margin-right: 14px;
}
#gastroly .gastroly > span:hover {
    cursor: pointer;
}
#gastroly .gastroly > span.ticket-status-1:hover {
    background-color: rgba(237,194,61,0.8);  /* #edc23d; */
}
#gastroly .gastroly > span.ticket-status-2:hover {
    background-color: rgba(255,25,25,0.8);  /* #ff1919; */
}
#gastroly .gastroly > span.ticket-status-3:hover  {
    background-color: rgba(84,179,131,0.8); /* #54b383; */
}
#gastroly .gastroly > span.ticket-status-4:hover  {
    background-color: rgba(91,159,198,0.8);  /* #5b9fc6; */
}
#gastroly .gastroly > span.ticket-status-5:hover {
    background-color: rgba(163,93,191,0.8); /* #a35dbf;  */
}
#gastroly .gastroly > span.ticket-status {
    font-size: 13px;
    padding: 8px 8px 8px;    
}
#gastroly .gastroly .ticket-status a:hover {
    color: #fff;
}
/*   /gastroly   */
/*   repertuar   */
#repertuar h3 {
    margin: 7px 10px 5px 15px; /*  10.10.2016    20px 0 10px 0; */
    font-size: 18px;
    font-family: 'PT Serif', 'Merriweather', serif;    
}
#repertuar .column-2 {
    height: 70px;  /*  100px;      */
        padding: 3px 5px;/*  10.10.2016    20px 0 10px 0; */
        margin: 0 10px 10px 0;/*  10.10.2016    20px 0 10px 0; */
        width: calc(50% - 21px);/*  10.10.2016    20px 0 10px 0; */
        border: 1px solid #f0f0f0;  /*  10.10.2016    20px 0 10px 0; */  
}
#repertuar .column-2:nth-of-type(2n) {
    margin-right: 0;
}
#repertuar .column-2:hover {
    background-color: rgba(227, 147, 0, 0.08);  
    cursor: pointer;
}
#repertuar h3 a { 
    color: #000;
}
#repertuar h3 a:hover { 
    color: rgba(227, 147, 0, 1);
}
#repertuar .column-2 p:first-of-type {
    font-size: 12px;
    color: #575757;
    margin: 5px 15px;
}
#repertuar .column-2 p {
    font-size: 13px;
    margin: 0;
}
/*   /repertuar   */
/*   date-selector   */
#date-selector {
    width: 100%;
    margin: 10px 0;
    font-size: 12px;
}
#date-selector button#prev, #date-selector button#next {
    margin: 0;
    padding: 6px 8px;
}
#date-selector .month {
    margin: 0 2px;
    padding: 9px 5px;
    color: #b8b8b8;
}
#date-selector button, #date-selector > div {
    float: left;
}

#date-selector button {
    background-color: #fff;
    border: none;
    outline: none;
}
#date-selector button:hover, .carousel li div:hover {
background-color: #e5e5e5;
cursor: pointer;
}
.containerr {
    width: 406px;
    height: 32px;
    overflow: hidden;
}
.carousel {
    margin: 0;
    padding: 0;
    list-style: none;						
}
.carousel li {
    float: left;
    width: 50px;  /* 60px */
    height: 32px;
    text-align: center;        
}
.carousel li.holiday {
    color: red;        
}
.carousel li div {
    margin: 0 6px;
    
}
.carousel li div p:first-of-type{
    font-size: 8px;
    text-transform: uppercase;
    padding-top: 2px;
}
.carousel img {
    margin: 0 0 2px 2px;
}
.carousel p > img:first-of-type {
    margin-left: 4px;
}
.carousel li div p:last-of-type{
    font-size: 16px;
    margin-top: 4px;
    padding-bottom: 2px;
}
/*   /date-selector   */
/*   kabinet   */
.kabinet {
    background: #f9f8fd;
    padding: 0 25px 0 35px;
}
.kabinet h3 {
    border-bottom: 1px #b2b2b2 solid;
    padding: 35px 0 30px;
    font-size: 18px;
}
#content-1.kabinet img {
    float: none;
}
.kabinet p, .kabinet div.kab-gender {
    clear: both;  
}
.kabinet div.kab-gender div {
    float: right;  
}
.kabinet span {
    float: left;    
}
.kabinet p:first-of-type span {
    float: right; 
    padding-top: 25px;
}
.kabinet input {
    border: 1px #c9d7d7 solid;
    border-radius: 5px ;
    height: 28px;
        width: 280px;
    float: right;   
    margin-bottom: 12px;
    background: url(../images/kabinet-1.jpg) no-repeat 95% 50% #fff;
}
.kabinet input[type="radio"] {
    float: left;
    width: 24px;
    height: 24px;
}
.kabinet input[type="radio"] + span {
    padding-right: 45px;
        padding-left: 8px;
        padding-top: 5px;
}
.red { color: red; }
/*   /kabinet   */
/*   Video  */
#content .video {
    padding: 0;
    margin: 5px 13px 0 0;
    width: calc(25% - 13px);
    float: left;
    position: relative;
        min-width: 205px;
}
#content-1 .video img {
    margin: 0;
    float: none;
    width: 100%;
}
/*   /Video  */
/* -= Second Iteration =- */
nav ul#second-menu .podmenu a:hover.theater-color,  nav ul#second-menu .podmenu a.active.theater-color, .theater-color {
    color: rgba(227, 147, 0, 1);
}
nav ul#second-menu .podmenu a:hover.trening-color,  nav ul#second-menu .podmenu a.active.trening-color, .trening-color {
    color: rgba(105, 39, 201, 1);
}
nav ul#second-menu .podmenu a:hover.school-color,  nav ul#second-menu .podmenu a.active.school-color, .school-color {
    color: rgba(80, 147, 226, 1);
}
nav ul#second-menu .podmenu a:hover.art-agensy-color,  nav ul#second-menu .podmenu a.active.art-agensy-color, .art-agensy-color {
    color: rgba(187,30,94,1);
}
nav ul#second-menu .podmenu a:hover.child-color,  nav ul#second-menu .podmenu a.active.child-color, .child-color {
    color: rgba(16, 228, 247, 1);
}
/*   Trening  */
#trening h3 {
    font-size: 18px;
    line-height: 1.5;
}
#trening h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 4px 0 0 0;
    clear: left;
        background-color: #fff;
        padding-left: 10px;
		padding-right: 10px;
}


/*подпись под фотографиями*/

.sign {
    float: left; /* Выравнивание по левому краю */
    padding: 14px; /* Поля внутри блока */
    margin: 0px /* Отступы вокруг */
    /* background: #f0f0f0; /* Цвет фона */ 
	/* border: 1px solid #c7c7c7; /* Параметры рамки */
}
   .sign figcaption {
    margin: 0 auto 5px; /* Отступы вокруг абзаца */
}

/*подпись под фотографиями*/

#trening p {
    font-size: 14px;
}
.i-right {
    font-style: italic;
    text-align: right;
    padding-right: 2px;
}
#trening a {
  /*  color: rgba(105, 39, 201, 1); */
    text-decoration: underline;
}
#trening a:hover {
    text-decoration: none;
}
#trening ol {
    padding-left: 0;
    list-style-position: inside;
}
#trening .left-36 {
    padding-left: 36px;
}
#trening ol li {
    margin-bottom: 8px;
    font-size: 14px;
}

.trening-img-8 {
    border:1px solid #fff;
    padding: 8px 0px 8px 0px;
	margin-bottom: 10px;
}
.narrator + div, .teachers + div, .treners + div { display: none; }
/* .trening-img.trening-img-8:hover, */
.narrator:hover {
    background-color: rgba(255, 236, 244, 1);
    border:1px solid #ddd;
    cursor: pointer;
}
.teachers:hover {
    background-color: rgba(242, 250, 255, 1);
    border:1px solid #ddd;
    cursor: pointer;
}
.treners:hover {
    background-color: rgba(246, 239, 255, 1);
    border:1px solid #ddd;
    cursor: pointer;
}
#content-1 .trening-img-8 p img {
    margin: 0 0 8px 0;
    /*width: calc(12.5% - 11px); */
}

#content-1 .trening-img-8 img:nth-of-type(8n), #content-1 .trening-img-8 a:nth-of-type(8n) img {
    margin-right: 0;
}
#content-1 .trening-img-8 img.trening-arrow, #content-1 .trening-img-4 img.trening-arrow {
	margin: 5px;
    padding: 5px 22px;
    width: 12px;
    float: right;
    cursor: pointer;
}
#content-1 .trening-img-8 p {
    margin: 0 0 8px;
    /*margin-left: calc(12.5% + 2px);*/
}
#content-1 .trening-img-8 h3 {
    margin: 0 0 8px;
    /*margin-left: calc(12.5% + 2px);*/
    line-height: 1;
}

#content-1 .trening-img-4.sertificat {
    margin: 0 12px 8px 0;
    width: calc(25% - 9px);
    float: left;
}
#content-1 .trening-img-4.sertificat img {
    margin: 0;
        width: 100%;
}
#content-1 .trening-img-4.sertificat:nth-of-type(4n) {
    margin-right: 0;
}
#content-1 .trening-img-4.sertificat p {
    margin: 10px 0 5px 0;
}


#content-1 .trening-img-4 img {
    margin: 0 12px 8px 0;
    width: calc(25% - 9px);
}
#content-1 .trening-img-4 img:nth-of-type(4n) {
    margin-right: 0;
}

#content-1 .trening-img-4 p {
    /*margin-left: calc(25% + 3px);*/
} 
#content-1 .trening-img-4 h3 {
    margin-left: calc(25% + 3px);
}
#content-1 .trening-img-4 div {
    margin-left: calc(25% + 3px);
}
#content-1 .trening-img-4 div.vystava-hover {
    margin-left: 0;
}
#content-1 .trening-img-4 div.vystava-image {
    margin-left: 0;
    width: calc(33.33% - 8px);
    float: left;
    margin-right: 12px;
}
#content-1 .trening-img-4 div.vystava-image:nth-of-type(3n) {
    margin-right: 0;
}
#content-1 .trening-img-4 .trening-img-2 img {
    width: calc(66.67% - 4px);
}
#content-1 .trening-img-4 .trening-img-4 img {
    width: calc(33.33% - 8px);
}
#content-1 .trening-img-4 .trening-img-4 .vystava-image img {
    width: 100%;
}
#content-1 .trening-img-4 .trening-img-4 img:nth-of-type(4n) {
    margin-right: 12px;
}
#content-1 .trening-img-4 .trening-img-4 > img:nth-of-type(3n) {
    margin-right: 0;
}
#content-1 .trening-img-4 .trening-img-4 div:nth-of-type(3n) img {
    margin-right: 0;
}
#content-1 .trening-img-4 .trening-img-4 p {
    margin-left: calc(33.33% + 4px);
}

#content-1 .trening-img-2 img {
    margin: 0 12px 8px 0;
    width: calc(50% - 6px);
}
#content-1 .trening-img-2 img:nth-of-type(2n) {
    margin-right: 0;
}
#content-1 .trening-img-2 p {
    margin-left: calc(50% + 6px);
}
#content-1 div.trening-img:after {
    content: ".";
    display: block;
    height: 0;    
    clear: both;
    /* overflow: hidden;*/
    visibility: hidden; 
}
.trening-foned-p {
    padding: 0px 36px;
    background-color: #ffffff;
    color: #8e8e8e;
}
.art-agensy-fone {
    
}
.trener-fone {
    background-color: #ebddfe;
}
#trening p.blockquote {
    padding-left: 40px;
	color: #8e8e8e;
}
#trening p.blockquote.school-color {
    background: url(../images/trening/trening-arrow2.png) no-repeat 0 15% #fff;
}
#trening p.blockquote.trening-color {
    background: url(../images/trening/trening-arrow3.png) no-repeat 0 2px #fff;
}
#trening p.blockquote.art-agensy-color {
    background: url(../images/trening/trening-arrow4.png) no-repeat 0 15% #fff;
}
.trening-date {
    font-size: 18px;
    display: block;
    padding: 0;
    float: left;
    clear: both;
    width: 25%;
}
.trening-rozklad {
    float: left;
    width: 75%;
}
#trening .trening-rozklad p:first-of-type {
    font-size: 18px;
    margin-top: 0;
}

#trening iframe {
    margin: 0 12px 8px 0;
    width: calc(50% - 6px);
}

.art-agensy-button {    
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    padding: 6px 15px;
    background-color: rgba(187,30,94,1);
    border: 1px solid rgba(187,30,94,1);
    border-radius: 2px;
    margin-left: 22px;
    float: right;
}
.art-agensy-button:hover {
    background-color: rgba(187,30,94,0.8);
    border: 1px solid rgba(187,30,94,0.8);
}
.kupyt-button { padding: 6px 40px; float: none; margin-left: 0; margin-top: 10px; text-decoration: none !important;} 
.kupyt-button:hover {color: #fff;}
.book-kupyt { cursor: pointer; float: left; display: block; font-size: 20px; line-height: 1; 
    background-color: #fff;
    padding-right: 10px;}
.book-kupyt-div + div { display: none; padding-bottom: 30px;}
.book-name { cursor: pointer; background-color: #fff; padding-right: 10px; }
.dotted { background: url(../images/dot-red.png) repeat-x 0 65% #fff !important;} 

/*   /Trening  */

@media screen and (max-width: 1200px) {
    li#reg-large {
        display: none;
    }
    li#reg-small {
        display: block;
    }
}
@media screen and (max-width: 1409px) {
    #content { width: 662px; height: calc(100% - 14px); }    /*   #content { width: 460px; height: calc(100% - 14px); }   */
    #poster { width: 468px; }
    #poster > div, #poster div.poster-b2 { padding-left: 14px; }
    #poster-b1 { top: 14px; }
    #poster #direct-s { left: 14px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; top: 35px; }
    #direct-s p { font-size: 14px }
    #poster-b2 p:first-of-type, .poster-b2 p:first-of-type { font-size: 40px; }
    #poster-b3 p {margin-right: 14px; }   /* {padding-right: 24px; } */
    #poster-b3 { bottom: 14px; }
    /*.rslides_tabs { left: 9px !important; bottom: 7px !important; } */
    #nav-last {bottom: 0px;  padding-bottom: 14px; /* для background-color */}
    #content-zaglav {margin: 10px 0; }
    .footer { height: 40px; }
/*  .performance-hover-2k > p:first-of-type {  font-size: 10px; }  */ 
}
@media screen and (max-width: 1600px) {
    #content { width: 675px; }
    #content .column-32, #content .column-32bt { width: calc(33.3% - 13px); } 
    #content .column-2-3 { width: calc(33.33% - 13px); }
    #content .video { width: calc(33.33% - 13px); }    
}
@media screen and (max-width: 1235px) {
    #content .column-32, #content .column-32bt { width: 202px; }  
        #content .column-2-3 { width: 208px; } /* ???�???�?????�?? ?�?�?�???�?�! */
            #content .video { width: 205px; } /* ???�???�?????�?? ?�?�?�???�?�! */       
}
/*   /debugging!!!  */
/* TEMP! */
#content-1 img {
    float: left;
    margin: 0px 10px 0px 0px;
}
#p0 {
    height: 100%;
}
#content-1 {
    height: calc(100% - 76px); 
    overflow: auto;
}
#nav_dop {
    height: 10px; /*114*/
}
#partners-s {
    display: none;        
} 
@media screen and (max-height: 850px) {
    #nav_dop { display: none; }
    #partners-l { display: none; }
    #partners-s { display: block; }    
}
/*  TOTAL  */
.text-center { text-align: center; }
.float-r { float: right; }
.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}
/* slider */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
       /* height: 100%; */
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
    display: block;
	height: auto;
  /* float: left; */
  /* max-width: 100%; */
    height: 100%;
    border: 0;
    position: relative;
    left: 0;
}
#slider-pager-div {}
/*.rslides_tabs */ #slider-pager { 
    background: rgba(0,0,0,.25);
    list-style: none;
    margin: 0;
    padding: 5px;
    position: relative;  /*  absolute;
    left: 85px; 
    bottom: 33px;   */
    z-index: 3;
    display: inline-block;
  }
  
@media screen and (max-width: 1409px) {
    .rslides_tabs { bottom: 4px !important;  /* left: 9px !important; bottom: 14px !important; */ } 
}    
  
.rslides_tabs li {
    display: block;
    float: left;
    margin: 0 0 0 10px;
  }

.rslides_tabs a {
    width: 8px; /* temp!!!
    padding: 0 0 0 10px;
    height: 8px;  
    background: black;  */
    border: 1px solid #fff;
    display: inline;
  }  
.rslides_tabs li:first-child {
  margin-left: 0;
  }/*  temp!!!
.rslides_tabs .rslides_here a {
  padding: 0;
  } */
#slider-pager a {
    display: block;
    padding: 0;
    width: 10px;
    height: 10px;
} 
/* 
#slider-pager .rslides_here a {
 background: #fff;  
    padding: 2px; 
}*/
#slider-pager li:hover, #slider-pager li a:hover, #slider-pager li a img:hover  {
    cursor: pointer;
}
#slider-pager li a img {
    margin: 0;
    padding: 0;
    vertical-align: top;
}/* temp!!!*/
#slider-pager .rslides_here a {
    border: 1px solid #a0a0a0;
} 
/*   SVG  */    
    .demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
.sotsnet {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
      font-size: 18px;
      color: #000000;
      display: inline-block;
      text-decoration: none;
      margin-right: 18px;
      text-align: center;
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: 0;
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.sotsnet:hover {
   opacity: 1;     
}

.footer {
    height: 72px;
    clear: both;
}

/* ?�?�?? ???�?�?�?�?�?? (???�?�?????�?� ???�?�???�) */ 
#content-1 #photo-spektakl img.slide-content {
    float: none;
    margin: auto;
    width: auto;
    height: auto;
}
/*   /SVG   */  

/* Pop-up  */
#element_to_pop_up { 
    background-color:rgba(255,255,255,0.8);
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
     min-width:180px;
    /*min-height: 180px; */
        max-width: 400px;
    font-size: 18px;
}
.b-close{
    cursor: pointer;
    position: absolute;
    right: -20px;
    top: -36px;
    color: #101010;
    background: #fff;
    padding: 6px 12px;
    border-radius: 3px;
    font-weight: bold;
}
#my-button {
    font-size: 20px;
    font-weight: bold;
    background: #fff;  
    font-family: metanormallfc, Helvetica, sans-serif;  
    border: none;
    padding: 0;
    margin-bottom: 3%;
}
#my-button span {
    margin-right: 15px;
}
/* /Pop-up  */
#temp-div {
    color: white;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
    position: relative; 
    bottom: 380px; 
    left: 0; 
} 
@media screen and (max-width: 1409px) {
    #temp-div {
        padding-left: 14px;
        bottom: 434px; 
    }
}
/*  ?�?�?? ?�???????�?????� */
#logo-mask {
    display: block;
    position: absolute;
    top:0;
    left: 0;
    /* background: rgba(0,0,0,0.05); */
    width: 210px;
    height: 90px;
}
/*  /?�?�?? ?�???????�?????� */