@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans'), local('OpenSans'), url('../fonts/opensans/opensans.woff2') format('woff2'), url('../fonts/opensans/opensans.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/opensans/opensansitalic.woff2') format('woff2'), url('../fonts/opensans/opensansitalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans'), local('OpenSans'), url('../fonts/opensans/open-sans-600.woff2') format('woff2'), url('../fonts/opensans/open-sans-600.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
font-family: 'Rub';
src: url("data:font/opentype;base64,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") format("woff");
}
/*!
 * Font Awesome Free 5.0.12 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/webfonts/fa-solid-900.woff") format("woff"); }
body {
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
    background-color: #252525;
    background: url(../img/fon.png);
	/* copyrite */ 
	position: absolute;
	width: 100%;
	min-height: calc(100% - 20px);
	padding-bottom: 20px;
}
body.blur{
    background: #252525;
}
body.blur:before {
	content: "";
    position: fixed;
    top: 0; left: 0; right: 0;
    background: url(../img/fon.png);	
    height: 100%;
    filter: blur(3px);
	z-index: -1;
}
.fa,
.fas,
#style:after{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
 }
form {  
	margin: 0;
}
.hide{display:none}
:root {
/* ### Переменные страницы */
  --width-min: 464px;
  --width-max: 800px;
  --width-graph: 147px;
  --height-graph: 248px;
  --margin: 2px;
  --MEmargin: 2px;
  --block-height: 152px; /* высота блоков меню */
  --menu-margin-left: 50px;
  --font-h1: 36px;
  --font-h3: 20px;
  --font-h4: 17px;
  /* --size-ico: 66px; */ /* problem old Edge */
  --cont-bottom: 30px;
  --color-gray: #424352;
  --color-gray-hover: #555769;
}
.h3 {
	font-size: var(--font-h3);
}
.h4 {
	font-size: var(--font-h4);
}
.i {
	font-style: italic;
}
.small{
	font-size: 90%;
}
.block{
	display: block;
}
.content p{
	margin: 1em 0 0 0;
}
.content li + li {
	margin-top: 4px;
}
.m1 {
	margin:	4px 10px 0;
	margin-left: calc(var(--menu-margin-left)*1.4);
}
.m2 {
	position: relative;
	margin:	10px 10px 0;
	margin-left: calc(var(--menu-margin-left)*1.4);
}
textarea.m2 {
	width: calc(100% - var(--margin)*2 - calc(var(--menu-margin-left)*1.4*2))
}
.m3 {
	position: relative; /* add */
	margin:	20px 10px 0;
	margin-left: calc(var(--menu-margin-left)/1.25);
}
.m3green {
	background: #008000;
	margin:	20px 10px 0;
	margin-left: calc(var(--menu-margin-left)/1.25);
}
.m3green:hover {
	background: #009200;
	border: 2px solid #393946;
}
.m3red {
	background: #D84136;
	margin:	20px 10px 0;
	margin-left: calc(var(--menu-margin-left)/1.25);
}
.m3red:hover {
	background: #D3635B;
	border: 2px solid #393946;
}
.m4 {
	margin:	26px 10px 0;
	margin-left: calc(var(--menu-margin-left)/1.25);
}
.m5 {
	margin:	4px 10px 0;
	margin-left: calc(var(--menu-margin-left)/1.25);
}
.underline,.give {
	display: inline-block;
	border-bottom: 1px dashed;
	line-height: 1.2;
}
.give {
	 border-color: #ffe400;
}
.shout.fas{
	font-size: 30px;
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.8);
}
.spoiler > div{
	opacity: 0;
    max-height: 0px;
    overflow: hidden;
    transition: max-height .6s ,opacity .4s;
}
.spoiler.active > div{
	transition: max-height .6s ,opacity .7s;
}
.spoiler.active > div{
	opacity: 1
}
.spoiler:before{
	content: attr(data-open);
	display: inline-block;
	font-style: italic;
	cursor: pointer;
}
.spoiler:hover:before{
	text-decoration: underline;
}
.spoiler.active:before{
	content: attr(data-close)
}
.head,.menu,.info,.info_red,.info_green,.pod-menu,.crumbs,.content{
	width: calc(100% - var(--margin)*2);
	max-width: var(--width-max);
	margin:auto;
}
ul {
	list-style: none; 
}
.one {
	background: #f5861a;
}
.two {
	background: linear-gradient(to top left, #803d9c, #9956b5);
}
.two + .two,.two.banner {
	background: #8e44ad;
	box-shadow: 0px calc(1px - var(--margin)*2) 0px 0px var(--color-gray);
}
.three {
	background: linear-gradient(to top left, #007681, #198f9a);
}
.four,.blue {
	background: linear-gradient(to top left, #4e5dab, #6776c4);
}
.five {
	background: linear-gradient(to top left, #566879, #6f8192);
}
.six {
	background: linear-gradient(to top left, #777354, #908c6d);
}
.seven {
	background: linear-gradient(to top left, #727272, #828282);
}
.personal {
	background: linear-gradient(to top left, #bf4040, #c65353);
}
.one,.two,.three,.four,.five,.six{
	overflow: hidden;
}
.rub:after{
	font-family: 'Rub';
	content: "\0020BD";
	font-size: 88%;
	padding-left: 6px;
}
.two .chn-tarif #descr{
	position: relative;
	float: right;    
	width: 45%;
	box-sizing: border-box;
    padding: 10px;    
}
.two .chn-tarif form{  
	float: left;
	width: 55%;
	margin: 0;
	box-sizing: border-box;
}
.content .service {
	padding:10px 4px;
}
.service > div{
	display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
}
.service button{min-width: 140px;}
.service > .a .shout.fas{color: rgba(255, 255, 255, 0.5);}
.service > .a{width: 8%;text-align: center;}
.service > .b{width:72%;padding-right:4px;}
.service > .c{width:20%;}
.service > .b > div:nth-child(2){
	margin-top: 4px;
	margin-bottom: 2px;
}
.service > .b .small + .small{font-size: 86%}
.two.service .h4 a{
	white-space: nowrap;	
}
.head {
	display: flex;
	margin: 6px auto 14px auto;
	color:white;
    justify-content: space-between;
}
.head > div:first-child {
	display:inline-block;
	font-size:44px
}
.head > div:last-child {
	display:inline-block;
	position: relative;
	margin: auto 0;
	text-align: right;
}
.head a,.head a:visited{
	color: inherit;
	text-decoration: none;
}
.head > div > div:nth-child(2):hover,.head a:hover{
	color: #cacaca;
	cursor: pointer;
}
.info > div,.info > div:before {
	display: inline-flex;
	align-items: center;
}
.info > div{	
	position: relative;
	width: calc(100% - var(--margin)*2);
    box-sizing: border-box;
	min-height: 44px;
	margin:  var(--margin);
	padding: 8px 8px 9px 50px;
	color: white;
	border: 1px solid #5a5c67;
    background: #44464e;
}
.info > div:before {
    content: "\f05a";
	left: 8px; top: 0; bottom: 0;
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	font-size: 30px;
    font-weight: 900;
}
.info > div.warning:before {
    content: "\f071";
}

.info_red > div,.info_red > div:before {
	display: inline-flex;
	align-items: center;
}
.info_red > div{	
	position: relative;
	width: calc(100% - var(--margin)*2);
    box-sizing: border-box;
	min-height: 44px;
	margin:  var(--margin);
	padding: 8px 8px 9px 50px;
	color: white;
	border: 1px solid #5a5c67;
    background: #D44949;
}
.info_red > div:before {
    content: "\f05a";
	left: 8px; top: 0; bottom: 0;
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	font-size: 30px;
    font-weight: 900;
}
.info_red > div.warning:before {
    content: "\f071";
}


.info_green > div,.info_green > div:before {
	display: inline-flex;
	align-items: center;
}
.info_green > div{	
	position: relative;
	width: calc(100% - var(--margin)*2);
    box-sizing: border-box;
	min-height: 44px;
	margin:  var(--margin);
	padding: 8px 8px 9px 50px;
	color: white;
	border: 1px solid #5a5c67;
    background: #81A36A;
}
.info_green > div:before {
    content: "\f05a";
	left: 8px; top: 0; bottom: 0;
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	font-size: 30px;
    font-weight: 900;
}
.info_green > div.warning:before {
    content: "\f071";
}



.menu:after {
    content: "";
    display: table;
    clear: both;
}
.menu > div {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	float:left;
	margin:  var(--MEmargin);
	padding: 4px;
	text-align: right;
	color: white;
	z-index: 1;
	transition: box-shadow .3s, transform .3s;
}
.menu > div:nth-child(n+2):hover {
    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.5);
    transform: scale(1.06) translate(0, -6%);
    position: relative;
    z-index: 2;
    transition: box-shadow .2s, transform .2s;
}
.menu > div.deac {opacity: .5;}
.menu > div.deac:hover {cursor: default;box-shadow: none;transform: none;}
.menu > div:nth-child(n+2):after {
    display: block;
	position: absolute;
    content: attr(data-html);
	right: 12px;
    bottom: 4px;
	font-size: 23px;
}
.menu > .one {
	width: calc(75% - var(--MEmargin)*2);
	height: calc(var(--block-height)*2 + var(--MEmargin)*2);
	text-align: left;
}
.menu > .one .h3 {
	display: flex;
    align-items: center;
    margin: 10px 0px 10px;
	margin-left: calc(var(--menu-margin-left)*2);    
	height: 66px;
}
.menu > .one .h3 span {
	display: contents;
}
.menu > .one .vg {
	margin: 0px 0px 0px;
	margin-left: calc(var(--menu-margin-left)*2);
	width: calc(100% - var(--width-graph) - var(--menu-margin-left)*2);
	white-space: nowrap; 
}
.menu > .one .txt {
	width: calc(100% - var(--width-graph));
}
.vg > div {
	display:inline-block;
}
.vg > div + div {
	padding-left: calc(var(--menu-margin-left)/1.6);	 
}
.vg > div > div:first-child {
	font-size: 14px;
	font-style: italic;
}
.vg > div > div:last-child {
	font-size: var(--font-h1);
}
.menu > .one > .txt > div {
	font-style: italic;
	margin: 10px 0px 0px;
	margin-left: var(--menu-margin-left);
}
.menu > .one > .txt > div:nth-child(2) {
	margin-top: 14px;
}
.menu > .one > .txt > div:nth-child(n+3) {	
	margin-top: 9px;
}
.menu > .one > .graph {
	display: block;
	position: absolute;
	width: var(--width-graph); 
	height: var(--height-graph);
	top: 58px;
	right: 10px;	
}
.menu > .two {
	width: calc(50% - var(--MEmargin)*2);
	height: var(--block-height);
	text-align: left;
}
.menu > .two > .txt > div {
	font-style: italic;
	margin: 20px 0px 0px;
	margin-left: calc(var(--menu-margin-left)*2);
}
.menu > .two > .txt > div:nth-child(2) {
	margin-top: 2px;
	font-style: normal;
	font-size: 16px;
}
.menu > .two > .txt > div:nth-child(3) {
	margin-top: 6px;
}
.menu > .three,.menu > .four,.menu > .five,.menu > .six {
	width: calc(25% - var(--MEmargin)*2);
	height: var(--block-height);
}
.menu > div > span {
	font-size: 23px;
	margin-right: 4px;
}
.menu > div > i.fas { 
	display: block;
	position: absolute;    
	font-size: 66px;
	margin: 10px;
	background: -webkit-linear-gradient(white, #e6e6e6);	 background: -o-linear-gradient(white, #e6e6e6);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
	background-clip: text;
}
.menu > div > i.fas.active:after{
	content: attr(data-html);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
	background: rgba(66, 67, 82, 0.9);
	font-family: 'Open Sans', sans-serif;
	font-size: 16px; 
	font-weight: 400;
	color: white;
	height: 30px; width: 30px;
    right: -10px;  bottom: -10px;
    border-radius: 50%;
	-webkit-text-fill-color: initial;
}
.content,.content a,.content a:visited,.info a,.info a:visited{ 
    color: white;
}
.content > div a:hover,.info a:hover{ 
    color: black;
}
.content > div {
	display: inline-block;
	vertical-align: top;
    width: calc(100% - var(--margin));
    box-sizing: border-box;
	margin: var(--margin);
	padding: 4px;
	padding-bottom: var(--cont-bottom);
	position: relative;
}
.content > div:first-child:before {
    content: "";
    display: table;
    clear: both;
}
.content > div:first-child > .fas {
    display: block;
    position: absolute;
    font-size: 200px;
    margin: 10px; 
	right: 0;
    color: white; 
	opacity: .06
}
.content > a {
    display: inline-flex;
    width: calc(100% - var(--margin));
    box-sizing: border-box;
	margin: var(--margin);
	padding-left: var(--menu-margin-left);
	min-height: 50px;
	font-size: 16px;
	color: white;
	text-decoration: none;
	align-items: center;
	background-color: var(--color-gray);
	transition: all 0.2s;
}
.content > a:hover {
    box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.5);
    transform: scale(1.02) translate(0, -6%);
    transition: all 0.2s;
}
.content ul {
    padding: 0;
	margin-bottom: 0;
}
button{
	cursor: pointer;
	outline: none;
	min-height: 36px;
    text-transform: uppercase;
    color: #ffffff;
    background: var(--color-gray);
    border: 2px solid #393946;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.57);
    font-weight: 500;    
    font-size: 14px;
    padding: 0 14px;    
    font-family: 'Open Sans', sans-serif;
}
button:hover {
	background: var(--color-gray-hover);
	border-color: #393946;
}
button:disabled{opacity: .8;cursor: not-allowed;}
button:hover:disabled{background: var(--color-gray);
}
.content table,.ticket,.two .chn-tarif #descr{
	background: rgba(255, 255, 255, 0.05);
	border: 4px solid rgba(255, 255, 255, 0.14);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
} 
.content table{
    border-spacing: 0;
	color: white;
	font-size: 14px;
}
.content table th{
    font-weight: normal;	
}
.content table td,.content table th{    
	padding: 10px;
}
.content table td{
	border-top: 2px solid rgba(255, 255, 255, 0.07);
	border-top: 1px solid rgba(0, 0, 0, 0.15);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.ticket > div {
	padding: 8px;
}
.ticket > div:nth-child(n+2) {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.ticket > div > div {
	padding: 3px;
}
.ticket > div > div:nth-child(-n+2),.ticket > div > div:nth-child(4){
	font-style: italic;
}
.payments,.ticket{
    margin: 20px 20px 0 20px;
}
.payments td .fas{
    opacity: .9;
}
.payments td:nth-child(1),.payments td:nth-child(n+3):nth-child(-n+4){
	white-space: nowrap;
} 
.payments td:nth-child(-n+3){
	text-align: right;
} 
.payments .fas.fa-minus-circle {color: #fbafaa}
.payments .fas.fa-plus-circle {color: #99fb9c}
.content.news > a{
	position: relative;
	padding-left: 180px;
}
.content.news > a > span{
    display: flex;
    position: absolute;
    align-items: center;
	background: var(--color-gray);
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0 20px;
	font-size: 86%;
}
.crumbs ul{
	overflow: hidden;	
	margin: var(--margin);
	padding: 0;
	font-size: 14px;	
	overflow-x: auto;
	white-space: nowrap;
}
.crumbs li{
	display: inline-block;
	vertical-align: top;
	margin: 0 calc(.82em + var(--margin)*2) 0 0px;
}
.crumbs li:first-child{
	margin-left:0;
}
.crumbs a{
	background: var(--color-gray);	
	float: left;
	text-decoration: none;
	color: white;
	text-shadow: 0 1px 0 rgba(0,0,0,.5); 
	position: relative;
	padding: 0 1em;
	display: flex;
	align-items: center;
	height: 40px;
}
.crumbs a:hover{
	background: var(--color-gray-hover);
}
.crumbs a:before{
	content: "";
	position: absolute;
	top: 50%; 
	margin-top: -1.5em;   
	border-width: 1.5em 0 1.5em 1em;
	border-style: solid;
	border-color: var(--color-gray) var(--color-gray) var(--color-gray) transparent;
	left: -1em;    
}
.crumbs a:hover:before{
	border-color: var(--color-gray-hover) var(--color-gray-hover) var(--color-gray-hover) transparent;
}
.crumbs a:after{
	content: "";
	position: absolute;
	top: 50%; 
	margin-top: -1.5em;   
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid var(--color-gray);
	right: -1em;
}
.crumbs a:hover:after {
	border-left-color: var(--color-gray-hover);
}
.crumbs .fas {
	font-size: 18px;
}
.crumbs .fa-home:before {
    margin-right: -6px;
}
.crumbs a.false:hover{background: var(--color-gray);cursor:default}
.crumbs a.false:hover:after{border-left-color: var(--color-gray);}
.crumbs a.false:hover:before{border-color: var(--color-gray) var(--color-gray) var(--color-gray) transparent;}
input:-moz-focus-inner {
	border: 0;
}
input[type="radio"],input[type="checkbox"]{ 
	display: none; 
} 
input[type="radio"] + label,input[type="checkbox"] + label{ 
	font-weight: 400; 
	cursor:pointer;
} 
input[type="radio"] + label:before,input[type="checkbox"] + label:before{
	content: "";
	display: inline-block; 
	width: 12px; 
	height: 12px;
	margin: -2px 14px 0 0; 
	vertical-align: middle; 
	cursor: pointer; 	
	border: 3px solid #ffffff; 
} 
input[type="radio"] + label:before{
	-moz-border-radius: 50%; 
	border-radius: 50%; 
} 
input[type="radio"] + label:before,input[type="checkbox"] + label:before{ 
	background-color: #fff; 
} 
input[type="radio"]:checked + label:before,input[type="checkbox"]:checked + label:before{ 
	background-color: var(--color-gray);
	box-shadow: 2px 2px 2px rgba(0,0,0,.1); 
} 
input[type="radio"] + label:before, input[type="radio"]:checked + label:before,
input[type="checkbox"] + label:before, input[type="checkbox"]:checked + label:before{ 
	-webkit-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear; 
}
input[type="text"],input[type="password"],textarea{
	padding: 0 7px;
    color: #525864;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
	transition: background 0.1s, border 0.1s;
}
input[type="text"],input[type="password"]{
    height: 32px;
	width: 200px;
}
div input[type="text"]:focus,div input[type="password"]:focus,div textarea:focus{
    outline: none;
	border-color: rgba(0, 0, 0, 0.8);
    transition: background 0.1s, border 0.1s;
}
input[type="text"].pay{
	width: 80px;
    font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 15px;
}
textarea{
    font: 400 15px 'Open Sans';
	padding: 7px; 
	resize: vertical;
	max-width: 640px;
	width: 100%;
}
select {
	outline: none;
    cursor: pointer;
	appearance: none; -webkit-appearance: none; -moz-appearance: none;
	background: var(--color-gray);
	border: 2px solid #393946;
	height: 32px;
    padding: 0 18px 0 7px;    
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 15px;
	color: #ffffff;
    transition: 0.2s;
}
.select:after {
	content: "\25BC";
	position: absolute;
    font-size: 10px;
	margin: 0;
    margin-left: -16px;
    pointer-events: none; 
	transform: translateY(68%);
}
.fas.animate:after,.menu > div > i.fas.active.animate:after {
	animation-name: blink;
	animation-timing-function: linear;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
}
.fas.fa-piggy-bank.active.animate:after {
	background-color: transparent;
	background-repeat: no-repeat;
    background-image: linear-gradient(#fff,#fff);
    background-size: 6px 17px;
    background-position: 50% 50%;
}
.fas.fa-piggy-bank.active.animate:after {
	content: "\f06a";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	font-size: 30px;
	color: rgba(244, 67, 54, 0.9);
}
.one.animate.go:before{
 	animation-name: red;
	animation-timing-function: linear;
	animation-duration: .6s;
	animation-iteration-count: 1;
	content: "";
	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	opacity: 1;	
	background: #d44949;
	z-index: -1;
}
.one.animate.go .shout.fas.fa-exclamation-circle{
	animation-name: blink;
	animation-timing-function: linear;
	animation-duration: .36s;
	animation-delay: .8s;
	animation-iteration-count: 5}
@keyframes red {
  0% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0 ) 0%, #f5861a 0%, #f5861a 100%);}
  5% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.05 ) 5%, #f5861a 5%, #f5861a 100%);}
  10% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.1 ) 10%, #f5861a 10%, #f5861a 100%);}
  15% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.15 ) 15%, #f5861a 15%, #f5861a 100%);}
  20% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.2 ) 20%, #f5861a 20%, #f5861a 100%);}
  25% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.25 ) 25%, #f5861a 25%, #f5861a 100%);}
  30% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.3 ) 30%, #f5861a 30%, #f5861a 100%);}
  35% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.35 ) 35%, #f5861a 35%, #f5861a 100%);}
  40% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.4 ) 40%, #f5861a 40%, #f5861a 100%);}
  45% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.45 ) 45%, #f5861a 45%, #f5861a 100%);}
  50% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.5 ) 50%, #f5861a 50%, #f5861a 100%);}
  55% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.55 ) 55%, #f5861a 55%, #f5861a 100%);}
  60% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.6 ) 60%, #f5861a 60%, #f5861a 100%);}
  65% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.65 ) 65%, #f5861a 65%, #f5861a 100%);}
  70% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.7 ) 70%, #f5861a 70%, #f5861a 100%);}
  75% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.75 ) 75%, #f5861a 75%, #f5861a 100%);}
  80% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.8 ) 80%, #f5861a 80%, #f5861a 100%);}
  85% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.85 ) 85%, #f5861a 85%, #f5861a 100%);}
  90% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.9 ) 90%, #f5861a 90%, #f5861a 100%);}
  95% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 0.95 ) 95%, #f5861a 95%, #f5861a 100%);}
  100% {background: radial-gradient(circle at 50% 50%, rgba( 212, 73, 73, 1 ) 100%, #f5861a 100%, #f5861a 100%);}
}
.space{
    display: flex;
	position: absolute;	
    right: 0; bottom: 0; left: 0; top: 0;
    align-items: center;
}
.space .a-black a{
	color: white;
	text-decoration: none;
}
.space .a-black a:hover{
	color: #9e9e9e;
}
.space .login{display:inline-block;text-align: center;}
.space .login,.space .form{
    margin: auto;
    padding: 0px 25px 25px;
    background: linear-gradient(#f9f9f9,#e6e6e6);
    box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.42), 0px 4px 100px rgba(255, 255, 255, 0.3);
    border-radius: 5px;
}
.space .form input[type="text"],.space .form input[type="password"]{
    width: 250px;
}
.space .m2{margin:0;margin-top: 10px}
.space .m3{margin:0;margin-top: 20px}
.space input[type="text"],.space  input[type="password"]{
	display: block;
}
.space input[type="text"],.space  input[type="password"]{
	font-family: 'Open Sans', sans-serif;
    height: 36px;
	font-size: 15px;
}
.space input[type="text"]:focus,.space  input[type="password"]:focus{
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.14);
}
.space .fas{
	font-size: 30px;
	vertical-align: middle;
	margin-bottom: 4px;
	margin-right: 10px;
}
.space .err{
	color:red;
	font-weight: 600;
}
.space .error{
    color: #D82741;
    font-size: 11px;
	font-weight: 600;
    text-align: justify;
}
.space .acc{
	color:green;
	font-weight: 600;
}
.space .mess{top: -46px;color: white;position: absolute;}
.space.confirm {
	position: fixed;
	z-index: 10;
	animation-name: fade;
	animation-duration: .3s;
	background-color: rgba(0, 0, 0, 0.4)
}
.space.confirm.close,
.space.confirm.close > div{
	transition: .2s;
	opacity: 0;	
}
.space.confirm.close > div {
	transform: translate(0,-10px);
}
.space.confirm > div{
	max-width: var(--width-max);
	margin: auto;
	color: white;
	padding: 20px;	
	background-color: #efefef;	
	color: black;
    background: linear-gradient(#f9f9f9,#e6e6e6);    
	box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.42), 0px 30px 100px rgba(0, 0, 0, 0.6);
    border-radius: 3px;
	animation-name: fadeS;
	animation-duration: .3s;
}
.space.confirm > div > div{
	font-size: var(--font-h4);
}
.space.confirm > div > div.b{
	text-align: center;
}
.space.confirm button{
	margin-top: 20px;
	min-width: 90px;
	min-height: 33px;
	background: #595a65;
    border: 1px solid #393946;
	border-radius: 3px;
}
.space.confirm button:hover{background: #747684;}
.space.confirm button + button {
	margin-left: 20px;
}
.space.lock{	
	background: radial-gradient(at top, rgba(181, 63, 63, 0.8), rgba(37, 37, 37, 0));
	/* min-height: max-content; */
}
.space.lock{
	color: #e3e6f3;
}
.space.lock a,.space.lock a:visited{text-decoration: none;font-style: italic; font-weight: 500;color: #e7f4ff;}
.space.lock a:hover,.space.lock.a a:hover,.space.lock.a a:visited:hover{color: #2196F3;}
.space.lock > div{
	margin: auto;	
}
.space.lock > div .fas{
	font-size: 160px;
	vertical-align: middle;
	margin: 30px 20px;
}
.space.lock > div > div{
	display:inline-block;
	font-size:100px;
	font-weight:700;
	vertical-align: middle;
	line-height:1
}
.space.lock > div > div > div{
	font-size: 15px;
	margin-top: 10px;	
}
.space.lock .m{
	position:absolute;
    left: 0; right: 0; bottom: 0;
	padding-bottom: 2px;
    text-align: center;    
	background: rgba(0, 0, 0, 0.5);    
    text-transform: lowercase;
}
.space.lock.a{background: radial-gradient(at top, rgba(63, 181, 94, 0.76), rgba(37, 37, 37, 0))}
.space.lock.a > div > div{font-size:40px;line-height:1.5}
.space.lock > div > div > div + div{margin-top: 6px}
@keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeS {
    from {transform:translate(0,-10px)}
    to {transform:translate(0,0)}
}
.faqHead{
	margin:0px;padding:0px;border:0px;font-weight:bold;
}
.faqQuestion{
	margin:0px;padding:0px;border:0px;color:#ffeb3a;
}
.copyrite {
    position: absolute;
    font-size: 13px;
    text-align: center;
	color: rgba(255, 255, 255, 0.5);
    bottom: 0;
    width: 100%;
}
#style {
    position: absolute;
    text-align: center;
	cursor: pointer;
    color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.2);
    top: 0px;
    right: 14px;
    padding: 4px 6px;
    font-size: 21px;
	transition: background .1s;
}
#style:hover {
	background: rgba(255, 255, 255, 0.3);
}
#style:after {
	content: "\f1fc";
	/* content: "\f185"; */
}  
/* 
	 #######################
	 ##### White Style #####
	 #######################
*/ 
@font-face {
    font-family: 'Raleway';
    src: local('Raleway Medium'), local('Raleway-Medium'), url('../fonts/raleway/ralewaymedium.woff2') format('woff2'), url('../fonts/raleway/ralewaymedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: local('Raleway Regular'), local('Raleway-Regular'), url('../fonts/raleway/ralewayregular.woff2') format('woff2'), url('../fonts/raleway/ralewayregular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
body.white {
  --MEmargin: 5px; /* Отступ меню на главной */
  --color-gray: rgba(66, 136, 191, 0.85);
  --color-gray-hover: rgba(66, 136, 191, 1);
}
body.white,
body.white.blur,
.white .space .mess,
.white .menu > .one,
.white .content,
.white .info a,
.white .info a:visited,
.white .content table,
.white .one.animate .underline,
.white .content.news a,
.white .info > div{
	color: #35393e;
}
.white .head{
	color: #5a5a5a;
	width: calc(100% - var(--MEmargin)*2);
	margin: 14px auto;
}
.white .content a,
.white .form a,.white .form a:visited{
	color: #006cc1;
}
.white .form a:hover{color: black;}
.white .content.news a:hover,
.white .content.news span,
.white .content > div ~ a{ /* кнопки меню */
	color: white;
}
@media only screen and (max-width: 500px){
.white .content.news a span  {
	color: inherit;
}
}
body.white ,body.white.blur {
    background: #e4e4e4 url(../img/fon_grunge_wall.png);
}
body.white.blur:before {
    display: none;
}
.white .space .login,.white .space .form {
    background: #fff;
	border-radius: 0; 
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.56), 0px 4px 200px rgba(0, 0, 0, 0.35);
}
.white input[type="text"],.white input[type="password"],.white textarea {
	border-width: 1px;
	border-color: #b2b2b2;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.08);
}
.white input[type="radio"] + label:before,.white input[type="checkbox"] + label:before {
    width: 12px;
    height: 12px;
    border: 4px solid #5a96c5;
}
.white input[type="radio"]:checked + label:before,.white input[type="checkbox"]:checked + label:before {
    background-color: white;
}
.white input[type="radio"] + label:before,.white input[type="checkbox"] + label:before {
    background-color: #5a96c5;
}
.white button,
.white select {
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.15);
	background: #666f82;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.white button:hover {
    background: #4288bf; /* 1 */
    border-color: rgba(0, 0, 0, 0.15);
}
.white .shout.fas,.white .service > .a .shout.fas,
.white .info > div:before{
    color: #4288bf; /* 1 */
}
.white i.fa-plug:before {
    content: "\f14a";
}
.white #login + #pass + button {
	width: 100%
}
.white .space .a-black a {
    color: #35393e;
}
.white .space .mess,
.white .space .a-black a,
.white .head {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.white .space .a-black a:hover {text-decoration: underline;}
.white .space .a-black > div {
    margin-top: 10px;
}
.white .one,.white .two,.white .three,.white .four,.white .five,.white .six,.white .two + .two,.white .two.banner,
.white .menu > div.deac:nth-child(n+2),.white .menu > div.deac:nth-child(n+2):hover,
.white .content.news a,
.white .info > div{
	background: white;
}
.white .one,.white .two,.white .three,.white .four,.white .five,.white .six,.white .two + .two,.white .two.banner,
.white .menu > div.deac:nth-child(n+2),.white .menu > div.deac:nth-child(n+2):hover,
.white .content > a,.white .content > a:hover,
.white .info > div{
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.white .info > div {
	border:0;
	border-left: 6px solid #4288bf;
	width: calc(100% - var(--MEmargin)*2);
}
.white .info.deep > div {
	width: inherit;
}
.white .info {
    text-align: center;
}
.white .one .fas.fa-user-circle {
	color: #0a9677;
    text-shadow: none;
}
.white .menu > div {
	color: #35393e;
}
.white .menu > .one .vg {
    margin-left: var(--menu-margin-left);
	width: calc(100% - var(--width-graph) - var(--menu-margin-left));
    /* margin-top: 20px; */	margin-top: 16px;
}
.white .menu > .one .vg > div > div + div,
.white .menu > .one .vg > div + div > div + div{
	color: #0a9677;
}
.white .one .h3,
.white .vg > div > div:last-child {
	color: #0a9677;
}
.white .one .h3 {
	font-family: 'Raleway';
	font-size: 28px;
	font-weight: 400;
}
.white .one .h3 span{
	display: none;
}
.white .one {
    background: white;
	border-left: 6px solid #0a9677;
}
.white .menu > div > i.fas {
    -webkit-text-fill-color: inherit;
    color: #4288bf;
}
.white .menu > div:nth-child(n+2){
	background-repeat: no-repeat;
    background-size: 0% 2px;
    background-position: 60% calc(100% + 2px);
    background-image: linear-gradient(#4288bf,#4288bf);
    transition: background-size .25s;
}
.white .menu > div:nth-child(n+2):hover {
	transform: none;
    background-size: 100% 8px;
	transition: background-size .2s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.white .menu > div:nth-child(n+2):after,
.white .menu > .two > .txt > div:nth-child(2),
.white .tarif {
	font-family: 'Raleway';
    color: #1768a9;
}
.white .tarif {
	font-size: 26px;
}
.white .menu > div:nth-child(n+2):after {
	text-shadow: 0 1px 0px rgba(23, 104, 169, 0.27);
    font-weight: 400;
	font-size: 23px;
	bottom: 7px;
}
.white .menu > .two > .txt > div:nth-child(2) {
    font-size: 19px;
    font-weight: 500;
}
.white .head > div:first-child {
    font-family: 'Raleway';
    font-size: 40px;
} 
.white .vg > div.txt > div:first-child,
.white .menu > .one > .txt > div {
	font-style: normal;
}
.white .menu > .one .txt > div:last-child {
	font-style: italic;
}
.white .menu > .one > .txt > div {
    /* margin-top: 18px;  */   margin-top: 14px;
}
.white .menu > .one > .txt > div:nth-child(2),
.white .menu > .one > .txt > div:nth-child(n+3){
    margin-top: 6px;
}
.white .underline,.white .give {
    background: #0a9677;
    color: white;
    padding: 0px 5px 3px 5px;
    border-radius: 3px;
	border: none;
}
.white .white .content > a{
    padding-left: 26px;
    font-size: 15px;
    min-height: 44px;
    color: white;
    transition: all 0.1s;
}
/* .white .content > a:hover { */
.white div.content > a:hover {
	background-color: var(--color-gray-hover);
    transform: none;
	transition: all .1s;
}
.white .crumbs a {
    height: 38px;
    line-height: 1;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.white .content > div:first-child > .fas {
    color: #1768a9;
    opacity: .06;
}
.white .lng > a{
    display: inline-block;
	margin: 10px;
    padding: 4px 12px 0 12px;
	background: rgba(0, 0, 0, 0.05);
	opacity: .8;
}
.white .lng > a:hover{
    opacity: 1;
	background: rgba(23, 104, 169, 0.1);
}
.white .content table,.white .ticket,.white .two .chn-tarif #descr {
    background-color: rgba(0, 0, 0, 0.03);
    border-color: rgba(0, 0, 0, 0.14);
	border-width: 2px;
}
.white .ticket{
    text-shadow: none;
    font-size: 14px;
}
.white .content table td,.white .content table th {
    padding: 8px 10px;
	border-color: rgba(0, 0, 0, 0.1);
}
.white .content table,.white .content table td {
    text-shadow: none;
}
.white .payments .fas.fa-plus-circle {
    color: #5bca5f;
}
.white .payments .fas.fa-minus-circle {
    color: #ff645a;
}
.white .faqQuestion{
	margin:0px;padding:0px;border:0px;color: #0077d6;
}
.white .content table,.white .ticket,.white .two .chn-tarif #descr {
    text-shadow: none;
}
.two .chn-tarif #descr {
    width: 43%;
	margin-right: 2%;
}
.white .one.animate.go:before{
 	display:none;
 }
.white .one.animate.go{
    border-left: 6px solid #d22a2a;
	transition: border 1s;
 }
.white .one.animate .underline{
    background-color: white;
}
.white .one.animate .shout.fas.fa-exclamation-circle {
	color: white;
}
.white .one.animate.go .fas.fa-user-circle,
.white .one.animate.go .h3,
.white .one.animate.go .vg > div > div + div,.white .one.animate.go .vg > div + div > div + div,
.white .one.animate.go .shout.fas.fa-exclamation-circle,
.white .space .mess .shout.fas{
    color: #d22a2a;
	transition: color 1s;
}
.white .one.animate.go .underline {
    background-color: #d22a2a;
	color: white;
	transition: 1s;
}
.white .fas.fa-piggy-bank.active.animate:after {
	color: #d22a2a;
	background: none;
}
.white .one.animate.go .shout.fas.fa-exclamation-circle {
    animation-duration: .4s;
    animation-delay: .6s;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
} 
.white #canvas{
	animation-name: fadeIn;
	animation-timing-function: linear;
	animation-duration: .4s;
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% { opacity: 1;}
}
@-webkit-keyframes autofill {
  to {
    color: inherit;
    background: transparent;
  }
} 
.white input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}
.white .copyrite {
    color: #5a5a5a;
}
.white #style {
	color: rgba(0, 0, 0, 0.4);
    background: rgba(0, 0, 0, 0.08);
}
.white #style:hover {
	background: rgba(0, 0, 0, 0.12);
}
.white #style:after {
	content: "\f186";
}
.white .space.confirm > div {
    background: #efefef;
}
#style.auto:after {
	content: "\f017";
}
.white .one{
	transition: border 1s;
 }
 /* 
	 ###########################
	 ##### End White Style #####
	 ###########################
*/ 
/* 
	 #######################
	 ##### Black Style #####
	 #######################
*/
body.white.black {
	--color-gray: rgba(30, 89, 136, 0.6);
	--color-gray-hover: rgb(30, 89, 136); 
} 
body.white.black, body.white.black.blur {
    background: #111;
	--MEmargin: 1px;
}
.white.black .space .mess,
.white.black .space .a-black a,
.white.black .head {
    text-shadow: none;
}
.white.black .head {
    color: #909090;
}
.white.black .one.animate.go {
    text-shadow: 0 1px 0 rgb(0, 0, 0);
}
body.white.black,
body.white.black.blur,
.white.black .space .mess,
.white.black .menu > .one,
.white.black .content,
.white.black .info a,
.white.black .info a:visited,
.white.black .content table,
.white.black .one.animate .underline,
.white.black .content.news a,
.white.black .info > div,
.white.black #style,
.black input[type="text"], 
.black nput[type="password"], 
.black textarea,
.white.black .space .a-black a{
    color: #afafaf;
}
.black .content > div a:hover,.black .info a:hover {
    color: rgba(255, 255, 255, 0.8);
}
.white.black .content.news a:hover,
.white.black .content.news span,
.white.black .content > div ~ a,
.white.black .crumbs a,
.white.black .crumbs a:hover,
.white.black .form a:hover{
	color: #b0beca;
}
.white.black .one,
.white.black .two,
.white.black .three,
.white.black .four,
.white.black .five,
.white.black .six,
.white.black .two + .two,
.white.black .two.banner,
.white.black .menu > div.deac:nth-child(n+2),
.white.black .menu > div.deac:nth-child(n+2):hover,
.black .content.news a,
.white.black .info > div,
.black .one.animate .underline,
.white.black .space .login, 
.white.black .space .form {
    background: #1f272d;
}
.black .one.animate .shout.fas.fa-exclamation-circle {
    color: #1f272d;
}
.white.black #style {
    background: rgba(255, 255, 255, 0.1);
}
.white.black #style:hover {
    background: rgba(255, 255, 255, 0.15);
}
.white.black #style:after {
	content: "\f185";
} 
.white.black .menu > div,
.white.black .menu > div:nth-child(n+2):after,
.white.black .menu > .two > .txt > div:nth-child(2),
.white.black .tarif {
    color: #afafaf;
}
.white.black .menu > div > i.fas {
    background: transparent;
}
.white.black input[type="radio"]:checked + label:before,.white.black input[type="checkbox"]:checked + label:before {
    background-color: #111;
}
.white.black input[type="text"],.white.black input[type="password"],.white.black textarea{
    border-color: #484e59;
}
.white.black input[type="text"],.white.black input[type="password"],.white.black textarea {
    background: #111111;
}
.white.black input[type="text"]:focus, .white.black input[type="password"]:focus, .white.black textarea:focus {
	border-color: #848a96;
}
.white.black button, .white.black select {
    background: #3e4450;
	color: #e2e2e2;
	border-color: rgba(255, 255, 255, 0.07);
}
.white.black button:hover {
	background-color: var(--color-gray-hover);
}
.white.black .one.animate.go .underline {
    color: #ececec;
    text-shadow: none;
}
.white.black .content table, .white.black .ticket, .white.black .two .chn-tarif #descr,
.black .ticket > div:nth-child(n+2){
    border-color: rgba(255, 255, 255, 0.14);
}
.white.black .content table, .white.black .ticket, .white.black .two .chn-tarif #descr{
    background-color: rgba(255, 255, 255, 0.03);
}
.white.black .content table td, .white.black .content table th {
    border-color: rgba(255, 255, 255, 0.1);
}
.white.black .content > div:first-child > .fas {
    color: #5b7c94;
}
/* 
	 ###########################
	 ##### End Black Style #####
	 ###########################
*/ 

