/* Buttons */
.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 10px 18px 8px;
	font-size: 20px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 2px;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
}
.button,
.button:hover,
.button:focus,
.button:visited {
	color: #FFF;
	background: var(--site-main-color);
	text-decoration: none;
}
.button.button-round {
	border-radius: 24px;
}
.button>.icon:first-child {
	margin: 0 10px 2px 0;
	fill: #FFF;
}

/* Content */
.main-head h2 {
	font-weight: 700;
	margin: 0 0 20px;
}
.main-tool {
	margin: 24px 0 0;
}
.main-tool .button {
	min-width: 240px;
}

/* Head offers */
.site-main-head-offers {
	background: #EBEEFC;
	font-size: 16px;
	user-select: none;
	-webkit-user-select: none;
}
.main-grid-offers {
	display: flex;
	flex-flow: row wrap;
	padding: 10px 0;
}
.main-grid-offers a {
	text-decoration: none;
}
.main-grid-offers .item {
	display: flex;
	flex-flow: column nowrap;
}
.main-grid-offers .item:after,
.main-grid-offers .item:before {
	content: '';
	height: 15px;
}
.main-grid-offers .text {
	white-space: nowrap;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	line-height: 1.2;
	height: 1.5em;
	color: #212121;
	transition: color .5s;
}
.main-grid-offers a:hover .text {
	color: var(--site-main-color);
}
.main-grid-offers .icon {
	display: flex;
	justify-content: center;
	height: 50px;
}
.main-grid-offers .icon svg {
	fill: #FFF;
	max-width: 32px;
	max-height: 32px;
}
.main-grid-offers .icon>span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--site-main-color);
}

/* Subscribe */
.main-subscribe {
	overflow: hidden;
	position: relative;
	background: #EBEEFC;
	padding: 45px 25px;
	user-select: none;
	-webkit-user-select: none;
}
.main-subscribe .head {
	color: #17181E;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 12px;
}
.main-subscribe .body {
	color: #3D3B4A;
	font-size: 16px;
}
.main-subscribe .foot {
	display: none;
}
.main-subscribe .button {
	width: 100%;
}

