/*
	This CSS taken from raw main.css (or main.min.css) which sent by Zehner
	We split this to specified style for the Landing Page only
	Please keep on eye to the update main.css
	Grab the related style from that then paste here
*/

@media (min-width: 992px) {
	.landing-page .callout {
		padding-right: 50px;
		padding-left: 50px;
	}
}
@media (max-width: 991px) {
	.landing-page .callout {
		margin-top: 20px;
	}
}
.landing-page .callout figure {
	text-align: center;
}
.landing-page .callout figure img {
	display: inline-block;
}
.landing-page .callout h4 {
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.landing-page .callout .btn-show-more {
	display: inline-block;
	line-height: 20px;
}
.landing-page .callout .btn-show-more i:before {
	position: relative;
	color: white;
	width: 20px;
	height: 20px;
	line-height: 1;
	display: inline-block;
	padding-top: .5px;
	text-align: center;
	padding-right: 1px;
	border-radius: 50%;
}
.landing-page .callout .btn-show-more.collapsed i:before {
	content: "\f067";
}
.landing-page .callout h5 {
	margin-top: 32px;
	margin-bottom: 15px;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
}
.landing-page .callout h5 small {
	font-size: 14px;
	color: #000000;
}
.landing-page .callout h5.light {
	font-weight: lighter;
}
.landing-page .callout h5.normal {
	font-weight: normal;
}
.landing-page .callout h5.bold {
	font-weight: bold;
}
.landing-page .callout .dropdown a.dropdown-toggle {
	font-weight: normal;
}
.landing-page .callout .dropdown a.dropdown-toggle i {
	color: #666666;
}
.landing-page .amount-of-memebers {
	text-transform: uppercase;
}
.landing-page .hero-image {
	display: block;
	background-size: cover;
	background-position: center;
	min-height: 200px;
}
@media (max-width: 767px) {
	.landing-page .hero-image {
		min-height: 240px;
	}
}
@media (max-width: 450px) {
	.landing-page .hero-image {
		min-height: 375px;
	}
}
.landing-page .hero-image:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 35.8974359%;
}
.landing-page .hero-image .hero-text {
	position: absolute;
	top: 10px;
	left: 15px;
	right: 15px;
	bottom: 10px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	font-family: 'Quantico', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
	color: white;
}
@media (max-width: 767px) {
	.landing-page .hero-image .hero-text {
		top: 40px;
		font-size: 18px;
	}
}
@media (min-width: 768px) {
	.landing-page .hero-image .hero-text {
		top: 5px;
		left: 110px;
		bottom: 110px;
		font-size: 26px;
		right: auto;
		text-align: left;
		line-height: 42px;
	}
}
@media (min-width: 992px) {
	.landing-page .hero-image .hero-text {
		top: auto;
		bottom: 30px;
		font-size: 32px;
	}
}
@media (min-width: 1200px) {
	.landing-page .hero-image .hero-text {
		top: auto;
		bottom: 60px;
	}
}
@media (max-width: 450px) {
	.landing-page .hero-image .hero-text {
		top: 20px;
		font-size: 24px;
		line-height: 1.2;
	}
}
.landing-page .hero-image .hero-text strong {
	color: #fedd84;
}
.landing-page .hero-image .hero-text .buttons-group {
	display: block;
	margin-top: 34px;
}
@media (max-width: 991px) {
	.landing-page .hero-image .hero-text .buttons-group {
		margin-top: 10px;
	}
}
@media (max-width: 767px) {
	.landing-page .hero-image .hero-text .buttons-group {
		margin-top: 20px;
	}
}
.landing-page .hero-image .hero-text .buttons-group a {
	padding: 0 42px;
	max-width: 170px;
	text-transform: capitalize;
	font-size: 18px;
	line-height: 40px;
	vertical-align: top;
}
@media (max-width: 450px) {
	.landing-page .hero-image .hero-text .buttons-group a {
		width: 100%;
		max-width: none;
		display: block;
	}
}
.landing-page .hero-image .hero-text .buttons-group a.btn-brand-four {
	margin-left: 20px;
	padding: 11px 37px;
	line-height: 1;
	font-weight: bold;
}
@media (max-width: 450px) {
	.landing-page .hero-image .hero-text .buttons-group a.btn-brand-four {
		margin-left: 0;
		margin-top: 10px;
	}
}
.landing-page .hero-image .hero-text .quantity-pages {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	display: block;
	margin-top: 20px;
	font-size: 18px;
	text-transform: none;
	line-height: 1;
}
.landing-page .hero-image .hero-text .quantity-pages small {
	font-size: 14px;
	color: #000000;
}
.landing-page .hero-image .hero-text .quantity-pages.light {
	font-weight: lighter;
}
.landing-page .hero-image .hero-text .quantity-pages.normal {
	font-weight: normal;
}
.landing-page .hero-image .hero-text .quantity-pages.bold {
	font-weight: bold;
}
@media (max-width: 991px) {
	.landing-page .hero-image .hero-text .quantity-pages {
		margin-top: 10px;
	}
}
.landing-page .intelligent-gutter.benefits {
	background-color: #f2f2f2;
}
.landing-page .intelligent-gutter.benefits .col-md-12 {
	padding-top: 50px;
}
.landing-page .intelligent-gutter.callout-title .col-md-12 {
	padding-top: 70px;
}
@media (max-width: 767px) {
	.landing-page .intelligent-gutter.callout-title .col-md-12 {
		padding-top: 50px;
	}
}
.landing-page .callout-create-legacy {
	background-color: #f2f2f2;
	padding-bottom: 74px;
}
.landing-page .callout-create-legacy figure img {
	display: block;
	width: 100% \9;
	max-width: 100%;
	height: auto;
}
@media (max-width: 991px) {
	.landing-page .callout-create-legacy figure img {
		margin: 0 auto;
	}
}
@media (max-width: 991px) {
	.landing-page .callout-create-legacy figure {
		margin-bottom: 30px;
	}
}
.landing-page .callout-create-legacy h4 {
	margin-bottom: 22px;
}
.landing-page .callout-create-legacy p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.4;
}
.landing-page .callout-create-legacy .btn-yellow {
	min-width: 170px;
	padding: 0;
	font-size: 18px;
	line-height: 40px;
}
@media (max-width: 450px) {
	.landing-page .callout-create-legacy .btn-yellow {
		width: 100%;
	}
}
.landing-page .strip-of-images li {
	display: block;
	float: left;
	position: relative;
	width: 50%;
}
@media (min-width: 768px) {
	.landing-page .strip-of-images li {
		width: 20%;
	}
}
.landing-page .strip-of-images li > span {
	display: block;
	background-size: cover;
	background-position: center;
}
.landing-page .strip-of-images li > span:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 100%;
}
.landing-page .strip-of-images li a {
	display: block;
	background-color: #333333;
	text-align: center;
}
.landing-page .strip-of-images li a:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 100%;
}
.landing-page .strip-of-images li a:hover,
.landing-page .strip-of-images li a:focus,
.landing-page .strip-of-images li a:active,
.landing-page .strip-of-images li a:visited {
	color: #fedd84;
}
.landing-page .strip-of-images li a span {
	color: #fedd84;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	margin-top: -11px;
	font-size: 16px;
	text-decoration: underline;
}
@media (min-width: 768px) {
	.landing-page .strip-of-images li a span {
		text-decoration: none;
		font-size: 32px;
		margin-top: -22.5px;
	}
}
.landing-page h3 {
	font-size: 22px;
	font-family: 'Quantico', sans-serif;
	font-weight: bold;
}
.landing-page h3 small {
	font-size: 18px;
	color: #000000;
}
.landing-page h3.light {
	font-weight: lighter;
}
.landing-page h3.normal {
	font-weight: normal;
}
.landing-page h3.bold {
	font-weight: bold;
}
.landing-page h4 {
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
}
.landing-page h4 small {
	font-size: 14px;
	color: #000000;
}
.landing-page h4.light {
	font-weight: lighter;
}
.landing-page h4.normal {
	font-weight: normal;
}
.landing-page h4.bold {
	font-weight: bold;
}
.modal-open .modal {
	position: absolute;
	width: 100%;
}
.modal.in .modal-title {
	font-size: 20px;
	padding: 10px 15px;
	font-family: 'Quantico', sans-serif;
	font-weight: bold;
	background-color: #f2f2f2;
}
.modal.in .modal-body {
	padding: 20px 15px;
}
.landing-page .modal-backdrop.in {
	opacity: 0.8;
}
.sign-up > div.row {
	background-size: cover;
	background-repeat: no-repeat;
}
.dynamic-background{
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
} 
.dynamic-background.isvisible{
	z-index: 0;
} 
.sign-up .panel {
	max-width: 410px;
	margin: 60px auto;
	-webkit-box-shadow: 0px 0px 39px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 39px 5px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 39px 5px rgba(0, 0, 0, 0.75);
}
.sign-up .panel .panel-heading h3 {
	text-align: center;
	font-size: 19px;
	font-family: 'Quantico', sans-serif;
	font-weight: bold;
}
.sign-up .panel .panel-heading h3 small {
	font-size: 18px;
	color: #000000;
}
.sign-up .panel .panel-heading h3.light {
	font-weight: lighter;
}
.sign-up .panel .panel-heading h3.normal {
	font-weight: normal;
}
.sign-up .panel .panel-heading h3.bold {
	font-weight: bold;
}
.sign-up .panel .panel-heading h3 small {
	font-family: 'PT Sans', sans-serif;
	margin-top: 15px;
	font-size: 12px;
}
.sign-up .panel .panel-heading h3 small small {
	font-size: 14px;
	color: #000000;
}
.sign-up .panel .panel-heading h3 small.light {
	font-weight: lighter;
}
.sign-up .panel .panel-heading h3 small.normal {
	font-weight: normal;
}
.sign-up .panel .panel-heading h3 small.bold {
	font-weight: bold;
}
.sign-up .panel .panel-body form:before,
.sign-up .panel .panel-body form:after {
	content: " ";
	display: table;
}
.sign-up .panel .panel-body form:after {
	clear: both;
}
.sign-up .panel .panel-body form:before,
.sign-up .panel .panel-body form:after {
	content: " ";
	display: table;
}
.sign-up .panel .panel-body form:after {
	clear: both;
}
.sign-up .panel .panel-body form label {
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
}
.sign-up .panel .panel-body form label small {
	font-size: 14px;
	color: #000000;
}
.sign-up .panel .panel-body form label.light {
	font-weight: lighter;
}
.sign-up .panel .panel-body form label.normal {
	font-weight: normal;
}
.sign-up .panel .panel-body form label.bold {
	font-weight: bold;
}
.sign-up .panel .panel-body form .form-group:nth-child(4) {
	margin-bottom: 30px;
}
.sign-up .panel .panel-body form .dropdown a.btn {
	padding: 6px 28px 6px 12px;
	font-weight: normal;
}
.sign-up .panel .panel-body form .dropdown a.btn i.fa-caret-down {
	padding: 9px 10px;
	color: #666666;
}
.sign-up .panel .panel-body p {
	margin-bottom: 30px;
}
.sign-up .panel .panel-body p.log-in {
	font-weight: bold;
	margin-bottom: 0;
}
.sign-up .panel .panel-body p.log-in u a {
	font-weight: bold;
}
.sign-in > div.row {
	background-size: cover;
	background-repeat: no-repeat;
}
.sign-in .panel {
	max-width: 410px;
	margin: 60px auto;
	-webkit-box-shadow: 0px 0px 39px 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 39px 5px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 39px 5px rgba(0, 0, 0, 0.75);
}
.sign-form .panel .panel-heading {
	padding: 0 30px;
}
.sign-in .panel .panel-heading h3 {
	text-align: center;
	font-size: 18px;
	font-family: 'Quantico', sans-serif;
	font-weight: bold;
}
.sign-in .panel .panel-heading h3 small {
	font-size: 18px;
	color: #000000;
}
.sign-in .panel .panel-heading h3.light {
	font-weight: lighter;
}
.sign-in .panel .panel-heading h3.normal {
	font-weight: normal;
}
.sign-in .panel .panel-heading h3.bold {
	font-weight: bold;
}
.sign-in .panel .panel-heading h3 small {
	font-family: 'PT Sans', sans-serif;
	margin-top: 12px;
	font-size: 12px;
}
.sign-in .panel .panel-heading h3 small small {
	font-size: 14px;
	color: #000000;
}
.sign-in .panel .panel-heading h3 small.light {
	font-weight: lighter;
}
.sign-in .panel .panel-heading h3 small.normal {
	font-weight: normal;
}
.sign-in .panel .panel-heading h3 small.bold {
	font-weight: bold;
}
.sign-form .panel .panel-body {
	padding: 15px 30px;
}
.sign-in .panel .panel-body form:before,
.sign-in .panel .panel-body form:after {
	content: " ";
	display: table;
}
.sign-in .panel .panel-body form:after {
	clear: both;
}
.sign-in .panel .panel-body form:before,
.sign-in .panel .panel-body form:after {
	content: " ";
	display: table;
}
.sign-in .panel .panel-body form:after {
	clear: both;
}
.sign-in .panel .panel-body form label {
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
}
.sign-in .panel .panel-body form label small {
	font-size: 14px;
	color: #000000;
}
.sign-in .panel .panel-body form label.light {
	font-weight: lighter;
}
.sign-in .panel .panel-body form label.normal {
	font-weight: normal;
}
.sign-in .panel .panel-body form label.bold {
	font-weight: bold;
}
.sign-form .panel .panel-body form .form-group {
	margin-bottom: 15px;
}
.sign-in .panel .panel-body form .form-group:nth-child(3) {
	margin-bottom: 25px;
}
.sign-in .panel .panel-body form .input-group {
	float: left;
	width: 50%;
	margin-bottom: 30px;
}
.sign-in .panel .panel-body form .input-group label {
	margin-bottom: 0;
}
.sign-in .panel .panel-body form .dropdown a.btn {
	padding: 6px 28px 6px 12px;
	font-weight: normal;
}
.sign-in .panel .panel-body form .dropdown a.btn i.fa-caret-down {
	padding: 9px 10px;
	color: #666666;
}
.sign-in .panel .panel-body p {
	margin-bottom: 30px;
}
.sign-in .panel .panel-body p.forgot-login {
	margin-top: 10px;
	margin-bottom: 30px;
}
.sign-in .panel .panel-body p:last-child {
	margin-bottom: 0;
}
.sign-in .panel .panel-body u {
	font-weight: bold;
}
.sign-in.fb-login .panel {
    max-width: 450px;
}
.sign-in.fb-login .panel .panel-heading h3 {
    font-size: 21px;
}
.sign-in.fb-login .panel .panel-body p {
    font-size: 14px;
    line-height: 20px;
}
.sign-in.fb-login .panel .panel-body p b {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sign-in.fb-login .panel .panel-body form .form-group {
    margin-bottom: 10px;
}
.sign-form.fb-login .panel .panel-body button.btn-login {
	margin-top: 35px;
}
.learn-more-page .hero-image {
	display: block;
	background-size: cover;
	background-position: center;
	min-height: 200px;
}
@media (max-width: 767px) {
	.learn-more-page .hero-image {
		background-position: left center;
	}
}
.learn-more-page .hero-image:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 35.8974359%;
}
.learn-more-page .hero-image .hero-text {
	position: absolute;
	top: 10px;
	left: 15px;
	right: 15px;
	bottom: 10px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	font-family: 'Quantico', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
	color: white;
}
@media (max-width: 767px) {
	.learn-more-page .hero-image .hero-text {
		font-size: 18px;
		top: 40px;
	}
}
@media (min-width: 768px) {
	.sign-form .panel .panel-heading {
		padding: 30px 30px;
	}
	.sign-form .panel .panel-body {
		padding: 30px;
	}
	.sign-form .panel .panel-body form .form-group {
		margin-bottom: 30px;
	}
	.learn-more-page .hero-image .hero-text {
		left: 110px;
		bottom: 110px;
		top: 40px;
		right: auto;
		text-align: left;
		font-size: 36px;
		line-height: 42px;
	}
}
@media (min-width: 992px) {
	.learn-more-page .hero-image .hero-text {
		top: auto;
	}
}
.learn-more-page .hero-image .hero-text strong {
	color: #fedd84;
}
.learn-more-page .hero-image .hero-text a {
	line-height: 40px;
	max-width: 170px;
	display: block;
	margin-top: 20px;
	padding: 0;
}
@media (max-width: 767px) {
	.learn-more-page .hero-image .hero-text a {
		margin-top: 20px;
	}
}
.learn-more-page h3 {
	margin-top: 28px;
	margin-bottom: 10px;
	font-size: 22px;
	font-family: 'Quantico', sans-serif;
	font-weight: bold;
}
.learn-more-page h3 small {
	font-size: 18px;
	color: #000000;
}
.learn-more-page h3.light {
	font-weight: lighter;
}
.learn-more-page h3.normal {
	font-weight: normal;
}
.learn-more-page h3.bold {
	font-weight: bold;
}
@media (max-width: 991px) {
	.learn-more-page h3 {
		margin-top: 10px;
	}
}
.learn-more-page h4 {
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
}
.learn-more-page h4 small {
	font-size: 14px;
	color: #000000;
}
.learn-more-page h4.light {
	font-weight: lighter;
}
.learn-more-page h4.normal {
	font-weight: normal;
}
.learn-more-page h4.bold {
	font-weight: bold;
}
header .brands-menu {
  margin-bottom: 0px;
  background-color: #333333;
}
@media (min-width: 768px) and (max-width: 1199px) {
  header .brands-menu {
    padding-top: 0px;
  }
}
@media (min-width: 992px) {
  header .brands-menu {
    padding-top: 35px;
    padding-bottom: 30px;
  }
}
header .brands-menu .container {
  padding-left: 0;
  padding-right: 0;
}
header .brands-menu .container div[class^='col-'] {
  padding-left: 0;
  padding-right: 0;
}
header .brands-menu a.logo {
  padding: 15px 15px 15px;
  display: block;
}
@media (min-width: 768px) {
  header .brands-menu a.logo {
    padding: 0px;
    margin: 15px 0 0;
  }
}
header .brands-menu a.logo img {
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
  header .brands-menu a.logo img {
    margin: 0 auto;
  }
}
header .brands-menu .navbar-header .navbar-toggle {
  padding: 18px;
}
@media (min-width: 768px) {
  header .brands-menu .navbar-header .navbar-toggle {
    padding: 0 18px;
  }
}
header .brands-menu .navbar-collapse {
  padding-top: 0px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  header .brands-menu .navbar-collapse {
    background-color: transparent!important;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  header .brands-menu ul.nav.navbar-nav {
    float: none;
    display: inline-block;
    margin-top: 25px;
  }
}
@media (min-width: 992px) {
  header .brands-menu ul.nav.navbar-nav {
    float: right;
  }
}
@media (min-width: 768px) {
  header .brands-menu ul.nav.navbar-nav li {
    padding-right: 1px;
  }
}
header .brands-menu ul.nav.navbar-nav li a {
  padding: 0 15px;
  margin: 0;
  line-height: 43px;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  color: white;
  font-size: 19px;
}
@media (min-width: 768px) {
  header .brands-menu ul.nav.navbar-nav li a {
    border-top: 0;
    padding: 0px;
    margin: 0px 10px;
    line-height: 1;
    color: #cccccc;
    font-size: 14px;
  }
}
header .brands-menu ul.nav.navbar-nav li a:hover,
header .brands-menu ul.nav.navbar-nav li a:active,
header .brands-menu ul.nav.navbar-nav li a:focus {
  background-color: transparent;
  color: #fedd84;
}
header .brands-menu ul.nav.navbar-nav li.active a {
  background-color: transparent;
  color: #fedd84;
}
@media (max-width: 767px) {
  header .brands-menu ul.nav.navbar-nav li.subitem a {
    padding-left: 25px;
    font-weight: normal;
  }
}
header .brands-menu ul.nav.navbar-nav li:after {
  content: '';
  height: 20px;
  width: 1px;
  background-color: #575757;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -10px;
  display: none;
}
@media (min-width: 768px) {
  header .brands-menu ul.nav.navbar-nav li:after {
    display: block;
  }
}
header .brands-menu ul.nav.navbar-nav li:nth-child(7) a {
  margin-right: 0px;
}
header .brands-menu ul.nav.navbar-nav li:nth-child(7):after {
  display: none!important;
}
@media (max-width: 991px) {
  header .brands-menu ul.nav.navbar-nav li.btn-join-now a {
    text-align: left;
    box-shadow: none;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
  }
  header .brands-menu ul.nav.navbar-nav li.btn-join-now a:hover,
  header .brands-menu ul.nav.navbar-nav li.btn-join-now a:active,
  header .brands-menu ul.nav.navbar-nav li.btn-join-now a:focus {
    background-color: #fedd84;
  }
}
header .brands-menu ul.be-part-menu {
  margin-top: 20px;
}
@media (max-width: 767px) {
  header .brands-menu ul.be-part-menu {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  header .brands-menu ul.be-part-menu {
    float: none;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  header .brands-menu ul.be-part-menu {
    float: right;
  }
}
header .brands-menu ul.be-part-menu li {
  float: left;
  margin-right: 10px;
}
header .brands-menu ul.be-part-menu li:last-child {
  margin-right: 0px;
}
header .brands-menu ul.be-part-menu li a {
  font-family: 'PT Sans', sans-serif;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  padding: 0 18px;
  line-height: 40px;
  vertical-align: top;
}
header .brands-menu ul.be-part-menu li a:not(.btn) {
  color: #cccccc;
  font-size: 15px;
}

/*
	KEEP ABOVE AREA CLEAN
	JUST COPY RELATED STYLE FROM UPDATED MAIN.CSS WITHOUT MODIFY ANYTHING
	---------------------------------------------------------------------
	STYLE ADJUSTMENTS START BELOW
*/

body, .btn,
.sign-form .panel .panel-body form label {
	font-size: 16px;
	line-height: 24px;
}
#_F_Password_indicator {
    font-size: 14px;
    height: auto !important;
    margin-top: 10px !important;
    padding: 0 12px !important;
    width: 100% !important;
}
header .brands-menu a.logo {
	margin-top: 0;
}
.about-page .hero-image {
	margin-top: -1px;
}
#login-page .landing-page .hero-image .hero-text {
	top: 40px;
}
#login-page .landing-page .hero-image .hero-text span{
	display: inline-block;
	position: relative;
}
#login-page .landing-page .hero-image .hero-text .hero-text-free {
	position: absolute; 
	left: 0;
	right: 0;
	text-align: center;
	bottom: -36px; 
	font-size: 18px;
}
#login-page .landing-page .hero-image {
	background-position: left center;
	min-height: 200px;
}
header .brands-menu ul.be-part-menu li a.btn-join-now,
.landing-page .hero-image .hero-text a,
.about-page .hero-image .hero-text a {
	font-family: "PT Sans",sans-serif;
	font-size: 16px;
	text-transform: capitalize;
	text-shadow: none;
}
#login-page .hero-image .hero-text a {
	padding: 7px 25px;
	display: inline-block;
	line-height: 24px;
}
#login-page .hero-image .hero-text a.watch-video {
    margin-left: 5px;
    padding: 7px 14px;
    font-weight: bold;
}
.clicked > a {
	opacity: 0.6;
}
header .brands-menu ul.nav.navbar-nav li.clicked a:hover,
header .brands-menu ul.nav.navbar-nav li.clicked a:focus {
	color: #fff;
}
header .brands-menu ul.nav.navbar-nav li.clicked a:hover,
header .brands-menu ul.nav.navbar-nav li.clicked a:focus,
header .brands-menu ul.be-part-menu li.clicked a:hover,
header .brands-menu ul.be-part-menu li.clicked a:focus {
	transition: opacity 0.3s ease-in-out 0s;
}
header .brands-menu ul.nav.navbar-nav li.clicked a:hover,
header .brands-menu ul.nav.navbar-nav li.clicked a:focus,
header .brands-menu ul.nav.navbar-nav li.clicked a.active,
header .brands-menu ul.be-part-menu li.clicked a:hover,
header .brands-menu ul.be-part-menu li.clicked a:focus,
header .brands-menu ul.be-part-menu li.clicked a.active,
header .brands-menu ul li.clicked.login-active a {
	opacity: 1;
}
header .brands-menu ul.nav.navbar-nav li.btn-join-now a {
	color: #4a4a4a;
	text-shadow: none;
}
#login-page .hero-image .hero-text a {
	margin-top: 15px;
}
#key-benefit {
	padding-top: 50px;
	padding-bottom: 50px;
}
.about-page h3 {
	margin-bottom: 20px;
}
.sign-form > div.row {
    background-position: center top;
    min-height: 965px !important;
}
.sign-form .panel .panel-heading h3 {
	font-size: 22px;
}
.sign-form .panel .panel-heading h3 small {
	margin-top: 10px;
	margin-bottom:10px;
}
.sign-form.resetpwd .panel .panel-heading h3 small {
	font-size: 14px;
    line-height: 18px;
}
.sign-form .panel .panel-body form label {
	margin-bottom: 10px;
}
.sign-form .panel .panel-body form .errormessage {
    font-size: 14px;
}
.sign-form .panel .panel-body form .checkbox label {
	font-weight: normal;
}
.forgot-login a,
.switch-to, .switch-to a {
	font-weight: bold;
}
.panel.panel-gray .panel-heading {
	border-bottom: 1px solid #ccc;
}
.sign-form .panel .panel-body p.switch-to {
	margin-bottom: 0;
}
.btn.btn-facebook-sign-up {
	font-size: 16px;
}
.sign-form .panel .panel-body button {
	margin-bottom: 30px;
}
.sign-form a.btn {
	 line-height: 38px;
}
.sign-in .panel .panel-body p.forgot-login {
	margin-bottom: 35px;
}
.sign-form .panel .panel-body form .input-group {
	margin-top: 5px;
}
footer .copy p {
	font-size: 14px;
	line-height: normal;
}

