html {
	font-family: "Open Sans", Tahoma, sans-serif;
	/* 1 */
	;
	-ms-text-size-adjust: 100%/* 2 */
	;
	-webkit-text-size-adjust: 100%/* 2 */
	;
	color: #000000;
}

h1,
h2,
h3,
h4 {
	font-weight: 600;
	color: #131313;
	text-align: center;
}

img {
	max-width: 100%;
}

iframe {    width: 71%;
    height: 479px;}

.kdb {
	text-decoration: none;
	color: #585858;
	line-height: 34px;
}

kbd {
	background: #eee;
	border: 4px outset #ccc;
	padding: .3em .6em;
	font-size: 20px;
}

a {
	color: #0d730c;
}

.image1 {
	float: left;
	margin: 25px 25px 10px 0;
	border-radius: 5px;
	border: 3px solid;
	width: 150px;
}

.image2 {
	float: right;
	width: 410px;
}

h2 {
	font-size: 29px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 26px;
}

p {
	margin-bottom: 30px;
	line-height: 32px;
	color: #000000;
	font-size: 17px;
}

body {
	margin: 0;
	background: #ecebea;
	background-image: url(https://download-amongus.ru/bg.jpg);
}

#header {
	padding: 0;
	box-shadow: 0 0px 7px rgb(25 25 25 / 16%), 0 -1px 6px rgba(14, 21, 47, .02);
	position: relative;
	background: url(https://download-amongus.ru/logo-min.jpg);
	background-size: cover;
	z-index: 0;
	max-width: 1280px;
	margin: 0 auto;
	border-radius: 10px;
	height: 180px;
	text-align: center;
	margin-top: 20px;
	border: 4px solid #000000;
}

#header a {
	text-decoration: none;
}

#header img {
	padding: 33px 0 0 0;
	width: 61%;
	margin: 0 auto;
}

.button {
	display: block;
	width: 407px;
	position: relative;
	font-size: 20px;
	font-weight: 700;
	background-color: #078d06;
	color: #fff;
	border: 5px solid #000;
	border-radius: 100px;
	box-shadow: 8px 8px 0 rgba(0, 0, 0, .3);
	letter-spacing: .04em;
	text-align: center;
	text-transform: uppercase;
	z-index: 1;
	font-size: 25px;
	border-width: 8px;
	/* margin-right: 39%; */
	/* margin-left: 32%; */
	padding: 25px 49px;
	margin: 0 auto;
	margin-bottom: 35px;
	text-shadow: 5px 5px 1px rgba(0, 0, 0, .1);
}

.button a {
	text-decoration: none;
	color: #ffffff;
	display: block;
}

.button:hover {
	background-color: #078306;
}

.button:before,
.button:after {
	position: absolute;
	content: "";
	z-index: -1;
}

.button:before {
	background: url(https://download-amongus.ru/button_flare.png) center center no-repeat;
	background-size: contain;
	opacity: .32;
	width: 70px;
	height: 32px;
	top: 8px;
	right: 18px;
}

.button:after {
	width: 48px;
	height: 32px;
	background: url(https://download-amongus.ru/button_shadow.png) center center no-repeat;
	background-size: contain;
	opacity: .13;
	bottom: 8px;
	left: 18px;
}

#menu {
	background: #2e402e;
	border: 4px solid #000000;
	box-shadow: 0 0px 2px rgb(25 25 25 / 16%), 0 0px 6px rgba(14, 21, 47, .02);
	text-align: center;
	max-width: 1280px;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 14px;
}

#menu a {
	text-decoration: none;
}

#menu ul {
	margin: 0;
	padding: 19px 0;
	overflow: hidden;
}

#menu li {
	list-style: none;
	display: inline;
	padding: 0 7px;
}

#menu a {
	background: #54b181;
	padding: 9px 16px;
	color: #ffffff;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
}

#inmenu {
	border: 4px solid #a2b3b8;
	border-radius: 10px;
}

#button {
	margin: 50px 0px;
}

#button a {
	background: #54b181;
	padding: 9px 16px;
	color: #ffffff;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}

.logo {
	display: flex;
	align-items: center;
	margin: 0 auto;
	width: max-content;
}

.logo span {
	color: #fff;
	display: block;
	margin-left: 20px;
	font-size: 40px;
}

.img0 {
	float: right;
	margin-bottom: 30px;
	margin-right: 30px;
}

.img1 {
	float: right;
	margin-left: 50px;
}

.img2 {
	float: left;
	margin-right: 85px;
	margin-top: 25px;
}

