@import url(https://fonts.googleapis.com/css2?family=Lora:wght@700&family=Poppins:wght@400;500;600;700&family=Open+Sans:wght@300;400;600;700&display=swap);
*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

html {
	font-size: 62.5%
}

body {
	font-size: 1rem;
	color: #073440
}

h1 {
	font-size: 3rem;
	margin: 1rem 0
}

@media (min-width: 768px) {
	h1 {
		font-size: 4rem;
		margin: 2rem 0
	}
}

h2 {
	font-size: 2.5rem;
	margin-bottom: 1rem
}

@media (min-width: 768px) {
	h2 {
		font-size: 3.2rem;
		margin-bottom: 2rem
	}
}

h1,
h2 {
	font-family: "Lora", "serif"
}

p,
a,
span,
ul,
li,
figcaption {
	text-decoration: none;
	list-style: none;
	font-family: "Poppins", "sans-serif"
}

p {
	font-size: 1.4rem;
	line-height: 2.2rem
}

@media (min-width: 768px) {
	p {
		font-size: 1.8rem;
		line-height: 2.9rem
	}
}

img {
	width: 100%
}

.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 15px
}

@media (min-width: 768px) {
	.container {
		max-width: 768px
	}
}

@media (min-width: 1024px) {
	.container {
		max-width: 100%
	}
}

@media (min-width: 1440px) {
	.container {
		padding: 0;
		max-width: 1242px
	}
}

.page__wrapper {
	margin-top: 1rem
}

@media (min-width: 1024px) {
	.page__wrapper {
		margin-top: 3rem;
		display: flex;
		justify-content: space-between;
		gap: 3rem
	}
}

@media (min-width: 1024px) {
	main {
		width: 67%
	}
}

@media (min-width: 1440px) {
	main {
		max-width: 81.8rem
	}
}

aside {
	display: none
}

@media (min-width: 1024px) {
	aside {
		display: block;
		width: 33%
	}
}

@media (min-width: 1440px) {
	aside {
		max-width: 39.4rem
	}
}

.scroll-lock {
	overflow: hidden
}

.bold-text {
	font-weight: 700
}

.lead-text {
	line-height: 2.5rem;
	font-size: 1.6rem
}

@media (min-width: 768px) {
	.lead-text {
		line-height: 3.2rem;
		font-size: 2rem
	}
}

.regular-text {
	font-weight: 400
}

.gradient {
	background: -webkit-linear-gradient(right, #1CC4F1, #713295);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.header {
	padding: 1.05rem 0;
	border-bottom: 0.1rem solid #7cddf7;
	box-shadow: 0 1rem 3rem 0 rgba(28, 196, 241, 0.1)
}

@media (min-width: 1024px) {
	.header {
		padding: 4rem 0
	}
}

.header .container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap
}

.logo {
	max-width: 10.5rem;
	z-index: 5
}

@media (min-width: 1024px) {
	.logo {
		max-width: 24.5rem
	}
}

@media (min-width: 1440px) {
	.logo {
		max-width: 34.5rem
	}
}

.main-nav {
	display: none;
	width: 450px
}

.main-nav__list {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	flex-wrap: nowrap
}

.main-nav__list li:last-child a {
	font-weight: 700;
	border-bottom: 0.2rem solid #713295
}

.main-nav__list li:last-child a:hover::after {
	transform: scaleX(0)
}

.main-nav__list__item a {
	font-size: 2rem;
	display: inline-block;
	color: #073440;
	transition: 0.25s ease-in;
	height: 3.5rem
}

.main-nav__list__item a::after {
	content: '';
	display: block;
	border-bottom: 0.2rem solid #713295;
	transform: scaleX(0);
	transition: transform 0.5s ease;
	margin-top: 0.2rem
}

.main-nav__list__item a:hover::after {
	transform: scaleX(1)
}

@media (min-width: 1024px) {
	.main-nav {
		display: block
	}
}

.social-media {
	display: none;
	height: 2.4rem
}

@media (min-width: 1024px) {
	.social-media {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap
	}
	.social-media a {
		display: block;
		width: 2.4rem;
		margin: 0 0.5rem
	}
	.social-media svg {
		width: 2.4rem;
		height: auto
	}
	.social-media svg path {
		transition: 0.25s ease-in
	}
	.social-media svg:hover path {
		fill: #713295
	}
}

