body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color: #cccccc;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}a:focus,img:focus{outline: none;}button::-moz-focus-inner,img::-moz-focus-inner{border: 0;}*:focus { outline: 0; }

*{
	margin:0;
	padding:0;
	font:18px/24px 'proxima-nova', sans-serif;
}

body {
	margin:0;
	padding:0;
	width:100%;
	overflow-x:hidden;
}

html {
	height:100%;
	color:#333; 
	background: #0b0c12 url(../images/interface/zodiac-bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

h1,h2,h3,h4,h5 {font-size:32px; margin-bottom:24px; color:#111; line-height:28px; font-weight:900; text-transform:uppercase; font-family:'brandon-grotesque';}
h2 {font-size:28px; line-height:28px;}
h3 {font-size:26px; line-height:24px;}
h4 {font-size:22px; line-height:24px;}
h5 {font-size:20px; line-height:24px;}

.main-header {
	margin-bottom:12px;	
}
.sub-header {
	text-transform:none;
	font-weight:300;
	font-size:26px;	
	line-height:30px;
	margin-bottom:32px;
}

.coloured {
	color:#ffde00;	
}

ul {
}

ul li {
	margin:12px 0;
	line-height:20px;
}

a {
	color:#6c26d2;
	font-weight:inherit;
	font-family:inherit;
	font-size:inherit; 
	line-height:inherit;
	transition:color 0.4s;
	-webkit-transition:color 0.4s;
	font-style:inherit;
}

a:hover {
	color:#999;
}

p {
	margin-bottom:24px;
	font-size:inherit;	
}

.clr {
	clear:both; 
	height:0;
}

hr {
	margin:30px 0;	
	border-top:1px solid #eee;
	border-bottom:none;
	background:none;
	border-left:none;
	border-right:none;
}

strong { 
	font-size:inherit; 
	font-style:inherit;
	line-height:inherit;
	color:#111;
	font-weight:600;
}

strike { 
	font-size:inherit; 
	font-style:inherit;
	line-height:inherit;
}

span {
	font-weight:inherit; 
	font-size:inherit; 
	line-height:inherit; 
	font-family:inherit;
}

p {
	line-height:inherit;	
}

img {
	max-width:100%; 
	height:auto;
}

/* ZODIAC OPTIN */

#content-container {
	text-align:center;
	padding:30px 0 0 0;
}

#content-module {
	box-shadow:0 18px 35px rgba(50,50,93,.15),0 8px 15px rgba(0,0,0,.12);
	border:2px solid #fff;
	padding:40px 40px 25px 40px;
	background:#eee;
	border-radius:10px;
	color:#111;
}

#header-logo {
	max-width:180px;
	margin:0 auto;	
	margin-bottom:32px;
}
#header-logo img {
	display:block;	
}

.notfullwidth {
	width:72%;
	margin:0 auto;	
}

.timer-container {
	margin-bottom:32px;	
}

.gmapb-timer {
	display:inline-block;
	font-size:0;
}

.gmapb-timer-section {
	display:inline-block;
	background: #fff; 
	box-shadow:0 9px 8px rgba(50,50,93,.12),0 8px 15px rgba(0,0,0,.07),0 0px 16px rgba(50,50,93,.12) inset;
	border:2px solid #fff;
	width:56px;
	margin:0 3px;
	padding:6px 10px 12px 10px;
	border-radius:6px;
	text-align:center;
}

.gmapb-timer-label {
	font-size:10px;
	font-weight:600;
	color:#777;
	text-transform:uppercase;
}

.gmapb-timer-value {
	font-size:42px;
	line-height:42px;
	color:#111;
	font-weight:800;
	text-shadow:2px 2px 2px rgb(255,255,255);
}

#zodiac-optin-content {
	height:auto;
}

#zodiac-selector {
	opacity:1;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}


.zodiac-selector-inactive {
	opacity:0 !important;
}