/* Main posts */
.main-list-posts,
.main-tile-posts {
	user-select: none;
	-webkit-user-select: none;
}
.main-list-posts>*+* {
	margin-top: 20px;
}
.main-list-posts .item,
.main-tile-posts .item {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 6px;
	background: #FFF;
	text-decoration: none;
}
.main-list-posts .info,
.main-tile-posts .info,
.main-list-posts .info>*,
.main-tile-posts .info>* {
	display: flex;
	align-items: center;
	white-space: nowrap;
	color: #33689A;
	font-size: 12px;
}
.main-list-posts .info>*+*,
.main-tile-posts .info>*+* {
	margin-left: 15px;
}
.main-list-posts .icon,
.main-tile-posts .icon {
	width: 12px;
	height: 12px;
	margin-right: 5px;
	--fill: #33689A;
}
.main-list-posts .head {
	font-size: 18px;
	font-weight: 500;
	margin: 12px 0 0;
	color: #17181E;
	transition: color .5s;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.main-tile-posts .head {
	font-weight: 700;
	margin: 12px 0 0;
	color: #17181E;
	transition: color .5s;
}
.main-list-posts a:hover .head,
.main-tile-posts a:hover .head {
	color: var(--site-main-color);
}

/* Reviews */
.main-side-reviews {
	overflow: hidden;
	border-radius: 6px;
}
.main-list-reviews {
	position: relative;
	height: 300px;
	background: #FFF;
	border-radius: 6px;
	user-select: none;
	-webkit-user-select: none;
}
.main-list-reviews .list {
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.main-list-reviews .list::-webkit-scrollbar {
	display: none;
}
.main-list-reviews .item {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	padding: 40px;
	width: 100%;
}
.main-list-reviews .info {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid #9DC7EE;
	line-height: 1.2;
	padding: 0 0 8px;
	margin: 0 0 20px;
}
.main-list-reviews .name {
	display: flex;
	font-size: 16px;
	margin-bottom: 5px;
}
.main-list-reviews .icon {
	width: 18px;
	height: 18px;
	fill: var(--site-main-color);
	margin-right: 5px;
}
.main-list-reviews .star {
	letter-spacing: 4px;
}
.main-list-reviews .date {
	font-size: 12px;
	color: #9DC7EE;
}
.main-list-reviews .logo {
	width: 50px;
	height: 40px;
}
.main-list-reviews .head {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.main-list-reviews .text {
	margin: 10px 0 8px;
	font-size: 16px;
	line-height: 1.25;
	color: #3D3B4A;
	overflow: hidden;
	max-height: 82px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.main-list-reviews .more {
	color: var(--site-main-color);
}
.main-list-reviews .take {
	position: absolute;
	left: 0; right: 0;
	bottom: 20px;
	display: flex;
	justify-content: center;
}
.main-list-reviews .take>* {
	cursor: pointer;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #A9CEF0;
	transition: background .5s;
}
.main-list-reviews .take>.active {
	background: var(--site-main-color);
}
.main-list-reviews .take>*+* {
	margin-left: 1rem;
}

/* Best offers */
.main-best-offers {
	user-select: none;
	-webkit-user-select: none;
}
.main-best-offers .navs {
	display: flex;
	flex-flow: row wrap;
	margin: -6px -10px;
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;
}
.main-best-offers .navs>* {
	white-space: nowrap;
	background: #FFF;
	color: #9DC7EE;
	cursor: pointer;
	padding: 2px 11px;
	margin: 6px 10px;
	transition: color .5s;
}
.main-best-offers .navs>.active {
	color: var(--site-main-color);
}
.main-best-offers .tabs {
	margin-top: 1.5rem;
}
.main-best-offers .tabs>* {
	animation: fade-in 1s;
}
.main-best-offers .tabs>:not(.active) {
	display: none;
}
.main-best-offers .item {
	white-space: nowrap;
	background: #FFF;
	border-radius: 6px;
	padding: 25px 20px;
}
.main-best-offers .info {
	font-size: 16px;
	padding: 22px 0;
}
.main-best-offers .info>* {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 3px 0;
}
.main-best-offers .info>*>* {
	color: #9290AA;
}
.main-best-offers .info>*>*+* {
	color: #3D3B4A;
}
.main-best-offers .logo {
	height: 88px;
}
.main-best-offers .take {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.main-best-offers .take>* {
	cursor: pointer;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #A9CEF0;
	transition: background .5s;
}
.main-best-offers .take>.active {
	background: var(--site-main-color);
}
.main-best-offers .take>*+* {
	margin-left: 1rem;
}
.main-best-offers .button {
	width: 100%;
}

/* Keyframes */
@keyframes fade-in {
	from { opacity: 0 }
	to { opacity: 1 }
}

/* Media */
@media (max-width: 991px) {
	/* Content */
	.site-main {
		padding: 0 0 25px;
	}
	.site-main-span {
		padding: 25px 0;
	}
	.main-wrap>*+* {
		margin-top: 50px;
	}
	.main-head h2 {
		font-size: 34px;
	}
	.main-tool .button {
		width: 100%;
	}
	/* Head offers */
	.site-main-head-offers {
		margin: 0 0 5px;
	}
	.main-grid-offers {
		padding: 15px 0;
	}
	.main-grid-offers>* {
		width: 50%;
	}
	.main-grid-offers>:nth-child(2)~* {
		border-top: 1px solid #C1CDDC;
	}
	.main-grid-offers>:nth-child(2n)>*,
	.main-grid-offers>:nth-child(2n):not(:nth-child(6)):after,
	.main-grid-offers>:nth-child(2n):not(:nth-child(2)):before {
		border-left: 1px solid #C1CDDC;
	}
	/* Subscribe */
	.main-subscribe {
		margin: 0 -12px;
		padding: 45px 12px;
	}
	/* Main posts */
	.main-tile-posts>*+* {
		margin-top: 20px;
	}
	.main-tile-posts>:nth-child(3)~* {
		display: none;
	}
	.main-list-posts .body,
	.main-tile-posts .body {
		padding: 15px;
	}
	.main-tile-posts .head {
		font-size: 18px;
	}
	.main-tile-posts .image {
		min-height: 150px;
		max-height: 350px;
		height: calc(100vw - 175px - 1.5rem);
	}
	/* Reviews */
	.main-list-reviews {
		height: 450px;
	}
	.main-list-reviews .item {
		padding: 20px 15px;
	}
	.main-list-reviews .head {
		font-size: 18px;
		-webkit-line-clamp: 2;
	}
	.main-list-reviews .text {
		max-height: 222px;
		-webkit-line-clamp: 11;
	}
	/* Best offers */
	.main-best-offers .list {
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.main-best-offers .list::-webkit-scrollbar {
		display: none;
	}
	.main-best-offers .item {
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}
}
@media (min-width: 992px) {
	/* Content */
	.site-main {
		padding: 0 0 35px;
	}
	.site-main-span {
		padding: 35px 0;
	}
	.main-wrap {
		display: flex;
		justify-content: space-between;
	}
	.main-head h2 {
		font-size: 42px;
	}
	.main-body {
		width: calc(66.66666% - 12px);
	}
	.main-side {
		width: calc(33.33333% - 12px);
	}
	/* Head offers */
	.site-main-head-offers {
		margin: 0 0 15px;
	}
	.main-grid-offers>* {
		width: 16.66667%;
	}
	.main-grid-offers>*+*>* {
		border-left: 1px solid #C1CDDC;
	}
	/* Subscribe */
	.main-subscribe {
		border-radius: 6px;
	}
	/* Main posts */
	.main-tile-posts {
		display: flex;
		flex-flow: row wrap;
		margin: -12px;
	}
	.main-list-posts .item {
		height: 112px;
	}
	.main-tile-posts .item {
		margin: 12px;
		width: calc(33.33333% - 24px);
	}
	.main-list-posts .body,
	.main-tile-posts .body {
		padding: 20px 25px;
	}
	.main-tile-posts .head {
		font-size: 22px;
	}
	.main-tile-posts .image {
		height: 200px;
	}
	.main-tile-posts .main {
		width: calc(66.66666% - 24px);
	}
	.main-tile-posts .main .image {
		height: 350px;
	}
	/* Best offers */
	.main-best-offers .list {
		display: flex;
		justify-content: space-between;
	}
	.main-best-offers .item {
		width: 275px;
	}
	.main-best-offers .take {
		display: none;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	/* Best offers */
	.main-best-offers .list>:nth-child(3)~* {
		display: none;
	}
}
@media (min-width: 1200px) {
	/* Best offers */
	.main-best-offers .list>:nth-child(4)~* {
		display: none;
	}
}