/* @override 
	https://www.metropolee.com/common/templates/public/css/custom.css
	http://www.metropolee.com/common/templates/public/css/custom.css */

/* This css stinks. This has been put up in a hurry to make up for a markup that I cannot control and that has been done by someone who doesn't care shit about other people working on their code. The idea is to have everything put back into the main stylesheet and cleaned up properly afterwards. Now I can't even access the main css! */

body {
	font-family: 'Open Sans', sans-serif;
}

.menu-trigger > span {
	text-indent: 99999px;
	line-height: 0;
}

.logo > object {
	width: 191px;
	pointer-events: none;
}

@media (min-width:600px) {
	.logo > object {
		width: 192px;
	}
}

h2 {
	margin: 1.7em 0 .8em;
}

p {
	margin: 1rem auto;
}

.generic .generic-link {
	font-weight: normal !important;
}

.members div.to-blur,
.signup div.to-blur {
	text-align: center;
	background-color: #3ea537;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(//metropolee.s3.amazonaws.com/images/img/home-800.jpg);
}

.signup div.to-blur {
	padding-top: 180px;
}

.signup .hero-block,
.members .hero-block {
	display: none;
}

@media (min-width: 600px) {
	.members div.to-blur,
	.signup div.to-blur {
		background-image: url(//metropolee.s3.amazonaws.com/images/img/home-1280.jpg); } }
@media (min-width: 1025px) {
	.members div.to-blur,
	.signup div.to-blur {
		background-image: url(//metropolee.s3.amazonaws.com/images/img/home-2560.jpg); } }

.members .alert,
.signup .alert {
	margin: 30px 15px !important;
	border-radius: 0;
	border: none;
/*	color: rgba(255, 255, 255, .8);
	background-color: rgba(218, 237, 246, .3);	*/
}

.members .alert-danger,
.signup .alert-danger {
/*	color: rgba(255, 200, 200, 1); */
	background-color: rgba(255, 50, 50, .3);
}

@media (min-width: 600px) {
	.members .alert,
	.signup .alert {
		max-width: 470px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

.single-column .row .col-xs-12 .alert {
	position: static;
	margin-top: 50px;
	margin-bottom: 50px;
}

@media (min-width: 600px) {
	.single-column .row .col-xs-12 .alert {
		position: relative;
		top: 0;
	}
}

/*
.form-wrapper.signup h5,
.signup legend,
.signup .container h4 {
	font-size: 20px;
	color: white;
	text-transform: uppercase;
	font-weight: 300 !important;
}
*/

#frm-signup {
	color: white;
	max-width: 500px;
	margin: 0 auto;
}

/*
#frm-signup label,
#frm-signup input,
#frm-signup p,
.signup .panel label {
	color: white !important;
}
*/

#frm-signup .help-block {
	color: rgba(255, 255, 255, .5);
	font-size: 12px;
}

#frm-signup .error {
	color: #ff0000 !important;
}

.error.asterisk {
	position: absolute;
	top: 0;
	right: 0px;
}

#joinForm,
#member-login-form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	min-height: 700px;
	padding-top: 50px;
	margin: 0 auto;
	font-size: 1em;
}

#joinForm {
	min-height: 0;
	padding-top: 100px;
	padding-bottom: 100px;
}

#joinForm .form-group:last-of-type {
	text-align: center;
}

@media (min-width: 600px) {
	#joinForm {
		
	}
}

#member-login-form {
	min-height: 0;
}

#member-login-form .col-xs-12.col-sm-8.col-md-6.col-sm-offset-2.col-md-offset-3 {
	width: 100%;
	margin: 0;
}

#member-login-form fieldset {
	border: none;
}

#member-login-form fieldset h2 {
	margin-bottom: 40px;
	font-size: 20px;
	color: white;
}

#member-login-form .form-group::after {
	content: '';
	display: table;
	clear: both;
}

#member-login-form a,
#frm-signup a {
/*	color: white;*/
	text-decoration: underline;
}

#member-login-form .text-right,
#member-login-form .text-right label {
	float: right;
	width: 100%;
	margin: 0 0 0 0;
	font-size: .6em;
	line-height: 1.3;
}

#member-login-form fieldset > .text-right:first-of-type {
	margin-top: -15px;
	margin-bottom: 7px;
}

#member-login-form hr {
	display: none;
}

#joinForm div,
#member-login-form > div {
	max-width: 500px;
	margin: auto !important;
}

.col-xs-12.col-sm-6 {
	width: 100%;
}