.zodiac-item {
	background: #fff; 
	box-shadow:0 9px 8px rgba(50,50,93,.12),0 8px 15px rgba(0,0,0,.07),0 0px 16px rgba(50,50,93,.12) inset;
	border:2px solid #fff;
	padding:10px;
	margin-bottom:15px;
	border-radius:10px;
	cursor:pointer;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

.zodiac-item:hover {
	border-color:#b491e6;
	box-shadow:0 0px 12px rgba(108,38,210,.90),0 0px 6px rgba(180,145,220,1) !important;	
	-webkit-transform:scale(1.06);
	transform:scale(1.06);
	opacity:1;
}

.zodiac-item-active {
	border-color:#b491e6;
	box-shadow:0 0px 12px rgba(108,38,210,.90),0 0px 6px rgba(180,145,220,1) !important;	
	-webkit-transform:scale(1.06);
	transform:scale(3);
}

.zodiac-item-deactive {
}

.zodiac-item h5 {
	margin-bottom:0;
	font-size:16px;
}

.zodiac-icon {
	background-image:url(../images/interface/zodiac-icons-web-d.png);
	background-size:100% auto;
	width:92px;
	height:92px;	
	display:block;
	margin:0 auto;
}
.zodiac-aries {
	background-position:0 0;
}
.zodiac-taurus {
	background-position:0 -92px;
}
.zodiac-gemini {
	background-position:0 -184px;
}
.zodiac-cancer {
	background-position:0 -276px;
}
.zodiac-leo {
	background-position:0 -368px;
}
.zodiac-virgo {
	background-position:0 -460px;
}
.zodiac-libra {
	background-position:0 -552px;
}
.zodiac-scorpio {
	background-position:0 -644px;
}
.zodiac-sagittarius {
	background-position:0 -736px;
}
.zodiac-capricorn {
	background-position:0 -828px;
}
.zodiac-aquarius {
	background-position:0 -920px;
}
.zodiac-pisces {
	background-position:0 -1012px;
}

#zodiac-info {
	padding:30px;
	display:none;
	border-radius:10px;
	margin-bottom:15px;
	background: #fff; 
	box-shadow:0 9px 8px rgba(50,50,93,.12),0 8px 15px rgba(0,0,0,.07),0 0px 16px rgba(50,50,93,.12) inset;
	border:2px solid #fff;
}

.zodiac-info-active {
	opacity:1 !important;	
}

#zodiac-info-title {
	display:inline-block;
	font-size:30px;
	margin-bottom:8px;
	vertical-align:middle;	
	line-height:26px;
}

#change-zodiac {
	display:inline-block;
	line-height:26px;
	vertical-align:top;	
}

#zodiac-info-dates {
	margin-bottom:10px;
}

#optin-preheader {
	margin-bottom:0;
	font-weight:300;
	font-size:22px;
	line-height:26px;
}

#optin-header {
	font-size:28px;
	line-height:28px;
	margin-bottom:20px;
}

#zodiac-optin-footer {
	font-size:15px;
	color:#b6b8c6;
	padding:50px 0 20px 0;
}

#footer-logo {
	max-width:120px;
	margin:0 auto;	
	margin-bottom:15px;
}
#footer-logo img {
	display:block;	
}

#footer-links {
	margin-bottom:15px;
}

#footer-links a {
	color:#b6b8c6;
	text-decoration:none;
	font-size:15px;
}

.spacer {
	display:inline-block;
	margin:0 10px;
	color:#5e606c;	
}

#zodiac-info .gmapb-form-optin {
	
}

/** GMAPB LIGHTBOX STYLES **/

#gmapb-lightbox-overlay {
	position:fixed;
	top:0;
	left:0;
	width:0;
	height:0;
	background:url(../images/interface/black-opacity.png);
	overflow:hidden;
	opacity:0;
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
}

.gmapb-lightbox-overlay-active {
	opacity:1 !important;
}

.gmapb-lightbox-container {
	position:absolute;
	left:50%;
	top:50%;
	width:460px;
	margin-left:-230px;
	margin-top:-60px;
	opacity:0;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;
	transition:opacity 0.3s, transform 0.3s;
}

.gmapb-lightbox-close {
	position:absolute;
	top:-10px;
	right:-10px;
	width:20px;
	height:20px;
	padding:3px;
	background:#111 url(../images/interface/lightbox-close.png) center;
	background-size:80%;
	font-size:0;
	border:3px solid #fff;
	box-shadow:0 3px 3px rgba(0,0,0,0.3);
	border-radius:20px;
	cursor:pointer;
}

