.nul{
	
}

:root {
  --1main-color: rgba(118, 37, 153,1);
  --1main2-color: rgba(118, 37, 153,.5);
  --txt-zag-color: #660000;
  --grd1-color: #d6c3f7;
  --grd2-color: #bfa8f7;
  --grd3-color: #d1a8f7; 

  --main-color: rgba(188,27,26,1);
  --main2-color: rgba(188,27,26,.5);
  --main3-color: rgba(188,27,26,.2);
  --txt-zag-color: #660000;
  --grd1-color: #FFCC66;
  --grd2-color: #FFC654;
  --grd3-color: #ffe081;
  
}

html {
  hyphens: auto;          /* автоматический перенос */
  -webkit-hyphens: auto;  /* для Safari/Chrome */
  -ms-hyphens: auto;      /* для старых IE */
  overflow-wrap: break-word; /* перенос длинных слов */
  word-wrap: break-word;     /* старый аналог */
}

body {
	margin: 0 auto;
	text-align: center;
	background: #eee;
	overflow-y: scroll;
	height:90%;
	font-size: 18px;
	1background: url('images/3ZNy.gif') no-repeat center center / cover;
	background-attachment: fixed;

	
}

h1 {
	font-family: Arial, Verdana, san-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2rem;
	color: #fff;
	font-variant: small-caps;
	font-weight: bold;
	background: var(--main-color);
	text-align: center;
	width: 100%;
	padding: 1vh 0;
	cursor: pointer;
	letter-spacing: .1vh;
	margin: 0 auto;
}

h2, h3{
	font-family: 'blagovestregular', Arial, Verdana, san-serif;
	font-size: 2rem;
	letter-spacing: .07rem;
	margin: .5vh 0 .5vh 0;
	padding: 1vh .5vh;
	color: var(--txt-zag-color);
	line-height: 100%;
	background: #FFCC66; /* old browsers */
	-webkit-animation: blink1 15s linear infinite;
	animation: blink1 15s linear infinite; /* webkit */
	text-decoration: none;
	text-align: center;
	outline: none;
	border: 0; 
	cursor: pointer;
	clear: both;
	font-weight: normal;
	border-radius: 7px;
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
		

	}
	
h2:active, h3:active, .red, .redbold{
	color: var(--main-color);
	}	
	
	.redbold{
	font-weight: 600;
	}	
	
.inbody{
	width: 100%;
	max-width: 900px; 
	top: 0;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	border-radius: 15px;
}

.day {
	border-collapse: collapse;
	background-color: rgba(255, 255, 255, 0);
	border-top: 0; 
	border-left: 0; 
	border-right: 0; 
	//border-bottom: .4vh dotted var(--main-color);
	border-bottom: .4vh solid rgba(0,0,0,0.3);
	
	padding:0;
	vertical-align: top;
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	text-align: left; 
	overflow-x: hidden;
	box-shadow: 0 4px 4px rgba(0,0,0,0.2);
		 	border-radius: 15px;

}
	
.shadowno{
	box-shadow: 0 0 0 rgba(0,0,0,0);
}	
	
.weekday, .weekday-sun, .weekdaytoo, .weekdaytoo-sun, .month, .month-sun {
	font-family: 'uglichregular', 'stencilnumregular', Arial, Verdana, san-serif;
	font-size: 1.5rem;
	text-align: center; 
	color: #999;
	cursor: pointer;
	padding: .5vh 0;
	 text-transform: uppercase ;
	 letter-spacing: 0.1vh;
}



.dates, .dates-sun {
	font-family: 'stencilnumregular', Arial, Verdana, san-serif;
	font-size: 2rem;
	color: #000;
	text-align: center;
	margin: 0;
	padding: .5vh 0 ;
}

.weekday, .weekday-sun{
	padding:  1.5vh 0 .5vh 0;
	}
	
.weekday:active, .weekday-sun:active{
	background: #ffc85a59;
	}
		

