#expop {
	top: 10px;
	width: 650px;
	margin-left: -500px;
	left: 50%;
	display: none;
	position: absolute;
	z-index: 100000
}

.expop_style {
	background-color: #fff;
	border: 5px solid #960505;
	padding: 10px 15px;
	font-size: 12pt;
	width: 980px;
	height: 650px
}

.expop_style h1,
.expop_style h2,
.expop_style h3 {
	margin: 5px 0;
	padding: 0
}

#expop_dim {
	background-color: #3c4043;
	opacity: .8;
	filter: alpha(opacity=80);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 99999
}

.expop_bottom_links {
	margin-top: 10px;
	text-align: center
}

.expop_round_tr {
	-moz-border-radius-topright: 35px;
	-khtml-border-radius-topright: 35px;
	-webkit-border-top-right-radius: 35px;
	border-top-right-radius: 35px
}

.expop_round_tl {
	-moz-border-radius-topleft: 35px;
	-khtml-border-radius-topleft: 35px;
	-webkit-border-top-left-radius: 35px;
	border-top-left-radius: 35px
}

.expop_round_br {
	-moz-border-radius-bottomright: 35px;
	-khtml-border-radius-bottomright: 35px;
	-webkit-border-bottom-right-radius: 35px;
	border-bottom-right-radius: 35px
}

.expop_round_bl {
	-moz-border-radius-bottomleft: 35px;
	-khtml-border-radius-bottomleft: 35px;
	-webkit-border-bottom-left-radius: 35px;
	border-bottom-left-radius: 35px
}

.expop_skew {
	-webkit-transform: translate(0, 50px)rotate(15deg) skew(-8deg, -8deg) scaleY(1.1);
	-moz-transform: translate(0, 50px)rotate(15deg) skew(-8deg, -8deg) scaleY(1.1);
	transform: translate(0, 50px)rotate(15deg) skew(-8deg, -8deg) scaleY(1.1)
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	height: 100%
}

body {
	position: relative;
	min-height: 100%;
	font-size: 1.7rem;
	font-family: myriadpro, Arial, sans-serif;
	color: #000;
	line-height: 1.1
}

p {
	margin-bottom: .5rem
}

.bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	animation: bgMove 15s linear infinite;
	-webkit-animation: bgMove 15s linear infinite
}

.content_wrap {
	padding: 1% 0;
	height: 100%
}

.content {
	background: #fff;
	max-width: 112.5rem;
	border-radius: 12px;
	padding: 5rem 4.5rem;
	width: 96%;
	margin: auto
}

.left_side {
	position: relative;
	width: 37%;
	display: inline-block;
	vertical-align: top
}

.slide {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity linear 1s;
	text-align: center
}

.slide.active {
	position: relative;
	z-index: 2;
	opacity: 1
}

.slide img {
	max-width: 100%;
	border: 1rem solid #000
}

.right_side {
	width: 62%;
	display: inline-block;
	vertical-align: top;
	padding-left: 4%;
	text-align: center
}

.step {
	display: none
}

.title_text {
	color: #007eff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 7.6rem
}

.large_text {
	font-size: 3rem;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 1.3rem
}

.text {
	margin-bottom: 1rem
}

.text span {
	font-weight: 700
}

.first_step {
	display: block
}

.first_step .title_text {
	font-size: 10.8rem
}

.first_step .text {
	font-size: 2.7rem;
	text-transform: uppercase
}

.first_step .large_text {
	font-size: 4rem
}

.q_block {
	display: none
}

.q_block1 {
	display: block
}

.question {
	color: #007eff;
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 1.8rem
}

.question_text {
	margin-bottom: 1.7rem
}

.choice_block {
	width: 70%;
	display: block;
	margin: 0 auto 1rem
}

.choice_block li {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2em;
	margin-bottom: 1rem;
	padding: 0 15px 0 25px;
	cursor: pointer;
	position: relative;
	width: 49%;
	text-align: left
}