.gmapb-lightbox-container-active {
	opacity:1 !important;
	-webkit-transform:scale(1) !important;
	transform:scale(1) !important;
}

.gmapb-lightbox {
	box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.4);
	overflow-x:hidden;
}

.gmapb-lightbox-content {
	padding-right:20px;
	margin-right:-20px;
	overflow-y:scroll;
	max-height:600px;
}

.gmapb-lightbox-module {
	background:#fff;	
	padding:20px;
}

/* GENERIC */

.success-message {
	background:#dff0d8;
	padding:15px 30px;
	border:1px solid #d6e9c6;
	color:#468847;
	margin-bottom:30px;	
	font-size:13px;
	border-radius:4px;
}

.success-message strong, .success-message h5 {
	color:#468847;	
	font-weight:400;
}

.error-message {
	background:#f2d5d6;
	padding:15px 30px;
	border:1px solid #ecc2ca;
	color:#8f553f;
	margin-bottom:30px;	
	font-size:13px;
	border-radius:4px;
}

.error-message strong, .error-message h5 {
	color:#8f553f;
	font-weight:400;
}

.mini-error-message {
	text-transform:uppercase;
	line-height:14px;
	background:#f2d5d6;
	padding:0px 5px;
	border:1px solid #ecc2ca;
	color:#8f553f;
	border-radius:2px;
	font-size:9px;
	font-weight:400;
	margin-bottom:0;
	display:none;
}

.not-found-message {
	padding:30px;
	background:#eff2f3;	
	text-align:center;
	border:1px solid #eee;
	border-radius:4px;
	color:#979aa5;
}

.spacer {
	margin:0 10px;	
}

/** BUTTON STYLES **/

.button {
	display:inline-block;
	font-family:'brandon-grotesque';
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-style: normal;
	background: #6c26d2;
	padding: 14px 25px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-sizing: border-box;
	margin-bottom: 0px;
	border-radius:100px;
	border:none;
	position:relative;
	box-shadow:0 5px 14px rgba(50,50,93,.15),0 4px 7px rgba(0,0,0,.2);
	text-decoration:none;
	cursor:pointer;
}


.button:disabled .button:disabled:hover, .button-disabled, .button-disabled:hover {
	background:#eee !important;
	color:#777 !important;
}

.button-block {
	display:block;
	width:100%;
}

.button-small {
	padding:6px 10px !important;
	font-size:13px !important; 
}

.button-extra-small {
	margin-top:1px;
	padding:2px 10px !important;
	font-size:12px !important; 
	line-height:20px !important;
}

.button:hover {
	color:#fff;
	background: #8946ea; 
}

/** INPUT STYLES **/

.gmapb-mbottom {
	display:block;
	margin-bottom:16px !important;	
}

label {
	display:block;
	text-align:left;
	text-transform:uppercase;
	font-size:10px;
	line-height:16px;
	letter-spacing:1px;
	font-weight:600;	
	margin-bottom:4px;
}

.gmapb-asterix {
	font-weight:600;
	color:red;	
}


.gmapb-input-container {
	padding:0 13px;
	margin:0px 13px 0px -13px;
	position:relative;
}

.gmapb-select-container {
	border:1px solid #eeeeee;
	transition:border-color 0.3s;
	-webkit-transition:border-color 0.3s;
	overflow:hidden;
	border-radius:4px;
}

.gmapb-file-input-container {
	padding:0px 6px;
	margin:0px 6px 0px -6px;
}

.gmapb-input-container input[type="text"], .gmapb-input-container input[type="password"], .gmapb-input-container input[type="tel"] {
	display:block;
	height:42px;
	line-height:42px;
	border-radius:4px;
	width:100%;
	padding:0 12px;
	font-size:15px;
	transition:border-color 0.3s;
	-webkit-transition:border-color 0.3s;
	background:#fff;
	color:#333;
	border:1px solid;
	border-color:#eeeeee;
}

.gmapb-input-container textarea {
	display:block;
	width:100%;
	max-width:100%;
	min-width:100%;
	border-radius:4px;
	min-height:122px;
	font-size:15px;
	padding:9px 12px;
	color:#333;
	border:1px solid #eeeeee;
	background:#fff;
}