.fast, .fast-sun {
	font-family: Arial Narrow, Arial, Verdana, san-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.3rem;
	font-variant: normal;
	font-weight: bold;
	color: #999;
	text-align: center; 
}

.namesVEL-sun, .namesVEL {
	font-size: 2.5rem;
	font-family: 'blagovestregular', Arial, Verdana, san-serif;
	text-align: center;
	}

 .names, .namesPoly, .namesBM, .names-sun, .namesPoly-sun, .namesBM-sun {
	font-family: 'poluustavregular1', Arial, Verdana, san-serif;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	font-size: 1.4rem;
	l1ine-height: 0.65em;
	padding: 0.4em 0 0 0;
	text-align: left;

}

.namesPoly {
		font-weight: bold;

}
	
.namesBM {
	color: #00558f;
	}

.fortimes{
	background: #eee;
	margin: 0.3em 0 0 0;
	padding: 0;
	text-align: left;
	border-top: 2px #ccc solid;
	border-bottom: 2px #ccc solid;
}

.times, .times-sun {
	font-family: 'Roboto Condensed', sans-serif;
	padding: 0.5% 0.5% 0.5% 1%;
	text-align: left;
	1color: #000;
	font-variant: normal;
	font-weight: bold;
	font-size: 1.3rem;
	1display: inline-block;
	min-width: 30%;
	max-width: 100%;
	vertical-align:top;
1padding-left: 20px;
1text-indent: -20px;	
	}

.weekdaytoo-sun, .dates-sun, .times-sun, .namesBM-sun, .names-sun, .namesVEL, .namesVEL-sun, .namesPoly, .namesPoly-sun, .weekdaytoo-sun, .treba-name, .treba-name1, .treba-price {
	color: var(--main-color);
}
	
.weekday-sun, .fast-sun, .month-sun {
	color: var(--main2-color);
}
	
@keyframes blink1 {
  0% { background: var(--grd1-color); }
  30% { background: var(--grd2-color); }
  50% { background: var(--grd3-color); }
  80% { background: var(--grd2-color); }
  100% { background: var(--grd1-color); }
}	
	