.choice_block li:before {
	content: "";
	width: 14px;
	height: 14px;
	border: 1px solid #959595;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .3s linear
}

.choice_block li.active:before {
	background: #007eff;
	border-color: #007eff
}

.loading_block {
	display: none
}

.progress_bar {
	width: 100%;
	border-radius: 4px;
	height: 4rem;
	background: #e8e8e8;
	margin: 0 auto 1.5rem auto;
	position: relative;
	border-radius: 5px
}

.progress_bar:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	z-index: 5;
	animation: progress 6s ease-in-out forwards;
	-webkit-animation: progress 6s ease-in-out forwards;
	background: #3398ff;
	border-radius: 5px
}

.run_load {
	display: none
}

.run_load:first-child {
	display: block
}

.final_step>* {
	display: none
}

.f_title {
	font-size: 5.1rem;
	color: #007eff;
	text-transform: uppercase;
	font-weight: 700
}

.f_large_text {
	font-size: 3.2rem;
	font-weight: 700
}

.green_color {
	font-weight: 700;
	color: #609f4e
}

.red_color {
	font-size: 2.4rem;
	color: #ff0600;
	font-weight: 700
}

.rules {
	text-align: left;
	font-weight: 700;
	margin-bottom: 2rem
}

.rules li {
	padding: 1rem 0 1rem 5rem;
	list-style-type: none;
	position: relative
}

