@import url(https://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic-ext,latin-ext,cyrillic);

html, body
{
    height: 100%;
}
body {
	font-family: 'PT Sans', sans-serif;
	color: #fff;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding:20px 0;
	min-height: 60px;
	background-color: #f8f8f8;
}

.btn:hover {
	color: #eee;
}

.btn-fb {
    color: #fff;
	margin-bottom: 15px;
    background: #475FA1 url('../img/facebook.png') no-repeat;
    border-color: #475FA1;
	font-size: 1em;

}
.btn-tw {
    color: #fff;
	margin-bottom: 15px;
    background: #00C7FF url('../img/twitter.png') no-repeat;
    border-color: #00C7FF;
	font-size: 1em;
}
.btn-ig {
    color: #fff;
	margin-bottom: 15px;
    background: #cc007d url('../img/ig.png') no-repeat;
    border-color: #cc007d;
	font-size: 1em;
}
.btn-gp {
    color: #fff;
	margin-bottom: 15px;
    background: #d13d33 url('../img/google.png') no-repeat;
    border-color: #d13d33;
	font-size: 1em;
}

.btn-default:hover {
    color: #fff;
    background-color: #003758;
    border-color: #003758;
}
.btn-default {
    color: #fff;
    background-color: #359aff;
    border-color: #359aff;
}

.wrapper {
	max-width: 300px;
    background: rgba(43, 101, 174, 0.26);
	min-height: 100vh;
	
}

.login {
    margin: 20px 10px;
}

.login img {
	margin:0 auto;
}

.login .logo {
	padding-top:30px;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */


.container {
	padding: 0 15px;
	z-index: 100;
}
.container .text-muted {
	margin: 20px 0;
}
.login img{margin:0 auto;}
header {margin:50px 0;}
header h3 {font-size:18px; margin-bottom:20px;}
header span {}
#particles-js {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -10;
	top: 0;
	left: 0;
}