#content {
	position: relative;
	background-color: #cecebc;
	overflow: hidden;
	z-index: 1;
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px 35px;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 4px solid #000000;
}

#content:before,
#content:after {
	position: absolute;
	content: "";
}

#content:before {
	width: 100%;
	height: 100%;
	box-shadow: inset 0 4px 2px rgba(255, 255, 255, .5), inset 0 -4px 2px rgba(0, 0, 0, .5), inset 8px 0 2px rgba(0, 0, 0, .25), inset -8px 0 2px rgba(0, 0, 0, .25);
	top: 0;
	left: 0;
	z-index: -99999;
}

#content:after {
	width: 150%;
	height: 150%;
	background: linear-gradient(45deg, rgba(255, 255, 255, 1) 22%, rgba(255, 255, 255, .25) 26%, transparent 28%, rgba(255, 255, 255, .3) 33%, rgba(255, 255, 255, .75) 34%, transparent 43.5%, rgba(255, 255, 255, .5) 44%, transparent 70%, rgba(255, 255, 255, 1) 80%);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -9999999;
}

.title {
	text-align: center;
	margin: 13px 0 30px 0;
	font-size: 30px;
}

#footers {
	border-top: 1px solid #dcdcdc;
	margin-top: 30px;
	min-height: 125px;
	padding-bottom: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #ffffff;
}

#footers a {
	color: #349c66;
}

.container {
	max-width: 1200px;
	margin: auto;
	padding: 0;
}

.footer__text {
	color: #959595;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
}

#content ol {
	counter-reset: li;
	margin: 35px 0 40px 2px;
}

#content ol>li {
	position: relative;
	list-style: none;
	margin: 0 0 7px 4px;
	line-height: 31px;
}

#content ol>li::before {
	content: counters(li, ".");
	counter-increment: li;
	position: absolute;
	top: 3px;
	left: -32px;
	width: 23px;
	height: 23px;
	text-align: center;
	letter-spacing: -1px;
	border-radius: 50%;
	background: #068c05;
	color: #ffff;
	font-size: 14px;
	font-weight: 500;
	line-height: 23px;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.quote {
	padding: 20px 35px 15px 98px;
	margin: 20px 0 40px 0;
	background: #e6e6e6 no-repeat 35px 50%;
	border-radius: 4px;
	border: 2px solid #717171;
	background-image: url(https://download-amongus.ru/amongs-min.png);
	line-height: 29px;
	color: #000000;
	font-size: 15px;
}

#content ul {
	margin: 35px 0 40px 10px;
	padding: 0 0 0 40px;
	list-style: none;
}

#content ul>li {
	position: relative;
	margin: 0 0 11px;
	line-height: 29px;
}

#content ul>li::before {
	content: "";
	position: absolute;
	top: 10px;
	left: -26px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #34b572;
}

.download-button1 {
	text-align: center;
}

.download-button1 a {
	background: #54b181;
	padding: 9px 16px;
	color: #ffffff;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	margin-right: 30px;
}

.download-button a {
	background: #05b56e;
	padding: 8px 13px;
	color: #ffffff;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	margin-right: 30px;
}

@media (max-width: 830px) {
	p {
		font-size: 16px;
	}
	.image1 {
		float: none;
		display: block;
		margin: auto;
		margin-top: 30px;
	}
	#footers {
		padding: 20px;
	}
	.img0 {
		float: right;
	}
	.img1 {
		float: right;
		margin-left: 0;
	}
	.img2 {
		float: left;
		margin-right: 0;
		margin-top: 0;
	}
	.quote {
		padding: 20px 15px;
		margin: 20px 0 40px 0;
		background: #e6e6e6 no-repeat 35px 50%;
		border-radius: 4px;
		border: 2px solid #717171;
		background-image: none;
		line-height: 29px;
		color: #000000;
		font-size: 15px;
	}
}

.click {
	background: #e8e8e8;
	border: 1px solid;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, .3);
	border-radius: 5px;
	padding: 2px 7px;
	margin: 0 2px;
	white-space: nowrap;
}

.links {
	text-align: center;
}

