body,
article,
section,
header,
footer,
main,
nav,
menu,
div,
ul,
ol,
form,
blockquote,
p,
cite,
figure,
figcaption,
img,
canvas {
	display: table;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
menu,
ul,
ol {
	list-style-type: none;
}
a, a:link, a:focus, a:visited, a:hover {
	text-decoration: none;
	color: rgb(0,0,0);
}

.body-site {
	z-index: 1;
	font-family: 'Raleway', sans-serif;	
	font-size: 120%;
	font-weight: 400;
	line-height: 100%;
	color: rgb(0,0,0);
	background: rgb(1,53,41);
	margin: 0;
	padding: 0;
	outline: none;
	width: 100%;
}
.main-site {
	background: rgb(255,255,255);
}
.container {
	margin: 0 auto 0 auto;
	padding: 0 20% 0 20%;
	width: 60%;
}
h1,
h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 400%;
	font-weight: 900;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 300%;
}
h1 span,
h2 span,
header.header-figure figure figcaption h1 span,
header.header-figure figure figcaption span,
.slides-block nav span,
.section-site header nav span {
	display: table;
	font-family: 'Noto Sans', sans-serif;
	font-size: 50%;
	font-weight: 400;
	line-height: 120%;
	text-transform: none;
	color: rgba(255,255,255,0.8);
	margin: 1rem auto 0 auto;
}
header.header-figure figure figcaption span,
.slides-block nav span,
.section-site header nav span {
	font-size: 160%;
	margin: 0 auto 1rem auto;
}
h2 span {
	font-size: 40%;
}
h1 span i,
h2 span i {
	font-style: normal;
	color: rgb(0,0,0);
}
h1 span i.date,
h2 span i.date {
	position: relative;
	top: -2.4rem;
	color: rgb(255,255,255);
}
header h1 span .material-icons-outlined.prev,
header h1 span .material-icons-outlined.next,
header h2 span .material-icons-outlined.prev,
header h2 span .material-icons-outlined.next {
	position: relative;
	font-size: 400%;
	line-height: 70%;
	color: rgb(255,255,255);
}
.material-icons-outlined.prev {
	-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* button */
a.button,
a.button:link,
a.button:focus,
a.button:visited,
a.button:hover,
.button {
	display: inline-block;
	color: rgb(255,255,255);
	border: medium solid rgb(255,255,255);
	font-size: 140%;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 500;
	padding: 1.2rem;
	width: auto;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	cursor: pointer;	
}
a.button:hover {
	color: rgb(0,0,0);
	border: medium solid rgb(0,0,0);
}
a.button + a.button,
.button + .button {
	margin: 0 0 0 1rem;
}
a.button.active,
i.button.active {
	font-style: normal;
	color: rgb(0,0,0);
	background: rgba(255,255,255,0.5);
	border: medium solid rgb(0,0,0);
}

/* bubble */
.bubble h5 {
	display: inline-table;
	background: rgb(255,186,0);
	color: rgb(0,0,0);
	border-radius: 4rem;
	font-size: 100%;
	font-weight: 500;
	margin: 0 1.6rem 1.6rem 0;
	padding: 0.8rem 1rem 0.8rem 1rem;
	box-shadow: 0 0 1rem 0.2rem rgba(0,0,0,0.4);
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
	cursor: pointer;
}
.bubble h5:hover {
	box-shadow: 0 0 1.8rem 0.8rem rgba(0,0,0,0.1);
	transform: scale(0.9);
}
.bubble:last-child {
	margin: 0;
}
.bubble i {
	font-style: normal;
	opacity: 0.5;
}

/* more */
a.more,
a.more:link,
a.more:focus,
a.more:visited,
a.more:hover {
	display: block;
	margin: 0 auto 0 auto;
	font-size: 500%;
	color: rgb(255,255,255);
	opacity: 0.4;
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
a.more:hover {
	opacity: 1;
}
.error {
	display: table;
	background: rgba(255,255,255,0.7);
	color: rgb(177,8,8);
	border-radius: 0.2rem;
	text-align: center;
	padding: 1rem;
	margin: 0 auto 1rem auto;
}

/* attention */
.attention {
	font-size: 140%;
	font-weight: 400;
	text-align: center;
	color: rgb(255,255,255);
}

/* section-site */
.section-site {
	padding: 6rem 0 6rem 0;
}
.section-site.no-height {
	padding: 6rem 0 0 0;
}
.section-site header {
	margin: 0 0 4rem 0;
}
.section-site.color header h1,
.section-site.color header h2 {
	color: rgb(255,255,255);
}
.section-site .bubble {
	text-align: center;
}
.section-site.color footer {
	text-align: center;
	margin: 4rem auto 0 auto;
}
.section-site.color header .cite {
	font-style: normal;
	text-align: center;
	font-size: 90%;
	color: rgba(255,255,255,0.6);
	color: rgba(0,0,0,1.0);
	margin: 1rem auto 0 auto;
	width: 80%;
}
.section-site.color.violet header .cite {
	color: rgba(255,255,255,0.6);
}

/* header-site */
.header-site {
	position: fixed;
	box-shadow: 0 0 1rem 0.2rem rgba(0,0,0,0.4);
	padding: 0.6rem 1rem 0 1rem;
	width: 260px;
	z-index: 1000;
}
.header-site nav input[type=checkbox],
.header-site nav .material-icons-outlined {
	display: block;
	position: absolute;
	top: 0.2rem;
	left: 0;
	color: rgb(255,255,255);
	width: 2rem;
	height: 2rem;
	opacity: 0;
	z-index: 120;
	cursor: pointer;
}
.header-site nav input[type=checkbox]:checked ~ .menu-list {
	display: none;
}
.header-site nav .material-icons-outlined.menu,
.header-site nav .material-icons-outlined.search {
	opacity: 1;
	z-index: 100;
}
.header-site nav .material-icons-outlined.search {
	top: 0.3rem;
	left: 13.6rem;
}
.header-site nav .menu-list {
	display: table;
	padding: 0 0 1rem 0;
}
.header-site nav .menu-list:before {
	content: '';
	display: block;
	width: 260px;
	height: 1px;
	background: rgba(255,255,255,0.4);
}
.header-site nav .menu-list li {
	display: table;
	font-size: 100%;
	text-transform: uppercase;
	margin: 1rem 0 0 3rem;
}
.header-site nav .menu-list li a {
	color: rgb(255,255,255);
}
.header-site .brand {
	display: inline-block;
	position: relative;
	top: 0.2rem;
	margin: 0 0 0 3rem;
	width: 160px;
	height: 45px;
}
#moskva .header-site {
	background: rgb(176,31,35);
}
#moskva .header-site .brand {
	background: url(/images/logo-msk.png) 0 0 no-repeat;
}
#piter .header-site {
	background: rgb(40,94,171);
}
#piter .header-site .brand {
	background: url(/images/logo-piter.png) 0 0 no-repeat;
}