.hamburger-btn {
	position: relative;
	height: 2.4rem;
	width: 4rem;
	border: none;
	background-color: transparent;
	cursor: pointer;
	z-index: 5;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap
}

.hamburger-btn div {
	position: relative;
	width: 4rem;
	height: 0.4rem;
	background-color: #073440;
	transition: all 0.25s ease-in
}

@media (min-width: 1024px) {
	.hamburger-btn {
		display: none
	}
}

.mobile-menu {
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #87dbf2;
	transform: translateX(-100vw);
	transition: all 0.5s ease-in
}

@media (min-width: 1024px) {
	.mobile-menu {
		display: none
	}
}

.mobile-menu__list {
	height: 80vh;
	padding-top: 20vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap
}

.mobile-menu__list__item a {
	font-size: 2rem;
	color: #fff;
	text-transform: uppercase;
	transition: 0.25s ease-in
}

.mobile-menu__list__item a:hover {
	font-weight: 700
}

.visible {
	opacity: 1;
	visibility: visible;
	transform: translateX(0vw);
	transition: all 0.5s ease-in
}

.open div:nth-child(2) {
	opacity: 0
}

.open div:first-child {
	top: -0.1rem;
	transform: translateY(1.1rem) rotate(45deg)
}

.open div:last-child {
	top: 0.1rem;
	transform: translateY(-1.1rem) rotate(-45deg)
}

.article__links p,
.article__links a {
	color: #073440;
	font-size: 1.2rem;
	line-height: 1.9rem
}

@media (min-width: 768px) {
	.article__links p,
	.article__links a {
		font-size: 1.8rem;
		line-height: 2.9rem
	}
}

.article__report {
	display: block;
	background-color: #E61739;
	font-weight: 700;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
	width: 16rem;
	padding: 0.5rem 0;
	border-radius: 0.4rem;
	margin: 1rem 0
}

@media (min-width: 768px) {
	.article__report {
		font-size: 2rem;
		width: 20rem;
		padding: 1.2rem 0
	}
}

@media (min-width: 768px) {
	.article__report-mobile {
		display: none
	}
}

.article__main-title-desktop {
	display: none
}

@media (min-width: 768px) {
	.article__main-title-desktop {
		display: block;
		border-left: 0.4rem solid #79D4F2;
		padding-left: 2.8rem
	}
}

.article__main-title-mobile {
	border-left: 0.4rem solid #79D4F2;
	padding-left: 1.8rem
}

@media (min-width: 768px) {
	.article__main-title-mobile {
		display: none
	}
}

.article__info {
	font-weight: 700;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap
}

@media (min-width: 768px) {
	.article__info {
		width: 100%;
		align-items: center;
		flex-direction: row;
		justify-content: space-between
	}
}

.article__info__date {
	font-weight: 400
}

.article__main-img {
	margin: 1rem 0
}

@media (min-width: 768px) {
	.article__main-img {
		margin: 1rem 0 2rem 0
	}
}

.article__text {
	margin-bottom: 3rem
}

@media (min-width: 768px) {
	.article__text {
		margin-bottom: 4rem
	}
}

