@import url(//fonts.googleapis.com/icon?family=Material+Icons);

.blur{
	/*filter: blur(1px);*/
	opacity: 0.8;
}

.big {
	font-size: 200% !important;
}

/*
.material-icons{
	font-size: 100%;
	vertical-align: text-bottom;
}
*/

.lock {
	/* убираем скроллбар с основнового содержимого страницы и добавляем вместо него отступ */
	overflow: hidden;
	padding-right:16px;
}
.lock #block_header{
	right: 7px;
}
.transparent {
	opacity: 0;
}
.transparent .pageWin {
	transform: scale(0);
}
.pageBefore,
.pageBefore * {
	transition: .5s;
}

.pageBefore {
	position								: fixed;
	top											: 0px;
	bottom									: 0px;
	left										: 0px;
	right										: 0px;
	display									: block;
	text-align							: center;
	z-index									: 98;
	overflow-x							: hidden;
	overflow-y							: scroll;
	-webkit-overflow-scrolling: touch;
	scroll-behavior					: smooth;
}
.pageBefore:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.pageBg {
	position: fixed;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 16px;
	display: block;
	background: rgba(0,0,0,0.5);
	z-index: 0;
	overflow: hidden;
	zoom: 1;
}
.pageWin {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 950px;
	text-align: left;
	margin-left: -475px;
	height: auto;
	min-height: 300px;
	border-radius: 5px;
	margin: 50px auto;
	/*box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.7);*/
	box-shadow: 0 6px 12px 5px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.08);
	background: white;
	z-index: 10;
	transform-origin: inherit;
	will-change							: transform, opacity;
}
.pageContent {
	padding: 20px 50px;
	position: relative;
	/*overflow: hidden;*/
	border-radius: 5px;
	max-height: calc(100% - 40px);
	min-height: 260px;
	height: 100%;
}
.full>.pageContent {
	padding: 0px 0px !important;
	max-height: 100%;
}
.pageClose {
	position: absolute;
	display: block;
	top: 10px;
	right: 16px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1000;
	font-family: 'Material Icons';
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	color: #e32824;
}
.pageClose:hover {
	color: white;
	background-color: #e32824;
}




.pageWin.alert {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 500px;
	text-align: center;
	margin-left: -250px;
	height: auto;
	min-height: 300px;
	border-radius: 30px;
	border: 3px solid white;
	margin: 50px auto;
	background: #00000050;
	z-index: 10;
	transform-origin: inherit;
	box-shadow: 0px 0px 20px -5px black;
}
.pageWin.alert,
.pageWin.alert * {
	color: white !important;
	text-shadow: 0px 0px 15px black;
}
.pageWin.alert .pageContent {
	text-align: center;
}
.pageWin.alert .pageClose:hover,
.pageWin.alert:hover .pageClose {
	text-shadow: 0px 0px 0px black;
	box-shadow: 0px 0px 25px -5px black;
	border: 3px solid white;
}
.pageWin.alert .pageClose {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: auto;
	min-width: 100px;
	height: auto;
	margin: 0px auto;
	padding: 10px 20px;
	line-height: unset;
	border-radius: 20px;
	border: 3px solid transparent;
	font-family: inherit;
	font-weight: bold;
	font-size: inherit;
}




.pageWin.video {
	margin: 0px 0px;
}
.pageWin.video .pageContent {
	padding: 0px;
	border-top: none;
	border-bottom: none;
}
.pageWin.video .pageContent video {
	width: 100%;
	border-radius: 5px;
	outline: none;
}