/* footer-site */
.footer-site {
	font-size: 80%;
	color: rgb(255,255,255);
	background: rgb(1,53,41);
	padding: 4rem 0 4rem 0;
}
.footer-site a {
	color: rgb(255,255,255);
}
.footer-site dl {
	display: inline-table;
	width: 24%;
}
.footer-site .container dl:nth-of-type(3) {
	width: 50%;
}
.footer-site .container dl:nth-of-type(3) dd {
	font-size: 80%;
}
.footer-site dl dt {
	font-size: 120%;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0 0 1rem 0;
}
.footer-site dl dd {
	margin: 0 0 0.4rem 0;
}
.footer-site footer {
	border-top: thin solid rgba(255,255,255,0.4);
	padding: 2rem 0 0 0;
	margin: 2rem 0 0 0;
}

/* header-figure */
header.header-figure {
	text-align: center;
	margin: 0 auto 0 auto;
}
header.header-figure .img {
	display: block;
	overflow: hidden;
	box-shadow: 0 0 2rem 0.2rem rgba(0,0,0,0.4);
	border-radius: 50%;
	margin: 0 auto 2rem auto;
	width: 12rem;
	height: 12rem;
}
header.header-figure .img .play {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 120;
}
header.header-figure .img .noplay {
	display: none;
}
header.header-figure .img .play .material-icons-outlined {
	font-size: 400%;
	line-height: 260%;
	color: rgba(255,255,255,0.6);
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
header.header-figure .img .play .material-icons-outlined:hover {
	color: rgba(255,255,255,1.0);
}
header.header-figure .img img {
	display: block;
	position: absolute;
	z-index: 100;
}
header.header-figure figure img {
	box-shadow: 0 0 2rem 0.2rem rgba(0,0,0,0.4);
	border: thin solid rgba(255,255,255,0.3);
	border-radius: 80% 20% 80% 20% / 20% 80% 20% 80%;
	margin: 0 auto 2rem auto;
	width: 20rem;
	height: 20rem;
}
header.header-figure figure figcaption h1 i {
	display: table;
	font-style: normal;
	font-size: 60%;
	text-transform: none;
	margin: 0 auto 0 auto;
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
header.header-figure figure figcaption h1 i:hover {
	transform: scale(0.9);
}
header.header-figure figure figcaption h1 i a {
	color: rgb(255,255,255);
}
header.header-figure menu {
	margin: 2rem 0 0 0;
}

/* figure-col */
.section-site .figure-col figure {
	display: inline-table;
	width: 29.6%;
	cursor: pointer;
}
.section-site .figure-col figure:nth-of-type(2) {
	margin: 0 4.4% 0 4.4%;
}
.section-site .figure-col figure figcaption h4,
.section-site .figure-col.circle figure .img h4,
.section-site .figure-col figure figcaption h5 {
	line-height: 120%;
	color: rgb(255,255,255);
}
.section-site .figure-col figure figcaption h4,
.section-site .figure-col.circle figure .img h4 {
	font-size: 160%;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0 0 1rem 0;
}
.section-site .figure-col figure figcaption h5 {
	font-size: 120%;
	font-weight: 700;
	margin: 0 0 2rem 0;
}

/* text */
.section-site.text {
	background: rgb(255,255,255);
}
.section-site.text + .section-site.text {
	border-top: medium solid rgba(0,0,0,0.3);
}
.section-site.text:last-child {
	margin: 0;
}
.section-site.text .figure-col figure {
	cursor: default;
}
.section-site.text .figure-col figure figcaption {
	margin: 2rem 0 0 0;
}
.section-site.text .figure-col figure figcaption p {
	text-align: center;
	font-size: 100%;
	margin: 0 0 0.6rem 0;
}
.section-site.text header h2 {
    color: rgb(0,0,0);
    background: linear-gradient(90deg, rgb(255,186,0), rgb(177,8,8));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section-site.text header h2 span {
    color: rgb(0,0,0);
    background: rgb(0,0,0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	opacity: 1;
}
.section-site.text header h2 span.subtitle a {
	border-bottom: medium solid rgb(0,0,0);
}
.section-site.text .col-2 p {
    display: block;
    -webkit-column-width: 100%;
    -moz-column-width: 100%;
    -o-column-width: 100%;
    column-width: 100%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 5%;
    -moz-column-gap: 5%;
    -o-column-gap: 5%;
    column-gap: 5%;
	margin: 0 0 1rem 0;
}
.section-site.text .col-1 {
    margin: 0 auto 0 auto;
	width: auto;
}
.section-site.text .col-1 p {
	text-align: left;
	margin: 0 0 1rem 0;
}
.section-site.text .col-0 {
	margin: 0 auto 0 auto;
	width: 100%;
}

/* tile */
.section-site .figure-col.tile figure {
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 0 2rem 0.2rem rgba(0,0,0,0.4);
	background: rgb(0,0,0);
	border: thin solid rgba(255,255,255,1.0);
	min-width: 20rem;
	min-height: 20rem;
	overflow: hidden;
}
.section-site .figure-col.tile footer {
	display: inline-table;
	margin: 8% 0 0 12%;
	width: 20rem;
}
.section-site .figure-col.tile footer .button {
	margin: 0 0 1rem 0;
}
.section-site .figure-col.tile figure:hover {
	transform: scale(0.9);
}
.section-site .figure-col.tile figure:nth-of-type(3n+2) {
	margin: 5% 4.4% 0 4.4%;
}
.section-site .figure-col.tile figure img {
	position: absolute;
	z-index: 100;
	opacity: 0.3;
}
.section-site .figure-col.tile figure:hover img {
	opacity: 0.1;
}
.section-site .figure-col.tile figure span {
	position: absolute;
	right: 0;
	background: linear-gradient(90deg, rgba(0,194,206,1.0), rgba(114,204,0,1.0));
	color: rgb(255,255,255);
	font-size: 120%;
	font-family: 'Noto Sans', sans-serif;
	padding: 0.6rem;
	z-index: 120;
}
.section-site.music .figure-col.tile figure span {
	background: linear-gradient(270deg, rgba(51,0,0,1.0), rgba(153,0,0,1.0));
}
.section-site .figure-col.tile figure figcaption {
	position: absolute;
	bottom: 0;
	padding: 0 15% 0 15%;
	width: 70%;
	z-index: 120;
}

/* circle */
.section-site .figure-col.circle {
	text-align: center;
	margin: 0 auto 0 auto;
}
.section-site .figure-col.circle figure .img {
	display: block;
	box-shadow: 0 0 2rem 0.2rem rgba(0,0,0,0.4);
	background: rgb(0,0,0);
	border: thin solid rgba(255,255,255,0.3);
	border-radius: 50%;
	max-width: 18rem;
	max-height: 18rem;
	text-align: center;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
.section-site .figure-col.circle figure .img h4 {
	display: block;
	position: absolute;
	padding: 30% 10% 0 10%;
	margin: 0;
	width: 80%;
	z-index: 120;
}
.section-site .figure-col.circle figure figcaption {
	text-align: center;
	margin: 2rem auto 0 auto;
}
.section-site .figure-col.circle figure figcaption h5 {
	text-align: center;
	margin: 0;
}
.section-site .figure-col.circle figure:hover {
	transform: scale(0.9);
}
.section-site .figure-col.circle figure:nth-of-type(3n+2) {
	margin: 0 4.4% 4% 4.4%;
}
.section-site .figure-col.circle figure img {
	opacity: 0.3;
}
.section-site .figure-col.circle figure:hover img {
	opacity: 0.1;
}

/* card */
.section-site .figure-col.card {
	text-align: center;
}
.section-site .figure-col.card figure:hover {
	transform: scale(0.9);
}
.section-site .figure-col.card figure img,
.section-site .figure-col.card figure figcaption {
	display: block;
	text-align: center;
}
.section-site .figure-col.card figure img {
	box-shadow: 0 0 2rem 0.2rem rgba(0,0,0,0.4);
	border-radius: 50%;
	margin: 0 auto 2rem auto;
	max-width: 20rem;
	max-height: 20rem;
}
.section-site .figure-col.card figure:nth-of-type(3n+2) {
	margin: 0 4.4% 0 4.4%;
}

/* card.medium */
.section-site .figure-col.card.medium figure,
.section-site .figure-col.card.medium figure:nth-of-type(3n+2) {
	width: 19%;
	margin: 0 2.5% 2.5% 2.5%;
}
.section-site .figure-col.card.medium figure img {
	max-width: 12rem;
	max-height: 12rem;
}
.section-site .figure-col.card.medium figure figcaption h5 {
	text-transform: uppercase;
}
.section-site .figure-col.card.medium figure figcaption h5 i {
	display: block;
	font-size: 80%;
	font-weight: 500;
	font-style: normal;
	opacity: 0.6;
}

/* figure-row */
.section-site .figure-row figure {
	background: rgba(255,255,255,0.4);
	border-radius: 6rem;
	padding: 0.8rem;
	margin: 0 0 2rem 0;
}
.section-site .figure-row figure img,
.section-site .figure-row figure figcaption {
	display: table-cell;
	vertical-align: middle;
}
.section-site .figure-row figure img,
.section-site .figure-row figure .img {
	display: block;
	border-radius: 50%;
	width: 6rem;
	height: 6rem;
}
.section-site .figure-row figure .img {
	color: rgb(0,0,0);
	color: rgb(255,255,255);
	border: thick solid rgb(0,0,0);
	border: thick solid rgb(255,255,255);
}
.section-site .figure-row figure .img span {
	display: table;
	position: relative;
	font-family: 'Noto Sans', sans-serif;
	font-size: 180%;
	font-weight: 700;
	line-height: 280%;
	text-align: center;
	margin: 0 auto 0 auto;
}
.section-site .figure-row figure figcaption {
	padding: 0 0 0 1rem;
}
.section-site .figure-row figure figcaption h4 {
	font-size: 120%;
	text-transform: uppercase;
	margin: 0 0 0.4rem 0;
}
.section-site .figure-row figure figcaption h4 i {
	font-style: normal;
	color: rgba(0,0,0,0.6);
}
.section-site .figure-row.table figure figcaption h4 i {
	display: block;
	margin: 0.2rem 0 0 0;
}
.section-site .figure-row figure figcaption h4 span {
	display: inline-block;
	font-weight: 400;
	background: none;
	color: rgb(0,0,0);
}
.section-site .figure-row figure figcaption h5 {
	font-size: 100%;
	margin: 0 0 0.4rem 0;
	opacity: 0.6;
}
.section-site .figure-row figure figcaption h6 {
	font-size: 100%;
	font-weight: 400;
	margin: 0;
	opacity: 0.6;
}
.section-site .figure-row figure figcaption span {
	display: table;
	font-size: 80%;
	background: rgb(0,41,255);
	color: rgb(255,255,255);
	border-radius: 2rem;
	padding: 0.2rem 0.4rem 0.2rem 0.6rem;
	margin: 0.4rem 0 0 0;
}
.section-site .figure-row figure figcaption span .material-icons-outlined {
	position: relative;
	top: 0.2rem;
	font-size: 100%;
}
.section-site .figure-row.table input[type=checkbox],
.section-site .figure-row.table .accordion {
	display: block;
	position: absolute;
	opacity: 0;
	z-index: 120;
	cursor: pointer;
}
.section-site .figure-row.table input[type=checkbox] {
	top: 0.4rem;
	width: 100%;
	height: 8rem;
}
.section-site .figure-row.table .accordion {
	font-size: 300%;
	color: rgb(0,0,0);
	opacity: 0.3;
	z-index: 100;
	top: 3.2rem;
	right: 2rem;
	width: 3rem;
	height: 3rem;
}
.section-site .figure-row.table input[type=checkbox]:checked ~ .accordion:before {
	content: 'expand_more';
}
.section-site .figure-row.table .accordion:before {
	content: 'expand_less';
}
.section-site .figure-row.table input[type=checkbox]:checked ~ .note {
	display: none;
}
.section-site .figure-row.table .note,
.section-site.text .note {
	display: table;
	font-size: 80%;
	text-align: left;
	color: rgba(255,255,255,0.8);
	padding: 0 15% 0 15%;
	margin: 4rem 0 4rem 0;
	width: 70%;
	opacity: 1;
	z-index: 100;
}
.section-site.text .note {
	color: rgba(0,0,0,0.8);
}
.section-site .figure-row.table .note .material-icons-outlined,
.section-site .figure-row.table .note blockquote,
.section-site.text .note .material-icons-outlined,
.section-site.text .note blockquote {
	display: table-cell;
	vertical-align: middle;
}
.section-site .figure-row.table .note .material-icons-outlined,
.section-site.text .note .material-icons-outlined {
	font-size: 500%;
	padding: 0 2rem 0 0;
}
.section-site .figure-row.table .note blockquote,
.section-site.text .note blockquote {
	border-left: thin solid rgba(255,255,255,0.6);
	padding: 0 0 0 2rem;
}
.section-site.text .note blockquote {
	border-left: thin solid rgba(0,0,0,0.6);
}
.section-site.text .note blockquote a {
	color: rgb(0,41,255);
	border-bottom: thin solid rgb(0,41,255);
}
.section-site.color .note blockquote a {
	color: rgb(255,255,255);
	border-bottom: thin solid rgb(255,255,255);
}

/* table */
.section-site .figure-row.table figure img {
	width: 120px;
	height: 120px;
}
.section-site .figure-row.table figure figcaption p,
.section-site .figure-row.table .legend p {
	font-family: 'Noto Sans', sans-serif;
	margin: 0.6rem 0 0 0;
}
.section-site .figure-row.table .legend {
	background: rgba(255,255,255,0.4);
	border-radius: 2rem;
	margin: 4rem auto 0 auto;
	padding: 2rem;
	width: 70%;
}
.section-site .figure-row.table .legend header {
	font-size: 120%;
	font-weight: 700;
	text-align: center;
	margin: 0 0 1rem 0;
}
.section-site .figure-row.table .legend p {
	font-size: 80%;
	margin: 0 0 1rem 0;
}
.section-site .figure-row.table .legend p:last-child {
	margin: 0;
}
.section-site .figure-row.table figure figcaption p span,
.section-site .figure-row.table .legend p span {
	display: inline-block;
	font-size: 100%;
	font-weight: 500; 
	border-radius: 4rem;
	padding: 0.6rem 0.8rem 0.8rem 0.8rem;
	margin: 0 0.6rem 0 0;
}
.section-site .figure-row.table figure figcaption p span.order,
.section-site .figure-row.table .legend p span.order {
	position: relative;
	font-size: 160%;
	font-weight: 700;
	line-height: 180%;
	text-align: center;
	color: rgb(0,0,0);
	background: rgb(255,255,255);
	border-radius: 50%;
	padding: 0.8rem;
	width: 3.6rem;
	height: 3.6rem;
}
.section-site .figure-row.table figure figcaption p span.up,
.section-site .figure-row.table figure figcaption p span.down,
.section-site .figure-row.table figure figcaption p span.plus,
.section-site .figure-row.table figure figcaption p span.minus,
.section-site .figure-row.table figure figcaption p span.return,
.section-site .figure-row.table figure figcaption p span.sameplace,
.section-site .figure-row.table figure figcaption p span.new,
.section-site .figure-row.table .legend p span.up,
.section-site .figure-row.table .legend p span.down,
.section-site .figure-row.table .legend p span.plus,
.section-site .figure-row.table .legend p span.minus,
.section-site .figure-row.table .legend p span.return,
.section-site .figure-row.table .legend p span.sameplace,
.section-site .figure-row.table .legend p span.new {
	color: rgb(255,255,255);
}
.section-site .figure-row.table figure figcaption p span.up,
.section-site .figure-row.table figure figcaption p span.plus,
.section-site .figure-row.table .legend p span.up,
.section-site .figure-row.table .legend p span.plus {
	background: rgb(0,222,51);
}
.section-site .figure-row.table figure figcaption p span.down,
.section-site .figure-row.table figure figcaption p span.minus,
.section-site .figure-row.table .legend p span.down,
.section-site .figure-row.table .legend p span.minus {
	background: rgb(255,0,0);
}
.section-site .figure-row.table figure figcaption p span.up:before,
.section-site .figure-row.table .legend p span.up:before {
	content: '\002b';
}
.section-site .figure-row.table figure figcaption p span.down:before,
.section-site .figure-row.table .legend p span.down:before {
	content: '\2212';
}
.section-site .figure-row.table figure figcaption p span.sameplace,
.section-site .figure-row.table figure figcaption p span.return,
.section-site .figure-row.table figure figcaption p span.new,
.section-site .figure-row.table figure figcaption p span.count,
.section-site .figure-row.table figure figcaption p span.week,
.section-site .figure-row.table .legend p span.sameplace,
.section-site .figure-row.table .legend p span.return,
.section-site .figure-row.table .legend p span.new,
.section-site .figure-row.table .legend p span.count,
.section-site .figure-row.table .legend p span.week {
	background: rgb(0,41,255);
}
.section-site .figure-row.table figure figcaption p span.top,
.section-site .figure-row.table figure figcaption p span.calendar,
.section-site .figure-row.table .legend p span.top,
.section-site .figure-row.table .legend p span.calendar {
	color: rgb(0,0,0);
	background: rgb(255,193,7);
}
.section-site .figure-row.table figure figcaption p span .material-icons-outlined,
.section-site .figure-row.table .legend p span .material-icons-outlined {
	position: relative;
	font-size: 100%;
	top: 0.2rem;
}
.section-site .figure-row.table figure figcaption p span.down i, 
.section-site .figure-row.table figure figcaption p span.minus i,
.section-site .figure-row.table .legend p span.down i,
.section-site .figure-row.table .legend p span.minus i {
	transform: rotate(180deg);
}

/* block-show */
.slides-container {
	position: relative;
	width: 100%;
}
.slides-block {
	display: none;
}
.slides-block nav,
.section-site header nav {
	z-index: 120;
	text-align: center;
	top: -3rem;
	margin: 0 auto 0 auto;
	width: 50%;
}
.section-site header nav {
	top: 0;
	margin: 1rem auto 0 auto;
}
.header-figure.slides-block nav {
	top: 12rem;
}
.slides-block nav .material-icons-outlined.prev,
.slides-block nav .material-icons-outlined.next,
.slides-block nav span,
.section-site header nav .material-icons-outlined.prev,
.section-site header nav .material-icons-outlined.next,
.section-site header nav span {
	display: table-cell;
	vertical-align: middle;
}
.slides-block nav .material-icons-outlined.prev,
.slides-block nav .material-icons-outlined.next,
.section-site header nav .material-icons-outlined.prev,
.section-site header nav .material-icons-outlined.next {
	font-size: 400%;
	font-weight: 400;
	line-height: 40%;
	color: rgb(255,255,255);
	cursor: pointer;
}
.slides-block nav .material-icons-outlined.prev,
.section-site header nav .material-icons-outlined.prev {
	float: left;
}
.slides-block nav .material-icons-outlined.next,
.section-site header nav .material-icons-outlined.next {
	float: right;
}

/* form */
.form-playlist,
.form-contact,
.form-search {
	margin: 0 auto 0 auto;
	width: auto;
}
.form-contact {
	width: 50%;
}
.form-playlist select,
.form-playlist input[type=date],
.form-playlist input[type=submit],
.form-contact input[type=text],
.form-contact textarea,
.form-contact input[type=submit],
.form-search input[type=text],
.form-search input[type=submit] {
	display: inline-table;
	font-family: 'Noto Sans', sans-serif;
	font-size: 100%;
	font-weight: 400;
	border: thin solid rgb(255,255,255);
	border-radius: 0.2rem;
	padding: 0.4rem;
	margin: 0 1rem 0 0;
}
.form-playlist input[type=submit],
.form-contact input[type=submit],
.form-search input[type=submit] {
	background: rgb(255,186,0);
	color: rgb(0,0,0);
	border: none;
	border-radius: 4rem;
	padding: 0.6rem 0.8rem 0.6rem 0.8rem;
	cursor: pointer;
}
.form-contact p {
	margin: 0 0 1rem 0;
}
.form-contact p:last-child {
	margin: 0;
}
.form-contact input[type=text],
.form-contact img {
	vertical-align: top;
	margin: 0;
	width: 45%;
}
.form-contact input[type=text]:first-child,
.form-contact img {
	float: left;
}
.form-contact input[type=text]:last-child {
	float: right;
}
.form-contact img {
	background: rgb(255,255,255);
	height: 3rem;
}
.form-contact textarea {
	display: table;
	text-align: left;
	width: 97%;
}
.form-contact input[type=submit] {
	display: table;
	position: relative;
	text-align: center;
	margin: 0 auto 0 auto;
}

/* list-accordion */
.list-accordion {
	color: rgb(255,255,255);
	padding: 0;
	margin: 0;
}
.list-accordion li {
	position: relative;
	padding: 0 0 2rem 0;
	margin: 0 0 2rem 0;
	border-bottom: thin solid rgba(255,255,255,0.4);
}
.list-accordion li:last-child {
	margin: 0;
}
.list-accordion li input[type=checkbox],
.list-accordion li span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2rem;
	opacity: 0;
	cursor: pointer;
	z-index: 120;
}
.list-accordion li span {
	display: block;
	font-size: 220%;
	font-weight: 400;	
	color: rgb(255,255,225);
	opacity: 1;
	z-index: 100;
}
.list-accordion li input[type=checkbox]:checked ~ span:before {
	content: 'add_circle_outline';
}
.list-accordion li span:before {
	content: 'remove_circle_outline';
}
.list-accordion li h4,
.list-accordion li p {
	margin: 0;
	padding: 0 0 0 4rem;
	width: auto;
}
.list-accordion li h4 {
	font-size: 160%;
	line-height: 140%;
}
.list-accordion li p {
	display: table;
	font-size: 100%;
	margin: 1rem 0 0 0;
	opacity: 1;
}
.list-accordion li input[type=checkbox]:checked ~ p {
	display: none;
	opacity: 0;
}

/* -- overlay --*/
.overlay-site {
	display: none;
	position: absolute;
	overflow: hidden;
	z-index: 1020;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.9);
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.overlay-site.show {
	display: block;
}
.overlay-site .container {
	position: fixed;
	top: 40vh;
}

/* color */
.blue {
	background: linear-gradient(120deg, rgba(102,153,255,1.0), rgba(0,41,255,1.0));
}
.blue-radial {
	background: repeating-radial-gradient(circle, rgba(0,41,255,1.0), rgba(0,41,255,1.0) 40px, rgba(102,153,255,1.0) 40px, rgba(102,153,255,1.0) 60px);
}
.green {
	background: linear-gradient(120deg, rgba(0,194,206,1.0), rgba(114,204,0,1.0));
}
.orange {
	background: linear-gradient(120deg, rgba(252,159,49,1.0), rgba(175,1,43,1.0));
}
.pink {
	background: linear-gradient(120deg, rgba(217,253,0,1.0), rgba(253,2,243,1.0));
}
.red {
	background: linear-gradient(120deg, rgba(51,0,0,1.0), rgba(153,0,0,1.0));
}
.red-radial {
	background: repeating-radial-gradient(circle, rgba(153,0,0,1.0), rgba(153,0,0,1.0) 40px, rgba(51,0,0,1.0) 40px, rgba(51,0,0,1.0) 60px);
}
.violet {
	background: linear-gradient(120deg, rgba(0,41,255,1.0), rgba(191,68,157,1.0));
}

/* */
.up {
	background: linear-gradient(120deg, rgba(130,200,135,1.0), rgba(28,100,42,1.0));
}
.pop {
	background: linear-gradient(120deg, rgba(255,212,81,1.0), rgba(231,85,2,1.0));
}
.down {
	background: linear-gradient(120deg, rgba(238,108,154,1.0), rgba(139,15,79,1.0));
}
.min {
	background: linear-gradient(120deg, rgba(79,194,247,1.0), rgba(1,92,160,1.0));
}
.null {
	background: linear-gradient(120deg, rgba(221,231,118,1.0), rgba(132,126,27,1.0));
}

/* icons */
.material-icons-outlined {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 200%;
	display: inline-block;
	line-height: 100%;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

/* chart.js */
#TopStnChart {
	width: 70%;
	margin: 0 auto 0 auto;
	text-align: center;
}

#DayPartChart {
	width: 50%;
	margin: 0 auto 0 auto;
	text-align: center;
}

/* media */
@media (max-width: 1440px) {
	.body-site {
		font-size: 100%;
	}
	.container {
		padding: 0 5% 0 5%;
		width: 90%;
	}
}
@media (max-width: 1024px) {
	header.header-figure figure img {
		width: 18rem;
		height: 18rem;
	}
	.section-site .figure-col.tile figure {
		min-width: 16rem;
		min-height: 16rem;
	}
	.section-site .figure-col.circle figure .img {
		width: 14rem;
		height: 14rem;
	}
	.section-site .figure-col.card.medium figure,
	.section-site .figure-col.card.medium figure:nth-of-type(3n+2) {
		margin: 0;
		width: 29.6%;
	}
	.section-site .figure-col.card.medium figure:nth-of-type(3n+2) {
		margin: 0 4.4% 4% 4.4%;
	}
	.slides-block nav, .section-site header nav {
		width: 70%;
	}
	.section-site .figure-row figure .img span {
		line-height: 320%;
	}
}
@media (max-width: 768px) {
	.overlay-site .container {
		top: 30vh;
	}
	.section-site .figure-col.tile figure {
		min-width: 18rem;
		min-height: 18rem;
	}
	.section-site .figure-col figure {
		width: 45%;
	}
	.section-site .figure-col.circle figure .img {
		width: 16rem;
		height: 16rem;
	}
	.section-site .figure-col.tile figure:nth-of-type(3n+2),
	.section-site .figure-col.circle figure:nth-of-type(3n+2)	{
		margin: 0;
	}
	.section-site .figure-col.tile figure:nth-of-type(2n+1),
	.section-site .figure-col.circle figure:nth-of-type(2n+1) {
		margin: 0 7% 7% 0;
	}
}
@media (max-width: 440px) {
	h1 {
		font-size: 260%;
	}
	h2 {
		font-size: 240%;
	}
	.section-site {
		padding: 4rem 0 4rem 0;
	}
	a.button,
	a.button:link,
	a.button:focus,
	a.button:visited,
	a.button:hover,
	.button,
	a.button + a.button, .button + .button {
		display: table;
		margin: 0 auto 1rem auto;
	}
	header.header-figure figure img {
		width: 14rem;
		height: 14rem;
	}
	.header-figure.slides-block nav {
		top: 8rem;
	}
	.slides-block nav, .section-site header nav {
		width: 100%;
	}
	.section-site .figure-col.tile figure,
	.section-site .figure-col.tile figure:nth-of-type(3n+2),
	.section-site .figure-col.circle figure:nth-of-type(3n+2),
	.section-site .figure-col.tile figure:nth-of-type(2n+1),
	.section-site .figure-col.circle figure:nth-of-type(2n+1),
	.section-site .figure-col.card.medium figure,
	.section-site .figure-col.card.medium figure:nth-of-type(3n+2),
	.section-site .figure-col figure {
		display: table;
		margin: 0 auto 3rem auto;
	}
	.section-site .figure-col.card.medium figure img,
	.section-site .figure-col.tile figure,
	.section-site .figure-col.circle figure .img {
		max-width: 18rem;
		max-height: 18rem;
	}
	.section-site .figure-col.card.medium figure,
	.section-site .figure-col.card.medium figure:nth-of-type(3n+2) {
		width: 100%;
	}
	.section-site .figure-col.card.medium figure img {
		max-width: 14rem;
		max-height: 14rem;
	}
	.section-site .figure-row figure {
		padding: 0.4rem;
	}
	.section-site .figure-row.table .note, .section-site.text .note {
		padding: 0;
		width: 90%;
	}
	.footer-site dl {
		display: table;
		width: 100%;
		margin: 0 0 2rem 0;
	}
}

/* cookie */
#cookie_notification {
	display: none;
	position: fixed;
	right: 0.6rem;
	bottom: 0;
	z-index: 1000;
	border: thin solid rgba(0,0,0,0.2);
	background: rgba(255,255,255,0.96);
	padding: 1rem;
}
#cookie_notification.show {
	display: table;
}
#cookie_notification p span {
	display: table;
}
#cookie_notification p,
#cookie_notification .button {
	display: table;
	font-size: 70%;
}
#cookie_notification .button {
	background: rgb(255,186,0);
    color: rgb(0,0,0);
    border: none;
    border-radius: 4rem;
    padding: 0.6rem 0.8rem 0.6rem 0.8rem;
	margin: 1rem auto 0 auto;
    cursor: pointer;
}