.article__effect-box {
	padding: 1rem 1rem 0 1rem;
	border: 0.2rem solid #713295;
	border-radius: 0.4rem;
	margin-bottom: 3rem;
	background-image: url(images/7599f71fd8499c9c0ed3.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}

@media (min-width: 425px) {
	.article__effect-box {
		background-image: url(../img/a9f50dac0adb402f17e1.png)
	}
}

@media (min-width: 768px) {
	.article__effect-box {
		padding: 4rem 9rem 0 9rem
	}
}

.article__effect-box__title {
	margin-bottom: 2rem
}

@media (min-width: 768px) {
	.article__effect-box__title {
		margin-bottom: 3rem
	}
}

.article__effect-box__list__item {
	margin-bottom: 2rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap
}

@media (min-width: 768px) {
	.article__effect-box__list__item {
		margin-bottom: 3rem
	}
}

.article__effect-box__list__item__icon {
	width: 3.6rem
}

.article__effect-box__list__item__text {
	font-size: 1.6rem;
	line-height: 2.5rem;
	margin-left: 1rem
}

@media (min-width: 768px) {
	.article__effect-box__list__item__text {
		font-size: 2rem;
		line-height: 3.2rem;
		margin-left: 2rem
	}
}

@media (min-width: 768px) {
	.article__product-effect {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: nowrap
	}
}

.article__product-effect__figure {
	margin-bottom: 2rem
}

@media (min-width: 768px) {
	.article__product-effect__figure {
		margin-bottom: 0;
		width: 48%
	}
}

.article__product-effect__figure figcaption {
	position: relative;
	top: -0.25rem;
	display: block;
	font-size: 1.2rem;
	background-color: #f2f4f5;
	padding: 1rem 0 0.8rem 0;
	text-align: center;
	border-radius: 0 0 0.4rem 0.4rem
}

@media (min-width: 768px) {
	.article__product-effect__figure figcaption {
		text-align: left;
		padding: 1rem 1rem 0.8rem 1rem
	}
}

@media (min-width: 768px) {
	.article__product-effect__text {
		width: 48.5%;
		margin-bottom: 1rem
	}
}

.article__effects-list {
	margin-bottom: 6rem
}

@media (min-width: 768px) {
	.article__effects-list {
		padding: 0 9.05rem;
		margin-bottom: 8rem
	}
}

.article__effects-list li:first-child span {
	width: 85%
}

.article__effects-list li:nth-child(2) span {
	width: 93.8%
}

.article__effects-list li:nth-child(3) span {
	width: 95.4%
}

.article__effects-list li:last-child {
	margin-bottom: 0
}

.article__effects-list li:last-child span {
	width: 98.7%
}

.article__effects-list__item {
	margin-bottom: 3rem
}

.article__effects-list__item__wrapper {
	position: relative;
	border: 0.15rem solid #79D4F2;
	border-radius: 0.4rem;
	width: 100%;
	height: 4rem;
	margin-bottom: 1rem
}

.article__effects-list__item__wrapper span {
	display: block;
	background-color: #79D4F2;
	height: 4rem;
	border-radius: 0.4rem 0 0 0.4rem;
	position: absolute;
	top: -0.15rem;
	left: -0.15rem
}

.article__effects-list__item__wrapper p {
	font-size: 1.6rem;
	font-weight: 700;
	padding-left: 1rem;
	line-height: 4rem;
	position: relative;
	z-index: 2
}

@media (min-width: 768px) {
	.article__product-target {
		padding-left: 7rem
	}
}

@media (min-width: 1024px) {
	.article__product-target {
		padding-left: 9rem
	}
}

.article__product-target__column {
	margin-right: 1.7rem
}

.article__product-target__list {
	margin: 2rem 0
}

.article__product-target__list li:nth-child(9) {
	margin-bottom: 0
}

@media (min-width: 1024px) {
	.article__product-target__list {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: nowrap
	}
}

.article__product-target__list__item {
	margin-bottom: 1rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap
}

@media (min-width: 768px) {
	.article__product-target__list__item {
		margin-bottom: 2rem
	}
}

.article__product-target__list__item img {
	width: 3.6rem;
	height: auto;
	margin-right: 1rem
}

.article__product-target__small-text {
	font-size: 1.2rem;
	margin-bottom: 3rem
}

@media (min-width: 768px) {
	.article__product-target__small-text {
		font-size: 1.2rem;
		margin-bottom: 4rem
	}
}

.article__product-action {
	border: 0.1rem solid #79D4F2;
	border-radius: 0.4rem;
	background-color: #f8fdff;
	padding: 2rem 1rem 2rem 1rem;
	margin-bottom: 3rem
}

@media (min-width: 768px) {
	.article__product-action {
		padding: 4rem 14.7rem 4rem 9rem;
		margin-bottom: 5rem
	}
}

.article__product-action__image {
	padding: 0 1rem 3rem 1rem
}

@media (min-width: 425px) {
	.article__product-action__image {
		padding: 0 7.15rem 3rem 11.45rem
	}
}

.article__product-action__wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap
}

.article__product-action__list {
	width: auto;
	margin: 2rem 0 2.8rem 0
}

.article__product-action__list__item {
	margin-bottom: 1rem
}

.article__product-action__list__item__text {
	font-size: 2rem;
	font-weight: 700
}

.article__product-action__list__item__number {
	font-family: "Lora", "serif";
	font-size: 3.2rem
}

.article__product-action__list__item__dot {
	font-family: "Lora", "serif";
	font-size: 3.2rem;
	color: #79D4F2;
	margin-right: 1.3rem
}

.article__promotion {
	padding: 3rem 0;
	border-top: 0.1rem solid #c0cccf;
	border-bottom: 0.1rem solid #c0cccf;
	text-align: center
}