.sign-up .panel .panel-heading h4 {
	text-align: center;
	font-family: 'Quantico', sans-serif;
	font-weight: bold;
}
.sign-up .panel .panel-heading h4.blue {
	color: #425c91;
}
.sign-up .panel .panel-heading hr {
	margin: 15px 0 10px;
	background-color: black;
	height: 1px;
}
	
	
/*------------------------------------------------------------------
	Media Queries MIN-WIDTH - Small to Wide
-------------------------------------------------------------------*/
/* Small devices (tablets, 768px and up) .col-sm- */
@media (min-width: 768px) {
	header .brands-menu a.logo {
		margin-top: 10px;
	}
	.landing-page .hero-image .hero-text {
		font-size: 36px;
		bottom: 110px;
	}
	#login-page .hero-image .hero-text a {
		padding: 10px 50px;
	}
	#login-page .hero-image .hero-text a.watch-video {
	    margin-left: 20px;
	    padding: 10px 39px;
	}
	.landing-page .hero-image .hero-text a {
		margin-top: 20px;
	}
	header .brands-menu ul.be-part-menu li a {
		padding: 4px 12px;
		line-height: 1;
	}
}

/* Medium devices (desktops, 992px and up) .col-md- */
@media (min-width: 992px) {
	header .brands-menu {
		padding-bottom: 20px;
		padding-top: 5px;
	}
	header .brands-menu a.logo {
		margin-top: 25px;
	}
	header .brands-menu ul.be-part-menu li a {;
		padding: 8px 15px;
	}
	header .brands-menu ul.be-part-menu li a.btn-join-now {
		padding: 10px 25px;
	}
}