.PayDiv{
	width: 330px;
}

.PayButton{
	min-height:27px;
	width: 152px;
}

.DispAtCompact{
	display:block;
}

.DispAtWide{
	display:none;
}

@media only screen and (max-width: 800px)and (min-width: 751px), (max-width: 600px)and (min-width: 551px), (max-width: 500px)and (min-width: 401px){
	.menu > .one .vg{
		margin-left: calc(var(--menu-margin-left));
		width: calc(100% - var(--width-graph) - calc(var(--menu-margin-left)));
	}
}
@media only screen and (max-width: 751px)and (min-width: 691px), (max-width: 550px){
	.menu > .one div.vg,
	body.white .menu > .one .vg {
		margin-left: calc(var(--menu-margin-left)/3);
		width: calc(100% - var(--width-graph) - calc(var(--menu-margin-left))/3);
	}
	.menu > .one > .txt > div {
		margin-left: calc(var(--menu-margin-left)/3);
	}
}
@media only screen and (max-width: 690px){
	html body.white {
    --MEmargin: 2px;
	}
	.menu > .one {
		width: calc(100% - var(--MEmargin)*2);
		height: inherit;
		min-height: calc(var(--block-height)*2 + var(--MEmargin)*2);
	}
	.menu > .three, .menu > .four, .menu > .five, .menu > .six {
		width: calc(50% - var(--MEmargin)*2);
	}
	.menu > .two {
		width: calc(100% - var(--MEmargin)*2);
	}	
	table.payments,table.payments tbody,table.payments tr,table.payments td{display:block}
	table.payments th{display:none}
	table.payments tr:nth-child(n+2){padding:8px}
	table.payments tr:nth-child(n+3){border-top: 1px solid rgba(0, 0, 0, 0.15)}
	table.payments td:before{content: attr(data-html)} 
	.content table.payments td:first-child{position:absolute;padding-left: 26px}
	table.payments td:nth-child(n+3):nth-child(-n+4){font-style: italic}
	.content table.payments td,.content .payments td:nth-child(-n+3){text-align: left;border:0;padding:3px
	}	
	.two .chn-tarif div#descr{width: auto;float:left;margin:20px 20px 0 20px;}
	.two .chn-tarif form{width:auto}
}
@media only screen and (max-width: 520px){
	.menu > .one .vg {white-space: inherit;}
	.vg > div {margin-top: 20px;} 
	.vg > div + div {padding-left:0}
	.menu > .one > .graph {top: 80px}
	.menu > .one .txt {
		width: inherit;
		margin-top: 0px;
		margin-bottom: 10px; 
	}
	.m1,.m2 { margin-left: calc(var(--menu-margin-left)*.8) }
	.m3,.m4,.m5,textarea.m2{ margin-left: calc(var(--menu-margin-left)*.4)}	
	textarea.m2{width: calc(100% - calc(var(--menu-margin-left)*.4*2))}
	.head,.white div.head { margin: 0 auto }
	.head > div:first-child { font-size: 24px }
	.white div.head > div:first-child {font-size: 30px;}
	.service > .b { width: 92% }
	.service > .c { width: 92%; margin-left: 8%;margin-top: 4px;}
	.content.news > a { padding: 20px 4px 4px; padding-left: calc(var(--menu-margin-left)*.4); }
	.content.news > a > span { bottom: 55%;  background: none; font-style: italic }
	.space.lock > div{text-align: center;}
	.payments,.ticket {margin:20px 0 0 0}
}
 @media only screen and (min-width: 1600px){
	:root {
  --font-h1: 40px;
  --width-max: 1000px;
  --block-height: 190px;
}
body.white.black{
    --MEmargin: 2px;
}
.menu > div.one > .txt > div:nth-child(2),
.menu > div.one > .txt > div:nth-child(n+3) {
    margin-top: 12px;
}
.menu > .one .vg,.white .menu > .one .vg,
.menu > .one .txt{
    margin-top: 30px;
}
.menu > .two > .txt > div:nth-child(2),.white .menu > .two > .txt > div:nth-child(2) {
    margin-top: 10px;
    font-size: 20px;
}
.menu > .two > .txt > div:nth-child(3) {
    margin-top: 16px;
}

.PayDiv{
	width: 630px;
}

.PayButton{
	width: 170px;
}

.DispAtCompact{
	display:none;
}

.DispAtWide{
	display: inline-block;
}
}

.txt2{
	display:none;
}


@media only screen and (max-width: 520px){
	.PayButton{
		width: 100px;
	} 
	
	.PayDiv{
		width: 260px;
	}
	
	.txt2{
		display:block;
	}
	.datespanel{
		max-width: 60%;
	}
}