.article__promotion__text {
	font-size: 2rem;
	line-height: 3.2rem
}

.article__promotion__banner {
	margin: 3rem 0;
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.article__promotion__banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: -70rem;
	width: 25rem;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	transform: skewX(-30deg);
	transition: 1.2s;
	z-index: 1
}

.article__promotion__banner:hover::before {
	left: 150%
}

.article__author__info {
	padding: 3rem 0;
	border-bottom: 0.1rem solid #c0cccf;
	margin-bottom: 3rem
}

@media (min-width: 768px) {
	.article__author__info {
		padding: 5rem 0 3rem 0
	}
}

.article__author__info__wrapper {
	margin-bottom: 2rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap
}

@media (min-width: 1024px) {
	.article__author__info__content {
		max-width: 51.5rem
	}
}

.article__author__info__image {
	width: 14rem;
	height: auto;
	margin-right: 1rem
}

@media (min-width: 768px) {
	.article__author__info__image {
		width: 18.2rem;
		margin-right: 3rem
	}
}

.article__author__info__text-desktop {
	display: none
}

@media (min-width: 768px) {
	.article__author__info__text-desktop {
		display: block;
		margin-top: 3rem
	}
}

@media (min-width: 768px) {
	.article__author__info__text-mobile {
		display: none
	}
}

.swiper-container {
	margin-bottom: 3rem;
	border-bottom: 0.15rem solid #c0cccf;
	max-width: 40rem;
	position: relative;
	overflow: hidden;
	text-align: center;
}

#comments-list {
	margin-top: 20px;
}

.comment-item__img-wrapper {
	width: 100%;
	max-width: 320px;
	margin-top: 10px;
}

@media (min-width: 768px) {
	.swiper-container {
		max-width: 60rem
	}
}

@media (min-width: 1024px) {
	.swiper-container {
		max-width: 100%;
		border-bottom: none;
		margin-bottom: 4rem
	}
}

.swiper-pagination {
	bottom: 2.35rem !important;
	height: 1.8rem !important;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: nowrap;
	width: 100%;
}

@media (min-width: 1024px) {
	.swiper-pagination {
		bottom: 8.5rem !important;
		left: 83.5% !important;
		width: auto !important
	}
}

@media (min-width: 1130px) {
	.swiper-pagination {
		left: 62.25rem !important
	}
}

@media (min-width: 1440px) {
	.swiper-pagination {
		bottom: 2.5rem !important
	}
}

.swiper-pagination-bullet {
	width: 1rem !important;
	height: 1rem !important
}

.swiper-pagination-bullet-active {
	transform: scale(1.6) !important;
	background-color: #82999f !important
}

.swiper-button-next {
	top: calc(100% - 2.05rem);
	right: 0.4rem;
	width: 1.6rem;
	height: 1.6rem;
	border-left: 0.2rem solid #073440;
	border-top: 0.2rem solid #073440;
	transform: rotate(135deg)
}

@media (min-width: 1024px) {
	.swiper-button-next {
		top: calc(100% - 8rem);
		left: calc(100% - 2rem);
		transform: rotate(135deg)
	}
}

@media (min-width: 1130px) {
	.swiper-button-next {
		left: 71.9rem
	}
}

@media (min-width: 1440px) {
	.swiper-button-next {
		top: calc(100% - 2rem)
	}
}

.swiper-button-next::after {
	display: none
}

.swiper-button-prev {
	top: calc(100% - 2.05rem);
	left: 0.4rem;
	width: 1.6rem;
	height: 1.6rem;
	border-right: 0.2rem solid #073440;
	border-bottom: 0.2rem solid #073440;
	transform: rotate(135deg)
}

@media (min-width: 1024px) {
	.swiper-button-prev {
		top: calc(100% - 8rem);
		left: 80%
	}
}

@media (min-width: 1130px) {
	.swiper-button-prev {
		left: 60rem
	}
}

@media (min-width: 1440px) {
	.swiper-button-prev {
		top: calc(100% - 2rem);
		left: 60rem
	}
}

.swiper-button-prev::after {
	display: none
}

.swiper-slide {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap
}

@media (min-width: 1024px) {
	.swiper-slide {
		justify-content: flex-start
	}
}

.slide {
	width: 100%;
	max-width: 40rem;
	cursor: pointer;
	margin-bottom: 6rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap
}

