body {
	margin: 0;
	/* line-height: 20px; */
	color: #333;
	background-color: #fff;
	padding-top: calc( 50px + 2rem );
}

i {
	font-size: 14px;
}

li [class^="icon-"], li [class*=" icon-"], .nav li [class^="icon-"], .nav li [class*=" icon-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	margin-top: 0;
	margin-right: 5px;
}





.box {
	padding: 27px;
	background: white;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 9px #e5e7e7;
	box-shadow: inset -3px -3px 1px rgba(0,0,0,.075), 0 0 9px #e5e7e7;
	box-shadow: inset 0px -3px 1px rgba(0,0,0,.075), 0 0 5px #e5e7e7;
}

h1 {
	font-size: 40px;
	color: #24b9ad;
	font-weight: 400;
	text-decoration: none;
	margin:0;
	padding-bottom: 2rem;
}
h2 {
}



header {
	color: #414141;
	height: 50px;
	position: fixed;
	z-index: 99;
top:0;
	width: 100%;
	background: linear-gradient( 45deg, #039be4, #26bba5 );
}
header .container {display: flex;align-items: center;height: 100%;color: white;}
header .mobile-button {
}
header .mobile-button span {
}
header .column1 {flex-grow: 1;}
header .column1 .top-logo {
}
header .column2 {display: flex;align-items: center;}
header .column2 .header-account-submenu-auth {color: white;font-size: 16px;font-weight: 300;padding-left: 40px;}
header .column2 .header-account-submenu-auth i {
}
header .column2 .header-account-submenu-exit {color: white;font-size: 16px;font-weight: 300;padding-left: 25px;margin-left: 25px;border-left: 1px solid white;height: 39px;display: flex;align-items: center;}