/* Large devices (large desktops, 1200px and up) .col-lg- */
@media (min-width: 1200px) {
	header .brands-menu a.logo {
		margin-top: 0;
	}
	header .brands-menu {
		padding-top: 35px;
		padding-bottom: 30px;
	}
	#login-page .landing-page .hero-image .hero-text {
		top: auto;
	}
}

/*------------------------------------------------------------------
	Media Queries MAX-WIDTH - Wide to Small
-------------------------------------------------------------------*/
@media (max-width: 991px) {
	.layout.default nav .navbar-collapse {
		background: #888670;
	}
	#login-page .landing-page .hero-image .hero-text .hero-text-free {
		position: absolute; 
		left: 0;
		right: 0;
		text-align: center;
		bottom: -34px; 
		font-size: 16px;
	}
}
@media (max-width:767px) {
	#login-page .landing-page .hero-image .hero-text {
		font-size: 18px;
	}
	#login-page .landing-page .hero-image .hero-text .hero-text-free {
		position: absolute; 
		left: 0;
		right: 0;
		text-align: center;
		bottom: -21px; 
		font-size: 13px;
	}
	.sign-form .panel {
		margin: 30px auto;
	}
	.sign-form .panel .panel-body p.forgot-login {
		margin: 30px 0 35px;
	}
	.sign-form .panel .panel-body p.switch-to {
		margin-bottom: 20px;
	}
	.modal.in .modal-dialog {
	  top: 50px;
	  margin: auto;
	  width: 93%;
	}
	.sign-up .panel .panel-heading h4 {
		margin: 15px 0;
	}
}
@media (max-width: 480px) {
	header .brands-menu a.logo img {
		width: 100%;
	}
	.sign-form .panel .panel-body form .checkbox label {
		min-height: 50px;
		max-width: 100px;
	}
	#login-page .landing-page .hero-image .hero-text .hero-text-free {
		position: absolute; 
		left: 0;
		right: 0;
		text-align: center;
		bottom: -17px; 
		font-size: 12px;
	}
}

h1,h2,h3{
	font-weight: bold;
	text-transform: uppercase;
}
h1,.landing-page .amount-of-memebers{
	font-size: 25px;
}
h2, #key-benefit h2{
	font-size:20px;
	margin:10px 0;
}
h2.no-bold{
	font-weight: normal;
}
h3, .landing-page h3{
	font-size:16px;
	margin:15px 0;
}
.landing-page h3.extra-top-space{
	margin-top:40px;
}
#key-benefit p{
	margin-top:15px;
}