@font-face {
	font-family: 'sofia_proregular';
	src: url('../fonts/sofia_proregular/sofia_pro_regular-webfont.eot');
	src: url('../fonts/sofia_proregular/sofia_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/sofia_proregular/sofia_pro_regular-webfont.woff2') format('font-woff2'),
	url('../fonts/sofia_proregular/sofia_pro_regular-webfont.woff') format('font-woff'),
	url('../fonts/sofia_proregular/sofia_pro_regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'sofia_prolight';
	src: url('../fonts/sofia_prolight/sofia_pro_light-webfont.eot');
	src: url('../fonts/sofia_prolight/sofia_pro_light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/sofia_prolight/sofia_pro_light-webfont.woff2') format('font-woff2'),
	url('../fonts/sofia_prolight/sofia_pro_light-webfont.woff') format('font-woff'),
	url('../fonts/sofia_prolight/sofia_pro_light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	background-size: cover;
	font-family: sofia_proregular;
}

#page.proscreen,
#page.proregister {
	background: rgba(255, 255, 255, .9);
	font-size:  16px;
}
#page.proscreen #page-wrapper,
#page.proregister  #page-wrapper {
	background: none;
}
#page.proscreen #pro-login form {
	background: rgba(255, 255, 255, .6);
}

#page.proscreen input,
#page.proregister input {
	font-family: sofia_proregular;
}

#page.proscreen a,
#page.proregister  a {
	font-size: 16px;
}

#payment-promo,
#payment-promo-title {
	display: none;
}

#page.proscreen a.button2 {
	font-family: sofia_proregular;
	letter-spacing: 2.5px;
	line-height: 1.8em;
	font-weight: 600;
	font-size: 14px;
	position: relative;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 7.5px;
}

#page.proscreen div.content-frame > h2 {
	font-size: 35px;
	font-family: sofia_prolight;
	line-height: 40px;
	font-weight: 700;
}

#page.proscreen div#pro-login > .row > .col-md-6:first-child h3 {
	font-family: "sofia_proregular";
	font-size: 20px;
}

#page.proscreen div#pro-login > .row > .col-md-6:first-child p {
	padding-bottom: 10px;
	line-height: 20px;
	font-family: "sofia_prolight";
	font-size: 18px;
}


#page.proscreen a.button2:hover {
	background: #05bfdc;
}

#page.proscreen a.button2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 25px;
	height: 5px;
	background: #00f5ad;
	transition: all .55s ease;
}

#page.proscreen a.button2:hover:after {
	width: 100%;
}