::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: 'robotoregular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  opacity: 0.3;
  font-size: 14px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: 'robotoregular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  opacity: 0.3;
  font-size: 14px;
}
::-ms-input-placeholder { /* Microsoft Edge */
  font-family: 'robotoregular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  opacity: 0.3;
  font-size: 14px;
}

.clearer {
  clear: both;
  height: 0;
  max-height: 0;
  overflow: hidden;
}

body {
  font-family: 'robotoregular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
}

body * {
  box-sizing: border-box;
}

html, body {
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'robotoregular', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}

#stage {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
/*
  overflow-x: hidden;
  scrollbar-width: thin;
  max-height: 860px;
*/
}

.pafont {
	font-family: 'PhosphateRRSolid', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.rfont_c {
  font-family: 'roboto_condensedregular';
}

.rfont_t {
  font-family: 'roboto_thin';
}

.col-left { float: left; }
.col-right { float: right; }

.text-center { text-align: center; }
.text-center-center { text-align: center; margin-left: auto; margin-right: auto; }

.transparent-text {
	color: transparent;
	position: absolute;
	left: -999em;
}

.container { max-width: 1070px; }
main .container {
  width: 857px;
  margin-top: 1em;
  padding: 1.7em 2em;
  font-size: 17px;
}
main .container p:first-of-type { margin-top: 0; }
main .container p:last-of-type { padding-bottom: 0; }

#claimbox h1 {
  margin-top: -4px;
	margin-bottom: 0;
  display: block;
  text-align: right;
}
#claimbox h1 span {
  padding: 0 10px;
  font-size: 3rem;
}

#claim {
  margin-top: 0.5em;
  display: inline-block;
}
#claim > span {
	font-size: 8rem;
	line-height: 83px;
  display: inline-block;
  position: relative;
  top: -4px;
  padding: 10px;
}

#claimbox #claim span {
  top: -12px;
}

nav {
  display: block;
  margin-top: 8px;
}

nav > ul {
	margin: 0;
	padding: 0;
}

.fullwidth { width: 100%; }
.halfwidth { width: 50%; }

.invalid > input, input.invalid {
	border-color: #ff0000 !important;
}
.mandatory .invalid-text .descr {
	color: #FF0000 !important;
}
.form-control.invalid::placeholder {
	color: #FF0000 !important;
}

.mandatory .descr::before {
	/*content: '* ';*/
}

input[type="text"], input[type="email"],
input[type="text"], input[type="email"] {
  width: 45%;
  font-size: 17px;
  line-height: 24px;
  border-style: solid;
  padding: 4px;
  border-radius: 4px;
  border-color: transparent;
  border-width: 2px;
}


input[type="text"].focus, input[type="email"].focus,
input[type="text"]:focus, input[type="email"]:focus,
.btn-primary.focus, .btn-primary:focus {
	box-shadow: none;
}

input[type="text"].focus, input[type="email"].focus,
input[type="text"]:focus, input[type="email"]:focus {
	border-width: 2px;
}

input[type="checkbox"] {
  visibility: hidden;
}
input[type="checkbox"] + span::before,
input[type="checkbox"]:checked + span::before {
  font-family: Ionicons;
  font-size: 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  top: 3px;
  left: 18px;
}

input[type="checkbox"] + span::before { 
  content: '\f3a6'; 
  content: '\f372'; 
  content: '\f371'; 
  color: rgba(255, 255, 255, 0.7);
}

input[type="checkbox"]:checked + span::before {
  /*content: "\f375";*/
  content: "\f374";
  content: "\f373";
  content: "\f383";
}


button, input.btn, a.btn {
  font-size: 22px;
  cursor: pointer;
  border-width: 0;
  padding: 4px 8px;
  border-radius: 4px;
}

a.btn, a.btn:hover {
	display: inline-block;
	text-decoration: none;
}


.checkbox_label { margin-left: -2em; }
.checkbox_label > label { display: table-row; cursor: pointer; }
.checkbox_label > label > input[type=checkbox], .checkbox_label > label > span { display: table-cell; padding-bottom: 1em; }
.checkbox_label > label > input[type=checkbox] { margin-right: 0.5em; }

label > span {
  text-indent: -24px;
  padding-left: 42px;
}


.introtext { margin-bottom: 1.5rem;  }
.outrotext { margin-top: 1.5rem; font-size: 0.7em; }

.introtext h2:first-of-type { text-transform: uppercase; margin-top: 0; }
.introtext ul { list-style-type: none; padding: 0; margin-top: 0; font-family: 'robotomedium'; }
.introtext li { margin-bottom: 0.25em; padding-left: 34px; text-indent: -1em; }
.introtext li::before { content: "\f383"; font-family: Ionicons; position: relative; left: -12px; color: rgb(0, 140, 210); }


.descr { font-size: 0.7em; }
input[type="text"] + p.descr, input[type="email"] + p.descr {
  padding-left: 1rem;
  padding-right: 1rem;
}

#palogo {
	background: url('/img/s-w-2.svg') transparent no-repeat;
	background-size: cover;
	position: relative;
	display: inline-block;
	z-index: 20;
}
#palogo > img {
	width: 110px; 
	height: 110px;
}


