html, body {
	width: 100%;
	height: 100%;
	font-family: "fira_sansregular";
	background: #f6f6f6;
	line-height: 1.42;
}

body { margin: 0; }

@media screen and (max-width: 1200px) {
	.wrapper,
	.footer {
		min-width: 0px;
	}
	
}

.wrapper_auth {
	min-width: 320px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(img/bg/mainbg.png);
}

.wrapper_auth:before {
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}

.wrapper:after {
	content: "";
	height: 50px;
	display: block;
}

.auth {
	display: inline-block;
	vertical-align: middle;
	width: 300px;
	opacity: 0;
}

.auth.bounceIn {
	animation: bounceIn 1s;
	opacity: 1;
}

/*после должна быть вставлена анимация*/

.auth__top {
	border-radius: 7px 7px 0 0;
	background: #fff;
	padding: 80px 60px 20px 60px;
	font-size: 21px;
	position: relative;
	margin-top: 70px;
}

.auth__avatar {
	border-radius: 50%;
	width: 140px;
	height: 140px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .5);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: -70px;
}

.auth__name {
	display: block;
	position: relative;
	top: 165px;
}

.auth__bottom {
	padding: 20px 0;
	border-radius: 0 0 7px 7px;
	background: #33c1e3;
	width: 300px;
	position: relative;
	top: 101px;
	left: -60px;
}

.about__download-link {
	padding: 9px 12px;
	border: 2px solid #e85f61;
	text-decoration: none;
	font-size: 14px;
	display: inline-block;
	font-family: "fira_sansbold";
	border-radius: 40px;
}

.white-link {
	border-color: #f6f6f6;
	color: #f6f6f6;
}

.white-link:hover {
	border-color: #f6f6f6;
	color: #33c1e3;
	background: #f6f6f6;

}



/*анимация*/

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}