html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*FONTS*/
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(https://fonts.gstatic.com/s/fjallaone/v4/rxxXUYj4oZ6Q5oDJFtEd6gzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivJBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
body, html {
	height:100%;
	min-height:100%;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration:none;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	color:#fff;
	background:#000;
	font-size:16px;
	font-weight: 400;
	margin:0px;
	padding:0px;
	font-family: 'Lato';

}
html, body {
	height:100%;
	min-height:100%;
}
h1, h2, h3, h4, h5 {
	font-family: 'Lato';
	font-weight: 500;
}
.res img {
	display: inline-block;
	height: auto;
    max-width: 100%;
}
a, a:hover, a:focus, img {
	outline:none;
	outline:0;
}
a, a:hover, a:focus {
	color:#df003f;
}
.container {
	width:1100px;
	margin:auto;
}
.clear {
	clear:both;
}
.free-signup ,
.slogan,
.box,
.member 
 {
	box-sizing:border-box;
}
.free-signup,
.slogan {
	width:50%;
	float:left;
}
.top-bar {
	background:#190c1a;
	padding:10px 0;
}
.top-bar .container {
	width:965px;
}
.invalid {
	animation:invalid .5s;
	-webkit-animation:invalid .5s;
}

	@keyframes invalid
	{
	0%   {left:8px;}
	10%  {left:-8px;}
	30%  {left:8px;}
	60%  {left:-8px;}
	100% {left:0px;}
	}

	@-webkit-keyframes invalid /* Safari and Chrome */
	{
	0%   {left:8px;}
	10%  {left:-8px;}
	30%  {left:8px;}
	60%  {left:-8px;}
	100% {left:0px;}
	}



a.logo {
	background:url(../images/logo.png) no-repeat;
	display:block;
	background-size:250px;
	float:left;
	width:250px;
	height:38px;
}
a.login {
	display:inline-block;
	float:right;
	padding:10px;
	border-radius:200px;
	font-size:17px;
	font-weight:500;
	background:#fff;
	border-radius:3px;
}
a.login:hover {
	background:#df003f;
	color:#fff;
}
.header {
	background:#000 url(../images/bg.jpg) no-repeat top center;
	padding:100px 0;
}
.slogan {
      color:#cdcdcd;
      font-size:27px;
      line-height:35px;
      text-align:center;
      padding:80px 35px 40px 35px;
      position:relative;
}
.slogan p{
	  font-family: 'Fjalla One';
}
.slogan h2 {
	  font-family: 'Fjalla One';
	  color:#df003f;
	  font-size:35px;
	  line-height:54px;
	  padding-bottom:10px;
}
.free-signup {
    padding: 80px 40px 0;
}
.free-signup h1 {
	  font-family: 'Fjalla One';
	  color:#df003f;
	  font-size:35px;
	  line-height:54px;
	  padding-bottom:10px;
    text-align: center;
}
.free-signup p{
    color:#cdcdcd;
    text-align:center;
	  font-family: 'Fjalla One';
    font-size:27px;
      line-height:35px;
}
/*Form*/

.f-logos {
	text-align:center;
}
.f-logos img {
	height:30px;
}
.stat img {
	    position: absolute;
    right: 35%;
    top: -80px;
    width: 140px;
}
/*Form End */

.instructions {
	background:#df003f;
	padding:20px 0;
}
.box {
	width:33.33%;
	float:left;
}
.box img {
	height:90px;
	display:block;
	margin:auto;
	margin-bottom:20px;
}
.box h3 {
  font-family: 'Fjalla One';
  font-size:25px;
  line-height:29px;
  text-align:center;

}
.bg-img {
  color:#fff;
  padding:50px 0 100px 0;
  text-align:center;
  background:url(../images/postcodesex.jpg) no-repeat top center;
  background-size:cover;
}
.bg-img h2 {
  font-family: 'Fjalla One';
  font-size:55px;
  line-height:60px;
  color:#fff;
}
.bg-img p {
  color:#df003f;
  font-size:36px;
  line-height:40px;
}
.join {
	text-align: center;
	padding:20px 0;
}
.join a {
	display:inline-block;
	padding:15px 30px;
	border-radius:3px;
	background:#df003f;
	color:#fff;
	font-size:22px;	
}
.footer {
	background:#190c1a;
	text-align:center;
	font-size:14px;
	color:#bda4bf;
	font-weight:300;
	padding:20px 0;
}
.footer a {
	color:#fff;
}
.footer p {
	padding:20px 0;
	
}
.real-members {
	padding:40px 0;
	width:900px;
	margin: 10px auto;
}
.member {
	width:20%;
	float:left;
	font-weight:300;
	font-size:17px;
	text-align:center;
}
.member img {
	border-radius:300px;
	border:10px solid rgba(255,255,255,0.10)
}
.member span {
	display:block;
	font-size:14px;
	padding:5px;
	
}

.postcode input {
	width:220px;
	border:0px;
	padding:15px 5px;
	font-size:16px;
	font-weight:300;
	margin-bottom:5px;
	text-align:center;
	box-sizing:border-box;
}
a#find-me {
	width:220px;
	 font-family: 'Lato';
	 background:#430a47;
	 color:#fff;
	 display:block;
	 padding:4px 10px;
	 font-size:16px;
	 box-sizing:border-box;
	 text-transform:uppercase;
	 margin-left:35px;
}
.find-postcode {
	background:url(../images/search.png) no-repeat 10px 3px;
	background-size:45px;
	width:320px;
	margin:auto;
	text-align:center;
	padding:0 0 0 30px;
	box-sizing:border-box;
	margin-top:10px;
}
span.poscode-msg {
	color:#FFCCCD;
	border:1px dashed #FFCCCD;
	font-weight:300;
	font-size:11px;
	display:none;
	width:220px;
	margin:5px;
	box-sizing:border-box;
	padding:5px;
	margin-top:-2px;
	line-height:12px;
	 margin-left:35px;
	
}
.error-poscode {
	display:block!important;
}
.content-box {
	background:#0f0710 url(../images/postcodesex-001.jpg) no-repeat top center;
}
.content-box .container {
	width:908px;
	margin:auto;
	padding-right:100px;
	box-sizing:border-box;
}
.content-box {
	padding:80px 0;
}
.content-box p {
	font-size:17px;
	line-height:25px;
	font-weight:300;
	color:#f9f9f9;
	margin-bottom:20px;
}
.content-box h2 {
	font-size:39px;
	padding-bottom:30px;
}
@media only screen and (max-width: 1100px) {
 .container, .real-members, .top-bar .container, .top-line .container   {
		width:100%;
	}
	.top-bar {
	padding:5px 15px;
}
}
@media only screen and (max-width: 768px) {
	.content-box .container {
	width:100%;
	margin:auto;
	padding:0px 20px;
}
	.stat img {
	    position: relative;
    right: auto;
    top: auto;
    width: 140px;
}
    .stat {
        padding:0px 0;
        text-align:center;
    }
    .find-postcode {
        margin-bottom: 50px
    }
	
	.member img {
		width:90px;
		border:5px;
	}
	.header {
		padding:10px 0;
	}
	.top-bar {
		padding:10px 30px;}
	.free-signup,
.slogan {
	width:100%;
	float:none;
	padding:0px;
}
}
@media only screen and (max-width:650px) {
		.content-box {
			background-size:cover;}
.member {
	width:33.33%;
	}
.box {
	width:100%;
	padding:20px;
}
.mob {
	display:none;
}
.free-signup {
	padding:0px;
}
.free-signup h2 {
font-size:32px;
line-height:33px;
}
.slogan h2 {
font-size:32px;
line-height:33px;
}
.form {
	margin:auto;
}
form select {
	font-size:12px;
}
#fstep_2 label {
    top: 10px;
}
.bg-img h2 {
	font-size:39px;
	line-height:40px;
}
.bg-img p {
    font-size: 24px;
    line-height: 27px;
}
.top-bar {
	padding:5px;
}
a.logo {
	width:205px;
	background-size:205px;
	margin-top:9px;
}
}
@media only screen and (max-width:320px) {
.slogan h2 {
	font-size:36px;
	line-height:40px;
}
.slogan p {
	font-size:20px;
}
a#find-me,
.find-postcode input,
span.poscode-msg {
	margin:0px;
}
.find-postcode {
	padding:0px;
	margin:0px;
	width:220px;
	margin:auto;
}
.form {
	box-sizing:border-box;
	padding:10px 0;
	
}
.form-group {
	width:310px;
	margin:5px;
}
form button, span.myButton {
	width:310px;
	margin:5px;
}
.find-postcode {
	background: none;
}
}