.media-type {
	background: linear-gradient(105.72deg, #459FF2 0.62%, #11D1E2 100%);
	overflow: auto;
}

.media-type::-webkit-scrollbar {
	opacity: 0;
	display: none;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.media-type__link {
	font-style: normal;
	font-weight: 600;
	font-size: 11px;
	line-height: 16px;
	display: block;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	padding: 20px 0px;
	color: #FFFFFF;
	overflow: hidden;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	position: relative;
}

@media only screen and (min-width: 900px) {
	.media-type__link {
		font-size: 12px;
	}
}

.media-type__link+.media-type__link {
	margin-left: 32px;
}

.no-touch .media-type__link:hover {
	opacity: 0.8;
}

.media-type__link.active {
	opacity: 1;
}

.media-type__link.active:before {
	height: 6px;
	width: 100%;
	position: absolute;
	bottom: -3px;
	left: 0;
	border-radius: 20px;
	content: "";
	background: #fff;
}

.no-touch .media-type__link.active:hover {
	opacity: 1;
}

.media-type__content {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.media-type__row {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

@media only screen and (min-width: 900px) {
	.media-type__row {
		width: auto;
	}
}

.switcher {
	overflow: auto;
}

.switcher::-webkit-scrollbar {
	opacity: 0;
	display: none;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.switcher-sec {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

@media only screen and (min-width: 900px) {
	.switcher-sec {
		width: auto;
	}
}

.switcher-sec__row {
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	border-radius: 50px;
}

.switcher-sec__button {
	font-style: normal;
	font-weight: 600;
	font-size: 11px;
	display: block;
	line-height: 16px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-radius: 50px;
	color: #0F1E35;
	background: #fff;
	position: relative;
	border-image-slice: 1;
	border-width: 3px;
	border-radius: 50px;
	padding: 3px;
}

.switcher-sec__button span {
	background: #fff;
	position: relative;
	z-index: 2;
	display: block;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	padding: 13px 20px;
	border-radius: 50px;
}

@media only screen and (min-width: 900px) {
	.switcher-sec__button span {
		padding: 13px 24px;
	}
}

.switcher-sec__button:before {
	content: "";
	background: linear-gradient(105.72deg, #459FF2 0.62%, #11D1E2 100%);
	position: absolute;
	border-radius: 50px;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0px;
	opacity: 0;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.no-touch .switcher-sec__button:hover {
	cursor: pointer;
}

.no-touch .switcher-sec__button:hover span {
	color: #769BBD;
}

.switcher-sec .switcher-sec__button.checked:before {
	opacity: 1;
}

.switcher-sec .switcher-sec__button.checked span {
	color: #0F1E35;
}

.media-result {
	margin-top: 48px;
	margin-bottom: 64px;
}

@media only screen and (min-width: 900px) {
	.media-result {
		margin-top: 64px;
		margin-bottom: 96px;
	}
}

.grid-result {
	margin-top: 32px;
}

.grid-result__section {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 16px;
}

@media only screen and (min-width: 700px) {
	.grid-result__section {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (min-width: 900px) {
	.grid-result__section {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 32px 16px;
	}
}

@media only screen and (min-width: 1250px) {
	.grid-result__section {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 32px;
	}
}

@media only screen and (min-width: 900px) {
	.grid-result {
		margin-top: 40px;
	}
}

.libre-result {
	margin-top: 32px;
}

@media only screen and (min-width: 900px) {
	.libre-result {
		margin-top: 40px;
	}
}

.libre-result__section {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 24px 16px;
}

@media only screen and (min-width: 600px) {
	.libre-result__section {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (min-width: 900px) {
	.libre-result__section {
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 32px 16px;
	}
}

@media only screen and (min-width: 1250px) {
	.libre-result__section {
		grid-gap: 32px;
	}
}

.libre-result__card {
	-webkit-filter: drop-shadow(-8px -8px 24px rgba(255,255,255,0.5)) drop-shadow(8px 8px 24px rgba(118,155,189,0.15));
	filter: drop-shadow(-8px -8px 24px rgba(255,255,255,0.5)) drop-shadow(8px 8px 24px rgba(118,155,189,0.15));
	border-radius: 8px;
	overflow: hidden;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	background: #fff;
	display: block;
}

.no-touch .libre-result__card:hover {
	-webkit-filter: drop-shadow(-8px -8px 24px rgba(255,255,255,0.7)) drop-shadow(8px 8px 24px rgba(118,155,189,0.32));
	filter: drop-shadow(-8px -8px 24px rgba(255,255,255,0.7)) drop-shadow(8px 8px 24px rgba(118,155,189,0.32));
}

.no-touch .libre-result__card:hover .libre-result__mount {
	color: #0BB8DE;
}

.libre-result__text {
	padding: 16px;
}

@media only screen and (min-width: 1250px) {
	.libre-result__text {
		padding: 24px;
	}
}

.libre-result__image {
	height: 57.5vw;
	width: 100%;
	display: block;
	max-height: 311px;
}

@media only screen and (min-width: 1250px) {
	.libre-result__image {
		max-height: 390px;
	}
}

.libre-result__image img {
	display: block;
	-o-object-position: center top;
	object-position: center top;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.libre-result__mount {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	line-height: 20px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #1A283E;
}

@media only screen and (min-width: 900px) {
	.libre-result__mount {
		font-size: 14px;
		line-height: 20px;
	}
}

@media only screen and (min-width: 1250px) {
	.libre-result__mount {
		font-size: 16px;
		line-height: 20px;
	}
}

.libre-result__number {
	font-style: normal;
	font-weight: 600;
	margin-top: 4px;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #769BBD;
}

@media only screen and (min-width: 1250px) {
	.libre-result__number {
		font-size: 14px;
	}
}

.slide-media {
	background: rgba(255,255,255,0.9);
	-webkit-box-shadow: -8px -8px 24px rgba(255,255,255,0.5),8px 8px 24px rgba(118,155,189,0.15);
	box-shadow: -8px -8px 24px rgba(255,255,255,0.5),8px 8px 24px rgba(118,155,189,0.15);
	border-radius: 8px;
	overflow: hidden;
	display: block;
}

@media only screen and (min-width: 1250px) {
	.slide-media:first-child {
		grid-column: span 2 / auto;
	}

	.slide-media:nth-child(6n) {
		grid-column: span 2 / auto;
	}

	.slide-media:nth-child(7n) {
		grid-column: span 2 / auto;
	}
}

.slide-media__image {
	padding: 4px;
}

.slide-media__image img {
	border-radius: 4px;
	width: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top center;
	height: 43.2vw;
	max-height: 280px;
}

.slide-media__icon {
	display: none;
}

.slide-media__caption {
	padding: 20px;
	position: relative;
	padding-bottom: 52px;
}

.slide-media__name {
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	line-height: 22px;
	letter-spacing: 0.02em;
	color: #1A283E;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
}

@media only screen and (min-width: 900px) {
	.slide-media__name {
		font-size: 16px;
		line-height: 24px;
	}
}

.slide-media__data {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #769BBD;
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.slide-media__upd {
	font-style: normal;
	font-weight: bold;
	font-size: 8px;
	position: absolute;
	padding: 0px 8px;
	right: 20px;
	bottom: 20px;
	line-height: 16px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: linear-gradient(105.72deg, #459FF2 0.62%, #11D1E2 100%);
	border-radius: 100px;
	color: #FFFFFF;
}

.no-touch .slide-media:hover .slide-media__name {
	color: #0BB8DE;
}

.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 32px;
}

@media only screen and (min-width: 900px) {
	.pagination {
		margin-top: 40px;
	}
}

.pagination__prev {
	height: 32px;
	width: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 15px;
}

.pagination__prev svg {
	margin: auto;
	width: 16px;
	height: 16px;
	stroke: #769BBD;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.no-touch .pagination__prev:hover svg {
	stroke: #0F1E35;
}

.pagination__page {
	height: 32px;
	width: 32px;
	border-radius: 50%;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	line-height: 32px;
	text-align: center;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #211E1E;
}

.pagination__page.page_active {
	background: #fff;
	-webkit-box-shadow: -8px -8px 24px rgba(255,255,255,0.5),8px 8px 24px rgba(118,155,189,0.15);
	box-shadow: -8px -8px 24px rgba(255,255,255,0.5),8px 8px 24px rgba(118,155,189,0.15);
}

.pagination__page+.pagination__page {
	margin-left: 8px;
}

.no-touch .pagination__page:hover {
	background: rgba(255,255,255,0.7);
	-webkit-box-shadow: -8px -8px 24px rgba(255,255,255,0.5),8px 8px 24px rgba(118,155,189,0.15);
	box-shadow: -8px -8px 24px rgba(255,255,255,0.5),8px 8px 24px rgba(118,155,189,0.15);
}

.pagination__next {
	height: 32px;
	width: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 15px;
}

.pagination__next svg {
	margin: auto;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	width: 16px;
	height: 16px;
	stroke: #769BBD;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.no-touch .pagination__next:hover svg {
	stroke: #0F1E35;
}

.press-media__content {
	background: rgba(255,255,255,0.9);
	-webkit-box-shadow: -8px -8px 24px rgba(255,255,255,0.5),8px 8px 24px rgba(118,155,189,0.15);
	box-shadow: -8px -8px 24px rgba(255,255,255,0.5),8px 8px 24px rgba(118,155,189,0.15);
	border-radius: 8px;
	padding: 13px 24px;
	padding-bottom: 32px;
}

@media only screen and (min-width: 900px) {
	.press-media__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 64px 40px;
		background-image: url("../../images/water_patenr_press.svg");
		background-size: contain;
		background-position: right top;
		background-repeat: no-repeat;
	}
}

@media only screen and (min-width: 1250px) {
	.press-media__content {
		padding: 64px;
	}
}

.press-media__left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

@media only screen and (min-width: 900px) {
	.press-media__left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 700px;
	}
}

.press-media__title {
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	line-height: 32px;
	letter-spacing: 0.06em;
	white-space: pre-line;
	text-transform: uppercase;
	color: #0F1E35;
}

@media only screen and (min-width: 900px) {
	.press-media__title {
		font-size: 28px;
		line-height: 40px;
	}
}

@media only screen and (min-width: 900px) {
	.press-media__image {
		margin-top: 43px;
	}
}

.press-media__image img {
	width: 108%;
	max-width: 108%;
}

@media only screen and (min-width: 900px) {
	.press-media__image img {
		width: 100%;
	}
}

.press-media__right {
	margin-top: 23px;
}

@media only screen and (min-width: 900px) {
	.press-media__right {
		margin-top: 0px;
		width: 100%;
	}
}

.press-media__line+.press-media__line {
	margin-top: 24px;
}

.press-media__l-title {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #0F1E35;
}

@media only screen and (min-width: 900px) {
	.press-media__l-title {
		font-size: 16px;
		line-height: 26px;
	}
}

.press-media__l-value {
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.02em;
	color: #0F1E35;
	margin-top: 5px;
}

@media only screen and (min-width: 900px) {
	.press-media__l-value {
		font-size: 16px;
		line-height: 26px;
	}
}

.press-media__l-value a {
	text-transform: uppercase;
	color: #0BB8DE;
	letter-spacing: 0.06em;
	font-weight: 600;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.no-touch .press-media__l-value a:hover {
	opacity: 0.4;
}

.press-media__inform {
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.02em;
	color: #1A283E;
	margin-top: 24px;
	max-width: 430px;
}

@media (min-width: 1200px) {
	.press-media__inform {
		max-width: 578px;
	}
}

.press-media__inform a {
	color: #0BB8DE;
	border-bottom: 1px solid #0BB8DE;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.no-touch .press-media__inform a:hover {
	opacity: 0.4;
}

.review-section {
	margin-top: 65px;
	margin-bottom: 120px;
	position: relative;
}

@media only screen and (min-width: 900px) {
	.review-section {
		margin-top: 97px;
		margin-bottom: 211px;
	}
}

@media only screen and (min-width: 1250px) {
	.review-section {
		margin-bottom: 40px;
	}
}

.review-section lottie-player {
	position: absolute;
	right: 20px;
	top: 15px;
}

@media only screen and (min-width: 550px) {
	.review-section lottie-player {
		top: 0px;
	}
}

@media only screen and (min-width: 900px) {
	.review-section lottie-player {
		display: none;
	}
}

.review-section h3 {
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	white-space: pre-line;
	line-height: 32px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #0F1E35;
}

@media only screen and (min-width: 550px) {
	.review-section h3 {
		font-size: 32px;
		line-height: 48px;
		letter-spacing: 0.04em;
		white-space: normal;
	}
}

@media only screen and (min-width: 900px) {
	.review-section__title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.review-section__btn {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #769BBD;
	padding: 19px 32px;
	border-radius: 4px;
	border: 1px solid rgba(118,155,189,0.3);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.no-touch .review-section__btn:hover {
	border: 1px solid #9FB9D1;
}

.review-section__btn--mobile {
	display: block;
	margin-top: 58px;
}

@media only screen and (min-width: 900px) {
	.review-section__btn--mobile {
		display: none;
	}
}

.review-section__btn--desctop {
	display: none;
}

@media only screen and (min-width: 900px) {
	.review-section__btn--desctop {
		display: block;
		padding: 15px 32px;
	}
}

.review-section__slider {
	position: relative;
	margin-top: 23px;
}

@media only screen and (min-width: 900px) {
	.review-section__slider {
		margin-top: 48px;
	}
}

.review-section__pagination {
	position: absolute;
	bottom: -29px;
	z-index: 2;
	left: 0;
	text-align: center;
	width: 100%;
}

@media only screen and (min-width: 900px) {
	.review-section__pagination {
		bottom: -38px;
	}
}

.review-section__pagination .swiper-pagination-bullet {
	border-radius: 8px;
	width: 16px;
	background: #b2cee8;
	opacity: 0.5;
	height: 3px;
	cursor: pointer;
	-webkit-transition: opacity 0.3s, background 0.3s;
	transition: opacity 0.3s, background 0.3s;
}

.no-touch .review-section__pagination .swiper-pagination-bullet:hover {
	opacity: 1;
	background: #769bbd;
}

.review-section__pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
	margin-left: 6px;
}

.review-section__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: linear-gradient(105.72deg, #459ff2 0.62%, #11d1e2 100%);
	opacity: 1;
	pointer-events: none;
}

.review-section__navigation {
	display: none;
}

@media only screen and (min-width: 1200px) {
	.review-section__navigation {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 3;
		top: 0;
		left: 0;
	}
}

.review-section__navigation .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.review-section__navigation .wrapper .middle {
	margin: auto;
	margin-right: -28px;
}

.review-section__navigation .navigation__route {
	height: 56px;
	width: 56px;
	cursor: pointer;
	background: #fff;
	pointer-events: all;
	border-radius: 50%;
	-webkit-filter: drop-shadow(0px 4px 16px rgba(118,155,189,0.15));
	filter: drop-shadow(0px 4px 16px rgba(118,155,189,0.15));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.review-section__navigation .navigation__route .chevron {
	fill: none;
	height: 24px;
	width: 24px;
	margin: auto;
	stroke: #0F1E35;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.review-section__navigation .navigation__route+.navigation__route {
	margin-top: 16px;
}

.review-section__navigation .navigation__route.next .chevron {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.review-section__navigation .navigation__route .circle {
	fill: red;
	stroke: #B2CEE8;
	position: absolute;
	height: 56px;
	width: 56px;
	stroke-width: 2;
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
}

.no-touch .review-section__navigation .navigation__route:hover .chevron {
	stroke: #769BBD;
}

.review-section__navigation .navigation__route.active .circle {
	-webkit-animation: rotate 65s linear infinite;
	animation: rotate 65s linear infinite;
}

@-webkit-keyframes rotate {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes rotate {
	to {
		stroke-dashoffset: 0;
	}
}

@media only screen and (min-width: 750px) {
	.swiper-slide {
		opacity: 0;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}

	.swiper-slide-active {
		opacity: 1;
	}

	.swiper-slide-active+.swiper-slide {
		opacity: 1;
	}
}

.slide-review {
	background: #fff;
	-webkit-box-shadow: -8px -8px 24px rgba(255,255,255,0.5),8px 8px 24px rgba(118,155,189,0.15);
	box-shadow: -8px -8px 24px rgba(255,255,255,0.5),8px 8px 24px rgba(118,155,189,0.15);
	border-radius: 8px;
	padding: 25px;
}

@media only screen and (min-width: 900px) {
	.slide-review {
		padding: 32px;
	}
}

.slide-review__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.slide-review__icon {
	height: 56px;
	width: 56px;
	background: #EDF2FD;
	border-radius: 50%;
	background-image: url("../../images/review_user.svg");
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

@media only screen and (min-width: 900px) {
	.slide-review__icon {
		height: 72px;
		width: 72px;
	}
}

.slide-review__icon img {
	height: 100%;
	display: block;
	width: 100%;
	-o-object-position: center;
	object-position: center;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
}

.slide-review__name-autor {
	line-height: 54px;
	padding-left: 15px;
}

@media only screen and (min-width: 900px) {
	.slide-review__name-autor {
		line-height: 76px;
		padding-left: 16px;
	}
}

.slide-review__name-autor span {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #1A283E;
	display: inline-block;
    vertical-align: middle;
}

@media only screen and (min-width: 900px) {
	.slide-review__name-autor span {
		font-size: 20px;
		line-height: 29px;
        display: inline-block;
        vertical-align: middle;
	}
}

.slide-review__bottom {
	margin-top: 15px;
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0.02em;
	color: #1A283E;
}

@media only screen and (min-width: 900px) {
	.slide-review__bottom {
		font-size: 14px;
		line-height: 24px;
		margin-top: 12px;
	}
}

.slide-review__data {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #769BBD;
	margin-top: 16px;
}

.grid-result__video-sec {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 32px;
}

@media only screen and (min-width: 900px) {
	.grid-result__video-sec {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
		grid-auto-columns: 1fr;
		gap: 20px;
		grid-auto-flow: row;
		height: 758px;
		grid-template-areas: "big big small" "big big small2" "small3 bigs bigs" "small4 bigs bigs";
	}
}

@media only screen and (min-width: 1250px) {
	.grid-result__video-sec {
		height: 962px;
		gap: 32px;
	}
}

@media only screen and (min-width: 900px) {
	.grid-result__card:nth-child(1) {
		grid-area: big;
	}

	.grid-result__card:nth-child(2) {
		grid-area: small;
	}

	.grid-result__card:nth-child(3) {
		grid-area: bigs;
	}

	.grid-result__card:nth-child(4) {
		grid-area: small2;
	}

	.grid-result__card:nth-child(5) {
		grid-area: small3;
	}

	.grid-result__card:nth-child(6) {
		grid-area: small4;
	}
}

.card-video {
	position: relative;
	height: 49vw;
	display: block;
	-webkit-box-shadow: -8px -8px 20px rgba(255,255,255,0.5),8px 8px 20px rgba(118,155,189,0.2);
	box-shadow: -8px -8px 20px rgba(255,255,255,0.5),8px 8px 20px rgba(118,155,189,0.2);
	border-radius: 8px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	overflow: hidden;
}

@media only screen and (min-width: 900px) {
	.card-video {
		height: initial;
	}
}

.card-video:after {
	background: rgba(15,30,53,0.5);
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	z-index: 2;
	height: 100%;
}

.card-video__image {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

.card-video__name {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	z-index: 3;
	position: absolute;
	line-height: 22px;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #FFFFFF;
	bottom: 20px;
	left: 20px;
	max-width: 415px;
	padding-right: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media only screen and (min-width: 1250px) {
	.card-video__name {
		font-size: 16px;
		line-height: 24px;
		left: 24px;
		bottom: 24px;
	}
}

.card-video__play {
	background: linear-gradient(105.72deg, #459FF2 0.62%, #11D1E2 100%);
	border-radius: 50%;
	top: 20px;
	right: 20px;
	height: 32px;
	width: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	z-index: 3;
}

@media only screen and (min-width: 900px) {
	.card-video__play {
		left: 50%;
		top: 50%;
		right: auto;
		-webkit-transform: translate(-50%, -80%);
		transform: translate(-50%, -80%);
	}

	.card-video__play:before {
		background: linear-gradient(105.72deg, #459FF2 0.62%, #11D1E2 100%);
		opacity: 0.5;
		height: 48px;
		width: 48px;
		content: "";
		border-radius: 50%;
		-webkit-transition: 0.2s;
		transition: 0.2s;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		position: absolute;
		z-index: -1;
		top: 50%;
	}
}

@media only screen and (min-width: 1250px) {
	.card-video__play {
		width: 48px;
		height: 48px;
	}

	.card-video__play:before {
		height: 64px;
		width: 64px;
	}
}

.card-video__play svg {
	height: 32px;
	margin: auto;
	width: 32px;
}

.no-touch .card-video:hover {
	-webkit-filter: drop-shadow(-8px -8px 20px rgba(255,255,255,0.7)) drop-shadow(8px 8px 20px rgba(118,155,189,0.32));
	filter: drop-shadow(-8px -8px 20px rgba(255,255,255,0.7)) drop-shadow(8px 8px 20px rgba(118,155,189,0.32));
}

.no-touch .card-video:hover .card-video__play:before {
	opacity: 0.8;
}
/* new design video cards */
.grid-result__video-sec.cells {
    grid-template-columns: 1fr;
	grid-template-rows: auto;
    height: auto;
}

@media only screen and (min-width: 460px) {
	.grid-result__video-sec.cells {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (min-width: 768px) {
	.grid-result__video-sec.cells {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media only screen and (min-width: 1000px) {
	.grid-result__video-sec.cells {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

.cells .grid-result__card {
    grid-area: initial;
}

.card-video-cell {
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: -8px -8px 24px rgba(255, 255, 255, 0.5), 8px 8px 24px rgba(118, 155, 189, 0.15);
    box-shadow: -8px -8px 24px rgba(255, 255, 255, 0.5), 8px 8px 24px rgba(118, 155, 189, 0.15);
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

@media only screen and (min-width: 460px) {
	.card-video-cell {
		position: relative;
		padding-bottom: 36px; 
	}
}

.card-video-cell .picture {
    display: block;
    padding: 4px;
    height: 200px;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 900px) {
    .card-video-cell .picture img {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 4px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
}

.card-video-cell .video__name {
    padding: 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #1a283e;
    overflow: hidden;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    display: -webkit-box;
/*     -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;
    min-height: 40px;
}

@media only screen and (min-width: 900px) {
    .card-video-cell .video__name {
        padding: 20px;
    }
}

.card-video-cell .video__date {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #769bbd;
	padding: 0 24px 24px;
}

@media only screen and (min-width: 460px) {
	.card-video-cell .video__date {
		position: absolute;
		bottom: 0;
	}
}

@media only screen and (min-width: 900px) {
    .card-video-cell .video__date {
		padding: 0 20px 20px;
    }
}

.card-video-cell .card-video__play {
    display: none;
}

.no-touch .card-video-cell:hover .video__name {
    color: #0bb8de;
}

.media-type__content a:last-child {
	order: 2;
}

.media-type__content a:nth-child(2) {
	order: 3;
}

.tax-tax-media-center .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content {
	height: auto !important;
}