#joinForm input,
#member-login-form input,
#frm-signup input,
#frm-signup select,
.signup #form1 select,
.signup .panel input,
.signup .panel select {
	height: auto;
	padding: 0.3rem 0 0.5rem;
	background: #c0c0c0;
	border: none !important;
	border-bottom: 1px solid white !important;
	border-radius: 0;
	box-shadow: none;
	color: white;
	line-height: 1.3;
	font-size: 1em;
}

#frm-signup select,
.signup #form1 select,
.signup .panel select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("//metropolee.s3.amazonaws.com/images/icons/triangle.svg");
	background-repeat: no-repeat;
	background-position: 97% center;
}

#member-login-form fieldset input[type=checkbox],
#frm-signup input[type=checkbox] {
	position: static;
	display: inline-block;
	width: auto;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}

#frm-signup input[type=radio] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}

/*
#member-login-form img,
#frm-signup img {
	float: left;
	display: inline-block;
	width: 100px;
	height: auto;
	border-top: 8px solid #E6E6E6;
	border-bottom: 15px solid #E6E6E6;
	border-left: 7px solid #E6E6E6;
	border-right: 7px solid #E6E6E6;
}
*/
#captcha {
	padding: 0.3rem 0 0.5rem !important;
	line-height: 1.3 !important;
}

#member-login-form #captcha {
	float: right;
	display: inline-block;
	width: calc(100% - 120px) !important;
}

#joinForm label,
#member-login-form label {
	float: left;
	font-size: 1em;
	color: rgba(255, 255, 255, .7);
	display: inline;
}

#frm-signup > .control-label {
	padding: 0;
	float: left;
	max-width: 100px;
}

#frm-signup > .control-label p {
	padding: 0;
	margin: 0;
}

#frm-signup > .control-label + div.col-xs-12.col-sm-8 {
	/* Captcha input container's parent */
	width: calc(100% - 100px);
	float: right;
	padding-left: 0;
	padding-right: 0;
}

#frm-signup > .control-label + div.col-xs-12.col-sm-8 > .col-sm-10 {
	/* Captcha input container */
	padding-right: 0;
	width: 100%;
}

.terms-conditions {
	border-radius: 0;
	background-color: rgba(218, 237, 246, .3);
	border: none;
	color: rgba(255, 255, 255, .8);
	box-shadow: none;
	max-height: 250px;
	overflow-y: auto;
}

.terms-conditions h1,
.terms-conditions h2,
.terms-conditions h3,
.terms-conditions h4 {
	color: white !important;
}

#frm-signup .col-xs-12.col-sm-offset-2.col-sm-6 {
	margin-left: 0;
	text-align: center;
}

#joinForm .btn-primary,
#member-login-form .btn,
#member-login-form .btn-lg,
#frm-signup .btn-primary,
.cart-details .btn,
.container-iframe > #form2 > input[type=submit],
.signup #form1 input[type=submit].btn,
.signup .panel .btn {
	display: inline-block;
	width: auto;
	margin: 40px auto 0;
	padding: 27px 50px;
	font-size: inherit;
	border-radius: 0;
	background-color: white !important;
	color: #3ea537 !important;
	text-transform: uppercase;
	line-height: 1.3;
	border: none !important;
}

#frm-signup .btn-primary {
	display: block;
	margin-bottom: 100px;
}

/*#member-login-form .col-xs-6.col-sm-6.col-md-6 {
	width: 100%;
	text-align: center;
	float: right;
}

#member-login-form .col-xs-6.col-sm-6.col-md-6:last-of-type {
	float: left;
}*/

#member-login-form .btn {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	white-space: pre;
	word-wrap: break-word;
	word-break: hyphenate;
	font-size: .8em;
}

@media (min-width:600px) {
	#member-login-form .btn {
		padding-left: 0;
		padding-right: 0;
		font-size: 1em;
	}
}

#member-login-form a.btn-lg {
	background: transparent !important;
	color: white !important;
	text-transform: none;
}

footer {
	background-color: white;
}

footer nav {
	display: inline;
}

.container {
	position: static;
}

.container footer {
	position: absolute;
	left: 0;
	width: 100%;
}

small img {
	vertical-align: baseline;
}

.signup p font {
	display: block;
	max-width: 700px;
	clear: both;
	color: white;
	margin: 0 auto;
	background: transparent !important;
}

/* @group SIGNUP CART */