@media (min-width: 768px) {
	.slide {
		max-width: 70rem
	}
}

@media (min-width: 1024px) {
	.slide {
		flex-direction: row;
		align-items: flex-start;
		max-width: 73.5rem
	}
}

@media (min-width: 1440px) {
	.slide {
		margin-bottom: 0
	}
}

.slide__img {
	width: 14rem;
	height: 14rem
}

@media (min-width: 1024px) {
	.slide__img {
		width: 18.2rem;
		height: 18.2rem;
		margin-right: 3rem
	}
}

.slide__content {
	display: flex;
	flex-direction: column
}

@media (min-width: 1024px) {
	.slide__content {
		height: 32rem;
		border-bottom: 0.15rem solid #c0cccf;
		padding-bottom: 2rem;
		justify-content: space-between
	}
}

@media (min-width: 1440px) {
	.slide__content {
		height: 27rem
	}
}

.slide__content__client-opinion {
	margin: 2.2rem 0 1rem 0
}

@media (min-width: 1024px) {
	.slide__content__client-opinion {
		margin: 0 0 2rem 0
	}
}

.slide__content__client-name {
	align-self: flex-end;
	font-size: 1.6rem;
	font-weight: 700
}

@media (min-width: 1024px) {
	.slide__content__client-name {
		align-self: flex-start
	}
}

.comments__title {
	margin-bottom: 3rem
}

@media (min-width: 768px) {
	.comments__title {
		margin-bottom: 5rem
	}
}

.comments__number {
	font-family: "Open Sans", "sans-serif";
	font-size: 2.2rem;
	font-weight: 600;
	margin-bottom: 2rem
}

.comments__list li:last-child {
	border-bottom: none;
	padding-bottom: 3rem
}

@media (min-width: 768px) {
	.comments__list li:last-child {
		padding-bottom: 5rem
	}
}

.comment-item {
	margin-bottom: 2rem;
	border-bottom: 0.15rem solid #c0cccf;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap
}

@media (min-width: 768px) {
	.comment-item {
		padding: 2rem 0 1rem 0;
		margin-bottom: 0
	}
}

.comment-item__avatar-wrapper {
	max-width: 65rem;
	margin-right: 1rem
}

@media (min-width: 768px) {
	.comment-item__avatar-wrapper {
		max-width: 100rem;
		margin-right: 2rem
	}
}

.comment-item__avatar {
	width: 6.5rem;
	height: auto
}

@media (min-width: 768px) {
	.comment-item__avatar {
		width: 8rem
	}
}

.comment-item__content {
	width: 80%;
	max-width: 63rem
}

@media (min-width: 768px) {
	.comment-item__content {
		width: 90%
	}
}

.comment-item__content__author {
	color: #3A5A95;
	font-weight: 600;
	font-family: "Open Sans", "sans-serif"
}

@media (min-width: 768px) {
	.comment-item__content__author {
		margin-bottom: 0.5rem
	}
}

.comment-item__content__text {
	font-family: "Open Sans", "sans-serif"
}

@media (min-width: 768px) {
	.comment-item__content__text {
		line-height: 2.4rem
	}
}

.comment-item__content__text-bold {
	font-family: "Open Sans", "sans-serif";
	font-weight: 700;
	color: #3A5A95
}

.comment-item__btn-wrapper {
	width: 100%;
	font-weight: 600;
	margin: 0.5rem 0;
	font-size: 1.2rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap
}

@media (min-width: 768px) {
	.comment-item__btn-wrapper {
		margin-top: 1rem;
		font-size: 1.6rem
	}
}

.comment-item__btn-wrapper__answer-btn {
	position: relative;
	font-size: 1.2rem;
	color: #3A5A95;
	font-family: "Open Sans", "sans-serif";
	line-height: 2.4rem
}

@media (min-width: 768px) {
	.comment-item__btn-wrapper__answer-btn {
		font-size: 1.6rem;
		line-height: 2.4rem
	}
}

.comment-item__btn-wrapper__bullet {
	display: block;
	background-color: #3A5A95;
	width: 0.2rem;
	height: 0.2rem;
	border-radius: 50%;
	margin: 0 0.5rem
}

.comment-item__btn-wrapper__like-btn {
	font-size: 1.2rem;
	color: #3A5A95;
	font-family: "Open Sans", "sans-serif"
}

