/* Fonts */

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/OpenSans.woff2) format('woff2');
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/Poppins.woff2) format('woff2');
}


/* Primary */

html,
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	background: url('../images/background.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

body {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
}

p {
	color: #666;
}

a,
button {
	display: inline-block;
	text-decoration: none;
	transition: all .3s;
	color: inherit;
}

a:focus,
a:active,
a:hover,
button:focus,
button:active,
button:hover {
	text-decoration: none;
	color: #00d0ff;
}

ul,
p {
	margin: 0;
	padding: 0;
}

li,
span {
	display: inline-block;
}


/* Common */

.full-height {
	height: 100%;
}

.display-table {
	display: table;
	width: 100%;
	height: 100%;
}

.display-table-cell {
	display: table-cell;
	vertical-align: middle;
}


/* Main Section */

.main-section {
	padding: 0 40px;
	background: #f5f4f8;
}

.main-section .logo {
	position: absolute;
	top: 30px;
}

.main-section .logo h2 {
	font-size: 30px;
}

.main-section .main-content {
	padding: 0;
}

.main-section .main-content .title {
	margin-bottom: 20px;
}

.main-section .footer-icons {
	position: absolute;
	bottom: 30px;
}

.main-section .footer-icons>li>a {
	display: inline-block;
	padding: 0;
	font-size: 17.5px;
}

.main-section .footer-icons>li:first-child {
	margin-right: 10px;
}

.main-section .footer-icons>li>a>i {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 33px;
	border-radius: 40px;
	text-align: center;
	transition: all .2s;
}

.main-section .footer-icons>li>a:hover>i {
	border: 1px solid;
}