.rules li span {
	width: 4rem;
	height: 4rem;
	color: #fff;
	border-radius: 50%;
	background: #ff0600;
	line-height: 4rem;
	text-align: center;
	font-size: 3.8rem;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.button {
	background: #fff;
	color: #0b9246;
	text-transform: uppercase;
	border-radius: 5rem;
	border: .8rem solid #0b9246;
	text-decoration: none;
	padding: 1.5rem 2.5rem;
	font-size: 4.9rem;
	font-weight: 700;
	min-width: 40%;
	display: inline-block;
	transition: all .2s linear;
	margin: 0 5px
}

.button:hover {
	background: #ffe1e1
}

.ok_button,
.yes_btn {
	text-shadow: 0 3px 3px rgba(0, 66, 134, .75);
	background: #0b9246;
	color: #fff
}

.ok_button:hover,
.yes_btn:hover {
	background: #4efd77
}

@-webkit-keyframes bgMove {
	from {
		background-position: 0 0
	}
	to {
		background-position: 0 1080px
	}
}

@keyframes bgMove {
	from {
		background-position: 0 0
	}
	to {
		background-position: 0 1080px
	}
}

@keyframes progress {
	from {
		width: 0
	}
	to {
		width: 100%
	}
}

@-webkit-keyframes progress {
	from {
		width: 0
	}
	to {
		width: 100%
	}
}

@media screen and (max-width:1200px) {
	html {
		font-size: 55.5%
	}
}

@media screen and (max-width:1000px) {
	html {
		font-size: 45.5%
	}
}

@media screen and (max-width:780px) {
	html {
		font-size: 35%
	}
	body {
		font-size: 2.5rem
	}
	.content {
		max-width: 450px;
		padding: 2rem
	}
	.left_side,
	.right_side {
		display: block;
		margin: auto;
		width: 100%;
		padding: 0
	}
	.slide img {
		max-height: 40rem
	}
	.choice_block {
		width: 100%
	}
	.f_title {
		font-size: 3.1rem
	}
	.first_step .title_text,
	.title_text {
		font-size: 5rem
	}
	#expop {
		top: 10px;
		width: 650px;
		margin-left: -500px;
		left: 50%;
		display: none;
		position: absolute;
		z-index: 100000
	}
	.expop_style {
		background-color: #fff;
		border: 5px solid #960505;
		padding: 10px 15px;
		font-size: 12pt;
		width: 980px;
		height: 650px
	}
	.expop_style h1,
	.expop_style h2,
	.expop_style h3 {
		margin: 5px 0;
		padding: 0
	}
	#expop_dim {
		background-color: #3c4043;
		opacity: .8;
		filter: alpha(opacity=80);
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 99999
	}
	.expop_bottom_links {
		margin-top: 10px;
		text-align: center
	}
	.expop_round_tr {
		-moz-border-radius-topright: 35px;
		-khtml-border-radius-topright: 35px;
		-webkit-border-top-right-radius: 35px;
		border-top-right-radius: 35px
	}
	.expop_round_tl {
		-moz-border-radius-topleft: 35px;
		-khtml-border-radius-topleft: 35px;
		-webkit-border-top-left-radius: 35px;
		border-top-left-radius: 35px
	}
	.expop_round_br {
		-moz-border-radius-bottomright: 35px;
		-khtml-border-radius-bottomright: 35px;
		-webkit-border-bottom-right-radius: 35px;
		border-bottom-right-radius: 35px
	}
	.expop_round_bl {
		-moz-border-radius-bottomleft: 35px;
		-khtml-border-radius-bottomleft: 35px;
		-webkit-border-bottom-left-radius: 35px;
		border-bottom-left-radius: 35px
	}
	.expop_skew {
		-webkit-transform: translate(0, 50px)rotate(15deg) skew(-8deg, -8deg) scaleY(1.1);
		-moz-transform: translate(0, 50px)rotate(15deg) skew(-8deg, -8deg) scaleY(1.1);
		transform: translate(0, 50px)rotate(15deg) skew(-8deg, -8deg) scaleY(1.1)
	}
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box
	}
	html {
		font-size: 62.5%;
		-webkit-text-size-adjust: 100%;
		height: 100%
	}
	body {
		position: relative;
		min-height: 100%;
		font-size: 1.7rem;
		font-family: myriadpro, Arial, sans-serif;
		color: #000;
		line-height: 1.1
	}
	p {
		margin-bottom: .5rem
	}
	.bg {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -1;
		animation: bgMove 15s linear infinite;
		-webkit-animation: bgMove 15s linear infinite
	}
	.content_wrap {
		padding: 1% 0;
		height: 100%
	}
	.content {
		background: #fff;
		max-width: 112.5rem;
		border-radius: 12px;
		padding: 5rem 4.5rem;
		width: 96%;
		margin: auto
	}
	.left_side {
		position: relative;
		width: 37%;
		display: inline-block;
		vertical-align: top
	}
	.slide {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		transition: opacity linear 1s;
		text-align: center
	}
	.slide.active {
		position: relative;
		z-index: 2;
		opacity: 1
	}
	.slide img {
		max-width: 100%;
		border: 1rem solid #000
	}
	.right_side {
		width: 62%;
		display: inline-block;
		vertical-align: top;
		padding-left: 4%;
		text-align: center
	}
	.step {
		display: none
	}
	.title_text {
		color: #ff0600;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 7.6rem
	}
	.large_text {
		font-size: 3rem;
		text-transform: uppercase;
		font-weight: 700;
		margin-bottom: 1.3rem
	}
	.text {
		margin-bottom: 1rem
	}
	.text span {
		font-weight: 700
	}
	.first_step {
		display: block
	}
	.first_step .title_text {
		font-size: 10.8rem
	}
	.first_step .text {
		font-size: 2.7rem;
		text-transform: uppercase
	}
	.first_step .large_text {
		font-size: 4rem
	}
	.q_block {
		display: none
	}
	.q_block1 {
		display: block
	}
	.question {
		color: #007eff;
		font-size: 3rem;
		font-weight: 700;
		margin-bottom: 1.8rem
	}
	.question_text {
		margin-bottom: 1.7rem
	}
	.choice_block {
		width: 70%;
		display: block;
		margin: 0 auto 1rem
	}
	.choice_block li {
		display: inline-block;
		vertical-align: middle;
		font-size: 1.2em;
		margin-bottom: 1rem;
		padding: 0 15px 0 25px;
		cursor: pointer;
		position: relative;
		width: 49%;
		text-align: left
	}
	.choice_block li:before {
		content: "";
		width: 14px;
		height: 14px;
		border: 1px solid #959595;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		transition: all .3s linear
	}
	.choice_block li.active:before {
		background: #007eff;
		border-color: #007eff
	}
	.loading_block {
		display: none
	}
	.progress_bar {
		width: 100%;
		border-radius: 4px;
		height: 4rem;
		background: #e8e8e8;
		margin: 0 auto 1.5rem auto;
		position: relative;
		border-radius: 5px
	}
	.progress_bar:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 0;
		z-index: 5;
		animation: progress 6s ease-in-out forwards;
		-webkit-animation: progress 6s ease-in-out forwards;
		background: #3398ff;
		border-radius: 5px
	}
	.run_load {
		display: none
	}
	.run_load:first-child {
		display: block
	}
	.final_step>* {
		display: none
	}
	.f_title {
		font-size: 5.1rem;
		color: #007eff;
		text-transform: uppercase;
		font-weight: 700
	}
	.f_large_text {
		font-size: 3.2rem;
		font-weight: 700
	}
	.green_color {
		font-weight: 700;
		color: #609f4e
	}
	.red_color {
		font-size: 2.4rem;
		color: #ff0600;
		font-weight: 700
	}
	.rules {
		text-align: left;
		font-weight: 700;
		margin-bottom: 2rem
	}
	.rules li {
		padding: 1rem 0 1rem 5rem;
		list-style-type: none;
		position: relative
	}
	.rules li span {
		width: 4rem;
		height: 4rem;
		color: #fff;
		border-radius: 50%;
		background: #ff0600;
		line-height: 4rem;
		text-align: center;
		font-size: 3.8rem;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto
	}
	.button {
		background: #fff;
		color: #8d8d8d;
		text-transform: uppercase;
		border-radius: 5rem;
		border: .8rem solid #d9d9d9;
		text-decoration: none;
		padding: 1.5rem 2.5rem;
		font-size: 4.9rem;
		font-weight: 700;
		min-width: 40%;
		display: inline-block;
		transition: all .2s linear;
		margin: 0 5px
	}
	.button:hover {
		background: #d9d9d9
	}
	.ok_button,
	.yes_btn {
		text-shadow: 0 3px 3px rgba(0, 66, 134, .75);
		background: #DB4B2C;
		color: #fff
	}
	.ok_button:hover,
	.yes_btn:hover {
		background: #3398ff
	}
	@-webkit-keyframes bgMove {
		from {
			background-position: 0 0
		}
		to {
			background-position: 0 1080px
		}
	}
	@keyframes bgMove {
		from {
			background-position: 0 0
		}
		to {
			background-position: 0 1080px
		}
	}
	@keyframes progress {
		from {
			width: 0
		}
		to {
			width: 100%
		}
	}
	@-webkit-keyframes progress {
		from {
			width: 0
		}
		to {
			width: 100%
		}
	}
	@media screen and (max-width:1200px) {
		html {
			font-size: 55.5%
		}
	}
	@media screen and (max-width:1000px) {
		html {
			font-size: 45.5%
		}
	}
	@media screen and (max-width:780px) {
		html {
			font-size: 35%
		}
		body {
			font-size: 2.5rem
		}
		.content {
			max-width: 450px;
			padding: 2rem
		}
		.left_side,
		.right_side {
			display: block;
			margin: auto;
			width: 100%;
			padding: 0
		}
		.slide img {
			max-height: 40rem
		}
		.choice_block {
			width: 100%
		}
		.f_title {
			font-size: 3.1rem
		}
		.first_step .title_text,
		.title_text {
			font-size: 5rem
		}
	}
}


