.modal,body,html {	
	position:relative
}
.nav,ul {	
	list-style:none
}
.button,
.final,
.modal,
.modal .header,
.nav li,
.s1,
.step p {
	text-align:center
}
* {	
	margin:0;
	padding:0;	
	box-sizing:border-box
}
body,
html {	
	width:100%;	
	height:100%;	
	font-family:'Open Sans',Helvetica,Arial,sans-serif
}
body {	
	background:url("../img/body.jpg") top center no-repeat;
	background-size:cover
}
.modal {	
	width:500px;
	height:auto;
	margin:auto;
	top:10%;
	border-radius:10px;
	background:rgba(225,225,225,.8);
	color:#ff0060;
	box-shadow:0 34px 20px -20px rgba(0,0,0,.4),inset 0 0 0 10px #ff0060;
	padding-bottom:20px
}
.s1 .modal {	
	padding:50px
}
.modal .header {	
	color:#fff;
	background:#ff0060;
	padding:10px 0
}
.step {	
	display:none;
	position:absolute;
	top:35%;
	width:100%
}
.header h1,.nav,.nav li,.s1 .button,.s3 .button,.s4 .button,.s5 .button,.s6 .button {
	display:inline-block
}
.step p {
	padding:30px 50px;
	font-size:22px
}
.s1 h1 {
	font-size:24px
}
.s1 h3 {
	margin:20px 0
}
.s8 h1 {
	font-size:20px!important
}
.button,.final {
	padding:20px 0;
	cursor:pointer;
	margin:20px auto;
	font-weight:700;
	font-size:22px;
	border-radius:99px;
	background:#fff;
	width:40%;
	color:#ff0060;
	border:4px solid #ff0060
}
.fadingbg1,.fadingbg2 {
	transition:background ease-in-out .7s
}
.fadingbg1 {
	background-image:url("../img/1.jpg")!important
}
.fadingbg2 {
	background-image:url("../img/2.jpg")!important
}
.header h1 {
	font-size:22px
}
.nav li {
	color:#fff;
	background:#aaa;
	border-radius:99px;
	width:26px;
	padding:6px 2px;
	font-size:11px;
	vertical-align:middle
}
.nav .navstep {
	background:#fff;
	color:#ff0060;
	font-weight:700
}
.options {
	text-align:left;
	position:relative;
	left:30%}
.options i {
	color:#fff
}
.options li {
	text-align:left;
	cursor:pointer;
	margin-bottom:5px
}


@media all and (max-width: 768px) {	
	.modal  {
		width:95%;
	}
}

.unsub  {	
	position: absolute;	
	left: 0;
	top: 0;
	width: 100%;
	text-align: right;
	padding: 10px 15px;
	box-sizing: border-box;
	z-index: 9999;
}
.unsub > a {	
	text-transform: capitalize;
	text-decoration: none;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.5);
}