@media (max-width: 505px) {
	.logo span {
		font-size: 25px;
	}
	#header img {
		width: 230px;
		padding: 10px 0;
	}
	p {
		font-size: 14px;
	}
	#content ol {
		counter-reset: li;
		margin: 35px 0 40px -13px;
	}
	#content ol>li {
		position: relative;
		list-style: none;
		margin: 0 0 7px 4px;
		line-height: 29px;
		font-size: 14px;
	}
	#header {
		padding: 0px 0;
		height: auto;
		margin-top: 0;
		margin: 0 5px;
		border-radius: 0 0 10px 10px;
	}
	#menu li {
		display: block;
		padding: 10px 7px 21px 7px;
	}
	#menu {
		height: auto;
		border-radius: 0;
	}
	.title {
		text-align: center;
		margin: 13px 0 20px 0;
		font-size: 20px;
	}
	.button {
		display: block;
		width: 100%;
		position: relative;
		/* font-size: 20px; */
		font-weight: 700;
		background-color: #078d06;
		color: #fff;
		border: 4px solid #000;
		border-radius: 25px;
		box-shadow: 8px 8px 0 rgba(0, 0, 0, .3);
		letter-spacing: .04em;
		text-align: center;
		text-transform: uppercase;
		z-index: 1;
		font-size: 17px;
		/* border-width: 8px; */
		padding: 16px 8px;
		margin: 0 auto;
		margin-bottom: 35px;
		text-shadow: 5px 5px 1px rgba(0, 0, 0, .1);
	}
}

.modal {
	position: fixed;
	/* фиксированное положение */
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	/* цвет фона */
	z-index: 1050;
	opacity: 0;
	/* по умолчанию модальное окно прозрачно */
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	/* анимация перехода */
	pointer-events: none;
	/* элемент невидим для событий мыши */
	margin: 0;
	padding: 0;
}


/* при отображении модального окно */

.modal:target {
	opacity: 1;
	/* делаем окно видимым */
	pointer-events: auto;
	/* элемент видим для событий мыши */
	overflow-y: auto;
	/* добавляем прокрутку по y, когда элемент не помещается на страницу */
}


/* ширина модального окна и его отступы от экрана */

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 250px auto;
		/* для отображения модального окна по центру */
	}
}


/* свойства для блока, содержащего контент модального окна */

.modal-content {
	position: relative;
	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-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0;
}


/* свойства для заголовка модального окна */

.modal-header {
	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;
	padding: 15px;
	border-bottom: 1px solid #eceeef;
}

.modal-title {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 1.25rem;
	font-weight: 500;
}


/* свойства для кнопки "Закрыть" */

.close {
	float: right;
	font-family: sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	text-decoration: none;
}


/* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */

.close:focus,
.close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .75;
}


/* свойства для блока, содержащего основное содержимое окна */

.modal-body {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 15px 15px 15px 30px;
	overflow: auto;
}

.modal-body a {
	color: #175f39;
	background: url(https://download-amongus.ru/download-min.png) no-repeat 0;
	padding-left: 27px;
	line-height: 35px;
}

.modal-body a:hover {
	text-decoration: none;
}

iframe#play {
	width: 100% !important;
	height: 500px !important;
}

canvas {
	width: 100% !important;
	height: 100% !important;
	margin-left: 0 !important;
}

.playit {
	overflow: hidden;
	background: #3B3B3B;
	border: 2px solid #626262;
	min-height: 504px;
	width: 892px;
	position: relative;
	text-align: center;
	border-radius: 5px;
	margin: 0 auto;
}

.playit-content {
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 100%;
	padding: 20px;
}

.playit h1 {
	line-height: 30px;
	margin: 0 0 20px 0;
	font-weight: 600;
	color: rgba(255, 255, 255, .99);
}

.playit-content h2 {
	min-width: 250px;
	padding: 0;
	color: rgba(255, 255, 255, .9);
	font-weight: 500;
	margin: 0 0 20px 0;
	font-size: 22px;
	line-height: 20px;
}

.play-button {
	cursor: pointer;
	display: inline-block;
	border-radius: 25px;
	font-size: 20px;
	font-weight: 700;
	padding: 0 30px;
	height: 50px;
	line-height: 50px;
	background: #F21616;
	color: #fff;
	text-align: center;
	font-style: normal;
	margin: 0 0 30px 0;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .4);
}

.playit-img {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
}

.playit-img img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.playit-img:after {
	content: "";
	background: rgba(0, 0, 0, .6);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

#startPlaying {
	cursor: pointer;
}

.playit p {
	color: #d4d4d4;
	line-height: 25px;
}

#menul {
	max-width: 1280px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}

#menul ul {
	margin: 0;
}

#menul li {
	list-style: none;
	display: inline;
	margin: 0 10px 0 0;
}

#menul a {
	border-top: 3px solid #ffeb44;
	/* border-radius: 3px 3px 0 0; */
	/* margin: -1px; */
	background: linear-gradient(to top, #f0c406, #ebaf14);
	border-bottom: 3px solid #a7532b;
	color: #fff;
	font-weight: bold;
	border: 2px solid #000;
	text-decoration: none;
	border-radius: 5px;
	padding: 8px 18px;
	font-size: 19px;
	text-shadow: 1px 0 1px #737373, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
}