.gmapb-file-input-container input[type="file"] {
	display:block;
	height:32px;
	line-height:32px;
	width:100%;
	padding:5px 5px;
	cursor:pointer;
	border-radius:4px;
	background:#f7f7f7;
	color:#333;
	border:1px solid #eeeeee;
}

input[type="submit"] {
	line-height:24px !important;
}

.gmapb-select-container select {
	-moz-appearance: none;
	-webkit-appearance: none;
	display:block;
	height:42px;
	line-height:42px;
	width:100%;
	padding:0 30px 0 10px;
	color:#333;
	background:#fff url(../images/interface/select-arrow.png) no-repeat right center;
	font-size:15px;
	border:none;
}

.gmapb-select-container select option {
	padding:2px 5px;	
	color:#333;
}

.gmapb-select-container select option:disabled {
	color:#a9b3bf;
	background:#eee;	
}

input[type=radio]:not(old){
	width:24px;
	margin:0;
	padding:0;
	opacity:0;
	cursor:pointer;
}

input[type=radio]:not(old) + label{
	display: inline-block;
	margin-left: -28px;
	padding-left: 32px;
	background: url('../images/interface/radio-buttons.png') no-repeat 0 0;
	line-height: 24px;
	text-transform:none;
	font-size:15px;
	cursor:pointer;
}

input[type=radio]:not(old):checked + label{
	background-position: 0 -24px;
}

/**
input[type=checkbox]:not(old){
	width:24px;
	height:20px;
	margin:0;
	padding:0;
	opacity:0;
	cursor:pointer;
}

input[type=checkbox]:not(old) + label{
	display: inline-block;
	margin-left: -28px;
	padding-left: 32px;
	background: url('../images/interface/checkbox-buttons.png') no-repeat 0 0;
	line-height: 24px;
	text-transform:none;
	font-size:15px;
	cursor:pointer;
}

input[type=checkbox]:not(old):checked + label{
	background-position: 0 -24px;
}
 **/

input {
	-webkit-appearance:none;	
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border-color:#6ab5ea !important;	
}