/* ==== REGISTER FORM ==== */


/* REGISTRATION FORM */

#form-reg {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-top: 25px;
}


/* EMAIL LABEL, FAKE, INPUT, REQD WARNING */

#form-reg-collect {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px;
	width: 100%;
}

.fake-warning {
	font-size: 100%;
	margin-bottom: 10px;
	color: #0086cb;
	text-transform: uppercase;
}

input[name="email"] {
	width: 70%;
	height: 50px;
	font-size: inherit;
	padding: 0 10px;
}


/* CHECKBOX, REQD ASTERISK, AGREEMENT */

#form-reg-terms {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	width: 70%;
}

#form-reg-terms p {
	width: 80%;
	font-size: 85%;
	color: #0086cb;
}

p a {
	color: #0086cb;
	font-weight: bold;
}


/* SUBMIT BUTTON */

.btn-submit {
	margin: 5px auto;
	margin-top: 15px;
	cursor: pointer;
}


/* WARNINGS */

.req-symbol {
	font-size: 110%;
	font-weight: 700;
	color: #e80000;
}

#req-con-email,
#req-con-terms,
#req-con-submit {
	color: #e80000;
	padding: 5px;
	text-align: left;
	margin: 20px 0;
	font-weight: bold;
	display: none;
}

#req-con-terms {
	margin-top: 10px;
}