#menul a:hover {
	background: linear-gradient(to top, #ebaf14, #f0c406);
}

#pers {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 0 0 20px;
}

.share-note {
	position: relative;
	margin: -45px 0 0 0;
	width: 61px;
	height: 45px;
	background: url(https://amongus-install.ru/img/main_share_img.png) center center no-repeat;
	background-size: contain;
}

.share-note__bubble {
	position: absolute;
	width: 100px;
	font-size: 11px;
	font-weight: 700;
	background-color: #fff;
	color: #000;
	border: 2px solid #000;
	border-radius: 12px;
	box-shadow: inset -4px -4px 0 rgba(0, 0, 0, .2);
	line-height: 14px;
	letter-spacing: normal;
	bottom: calc(100% + 4px);
	left: calc(100% - 20px);
	padding: 7px;
}

.share-note__bubble:after {
	position: absolute;
	width: 18px;
	height: 18px;
	content: "";
	background-color: inherit;
	border: 2px solid #000;
	box-shadow: inset -4px -4px 0 rgba(0, 0, 0, .2);
	bottom: -18px;
	left: 18px;
	transform: skewY(-40deg);
	transform-origin: bottom left;
	z-index: -1;
}

.div1 {
	width: 100px;
	float: left;
}

.div2 {
	width: 100%;
	margin-left: 160px;
	clear: both;
}

.menul {
	display: none;
}

@media (max-width: 768px) {
	.menul {
		margin: 10px 0;
		display: block;
	}
	.menul a {
		border-top: 3px solid #ffeb44;
		background: linear-gradient(to top, #d1bc52, #e46900);
		border-bottom: 3px solid #a7532b;
		color: #fff;
		font-weight: bold;
		margin: 0 5px;
		display: block;
		border: 2px solid #000;
		border-radius: 5px;
		padding: 5px 18px;
		font-size: 21px;
		text-align: center;
		text-shadow: 1px 0 1px #737373, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
	}
	#menul a {
		border-top: 3px solid #ffeb44;
		background: linear-gradient(to top, #f0c406, #ebaf14);
		border-bottom: 3px solid #a7532b;
		color: #fff;
		font-weight: bold;
		margin: 0 5px;
		display: block;
		border: 2px solid #000;
		border-radius: 5px;
		padding: 5px 18px;
		font-size: 19px;
		text-shadow: 1px 0 1px #737373, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
	}
	#menul li {
		list-style: none;
		display: block;
		margin: 0 0 10px 0;
	}
	#menul ul {
		margin: 0;
		padding: 0;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
	.modal-dialog {
		position: relative;
		width: auto;
		margin: 200px 10px;
	}
	.download-button1 a {
		display: block;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	h2 {
		font-size: 19px;
	}
	h3 {
		font-size: 19px;
	}
	#menul ul {
		margin: 0;
		padding: 0;
	}
	#menul {
		max-width: 1280px;
		display: none;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	#header {
		border: 2px solid #000000;
	}
}

@media (max-width: 1024px) {
	#pers {
		display: none;
	}
}

.menu-show {
	display: block !important;
}

.review-card {
	display: inline-block;
	position: relative;
	min-width: 100px;
	width: 31.4%;
	height: 380px;
	color: #000;
	border: 6px solid #11161c;
	border-radius: 28px;
	overflow: hidden;
	padding: 27px 0 56px;
	margin: 20px 10px;
}

.review-card a {
    text-decoration:none;
}

.review-card:hover {
	opacity: 0.8;
}

.review-card p {
	line-height: 24px;
}

.review-card:before,
.review-card:after {
	position: absolute;
	width: 100%;
	content: "";
	left: 0;
}