@media (min-width: 768px) {
	.comment-item__btn-wrapper__like-btn {
		font-size: 1.6rem;
		line-height: 2.4rem
	}
}

.comment-item__btn-wrapper__timestamp {
	font-size: 1.2rem;
	color: #808080;
	font-family: "Open Sans", "sans-serif";
	font-weight: 300
}

@media (min-width: 768px) {
	.comment-item__btn-wrapper__timestamp {
		font-size: 1.6rem;
		line-height: 2.1rem
	}
}

.comment-item__images-wrapper {
	margin-top: 1rem;
	margin-bottom: 1.2rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap
}

@media (min-width: 768px) {
	.comment-item__images-wrapper {
		margin-top: 2rem
	}
}

.comment-item__images-wrapper img {
	width: 55%
}

@media (min-width: 425px) {
	.comment-item__images-wrapper img {
		width: auto
	}
}

.reply {
	margin-left: 3rem
}

@media (min-width: 768px) {
	.reply {
		margin-left: 10rem
	}
}

@media (min-width: 768px) {
	.reply__content {
		max-width: 52.5rem
	}
}

.aside {
	padding-bottom: 3rem
}

@media (min-width: 768px) {
	.aside {
		padding-bottom: 5rem
	}
}

.aside__search-input-wrapper {
    position: relative;
}

.aside__search-input {
	width: 100%;
	border: 0.1rem solid #ebf9fd;
	border-radius: 0.4rem;
	background-color: #ebf9fd;
	font-family: "Poppins", "sans-serif";
	font-size: 1.8rem;
	color: #b2c7cd;
	padding: 1.3rem 5rem 1.3rem 1rem;
	background-repeat: no-repeat;
	background-size: 3.6rem 3.6rem;
	background-position: 97% 50%
}

.aside__search-input-wrapper .button {
    background: url(../fonts/f5926c5155d1e34cf970.svg) 50% 50% no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 65px;
    cursor: pointer;
}

.aside__search-input::placeholder {
	color: #b2c7cd
}

.aside__box {
	border: 0.15rem solid #79D4F2;
	border-radius: 0.4rem
}

.aside__box__title {
	width: calc(100% + 0.15rem);
	color: #fff;
	background-color: #79D4F2;
	text-align: center;
	padding: 2rem 0
}

.aside__box__content {
	padding: 0 2rem 2rem 2rem
}

.aside__weather {
	margin-top: 3rem
}

.aside__weather__current {
	margin-bottom: 2.5rem;
	padding: 0 2rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap
}

.aside__weather__current__city {
	font-size: 2rem;
	font-weight: 500;
	width: 35%
}

@media (min-width: 1440px) {
	.aside__weather__current__city {
		font-size: 2.2rem
	}
}

.aside__weather__current__icon-wrapper {
	width: 25%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap
}

.aside__weather__current__icon-wrapper img {
	max-width: 7rem
}

.aside__weather__current__temp {
	width: 35%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap
}

.aside__weather__current__temp h2 {
	font-family: "Poppins", "sans-serif";
	line-height: 1;
	font-size: 3rem;
	margin-bottom: 0
}

@media (min-width: 1440px) {
	.aside__weather__current__temp h2 {
		font-size: 3.5rem
	}
}

.aside__weather__current__temp p {
	font-size: 1.4rem;
	line-height: unset
}

@media (min-width: 1440px) {
	.aside__weather__current__temp p {
		font-size: 1.8rem
	}
}

.aside__weather__current__temp p::first-letter {
	text-transform: uppercase
}

.aside__weather__next-days-name {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap
}

.aside__weather__next-days-weather-list {
	margin-bottom: 2rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap
}

.aside__weather__next-days-weather-list__item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	flex: 33.333%
}

.aside__weather__next-days-weather-list__item__name {
	font-size: 1.6rem;
	flex: 33.333%;
	text-align: center;
	margin-bottom: 1rem
}

.aside__weather__next-days-weather-list__item__img {
	max-width: 6.5rem
}

.aside__weather__next-days-weather-list__item__day {
	font-weight: 500;
	color: #ff0000;
	margin-bottom: 0.2rem
}

.aside__weather__next-days-weather-list__item__night {
	font-weight: 500;
	color: #3875e3
}

.aside__articles {
	margin: 3rem 0
}

.aside__articles__list {
	margin: 0 2rem
}

