@charset "UTF-8";
/*  RESET
	========================================================================== */
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,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,main,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;}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}li{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}b,strong{font-weight:bold;}textarea{overflow:auto;vertical-align:top;}html{font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.25em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}pre{overflow:auto;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}legend{border:0;padding:0;}optgroup{font-weight:bold;}td,th{padding:0;}a{background:transparent;text-decoration:none;}a:active,a:hover,a:focus{border:none;outline:0;text-decoration:none;}::selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}::-moz-selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}::-webkit-input-placeholder{color:inherit;opacity:0.5;font-family:inherit;}:-moz-placeholder{color:inherit;opacity:0.5;font-family:inherit;}::-moz-placeholder{color:inherit;opacity:0.5;font-family:inherit;}:-ms-input-placeholder{color:inherit;opacity:0.5;font-family:inherit;}button,.btn:hover{cursor:pointer;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

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

/*  DEFAULT & BASIC STYLES
	========================================================================== */
html,
body {
	font: 400 62.5%/1 Arial,sans-serif;
}
body {
	background: #000;
	color: #fff;
	font-size: 100%;
}

main,
header,
section,
footer,
nav,
.container,
a {
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.container:before,
.container:after,
nav:before,
nav:after,
main:before,
main:after,
header:before,
header:after,
section:before,
section:after,
footer:before,
footer:after,
.cf:before,
.cf:after {
	display: table;
	content: " ";
}
.container:after,
nav:after,
main:after,
header:after,
section:after,
footer:after,
.cf:after {
	clear: both;
}

.container {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

img {
	display: inline-block;
	height: auto !important;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}


/*  ==========================================================================
	CONTENT 
	========================================================================== */

.header {
	background: #222;
	text-align: center;
}
	.logo {
		margin-left: auto;
		margin-right: auto;
		padding: 1em;
	}


.cover {
	margin-bottom: 2em;
}
.textbox{border:1px solid #bab9b9; width:310px; height:24px; line-height:24px; padding:0 10px; background: #222;}

.title {
	color: #fff;
	font-size: 2.45em;
	margin-bottom: 0.65em;
	text-align: center;
	text-transform: uppercase;
}
	.title strong {
		color: #e50052;
		font-family: 'Arial Black', sans-serif;
		font-weight: 900;
	}
	.title.titleLg,
	.title.titleMd {
		font-size: 2.7em;
		letter-spacing: -0.5px;
		letter-spacing: -0.05em;
	}
	.title.titleLg {
		font-size: 4em;
	}

.bgBox {
	background: #222;
	-webkit-border-radius: 1.8em;
	-moz-border-radius: 1.8em;
	border-radius: 1.8em;
	padding: 2.5em;
	margin-bottom: 2em;
}

.signup_input {
	color: #000000;
}



/*  FORMS 
	========================================================================== */

	.benefitsList,
	.forms fieldset,
	.forms legend {
		margin-left: auto;
		margin-right: auto;
		max-width: 760px;
		padding: 0;
	}
	fieldset {
		border: none;
	}
	.forms fieldset.payment {
		max-width: 900px;
	}
	.forms fieldset.membership .title {
		margin-bottom: 0.8em;
	}

	.radiofield {
		margin: 0 auto 0.25em;
		position: relative;
	}
		.radiofield.radiofieldInline {
			display: inline-block;
		}
		.radiofield.radiofieldInline input:hover + span,
		.radiofield.radiofieldInline input:checked + span,
		.radiofield.radiofieldInline label > span {
			background: none;
			border: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			outline: none;
		}

		.radiofield em {
			color: #fff;
			display: inline-block;
			font-size: 2.5em;
			line-height: 1;
			margin-left: 0.75em;
			text-transform: uppercase;
		}
		.radiofield.radiofieldInline em {
			font-size: 1.8em;
			line-height: 1;
			vertical-align: middle;
			margin-left: 0.25em;
		}
			.radiofield.radiofieldInline em img {
				display: inline-block;
				vertical-align: middle;
			}
			.radiofield em > strong {
				font-family: "Arial Black", sans-serif;
				font-weight: 900;
				text-transform: uppercase;
			}
			.radiofield em > small {
				display: block;
				font-size: 0.44em;
				letter-spacing: 0;
				word-spacing: 0;
				text-transform: none;
			}
		.radiofield label {
			cursor: pointer;
			position: relative;
			-webkit-touch-callout:none !important;-webkit-user-select:none !important;-khtml-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;
		}
			.radiofield input {
				display: none;
			}
			.radiofield label > span {
				border: 1px solid #404040;
				display: block;
				background: #000;
				color: #fff;
				margin-bottom: 1em;
				padding: 1.35em 2.5em;
				position: relative;
				-webkit-transition: all 0.3s ease-out;
				-moz-transition: all 0.3s ease-out;
				-ms-transition: all 0.3s ease-out;
				-o-transition: all 0.3s ease-out;
				transition: all 0.3s ease-out;
			}
			.radiofield:not(.radiofieldInline) label > input:checked + span::before {
				border-radius: 1em;
				content: " ";
				position: absolute;
				z-index: 0;
				top: -6px;
				left: -6px;
				right: -6px;
				bottom: -6px;
				border: 6px solid #fff000;
			}
			.radiofield.radiofieldInline label > span {
				padding-top: 0;
				padding-bottom: 0;
			}
				.radiofield label > span:hover {
					-webkit-box-shadow: 0 0 3em rgba(255, 240, 0, 0.35);
					box-shadow: 0 0 3em rgba(255, 240, 0, 0.35);
					border-color: #fff000;
				}

			.radiofield span > span:before {
			  background-color: #fff;
			  border: none;
			  border-radius: 15px;
			  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
			  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;
			  content: "";
			  display: inline-block;
			  height: 2em;
			  left: 2%;
			  -webkit-transform: translateY(-50%);
			  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
			  position: absolute;
			  top: calc(50% + -0.1em);
			  width: 2em;
			}
				.radiofield.radiofieldInline span > span:before {
					vertical-align: middle;
					margin-top: -0.33em;
				}
			.radiofield label > span:hover em > small,
			.radiofield input:checked + span em > small {
				color: #fff;
			}
			.radiofield input:checked + span {
				-webkit-box-shadow: 0 0 3em 1em rgba(255, 240, 0, 0.35);
				box-shadow: 0 0 3em 1em rgba(255, 240, 0, 0.35);
				margin-bottom: 1.5em;
				/* outline: 6px solid #fff000; */
			}
				.radiofield input:checked + span > span:before {  
					/* border: 1px solid #000; */
					content: "\2022";
					color: #000;
					font: bold 2.4em/0.79 Verdana, sans-serif;
					height: 0.84em;
					width: 0.84em;
					text-indent: 0.045em;
					text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
					top: 50%;
				}
				.radiofield.radiofieldInline input:checked + span > span:before {
					top: calc(50% + 0.2em);
				}

			.radiofield label > span > strong.amount {
				display: block;
				font: bold 4.8em/1 "Arial Black", sans-serif;
				color: #fff;
				height: 100%;
				padding-top: 0.158em;
				padding-left: 0.66em;
				position: absolute;
				right: 0;
				top: 0;
				width: 29%;
			}
			.amount > span {
			  position: relative;
			}
				.radiofield label > span > strong.amount sub,
				.radiofield label > span > strong.amount sup {
					font-size: 0.5em;
				  letter-spacing: -0.25px;
				  letter-spacing: -0.025em;
				  word-spacing: -0.25px;
				  word-spacing: -0.025em;
				  position: absolute;
				  top: 1.1em;
				}
				.radiofield label > span > strong.amount sub {
					bottom: 0;
					font-size: 0.28em;
					font-family: 'Avenir',"Helvetica Neue",Helvetica,Arial, "Lucida Grande", sans-serif;
					font-weight: normal;
					position: static;
					right: 0;
					top: auto;
				}
	

.submit {
	clear: both;
	margin: 0 auto 1.5em;
	text-align: center;
	width: 100%;
}
	.btn {
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		position: relative;
		z-index: 1;
	}
		.btn::before {
			display: block;
		  content: '';
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background: rgba(255,255,255,0.33);
		  z-index: -1;
		  opacity: 0;
		  -webkit-transform: scale3d(0.35, 1, 1);
		  transform: scale3d(0.35, 1, 1);
		  -webkit-transition: -webkit-transform 0.4s, opacity .4s;
		  transition: transform 0.4s, opacity .4s;
		  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
		}
		.btn:hover {
			-webkit-transform: scale(1.025);
			-moz-transform: scale(1.025);
			-ms-transform: scale(1.025);
			-o-transform: scale(1.025);
			transform: scale(1.025);
		}
		.btn:hover::before {
		  opacity: 1;
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		}
		.btn:active {
		  -webkit-transition: transform 0.1s linear;
		  -moz-transition: transform 0.1s linear;
		  -ms-transition: transform 0.1s linear;
		  -o-transition: transform 0.1s linear;
		  transition: transform 0.1s linear;
			-webkit-transform: translateY(1px);
			-ms-transform: translateY(1px);
			-o-transform: translateY(1px);
			transform: translateY(1px);
		}
	
		.btnSubmit {
			background: #fff000;
			border: none;
			color: #000;
			display: block;
			font: 900 4em/1 "Arial Black", sans-serif;
			padding: 0.3em 0.4em 0.5em;
			text-align: center;
			text-transform: uppercase;
			width: 100%;
		}
			.btnSubmit strong,
			.btnSubmit img {
				display: inline-block;
				vertical-align: middle;
			}


.note {
	color: #fff;
	font-size: 1.4em;
	line-height: 1;
	text-align: center;
	display: block;
	-webkit-touch-callout:none !important;-webkit-user-select:none !important;-khtml-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;
}











/*  BENEFITS 
	========================================================================== */

	.benefitsList {
		max-width: 740px;
		margin-bottom: 5em;
	}
	.benefitsList li {
		background: url('../images/icon-tick.png') no-repeat left 0.2em transparent;
		display: block;
		font: 900 2em/1 'Arial Black', sans-serif;
		margin-bottom: 0.95em;
		min-height: 16px;
		padding-left: calc(1em + 21px);
	}

	.text {
		font-size: 2em;
		margin-bottom: 1em;
		line-height: 1.4;
	}
	.textCenter {
		text-align: center;
	}
	





/*  FOOTER 
	========================================================================== */

.footer {
	padding: 7em;
	text-align: center;
}
	.footer,
	.footer p {
		color: #fff;
	}
	.footer a {
		color: #3c6890;
		display: inline-block;
		-webkit-transition: color 0.2s ease-out;
		-moz-transition: color 0.2s ease-out;
		-ms-transition: color 0.2s ease-out;
		-o-transition: color 0.2s ease-out;
		transition: color 0.2s ease-out;
		text-decoration: underline;
	}
	.footer a:hover {
		color: #e50052;
	}
	.footer p {
		font-size: 1.5em;
		margin-bottom: 1.22em;
	}




/*  ==========================================================================
	MEDIA QUERIES 
	========================================================================== */

@-ms-viewport { width: device-width; }

@media only screen and (max-width:991px){
  .container {
  	width: 760px;
  }

  .title {
  	font-size: 2.3em;
  }
  .title.titleMd {
  	font-size: 2.55em;
  }
  .btnSubmit,
  .title.titleLg {
  	font-size: 3.6em;
  }

  .radiofield.radiofieldInline em {
		font-size: 1.4em;
		margin-left: 0.1em;
	}
	.radiofield.radiofieldInline em img {
		max-height: 1.25em;
	}
	.text,
	.benefitsList li {
		font-size: 1.9em;
	}
}
@media only screen and (max-width:767px){
  .container {
  	width: 560px;
  }

  .radiofield em {
    margin-left: 0.2em;
    font-size: 2.3em;
  }
  .radiofield em > strong {
  	font-size: 0.85em;
  }
  .radiofield label > span > strong.amount {
  	font-size: 4em;
  	padding-top: 0.25em;
  	width: 35%;
  }
  .radiofield label > span > strong.amount {
  	/* font-size: 5em; */
  }
  .radiofield.radiofieldInline label > span {
		padding-left: 2.4em;
		padding-right: 0.2em;
  }
  .radiofield.radiofieldInline input:checked + span > span:before {
    top: calc(50% + 0em);
  }
  .radiofield.radiofieldInline span > span::before {
  	margin-top: 0;
  }
  .radiofield em > small {
  	font-size: 0.525em;
  }

  .title {
  	font-size: 1.84em;
  }
  .title.titleMd {
  	font-size: 2.04em;
  }
  .btnSubmit,
  .title.titleLg {
  	font-size: 2.88em;
  }

  .radiofield.radiofieldInline {
  	display: block;
  	text-align: center;
  }
  .radiofield.radiofieldInline label {
  	display: inline-block;
  	text-align: left;
  	min-width: 340px;
  }
  .radiofield.radiofieldInline em {
		font-size: 1.6em;
	}
	.text,
	.benefitsList li {
		font-size: 1.52em;
	}
	.footer {
		padding-left: 3.5em;
		padding-right: 3.5em;
	}
}
@media only screen and (max-width:579px){
  .container {
  	width: 460px;
  }

	.bgBox {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	.radiofield em > strong {
	  font-size: 0.75em;
	}
  .radiofield em > small {
  	font-size: 0.55em;
  }
	.radiofield input:checked + span > span:before {
		line-height: 0.9;
	}
	.radiofield label > span > strong.amount {
		padding-left: 0.33em;
	}

	.footer {
		padding-left: 2.5em;
		padding-right: 2.5em;
	}
}
@media only screen and (max-width:479px){
  .container {
  	width: 360px;
  }

  .bgBox {
  	padding-left: 1em;
  	padding-right: 1em;
  }


  .radiofield em {
    font-size: 2em;
    margin-left: 0;
  }
  .radiofield em > strong {
  	font-family: Arial, sans-serif;
  	font-weight: 400;
  }
  .radiofield label > span > strong.amount {
    font-size: 2.7em;
    padding-top: 0.6em;
    width: 31%;
  }
  .radiofield label > span > strong.amount sub {
  	font-size: 0.3em;
  	letter-spacing: -0.125px;
  	letter-spacing: -0.0125em;
  }
  .radiofield label > span {
  	padding-left: 2em;
  }
  .radiofield span > span::before {
  	height: 1.5em;
  	width: 1.5em;
  }
  .radiofield input:checked + span > span::before {
  	font: normal 2em/0.6 Verdana, sans-serif;
	  height: 0.75em;
	  width: 0.75em;
	  text-indent: 0.1em;
  }
  .radiofield input:checked + span > span::before {
  	line-height: 0.6;
  }

  .btn.btnSubmit {
    font-size: 2.2em;
  }

  .footer {
  	padding-left: 1.5em;
  	padding-right: 1.5em;
  }

}
@media only screen and (max-width:379px){
  .container {
  	width: 310px;
  }
  .bgBox {
  	padding-left: 0.5em;
  	padding-right: 0.5em;
  }

  .radiofield em {
    font-size: 1.8em;
    margin-left: 0;
  }
  .radiofield span > span::before {
  	left: 1%;
  }
  .radiofield label > span {
  	padding-left: 1.6em;
  }
  .radiofield label > span > strong.amount {
  	font-size: 3.2em;
	  width: auto;
	  padding-top: 0.35em;
	  text-align: right;
	  padding-left: 0;
	  padding-right: 0.3em;
  }
  .radiofield label > span > strong.amount sub {
	  display: inline-block;
	  height: auto;
	  line-height: 1;
	  margin-left: auto;
	  margin-right: 0;
	  overflow: hidden;
	  text-align: right;
	  white-space: nowrap;
	  width: 2.33em;
	}
	.radiofield.radiofieldInline em img {
		display: block;
	}
	.radiofield.radiofieldInline label > span {
		padding-top: 0;
	  padding-left: 1.5em;
	  padding-right: 1em;
	  text-align: center;
	}
  .btn.btnSubmit {
    font-size: 2em;
  }
  .note {
  	max-width: 70%;
  	margin-left: auto;
  	margin-right: auto;
  }

  .benefitsList li {
  	font-family: Arial, sans-serif;
  }
  .text,
  .benefitsList li {
  	font-size: 1.4em;
  }


  .footer {
  	padding-left: 1em;
  	padding-right: 1em;
  }
	.radiofield.radiofieldInline label {
		min-width: 200px;
	}
}