@charset "utf-8";
.shell-vstavka {
		margin:0 auto;
		width:100%;
		background-color:#ececec;
		background-image:url(../images/svg/Logofon.svg);
		background-repeat:no-repeat;
		background-position:top center;
		font-size:1.3rem;
		color:#9f885b;
		height:100%;
		position:fixed;
		display:flex;
		flex-direction:column;
		align-items: center;
		top:0%;
		left:0%;
		right:0%;
		z-index: 1001;
		line-height:1.8rem;
		font-family:"Museo Sans Cyrl 700";
		font-style:normal;
		font-weight:normal;
	}
	#vstavka {
		padding:0 20px;
		display:none;
		width:100%;
		box-sizing:border-box;
	}
	.zvetin {
		background-color: inherit;
	}
	#vstavka .new {
		opacity: 0;
	}
	#vstavka .div_opacity {
		-webkit-transition: opacity .1s ease-in-out;
		-moz-transition: opacity .1s ease-in-out;
		-ms-transition: opacity .1s ease-in-out;
		-o-transition: opacity .1s ease-in-out;
		transition: opacity .1s ease-in-out;
		opacity: 1;
	}
	.simb_opacity {
		-webkit-transition: opacity 2s ease-in-out;
		-moz-transition: opacity 2s ease-in-out;
		-ms-transition: opacity 2s ease-in-out;
		-o-transition: opacity 2s ease-in-out;
		transition: opacity 2s ease-in-out;
		opacity: 0;
	}
	.shell-top {
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-ms-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
		top:-100%;
	}
	.signature {
		font-size:1.2rem;
		font-style:italic;
		font-weight:300;
		line-height:1.5rem;
		font-family:"Museo Sans Cyrl 300";
	}
	#shell-vst .vstlog {
		width:250px;
		height:137px;
		background-image:url(../images/svg/LogoAAvst.svg);
		background-repeat:no-repeat;
		background-position:center center;
		margin: 10% 0 5rem;
		-webkit-animation: opavst 15s ease forwards;
		animation: opavst 15s ease forwards;
	}	
	.contvst {
		display:flex;
		justify-content:center;
		width:60%;
		height:auto;
		text-align:left;
		background-color: inherit;
	}
	#shell-mail .vstlog {
		width:250px;
		height:137px;
		background-image:url(../images/svg/LogoAAvst.svg);
		background-repeat:no-repeat;
		background-position:center center;
		margin: 10% 0 5rem;
		-webkit-animation: opavst 6s ease forwards;
		animation: opavst 6s ease forwards;
	}
	.zvetmail {
		color:#9f885b;
		font-size:1.3rem;
		padding:3rem 10px;
		text-align:center;
	}
	#contemail .zvetmail {
		-webkit-animation: opavst 6s ease forwards;
		animation: opavst 6s ease forwards;
	}
@keyframes opavst {
	from, to {
		opacity: 0;
	}
	30%, 60% {
		opacity: 1;
	}
}
@media (max-width: 760px) {
	.contvst {
		width:100%;
	}
	.shell-vstavka {
		font-size:1.2rem;
		line-height:1.6rem;
	}
	.signature {
		font-size:1rem;
		line-height:1.3rem;
	}
	.zvetmail {
		padding:3rem 15px;
	}
}
@media (max-height: 460px) {
	#shell-mail .vstlog {
		margin: 5% 0 0;
	}
}