@keyframes blink2 {
  0% { background: #ffe081; }
  30% { background: #FFC654; }
  50% { background: #FFbC66; }
  80% { background: #FFC654; }
  100% { background: #ffe081; }
}

.spoiler_body{
	background-color: #eee;
}

 .spoiler_body, .spoiler_day, .spoiler_zach {
	 padding: .5vh;
	 }


.treba-stroke, .treba-price, .phone {
	font-family: Arial, Verdana, san-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	text-align: left;
	1line-height: 8%;
	border: 0;
	background-color: #fff;
}

.treba-stroke {
	width: 97%;
	float: left;
	margin:  0.5% 0 0.5% 0 ;
	padding: 1.5%;
	border-radius: .2em;
	display: table;
}

.treba-price, .place {
	vertical-align: middle;
	padding: 0 2% 0% 0;
	text-align: right;
	1float: right;
	display: table-cell;
}
	
.treba-left, .name-ep {
	vertical-align: middle;
	padding: 0 2% 0% 0;
	text-align: left;
	display: table-cell;
}

.name-ep, .place {
	vertical-align: top;
	display: inline-block;
	float: left;
	1text-indent: 5em each-line;

}
.name-ep{
	font-weight: 800;
	padding: 0 10px 0 0;
	font-variant: small-caps ;

}

p { /* Добавляем промежуток снизу */
font-size: .5em;
   }
	
.place {
	width: 98%;
	font-size: 1em;
	border-top: 3px #eee solid;
	padding: 1%;
}

.none {
	display: none;
}

.alex{
	color: OrangeRed;
}
.genn{
	color: LightSeaGreen;
}
.klavd{
	color: FireBrick;
}
.veni{
	color: BlueViolet;
}	
	
	
.treba-name, .treba-name1, .treba-note {
	font-family: 'blagovestregular', Arial, Verdana, san-serif;
	font-size: 2em;
	width: 100%;
 	text-align: center;
	padding: 0;
	border: 0;
	d-isplay: inline-block;
 }
 
.treba-name1 {
	width: 50%;
 	text-align: left;	
}

.treba-note {
		font-family: Arial, Verdana, san-serif;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 0.8em;
		color: var(--txt-zag-color);
border-bottom: 3px solid #fff;
padding: 0 0 3px 0;
}

.apps {
	font-family: Arial, Verdana, san-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	text-align: left;
	line-height: 100%;
	border: 0;
	margin: 1% 0 1% 0;
	padding: 1%;
	background-color: #fff;
	display: flex;
	cursor: pointer;
	position:relative;
	float: left;
	width: 98%;
	align-items: center;
}	
	
.leftimg {
	float: left;
	margin: 0 10px 0 0;
	}	
	
	a { 
    text-decoration: none;
	1font-weight: bold;
	color: var(--txt-zag-color);
   }
   a:hover { 
    text-decoration: none; ;
	1font-weight: bold;
   }
   
   
.xa{	font-family: 'blagovestregular', Arial, Verdana, san-serif;
	letter-spacing: 5px;
	font-size: 2em;
	width: 100%;
 	text-align: center;
	padding: 1% 0 0 0;
	color: var(--main-color); /* old browsers */
	-webkit-animation: blinkXA 3s linear infinite;
	animation: blinkXA 3s linear infinite; /* webkit */
}	

@keyframes blinkXA {
  0% { color: var(--main-color); }
  10% { color: #FF0000; }
  20% { color: #DC143C; }
  30% { color: #C71585; }
  40% { color: #FF4500; }
  50% { color: #B22222; }
  60% { color: #FF6347; }
  70% { color: #DB7093; }
  80% { color: #D2691E; }
  90% { color: var(--main-color); }
  95% { color: #A52A2A; }
  100% { color: var(--main-color); }
}	

.phone{
	display: inline-block;
	min-width: 100%;
	text-align: center;
	margin: 2px 0;
	padding: 2% 0;
}		

.svet{
	color: var(--main-color);
}

 .namesVEL, .weekdaytoo {/*пасха*/
	1font-size: 2.5rem;
	1font-family: 'blagovestregular', 'stencilnumregular', Arial, Verdana, san-serif;
	text-align: center;
	background: radial-gradient(circle, #FF0000, #FF4500, #FFD700, #008000, #1E90FF, #8B008B, #aa0000);
	background-size: 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textflow 5s linear infinite;
	animation-direction: alternate;
}
@keyframes textflow {
  from {background-position: 0% center}         
  to {background-position: 200% center}
}

.fortimes	{/*пасха*/
	background: radial-gradient(circle, #FF000015, #FF450015, #FFD70015, #00800015, #1E90FF15, #8B008B15, #aa000015);
	background-size: 200% auto;
	animation: textflow 15s linear infinite;
	animation-direction: alternate;
	animation: textflow 15s linear infinite;
	animation-direction: alternate-reverse;
	
}
@keyframes textflow {
  from {background-position: 0% center}         
  to {background-position: 200% center}
}

.xa {
    position: fixed;
    z-index: 9999; 
    top: 0;
    left: 0;
	opacity: 100%;
	transition: 1.0s;
	animation: hide 1s 1;
	animation-fill-mode: forwards;
	animation-delay: 0.7s; 
	display: flex;
	justify-content: center;
	align-items: center;
	
	/*маска прозрачности*/
	-webkit-mask-image: linear-gradient(to bottom,  rgba(0,0,0,1) 93%,  rgba(0,0,0,0) 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 93%,  rgba(0,0,0,0) 100%);
	mask-repeat: no-repeat;
	mask-size: cover;
}

.xa img {
  width: 100%;
  max-width: 900px;
  margin: 0 auto; 
  height: auto; /* чтобы сохранить пропорции */
}
	@keyframes hide{
	0%{opacity:1;}
	100% { opacity:0;visibility: hidden;}
}