#productframe {
	overflow: hidden;
	height: 100%;
	min-height: 1200px;
	width: 100%;
	margin-bottom: 50px;
}

@media (min-width: 1000px) {
	#productframe {
		min-height: 850px;
	}
}

body {
	background: transparent;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}

#OMN_CartBar {
	color: white;
	background-color: #4E5051;
}

#shoppingCartBar {
	background-color: #4E5051;
	border: none;
}

#shoppingCartBar > .row > .col-xs-12.col-sm-8 {
	min-height: 130px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
}

@media (min-width: 900px) {
	#shoppingCartBar > .row > .col-xs-12.col-sm-8 {
		min-height: 200px;
	}
}

#shoppingCartBar .input-group {
	position: relative;
	width: 100%;
}

#shoppingCartBar input.form-control {
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 1px solid white;
	border-radius: 0;
	color: white;
	box-shadow: none;
	padding-left: 0;
	padding-right: 50px;
}

#shoppingCartBar input[type=submit] {
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: -3px;
	width: 70px;
	height: 50px;
	background: transparent;
	background-image: url(//metropolee.s3.amazonaws.com/images/icons/search.svg);
	background-repeat: no-repeat;
	background-position: 80% center;
	background-size: 23px;
	border-radius: 0;
	border: none;
	text-indent: 99999px;
	z-index: 3;
}

#shoppingCartBar .cart-details {
	background-color: rgba(98, 190, 125, 1);
	border: none;
	padding: 25px 15px 30px;
}

#shoppingCartBar #cart-items {
	background-color: #4E5051;
}

.cart-details span,
.cart-details strong {
	font-size: 18px;
	font-weight: normal;
}

.cart-details a {
	font-size: 12px;
	display: inline-block;
	color: white;
	margin-top: 3px;
}

#cartTotalWrapper strong,
#cartTotalWrapper span {
	font-size: 18px;
	font-weight: bold;
}

.btn > span {
	font-size: inherit !important;
}

.cart-details .btn,
.container-iframe > #form2 > input[type=submit],
.signup #form1 input[type=submit].btn {
	color: rgba(98, 190, 125, 1) !important;
	border: 3px solid white !important;
	margin-top: 30px !important;
	margin-right: 8px;
	padding: .6em 1.4em;
}

#shoppingCartBar .btn.btn-primary,
.container-iframe > #form2 > input[type=submit],
.signup #form1 input[type=submit].btn {
	border: 3px solid white !important;
	background: transparent !important;
	color: white !important;
}

body > legend {
	color: white;
	border: none;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	margin: 100px 0;
}

body > .container-iframe {
	color: #b8b4b4;
}

.container-iframe > #form2 > .row > .col-sm-2.col-xs-12 {
	text-align: center;
}

.container-iframe .product-image {
	display: inline-block;
	border: 6px solid white;
	border-radius: 0;
	background-size: 100%;
}

.container-iframe > #form2 > .row > .col-sm-10.col-xs-12 {
	font-size: 16px;
	line-height: 1.7;
}

.container-iframe > #form2 > .row > .col-sm-10.col-xs-12 a {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}

.container-iframe > #form2 > hr {
	border-color: white;
	margin: 50px 0 0;
}

.container-iframe > #form2 > .text-right a {
	color: white;
	
}

/***************** CART CHECKOUT PAGE *****************/

.signup #form1 {
	margin-top: 50px;
	margin-bottom: 100px;
	color: white;
	font-size: 18px;
}

.signup #form1 .table-responsive {
	color: white;
	text-align: center;
	border: none;
}

.signup #form1 table.table th {
	font-weight: normal;
	border: none;
	text-align: center;
	padding: 1.3em .8em;
}

.signup #form1 table.table td {
	border: none;
	background-color: rgba(98, 190, 125, 1);
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	padding: 2.5em .8em;
}

.signup #form1 table.table tr > td:nth-child(2) {
	text-align: left;
}

.signup #form1 table.table tr > td:last-child {
	font-weight: bold;
}

.signup #form1 > .row {
	margin: 40px 0;
}

.signup #form1 select {
	font-size: inherit;
}

.signup #form1 a.btn {
	background: transparent !important;
	border: none;
	font-size: 14px;
	text-decoration: underline;
	display: none;
}

.signup #form1 input[type=submit].btn {
	font-size: 16px;
}

/***************** CREDIT CARD INFO *****************/

.signup .panel {
	max-width: 700px;
	margin: 0 auto;
	background: transparent;
	border: none;
	box-shadow: none;
}

