@charset "utf-8";
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,strong,sub,sup,ul,li,fieldset,form,label,legend,table,code,caption{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	line-height:1.4;
}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,strong,sub,sup,ul,li,fieldset,form,label,legend,code,caption,input,textarea,select{
	font-family: 'Montserrat', sans-serif;
}
:focus{outline:0;}
input, textarea{
	display:block;
	box-sizing:border-box;
	font-size:1rem;
}
*{margin:0;}
html,body{
	font-size:15px;
	min-height:100%;
	width:100%;
}
@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){
	#social > *,
	#unsibscribe #button{
		cursor:pointer;
		transition:.3s ease all;
	}
	#social > *:hover{
		opacity:.7;
	}
	#unsibscribe #button:hover{
		background:#f8d373;
		color:#000;
	}
}
@media all and (min-width:768px){
	#subscribe #bg{
		display:block;
		width:100%;
		height:100%;
		background:#f8d373;
	}
	#head{
		display:flex;
	}
	#unsibscribe h1{
		flex:1;
		margin-left:2.5rem;
		font-size:2.2rem;
	}
	#head img{
		width:7rem;
	}
	body{
		padding:24px;
	}
	#content{
		padding:3rem 3rem 2rem;
	}
	#unsibscribe{
		margin:0 auto;
		max-width:600px;
	}
	#subscribe #popup{
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		border-radius:1rem;
		max-width:450px;
		padding:3rem;
		position:absolute;
		z-index:10;
	}
}
@media all and (max-width:767px){
	body{
		padding:12px;
	}
	#head img{
		width:8rem;
		margin:0 auto 2rem;
	}
	#unsibscribe h1{
		font-size:1.8rem;
	}
	#content{
		padding:2rem 2rem 1.5rem;
	}
	#subscribe #popup{
		height:100%;
	}
}
body{
	background:#f8d373;
	box-sizing: border-box;
}
#content > *:not(:last-child){
	margin-bottom:1.2rem;
}
#unsibscribe img{
	display:block;
}
#unsibscribe{
	border-radius:1rem;
	background:#fff;
	position:relative;
}
#unsibscribe h1{
	font-weight:900;
	line-height:1.1;
}
#unsibscribe h2{
	font-size:1.8rem;
	line-height:1.2;
}
#unsibscribe p{
	line-height:1.4;
}
#unsibscribe a{
	color:#7951db;
}
#unsibscribe #button{
	position:relative;
	overflow: hidden;
	background:#7951db;
	color:#fff;
	display:inline-block;
	line-height:1.4;
	padding:1rem 2rem;
	border-radius:.5rem;
	font-weight:bold;
}
#unsibscribe p#more{
	font-size:.7rem;
}
.blick:before{
	content: "";
	opacity:.4;
	width: 40px;
	height: 300px;
	margin-left: 60px;
	background: #fff;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.9) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
	position: absolute;
	left: -40px;
	top: -150px;
	z-index: 1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	-webkit-animation-name: slideme;
	animation-name: slideme;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes slideme{
	0% { left: -30px; margin-left: 0px; }
	30% { left: 110%; margin-left: 80px; }
	100% { left: 110%; margin-left: 80px; }
}
#social{
	background:#f2f4f8;
	padding:1.5rem;
	border-radius:0 0 1rem 1rem;
	display:flex;
	gap:.35rem;
	width:100%;
	justify-content: center;
	box-sizing: border-box;
}
#social > a{
	flex:0 1 1.1rem;
	padding:.85rem;
	background:#fff;
	border-radius:50%;
	color:#000;
}
#social svg{
	width:100%;
	display:block;
}
#subscribe{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:999;
}
#subscribe.check + *,
#subscribe:not(.check){
	display:none;
}
#subscribe #popup{
	text-align:center;
	width:100%;
	box-sizing: border-box;
	background:#fff;
	padding:3rem;
}
#subscribe #popup h2{
	font-size:2.2rem;
	font-weight:900;
}
#subscribe #popup p{
	font-size:1.1rem;
	margin-top:1rem;
}