.rimg {
	max-width: 550px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

body {
	position: relative;
}

#expop {
	top: 10px;
	width: 650px;
	margin-left: -500px;
	left: 50%;
	display: none;
	position: absolute;
	z-index: 100000;
}

.expop_style {
	background-color: #fff;
	border: 5px solid #960505;
	padding: 10px 15px;
	font-size: 12pt;
	width: 980px;
	height: 650px;
}

.expop_style h1,
.expop_style h2,
.expop_style h3 {
	margin: 5px 0;
	padding: 0;
}

#expop_dim {
	background-color: #3c4043;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 99999;
}

.expop_bottom_links {
	margin-top: 10px;
	text-align: center;
}

.expop_round_tr {
	-moz-border-radius-topright: 35px;
	-khtml-border-radius-topright: 35px;
	-webkit-border-top-right-radius: 35px;
	border-top-right-radius: 35px;
}

.expop_round_tl {
	-moz-border-radius-topleft: 35px;
	-khtml-border-radius-topleft: 35px;
	-webkit-border-top-left-radius: 35px;
	border-top-left-radius: 35px;
}

.expop_round_br {
	-moz-border-radius-bottomright: 35px;
	-khtml-border-radius-bottomright: 35px;
	-webkit-border-bottom-right-radius: 35px;
	border-bottom-right-radius: 35px;
}

.expop_round_bl {
	-moz-border-radius-bottomleft: 35px;
	-khtml-border-radius-bottomleft: 35px;
	-webkit-border-bottom-left-radius: 35px;
	border-bottom-left-radius: 35px;
}

.expop_skew {
	-webkit-transform: translate(0, 50px)rotate(15deg) skew(-8deg, -8deg) scaleY(1.1);
	-moz-transform: translate(0, 50px)rotate(15deg) skew(-8deg, -8deg) scaleY(1.1);
	transform: translate(0, 50px)rotate(15deg) skew(-8deg, -8deg) scaleY(1.1);
}

.terms-check {
	margin-bottom: 6px;
}

.counter-section {
	background-image: linear-gradient(rgba(255, 134, 255, 0.8), rgba(75, 48, 230, 0.8)), url("counter_pic_1.jpg");
	position: absolute;
	right: 0px;
	padding: 0px 0 15px 0;
	margin: 20px auto;
	color: rgb(255, 255, 255);
	width: 250px !important;
	border-radius: 25px 0 0 25px;
	border: solid 1px #000000;
}

.counter-section p {
	padding: 0px;
}

.counter-section .counter {
	font-size: 80px;
	margin-bottom: -10px;
}

.counter-section .info {
	font-size: 20px;
	text-transform: uppercase;
}