.aside__articles__list li:nth-child(2) {
	padding: 2rem 0;
	border-bottom: 0.1rem solid #c0cccf;
	border-top: 0.1rem solid #c0cccf;
	margin-bottom: 2rem
}

.aside__articles__list li:nth-child(2) a {
	margin-bottom: 0
}

.aside__articles__list__item__link {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2rem;
	color: #073440
}

.aside__articles__list__item img {
	width: 10rem;
	height: 10rem;
	margin-right: 1rem
}

@media (min-width: 1440px) {
	.aside__articles__list__item img {
		margin-right: 0
	}
}

.aside__articles__list__item__content {
	width: 66%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.aside__articles__list__item__content__title {
	font-size: 1.8rem;
	font-family: "Poppins", "sans-serif";
	margin-bottom: 0;
	line-height: 2.5rem
}

@media (min-width: 1440px) {
	.aside__articles__list__item__content__title {
		font-size: 2rem
	}
}

.aside__articles__list__item__content__date {
	font-size: 1.2rem;
	line-height: 1
}

.aside__newsletter {
	background-color: #79d4f2;
	position: relative
}

.aside__newsletter__title-wrapper {
	width: 100%;
	color: #fff;
	padding: 2rem 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap
}

.aside__newsletter__title-wrapper__title {
	margin-bottom: 0;
	margin-right: 1rem;
	height: 41px
}

.aside__newsletter__title-wrapper__icon {
	width: 3rem
}

.aside__newsletter-form {
	margin-bottom: 2rem;
	padding: 0 2rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap
}

.aside__newsletter-input {
	width: 80%;
	border: 0.15rem solid #073440;
	border-radius: 0.4rem 0 0 0.4rem;
	background-color: #5cacc6;
	font-family: "Poppins", "sans-serif";
	font-size: 1.8rem;
	color: #b2c7cd;
	padding: 1.3rem 1.3rem 1.3rem 1rem
}

.aside__newsletter-btn {
	background-color: #073440;
	font-family: "Poppins", "sans-serif";
	font-size: 2rem;
	color: #fff;
	font-weight: 700;
	padding: 1.1rem;
	border: 0.15rem solid #073440;
	border-radius: 0 0.4rem 0.4rem 0;
	cursor: pointer
}

.aside__encyclopedia {
	margin: 3rem 0
}

.aside__special-offer {
	position: sticky;
	top: 0.5rem;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap
}

.aside__special-offer__link {
	width: 89%;
	display: flex
}

@media (min-width: 1440px) {
	.aside__special-offer__link {
		width: 100%
	}
}

.aside__special-offer__link::before {
	content: '';
	position: absolute;
	top: 0;
	left: -45rem;
	width: 25rem;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	transform: skewX(-30deg);
	transition: 0.9s;
	z-index: 1
}

.aside__special-offer__link:hover::before {
	left: 250%
}

.newsletter-error {
	display: none
}

.newsletter-error-active {
	display: block;
	position: absolute;
	top: 13rem;
	right: 2.5rem;
	font-size: 1.2rem;
	font-weight: 600;
	color: #E61739
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em
}

.loader {
	margin: 60px auto;
	font-size: 1rem;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid #d6f2fb;
	border-right: 1.1em solid #d6f2fb;
	border-bottom: 1.1em solid #d6f2fb;
	border-left: 1.1em solid #79D4F2;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.footer {
	background-color: #79D4F2;
	padding: 1rem 0
}

@media (min-width: 768px) {
	.footer {
		padding: 2rem 0
	}
}

.footer .container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap
}

@media (min-width: 768px) {
	.footer .container {
		flex-direction: row
	}
}

.footer__link-list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap
}

.footer__link-list li:nth-child(2) {
	border-left: 0.1rem solid #fff;
	border-right: 0.1rem solid #fff;
	padding: 0 1rem
}

.footer__link-list li:first-child {
	padding-right: 1rem
}

.footer__link-list li:last-child {
	padding-left: 1rem
}

.footer__link-list a {
	color: #fff;
	font-size: 1.2rem
}

@media (min-width: 768px) {
	.footer__link-list a {
		font-size: 1.8rem
	}
}

.footer__copyright {
	color: #fff;
	margin-bottom: 0.5rem;
	font-size: 1.2rem
}

@media (min-width: 768px) {
	.footer__copyright {
		margin-bottom: 0;
		font-size: 1.8rem
	}
}

@media (max-width: 430px) {
	.btn--comment {
		font-size: 20px!important;
	}
}