.gmapb-form-optin {
	background:#eee;
	padding:6px 10px 6px 46px;
	margin-top:24px;
	font-size:12px;
	line-height:16px;
	min-height:34px;
	color:#666;
	position:relative;
	border-radius:4px;
	max-width:460px;
	text-align:left;
}
.gmapb-form-optin-checkbox {
	background:#fff;
	border:2px solid #ccc;
	position:absolute;
	top:8px;
	left:8px;
	width:24px;
	height:24px;	
	font-size:0;
	border-radius:6px;
	cursor:pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.gmapb-form-optin-checkbox-check {
	pointer-events:none;
	width:24px;
	height:24px;	
	display:none;
	background:url(../images/interface/tick-icon.png);
	background-size:100%;
	font-size:0;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.gmapb-form-optin-checkbox-checked .gmapb-form-optin-checkbox-check {
	-webkit-transform:scale(1);
	transform:scale(1);
}

.gmapb-radio-item {
	position:relative;
	padding:8px 6px 8px 36px;	
	font-size:14px;
	line-height:20px;
	background:#f7f7f7;
	margin-bottom:8px;
}

.gmapb-radio {
	background:#fff;
	border:2px solid #ccc;
	position:absolute;
	top:7px;
	left:7px;
	width:18px;
	height:18px;	
	font-size:0;
	border-radius:100px;
	cursor:pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.gmapb-radio-check {
	position:absolute;
	top:2px;
	left:2px;
	pointer-events:none;
	width:14px;
	height:14px;	
	background:#1D7EF0;
	font-size:0;
	border-radius:100px;
	display:none;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.gmapb-radio-checked {
	border-color:#5097ea !important;	
}

.gmapb-radio-checked .gmapb-radio-check {
	-webkit-transform:scale(1);
	transform:scale(1);
}

.gmapb-checkbox-item {
	position:relative;
	padding:8px 6px 8px 36px;	
	font-size:14px;
	line-height:20px;
	background:#f7f7f7;
	margin-bottom:8px;
}

.gmapb-checkbox {
	background:#fff;
	border:2px solid #ccc;
	position:absolute;
	top:7px;
	left:7px;
	width:18px;
	height:18px;	
	font-size:0;
	border-radius:6px;
	cursor:pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.gmapb-checkbox-check {
	pointer-events:none;
	width:18px;
	height:18px;	
	background:url(../images/interface/checkbox-icon.png);
	background-size:100%;
	font-size:0;
	display:none;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.gmapb-checkbox-checked {
	border-color:#5097ea !important;	
}

.gmapb-checkbox-checked .gmapb-checkbox-check {
	-webkit-transform:scale(1);
	transform:scale(1);
}


.briteverify {
	display:block;
	position:absolute;
	bottom:12px;
	right:-2px;	
	background:#95da3c;
	border-radius:20px;
	font-size:8px;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:2px 8px 2px 2px;
	line-height:16px;
	font-weight:600;
}

.briteverify-success {
	background:#50e39b;
	color:#fff;
}

.briteverify-error {
	background:#d84a2f;
	color:#fff;
}

.briteverify-warning {
	background:#eee;
	color:#999;
}

.briteverify-pending {
	background:#eee;
	color:#999;
}

.briteverify-icon {
	border-radius:20px;
	display:inline-block;
	width:16px;
	height:16px;
	text-align:center;
	margin-right:4px;
	vertical-align:top;
}

.briteverify-success .briteverify-icon {
	background:#33c07b;
}

.briteverify-error .briteverify-icon {
	background:#c5452b;
}

.briteverify-warning .briteverify-icon {
	background:#ccc;
}

.briteverify-pending .briteverify-icon {
	background:#ccc;
}





.container {width:900px; margin:0 auto;}
.thin-container {width:560px; margin:0 auto;}
.grid-container {clear: both; padding: 0px; margin: 0px 0px 0px -36px; line-height:inherit; zoom:1;}
.grid-container:before, .grid-container:after {content:""; display:table;}
.grid-container:after {clear:both;}

.small-grid-container {margin: 0px 0px 0px -15px !important;}
.extra-small-grid-container {margin: 0px 0px 0px -10px !important;}
.nomargin-grid-container {margin: 0px 0px 0px 0 !important;}

.grid-block {padding:0 0 0 36px;}
.small-grid-container .grid-block {padding:0 0 0 15px !important;}
.extra-small-grid-container .grid-block {padding:0 0 0 10px !important;}
.nomargin-grid-container .grid-block {padding:0 0 0 0 !important;}

.one-whole {float:left; width:100%;}

.one-half {float:left; width:50%;}

.one-third {float:left; width:33.333%;}
.two-thirds {float:left; width:66.666%;}

.one-quarter {float:left; width:25%;}
.three-quarters {float:left; width:75%;}

.one-fifth {float:left; width:20%;}
.two-fifths {float:left; width:40%;}
.three-fifths {float:left; width:60%;}
.four-fifths {float:left; width:80%;}

.one-sixth {float:left; width:16.66%;}
.five-sixths {float:left; width:83.33%;}

.one-seventh {float:left; width:14.28%;}

.one-tenth {float:left; width:10%;}
.three-tenths {float:left; width:30%;}
.seven-tenths {float:left; width:70%;}
.eight-tenths {float:left; width:80%;}
.nine-tenths {float:left; width:90%;}

@media (max-width: 720px) {
	*{line-height:24px;}
	.container {width:94%;}
	.thin-container {width:94%;}
	.m-one-whole {width:100% !important;}
	.m-one-half {width:50% !important;}
	.m-one-third {width:33.33% !important;}
	.m-one-quarter {width:25% !important;}
	.grid-block {padding:0px 0 0px 36px;}
	
	.button {font-size:15px;}
	
	.gmapb-lightbox-container {width:94% !important; margin-left:-47% !important;}
	#optin-lightbox-module {padding:20px 15px;}
	
	.gmapb-timer-section {width:48px; padding:6px 6px 10px 6px;}
	.gmapb-timer-label {font-size:9px;}
	.gmapb-timer-value {font-size:38px; line-height:38px;}
	
	#content-module {padding:25px 20px 10px 20px;}
	#zodiac-info {padding:20px;}
	.notfullwidth {width:auto;}
}