.review-card:before {
	height: 27px;
	background: url(https://amongus-install.ru/img/review_card_bg_top_left.png) left center no-repeat, url(https://amongus-install.ru/img/review_card_bg_top_right.png) right center no-repeat, url(https://amongus-install.ru/img/review_card_bg_top_center.png) center center repeat-x;
	top: 0;
}

.review-card:after {
	height: 56px;
	background: url(https://amongus-install.ru/img/review_card_bg_bottom_left.png) left center no-repeat, url(https://amongus-install.ru/img/review_card_bg_bottom_right.png) right center no-repeat, url(https://amongus-install.ru/img/review_card_bg_bottom_center_shape.png) center center no-repeat, url(https://amongus-install.ru/img/review_card_bg_bottom_center.png) center center repeat-x;
	bottom: 0;
}

.review-card__wrapper {
	height: 100%;
	background: url(https://amongus-install.ru/img/review_card_bg_center_left.png) left center repeat-y, url(https://amongus-install.ru/img/review_card_bg_center_right.png) right center repeat-y, linear-gradient(to bottom, #7d8cae, #7d8cae);
	padding: 0 32px;
}

.review-card__outer {
	height: 100%;
	background-color: #3a5874;
	border: 6px solid #27313f;
	border-radius: 20px;
	padding: 8px;
}

.review-card__inner {
	position: relative;
	height: 100%;
	background-color: rgba(217, 237, 249, .55);
	border: 3px solid #27313f;
	border-radius: 20px;
	overflow: hidden;
	padding: 15px 18px;
	z-index: 1;
}

.review-card__inner:before,
.review-card__inner:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.review-card__inner:before {
	width: 150%;
	height: 150%;
	background: linear-gradient(45deg, transparent 8%, rgba(198, 228, 255, .3) 14%, rgba(228, 255, 255, 1) 16%, rgba(228, 255, 255, .25) 20%, transparent 22%, rgba(198, 228, 255, .3) 33%, rgba(228, 255, 255, .75) 34%, transparent 38%, rgba(228, 255, 255, .1) 45%, rgba(228, 255, 255, .5) 45%, transparent 62%, transparent 70%, rgba(198, 228, 255, .4) 78%, rgba(228, 255, 255, 1) 80%, rgba(228, 255, 255, 1) 84%, transparent 94%);
	z-index: -1;
}

.review-card__inner:after {
	width: calc(100% - 18px);
	height: calc(100% + 20px);
	background-color: #c6e4ff;
	border-radius: 20px;
	box-shadow: inset 0 0 4px 10px rgba(198, 228, 255, .25);
	opacity: .4;
	z-index: -2;
}

.review-card__author {
	font-weight: bold;
	font-size: 17px;
}

.mems {
    display: inline-block;
    width: 48.3%;
    font-size: 17px;
    font-weight: 700;
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    border-radius: 12px;
    box-shadow: inset -4px -4px 0 rgb(0 0 0 / 20%);
    line-height: 14px;
    letter-spacing: normal;
    bottom: calc(100% + 4px);
    left: calc(100% - 20px);
    padding: 15px;
    margin:10px;
}

.title-mems {
    margin: 5px 0 20px 0;
    font-size: 19px;
}

#share ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}

#share ul>li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-radius: 0;
    background: none;
}

#share ul>li {
   margin: 2px 4px 0 0;
}

.video {position:relative;display:block;width:calc(100% / 2 - 20px);float:left;margin: 20px 10px 20px 10px;}
.video-preview {position:relative;display:block;border-radius:5px;overflow:hidden;margin:0 0 10px 0;    box-shadow: 0 10px 20px 0 rgb(10 10 10 / 20%), 0 3px 6px 0 rgb(0 0 0 / 7%);}
.video-preview:after {
    opacity: .0;
    /* background: #F21616; */
    font-size: 20px;
    display: block;
    width: 50px;
    height: 46px;
    border-radius: 4px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    content: "";
    background-image: url(https://download-amongus.ru/play.png);
    font-family: fontello;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.video-preview:before {background:radial-gradient(circle,transparent 50%,#000 100%);display:block;position:absolute;left:0;top:0;right:0;bottom:0;content:"";

}
.video-preview b {font-size:13px;display:block;height:15px;line-height:15px;position:absolute;left:5px;top:-25px;color:rgba(255,255,255,.8);font-weight:600;}
.video img {width:100%;border-radius:5px;}
.video span {
    overflow: hidden;
    display: block;
    color: rgb(0 0 0 / 65%);
    font-weight: 600;
    padding: 0 5px;
    line-height: 15px;
    height: 30px;
    font-size: 17px;
}

.video:hover {}
.video:hover .video-preview {box-shadow:0 10px 25px rgba(255,255,255,.2);}
.video:hover .video-preview:after {opacity:1;transition:.2s;}
.video:hover .video-preview:before {left:-20px;top:-20px;right:-20px;bottom:-20px;transition:.5s;}
.video:hover span {    color: rgb(0 0 0 / 90%);}
.video:hover .video-preview b {top:5px;transition:.2s;}

@media (max-width: 700px) {
.video {
    position: relative;
    display: block;
    width: 100%;
    float: left;
    margin: 20px 0px 20px 3px;
}
    
.review-card__author {
    font-weight: bold;
    font-size: 15px;
}
    
.review-card {
    width: 100%;
    height: 457px;
    margin: 20px 0px;
}
}