@charset "utf-8";
/* CONFIRM */


body{
	border: 0px solid red;
	box-sizing: border-box; 
	height: auto;
		
	background: #146b98;
}
.bg_wrap{
	border: 0px solid transparent; 
	
	height: 100%;
	
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), 
				url('/alex/images/confirm/confirm_background.jpg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}



/* КАСТОМНЫЙ СКРОЛЛ */
::-webkit-scrollbar{
	width: 8px;
	height: 5px;
}
::-webkit-scrollbar-button{
	width: 0px;
	height: 0px;
	background: #E6E6E6;
}
::-webkit-scrollbar-track{
	background: #E6E6E6;
}
::-webkit-scrollbar-track-piece{
	background: #E6E6E6;
}
::-webkit-scrollbar-corner{
	background :#E6E6E6;
}
::-webkit-resizer{
	background: #E6E6E6;
}
::-webkit-scrollbar-thumb{
	height: 5px;
	background: #51A0C9;
	border: 1px solid #51A0C9;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
::-webkit-scrollbar-thumb:hover{
	border: 1px solid #2A91C7;
	background: #2A91C7;
}

/* КАСТОМНЫЙ СЕЛЕКШН */
::selection{
	color: #fff;
	background: #00ACE6;
}
::-moz-selection{
	color: #fff;
	background: #00ACE6;
}



/* ЗАГОЛОВОК */
.header{
	width: 80%;
	box-sizing: border-box;
	margin: 0px auto;
	
	color: #fff;
	font-family: Koliko;
	font-weight: 700;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	text-align: center;
	line-height: 1.2;
}
.header .big{	
	border: 0px solid red;

	display: inline-block;
	padding-top: 30px;
	padding-bottom: 30px;
	
	font-size: 55px;
	letter-spacing: 5px;
}
@media screen and (max-width: 1200px){
	.header .big{	
		padding-top: 15px;
		padding-bottom: 15px;
	
		font-size: 30px;
	}
}
@media screen and (max-width: 400px){
	.header .big{	
		padding-top: 5px;
		padding-bottom: 5px;
	
		font-size: 15px;
	}
}
.header .small{
	display: block;
	padding-bottom: 30px;
	
	font-family: Roboto;
	font-style: normal;
	font-weight: 900;
	font-size: 25px;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.4;
}
.header .small[num='1']{
	padding-bottom: 30px;
}
.header .small[num='2']{
	padding-bottom: 40px;
}
@media screen and (max-width: 1200px){
	.header .small{	
		font-size: 15px;
		
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 400px){
	.header .small{	
		font-size: 10px;
	}
}

/* ГИФКИ ПОДТВЕРЖДЕНИЯ */
.conf_w{
	border: 0px solid rgba(0, 13, 150, 0.3);
	border-radius: 15px;
	
	width: 60%;
	margin: 0px auto;
	margin-bottom: 40px;
	
	position: relative;
	
	text-align: center;
}
@media screen and (max-width: 1200px){
	.conf_w{	
		margin-bottom: 20px;
	}
}
.conf_gif{
	width: 100%;
	border-radius: 15px;
	
	box-sizing: border-box;
}
@media screen and (max-width: 400px){
	.conf_gif{	
		border-radius: 5px;
	}
}
.logo_a{
	border-radius: 5px;
	
	display: inline-block;	
	width: 155px;
	height: 50px;
	margin-bottom: 10px;
	
	background-color: #fff;
	
	text-align: center;
}
@media screen and (max-width: 1200px){
	.logo_a{	
		width: 130px;
		height: 30px;
	}
}
@media screen and (max-width: 400px){
	.logo_a{	
		width: 80px;
		height: 20px;
	}
}
.logo_a.mail_ru{
	background-color: #134785;
}
.logo{
	border-radius: 5px;
	padding: 10px;
	height: 100%;
	box-sizing: border-box;
}
@media screen and (max-width: 1200px){
	.logo{	
		padding: 3px;
	}
}