*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html:focus-within {
	scroll-behavior: smooth;
}
html,
body {
	min-height: 100vh;
	width: 100%;
	font-size: 1rem;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
h1 {
	font-size: 1.4rem;
}
h2 {
	font-size: 1.2rem;
}
h3 {
	font-size: 1rem;
}
h4 {
	font-size: 0.8rem;
}
h5 {
	font-size: 0.8rem;
}
h6 {
	font-size: 0.8rem;
}

@media screen and (max-width: 75em) {
  h1 {
    font-size: 1.2rem;
  }
  h2 {
    font-size: 1rem;
  }
  h3 {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 30em) {
  h1 {
    font-size: 1rem;
  }
  h2 {
    font-size: 0.9rem;
  }
  h3 {
    font-size: 0.8rem;
  }
}
ul,
ol {
	list-style-type: none;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;
	max-width: 100%;
}
audio:not([controls]) {
	display: none;
}
picture {
	display: contents;
}
source {
	display: none;
}
img,
svg,
video,
canvas {
	height: auto;
}
img,
svg {
	vertical-align: middle;
}
img {
	height: auto;
	border-style: none;
}
svg {
	overflow: hidden;
}
audio {
	width: 100%;
}
:root {
	--font-size-h1: clamp(1rem, 1vw + 1rem, 2.5rem);
	--font-size-h2: clamp(0.75rem, 1vw + 0.75rem, 1.5rem);
}
@font-face {
	font-family: 'Cabin';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/cabin-v18-latin-regular.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'Cabin';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/cabin-v18-latin-700.woff') format('woff');
	font-display: swap;
}
body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	background: repeating-linear-gradient(135deg, #f4f4f4, #f4f4f4 60px, #f0f0f0 60px, #f0f0f0 120px);
	font-family: 'Cabin', sans-serif;
	font-weight: 400;
}
@media screen and (max-width: 48em) {
	body {
		font-size: 1rem;
	}
}
@media screen and (max-width: 30em) {
	body {
		font-size: 1rem;
	}
}
.container {
	max-width: calc(70% - 1em);
	margin: 0 auto;
}
@media screen and (min-width: 75.063em) {
	.container {
		min-width: calc(80% - 1em);
	}
}
@media screen and (max-width: 75em) {
	.container {
		min-width: calc(90% - 1em);
	}
}
@media screen and (max-width: 30em) {
	.container {
		max-width: calc(100% - 1em);
	}
}
.header {
	padding-top: 1em;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(50%, #e9e9e9), to(#dbdbdb));
	background: linear-gradient(180deg, #f5f5f5 0%, #e9e9e9 50%, #dbdbdb 100%);
	border-bottom: 2px solid #f0f4f7;
	-webkit-box-shadow: 0 0 15px 0px #000;
	box-shadow: 0 0 15px 0px #000;
	letter-spacing: 2px;
	z-index: 2;
}
@media screen and (max-width: 64em) {
	.header {
		padding-bottom: 0.5em;
	}
}
.header-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.header-top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
@media screen and (max-width: 30em) {
	.header-top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
.header-title {
	margin: 0 2em 0 1em;
	color: #333;
	border-bottom: 1px solid #e52121;
	text-shadow: 1px 1px 3px #f0f4f7;
	text-transform: uppercase;
	letter-spacing: 5px;
}
@media screen and (max-width: 48em) {
	.header-title {
		letter-spacing: 3px;
	}
}
@media screen and (max-width: 30em) {
	.header-title {
		margin: 0;
		text-align: center;
		letter-spacing: 1px;
	}
}
.header-logo {
	min-width: 8em;
	max-width: 8em;
	font-weight: 700;
	text-transform: uppercase;
}
@media screen and (max-width: 48em) {
	.header-logo {
		font-size: 0.75rem;
	}
}
@media screen and (max-width: 30em) {
	.header-logo {
		-webkit-align-self: start;
		-ms-flex-item-align: start;
		-ms-grid-row-align: start;
		align-self: start;
		margin-bottom: 1em;
		font-size: 0.5rem;
	}
}
.header-logo:hover .header-logo__svg-card {
	fill: #333;
	-webkit-transition: fill 0.3s ease-in;
	transition: fill 0.3s ease-in;
}
.header-logo:hover .header-logo__svg-text {
	fill: #e52121;
	stroke: #e52121;
	-webkit-transition: fill 0.3s ease-in, stroke 0.3s ease-in;
	transition: fill 0.3s ease-in, stroke 0.3s ease-in;
}
.header-logo:hover .header-logo__svg-ball {
	fill: #e52121;
	-webkit-transition: fill 0.3s ease-in;
	transition: fill 0.3s ease-in;
}
.header-logo__svg-card {
	fill: #e52121;
	-webkit-transition: fill 0.3s ease-in;
	transition: fill 0.3s ease-in;
}
.header-logo__svg-ball {
	fill: #333;
	-webkit-transition: fill 0.3s ease-in;
	transition: fill 0.3s ease-in;
}
.header-logo__svg-text {
	stroke: #333;
	stroke-width: 0.1px;
	-webkit-transition: fill 0.3s ease-in, stroke 0.3s ease-in;
	transition: fill 0.3s ease-in, stroke 0.3s ease-in;
	font-size: 0.15rem;
	letter-spacing: 0.1px;
}
.header-toggle,
.header-burger {
	display: none;
}
.header-nav {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	width: 100%;
	padding: 0.5em 1em;
	margin-top: 1em;
	background: -webkit-gradient(linear, left top, left bottom, from(#fe5b5c), color-stop(50%, #f54544), to(#dc0807));
	background: linear-gradient(180deg, #fe5b5c 0%, #f54544 50%, #dc0807 100%);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-box-shadow: 0 0 3px 0 #000;
	box-shadow: 0 0 3px 0 #000;
	font-size: 0.719rem;
}
@media screen and (max-width: 75em) {
	.header-nav {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 64em) {
	.header-nav__list1,
	.header-nav__list2,
	.header-nav__list3,
	.header-nav__list4 {
		padding-left: 1em;
		border-left: 1px solid #f0f4f7;
	}
	.header-nav__list1-item,
	.header-nav__list2-item,
	.header-nav__list3-item,
	.header-nav__list4-item {
		margin-bottom: 1em;
	}
}
.header-nav__list1-link,
.header-nav__list2-link,
.header-nav__list3-link,
.header-nav__list4-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 5px 0;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
@media screen and (min-width: 75.063em) {
	.header-nav__list1-link,
	.header-nav__list2-link,
	.header-nav__list3-link,
	.header-nav__list4-link {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
}
@media screen and (max-width: 64em) {
	.header-nav__list1-link,
	.header-nav__list2-link,
	.header-nav__list3-link,
	.header-nav__list4-link {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
}
.header-nav__list1-link:hover,
.header-nav__list2-link:hover,
.header-nav__list3-link:hover,
.header-nav__list4-link:hover {
	color: #f0f4f7;
}
.header-nav__list1-link:hover:before,
.header-nav__list2-link:hover:before,
.header-nav__list3-link:hover:before,
.header-nav__list4-link:hover:before {
	left: 0;
	width: 100%;
}
.header-nav__list1-link:hover .icons,
.header-nav__list2-link:hover .icons,
.header-nav__list3-link:hover .icons,
.header-nav__list4-link:hover .icons {
	fill: transparent;
	stroke: #f0f4f7;
}
.header-nav__list1-link:hover .water-polo,
.header-nav__list1-link:hover .others,
.header-nav__list2-link:hover .water-polo,
.header-nav__list2-link:hover .others,
.header-nav__list3-link:hover .water-polo,
.header-nav__list3-link:hover .others,
.header-nav__list4-link:hover .water-polo,
.header-nav__list4-link:hover .others {
	fill: #f0f4f7;
	stroke: transparent;
}
.header-nav__list1-link:before,
.header-nav__list2-link:before,
.header-nav__list3-link:before,
.header-nav__list4-link:before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0.2em;
	background-color: #f0f4f7;
	-webkit-transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.header-nav__list1,
.header-nav__list2 {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
@media screen and (max-width: 64em) {
	.header-nav__list1,
	.header-nav__list2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
@media screen and (max-width: 75em) {
	.header-nav__list1 {
		padding-bottom: 0.3em;
		border-bottom: 1px solid #f0f4f7;
	}
}
@media screen and (max-width: 64em) {
	.header-nav__list1 {
		padding-bottom: 1em;
		border-bottom: none;
	}
}
.header-nav__list1-item:last-child {
	margin-right: 6%;
}
@media screen and (max-width: 75em) {
	.header-nav__list1-item:last-child {
		margin: 0;
	}
}
@media screen and (max-width: 75em) {
	.header-nav__list2 {
		padding-top: 0.3em;
	}
}
.header-nav__list3,
.header-nav__list4 {
	padding-left: 1em;
	border-left: 1px solid #f0f4f7;
}
@media screen and (max-width: 64em) {
	.header-nav__list3,
	.header-nav__list4 {
		padding-left: 0;
		border: 0;
	}
}
.header-nav__list3-item,
.header-nav__list4-item {
	margin-bottom: 1em;
}
.header-nav__list3-item:last-child,
.header-nav__list4-item:last-child {
	margin: 0;
}
.header-nav__list3 {
	margin-right: 2em;
}
@media screen and (max-width: 64em) {
	.header-nav__list3 {
		margin: 0;
		padding-bottom: 1em;
	}
}
.header-nav__sublist {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1em 1.5em;
	position: absolute;
	top: 120%;
	right: 0;
	background-color: #e52121;
	border: 1px solid #f0f4f7;
	border-top: 5px solid #f0f4f7;
	border-radius: 10px;
	-webkit-box-shadow: 0 3px 5px 0 #000;
	box-shadow: 0 3px 5px 0 #000;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease;
	transition: opacity 0.3s ease, visibility 0.3s ease, top 0.3s ease;
}
@media screen and (max-width: 64em) {
	.header-nav__sublist {
		background: transparent;
	}
}
.header-nav__sublist:before {
	content: '';
	position: absolute;
	top: -2.45em;
	right: 4.25em;
	border: 1.2em solid transparent;
	border-bottom-color: #f0f4f7;
}
@media screen and (max-width: 64em) {
	.header-nav__sublist:before {
		border: none;
	}
}
.header-nav .more:hover .header-nav__sublist {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.header-nav .more-toggle,
.header-nav .more-label {
	display: none;
}
@media screen and (max-width: 64em) {
	.header-nav .more-label {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		padding: 5px 0;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
		cursor: pointer;
	}
	.header-nav .more-label:hover {
		color: #f0f4f7;
	}
	.header-nav .more-label:hover:before {
		left: 0;
		width: 100%;
	}
	.header-nav .more-label:hover .more-icon {
		fill: #f0f4f7;
	}
	.header-nav .more-label:before {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0;
		height: 0.2em;
		background-color: #f0f4f7;
		-webkit-transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
		transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	}
	.header-nav .more-link,
	.header-nav__sublist {
		display: none;
	}
	.more-toggle:checked ~ .header-nav__sublist {
		display: block;
		position: static;
		margin-top: 1em;
		padding: 0;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
	}
}
.header-nav .icons {
	min-width: 1.5em;
	max-width: 1.5em;
	margin: 0 0.3em 0 0.25em;
	fill: #f0f4f7;
	stroke-width: 1.5px;
	stroke: #333;
	-webkit-transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
	transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
}
@media screen and (max-width: 64em) {
	.header-nav .icons {
		margin: 0 0.5em;
	}
}
.header-nav .subicons {
	min-width: 1.8em;
	max-width: 1.8em;
}
.header-nav .home,
.header-nav .football,
.header-nav .hockey,
.header-nav .boxing,
.header-nav .bandy {
	stroke-width: 1px;
}
.header-nav .handball {
	stroke-width: 10px;
}
.header-nav .handball-path {
	fill: #e52121;
}
.header-nav .racing {
	stroke-width: 0.4px;
}
.header-nav .racing-path {
	fill: #e52121;
}
.header-nav .water-polo,
.header-nav .others {
	fill: #333;
	stroke: #f0f4f7;
	-webkit-transition: stroke 0.3s ease-in-out, fill 0.3s ease-in-out;
	transition: stroke 0.3s ease-in-out, fill 0.3s ease-in-out;
}
@media screen and (max-width: 64em) {
	.header-nav .icons {
		min-width: 1.8em;
		max-width: 1.8em;
	}
}
@media screen and (max-width: 64em) {
	.header-nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-flow: column nowrap;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		max-width: 100%;
		width: 18.75em;
		height: 100vh;
		margin: 0 -21.875em 0 0;
		padding: 7.5em 1em;
		position: fixed;
		top: 0;
		right: 0;
		-webkit-box-shadow: 0 5px 10px 0 #000;
		box-shadow: 0 5px 10px 0 #000;
		border-radius: 0;
		-webkit-transition: margin 0.3s ease-in-out;
		transition: margin 0.3s ease-in-out;
		overflow: auto;
	}
	.header-toggle:checked ~ .header-nav {
		margin: 0;
	}
	.header-toggle:checked ~ .header-nav a {
		opacity: 1;
		-webkit-transition: opacity 0.3s ease-in-out 0.25s;
		transition: opacity 0.3s ease-in-out 0.25s;
	}
	.header-burger {
		display: block;
	}
	.header-burger__label {
		position: absolute;
		top: 40%;
		right: 2em;
	}
	.header-burger__label span,
	.header-burger__label span:before,
	.header-burger__label span:after {
		display: block;
		position: relative;
		height: 2.5px;
		width: 2em;
		background: #f0f4f7;
		border-radius: 2px;
	}
	.header-burger__label span:before,
	.header-burger__label span:after {
		content: '';
		position: absolute;
	}
	.header-burger__label span:before {
		bottom: 7px;
	}
	.header-burger__label span:after {
		top: 7px;
	}
}
.main {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 1em;
	background-color: #f0f4f7;
	-webkit-box-shadow: 0 0 10px 0 #000;
	box-shadow: 0 0 10px 0 #000;
	color: #333;
}
@media screen and (max-width: 64em) {
	.main {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
.main-section {
	width: 70%;
	-webkit-box-shadow: 0 0 5px 0 #000;
	box-shadow: 0 0 5px 0 #000;
}
@media screen and (max-width: 64em) {
	.main-section {
		margin-bottom: 1em;
	}
}
.main-section__title {
	margin: 0.5em;
	text-align: center;
	letter-spacing: 1px;
}
.main-section .sport_info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0.5em;
	font-weight: 700;
	font-size: 1.2rem;
	border-bottom: 1px solid #000;
}
@media screen and (max-width: 48em) {
	.main-section .sport_info {
		font-size: 1rem;
	}
}
@media screen and (max-width: 30em) {
	.main-section .sport_info {
		font-size: 0.75rem;
	}
}
.main-section .sport_info img {
	width: 1em;
	height: 1em;
	margin-right: 1em;
}
.main-section .slide {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-width: 100%;
	padding: 0.5em;
	border-bottom: 1px solid grey;
	content-visibility: auto;
}
.main-section .slide:last-of-type {
	border-bottom: none;
}
@media screen and (max-width: 48em) {
	.main-section .slide {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
.main-section .slide-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 50%;
}
@media screen and (max-width: 48em) {
	.main-section .slide-title {
		width: 100%;
		padding-bottom: 0.5em;
		border-bottom: 1px dashed grey;
	}
}
@media screen and (max-width: 30em) {
	.main-section .slide-title {
		-webkit-box-pack: stretch;
		-webkit-justify-content: stretch;
		-ms-flex-pack: stretch;
		justify-content: stretch;
	}
}
.main-section .slide-title img {
	width: 1em;
	height: 1em;
}
.main-section .slide-title .name {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 1em;
}
@media screen and (max-width: 30em) {
	.main-section .slide-title .name {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		margin: 0 0 0.5em 0.5em;
	}
}
.main-section .slide-title .name span {
	margin-right: 1em;
	padding: 0.2em;
	background-color: #e52121;
	font-weight: 700;
	color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 3px 0 #000;
	box-shadow: 0 0 3px 0 #000;
}
@media screen and (max-width: 48em) {
	.main-section .slide-title .name span {
		margin-top: 0.5em;
	}
}
@media screen and (max-width: 30em) {
	.main-section .slide-title .name span {
		margin-bottom: 0.5em;
	}
}
.main-section .slide_content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 50%;
}
@media screen and (max-width: 48em) {
	.main-section .slide_content {
		width: 100%;
		margin-top: 0.5em;
	}
}
@media screen and (max-width: 30em) {
	.main-section .slide_content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
.main-section .slide_content .slide_row_title,
.main-section .slide_content img,
.main-section .slide_content .channel {
	display: none;
}
.main-section .slide_content p {
	margin: 0 3em 0 1em;
}
@media screen and (max-width: 30em) {
	.main-section .slide_content p {
		margin: 0 0.5em 0.5em;
	}
}
.main-section .slide_row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.main-section .slide_row a {
	display: inline-block;
	padding: 0.5em 1em;
	background-color: #e52121;
	color: #fff;
	font-weight: 700;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px 1px #000;
	box-shadow: 0 1px 3px 1px #000;
	text-decoration: none;
	white-space: nowrap;
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
.main-section .slide_row a:hover {
	color: #f0f4f7;
	-webkit-filter: brightness(120%);
	filter: brightness(120%);
}
.main-section .slide_row a:active {
	-webkit-box-shadow: inset 0 1px 3px 1px #000;
	box-shadow: inset 0 1px 3px 1px #000;
	-webkit-transform: translate(0, 1.5px);
	transform: translate(0, 1.5px);
	-webkit-filter: brightness(150%);
	filter: brightness(150%);
}
@media screen and (max-width: 48em) {
	.main-section .slide_row a {
		margin: 0 0 0.5em 0;
	}
}
.main-aside {
	width: 30%;
	padding: 1em;
	margin-left: 1em;
	-webkit-box-shadow: 0 0 5px 0 #000;
	box-shadow: 0 0 5px 0 #000;
}
@media screen and (max-width: 64em) {
	.main-aside {
		margin: 0;
	}
}
.main-aside__content-title {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid grey;
	text-align: center;
}
.main-aside__content-link {
	color: #333;
	-webkit-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in;
}
.main-aside__content-link:hover {
	color: #e52121;
}
@media screen and (max-width: 64em) {
	.main-section,
	.main-aside {
		width: 100%;
	}
}
.footer {
	margin-top: auto;
	padding: 1em;
	background-color: #333;
	border-top: 2px solid #f0f4f7;
	-webkit-box-shadow: 0 0 15px 0px #000;
	box-shadow: 0 0 15px 0px #000;
	color: #fff;
}
.footer-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.footer-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 64em) {
	.footer-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}
.footer-list__item {
	margin-right: 1em;
}
.footer-list__item-link {
	color: var(--secondary-color);
    letter-spacing: .0625em;
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in;
    padding: 1em;
    display: block;
}
.footer-copyright__text-link {
	color: #fff;
	letter-spacing: 1px;
	-webkit-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in;
}
.footer-list__item-link:hover,
.footer-copyright__text-link:hover {
	color: #e52121;
}