header {
	top: 0;
	width: 100%;
  display: block;
}

main {
  display: block;
}

footer {
	width: 100%;
	margin-top: 5em;
	margin-bottom: 20px;
}

footer nav {
	display: none;
}

main a, main a:hover, main a:active, main a:visited,
header a, header a:hover, header a:active, header a:visited,
footer a, footer a:hover, footer a:active, footer a:visited {
	color: #ffffff;
	text-decoration: none;
}

main a, main a:hover, main a:active, main a:visited {
	text-decoration: underline;
}

nav ul {
	list-style-type: none;
}
nav li {
	display: inline-block;
	margin-left: 1.5em;
}
/*
nav li a::before {
	content: "\2022";
	position: relative;
	left: -3px;
}
*/

/*main.masthead {*/
html, body {
	height: 100%;
}
body {
  background: none transparent no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}

.row-steps {
	background-color: rgba(100, 100, 100, 0.5);
}

.row .col-1, .row .col-2 {
	display: inline-block;
	width: 45%;
}

.row.introtext + .row {
	clear: both;
}

#premiumpartner { width: auto; position: relative; }
#premiumpartner > img { width: 150px; position: absolute;  right: -109px; top: -103px; }

.features-icons-icon > i::before,
.features-icons-icon > i > span:empty {
	font-size: 4rem;
	line-height: 2em;
}
.features-icons-icon > i > span:empty {
	font-size: 3rem;
	position: absolute;
	margin-left: -1%;
	margin-top: 2%;
}

.rounded {
  -moz-border-radius: 1em;  
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

.rounded_4px {
  -moz-border-radius: 4px;  
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

header h2 {
  display: inline-block;
}
header h2, header h3 > span {
  padding-left: 8px;
  padding-right: 8px;
}
header h2 {
  margin-top: 53px;
	margin-bottom: 26px;
  font-size: 2em;
}
header h3 {
  margin: 0;
	margin-bottom: 26px;
  font-size: 1.75em;
}

#optin_form { margin-bottom: 1em; }

.icon_subtext {
	font-size: 1.5em;
}

.download-container {
}

img.cover { width: 300px; }

@media (max-width: 1070px) {
  #stage {
		padding: 0 1rem;
	}
	.container {
/*		max-width: 768px;*/
	}
}
@media (max-width: 950px) {
  #premiumpartner > img {
		right: -20px;
		top: -12px;
	}
	.download-container #premiumpartner, .download-container #premiumpartner > img {
		position: static;
	}
	.download-container #premiumpartner { float: right; }
	.download-container #premiumpartner > img { width: 100%; }
	.download-container #premiumpartner { width: 45%; }
	.download-container #premiumpartner + p { width: 50%; }
}
@media (max-width: 890px) {
	#stage {
		padding: 0;
	}
	#claimbox h1 {
    text-align: left;
  }
	#claim {
		display: block;
		padding-right: 20px;
	}
	#claim > span {
		padding-right: 20px;
		font-size: 14.5vw;
	}
	main .container {
		width: 100%;
	}
	footer .container .text-left {
		text-align: center;
	}
}
@media (max-width: 844px) {
  #premiumpartner > img {
		right: 0;
		top: 0;
	}
	#premiumpartner + div {
		width: calc(100% - 145px);
	}
}
@media (max-width: 700px) {
  #claim > span {
    font-size: 14vw;
  }
}
@media (max-width: 690px) {
  p.icon_subtext {
    font-size: 1.25em;
  }
	.download-container { position: relative; }
	.download-container #premiumpartner > img { width: 150px; margin-left: 300px; }
	.download-container #premiumpartner { float: none; width: 100%; position: absolute; top: -75px; right: 0; }
	.download-container #premiumpartner + p { width: 100%; }
}
@media (max-width: 600px) {
	.row .col-1, .row .col-2 {
		width: 49%;
	}
}
@media (max-width: 550px) {
	#premiumpartner { text-align: center; margin-bottom: 1.7em; }
  #premiumpartner, #premiumpartner > img { position: static;	}
	#premiumpartner + div {
		width: 100%;
	}
	.download-container #premiumpartner > img { width: 150px; margin-left: 300px; }
	.download-container #premiumpartner { float: none; width: 100%; position: absolute; top: -75px; right: 0; }
	.download-container #premiumpartner + p { width: 100%; }
  p.icon_subtext {
    font-size: 1em;
		font-weight: bold !important;
  }
}

@media (max-width: 520px) {
	.download-container #premiumpartner > img { width: 150px; margin-left: auto; margin-right: auto; }
	.download-container #premiumpartner { top: -195px; right: 0; text-align: center; }
	.download-container #premiumpartner + p { width: 100%; }
}

@media (max-width: 500px) {
  #claim {
    /*font-size: 3rem;*/
  }
	#claimbox h1 span {
    font-size: 8vw;
	}
}


@media (max-width: 470px) {
  p.icon_subtext {
    font-size: 0.9em;
		font-weight: bold !important;
  }
}