.signup .panel .form-date {
	width: 45%;
	float: left;
}

.signup .panel .form-date:last-child {
	float: right;
}

/* @end */

/* @group CHANGES TO NON-SYSTEM PAGES */

.last-block > div:last-child {
	width: 100%;
	text-align: center;
	min-height: 250px;
	padding-top: 50px;
}

.home-main {
	background-image: url(//metropolee.s3.amazonaws.com/images/img/home-img-1.svg) !important;
	background-position: 250px bottom !important;
	background-color: #3ea537 !important;
	text-shadow: 0 0 2px #3ea537;
}

.home-main .button {
	text-shadow: none;
	-webkit-filter: drop-shadow(0 0 2px #3ea537);
	filter: drop-shadow(0 0 2px #3ea537);
}

.homepage .button-solid,
.homepage .button:hover {
	color: #3ea537 !important;
}

@media (min-width: 600px) {
  .home-main {
  	background-image: url(//metropolee.s3.amazonaws.com/images/img/home-img-1.svg) !important;
    padding-top: 200px;
    background-position: 160% bottom !important; } }
@media (min-width: 1024px) {
  .home-main {
    background-position: 90% bottom !important; } }
@media (min-width: 1025px) {
  .homepage .menu-voice:last-child > a {
  	color: #3ea537 !important;
  }
  .home-main {
    padding-top: 250px;
 } }
@media (min-width: 1600px) {
  .home-main {
    background-position: 75% bottom !important; } }
@media (min-width: 2000px) {
  .home-main {
    background-position: 65% bottom !important; } }

.homepage .last-block {
  background-image: url(//metropolee.s3.amazonaws.com/images/img/home-800.jpg) !important; }
  @media (min-width: 600px) {
    .homepage .last-block {
      background-image: url(//metropolee.s3.amazonaws.com/images/img/home-1280.jpg) !important; } }
  @media (min-width: 1025px) {
    .homepage .last-block {
      background-image: url(//metropolee.s3.amazonaws.com/images/img/home-2560.jpg) !important; } }

.green-block {
	background-image: url('//metropolee.s3.amazonaws.com/images/img/home-img-2.svg') !important;
}

.distributors .hero-block {
  background-image: url(//metropolee.s3.amazonaws.com/images/img/dist-1-800.jpg) !important; }
  @media (min-width: 600px) {
    .distributors .hero-block {
      background-image: url(//metropolee.s3.amazonaws.com/images/img/dist-1-1280.jpg) !important; } }
  @media (min-width: 1025px) {
    .distributors .hero-block {
      background-image: url(//metropolee.s3.amazonaws.com/images/img/dist-1-2560.jpg) !important; } }

@media (min-width: 1200px) {
	.last-block {
		background-attachment: fixed;
		background-position: center;
	}
}

.distributors .last-block {
  background-image: url(//metropolee.s3.amazonaws.com/images/img/dist-2-800.jpg) !important; }
  @media (min-width: 600px) {
    .distributors .last-block {
      background-image: url(//metropolee.s3.amazonaws.com/images/img/dist-2-1280.jpg) !important; } }
  @media (min-width: 1025px) {
    .distributors .last-block {
      background-image: url(//metropolee.s3.amazonaws.com/images/img/dist-2-2560.jpg) !important; } }

.certified .hero-block {
  background-image: url(//metropolee.s3.amazonaws.com/images/img/cert-1-800.jpg) !important; }
  @media (min-width: 600px) {
    .certified .hero-block {
      background-image: url(//metropolee.s3.amazonaws.com/images/img/cert-1-1280.jpg) !important; } }
  @media (min-width: 1025px) {
    .certified .hero-block {
      background-image: url(//metropolee.s3.amazonaws.com/images/img/cert-1-2560.jpg) !important; } }
      
.certified .last-block {
  background-image: url(//metropolee.s3.amazonaws.com/images/img/cert-2-800.jpg) !important; }
  @media (min-width: 600px) {
    .certified .last-block {
      background-image: url(//metropolee.s3.amazonaws.com/images/img/cert-2-1280.jpg) !important; } }
  @media (min-width: 1025px) {
    .certified .last-block {
      background-image: url(//metropolee.s3.amazonaws.com/images/img/cert-2-2560.jpg) !important; } }

/* @end */

/* @group FAQ FIXES */

/*.faq .hero-block {
	min-height: 133px !important;
}*/

/* @end */

header::before, .home-main {
	background-color:#3ea537 !important;
}