.container:after,
.user-list ul:after,
.nav-area:after,
#nav:after,
#main:after,
.pagination ul:after,
.featured-list:after,
.article:after,
.steps-block:after,
.steps-block .row-holder:after,
.btn-holder:after,
.accordion:after,
.join-form .two-cols:after,
.join-form .row:after,
.join-form .paging:after,
.join-form .paging ul:after,
.join-form .step-1 .radio-list:after,
.join-form .step-3 .state-field:after,
.join-form .step-3 .country-field:after,
.join-form .step-4 .distributor:after,
.join-form .step-5 .company:after,
.join-form .form-content:after,
.join-form .form-content .cols-holder:after,
.join-form .form-content .widget-holder:after,
.btn-list:after,
.product-block:after,
.browse-reward:after,
.browse-reward .head:after,
.links-carousel .mask ul:after,
.tabset:after,
.carousel .points-list:after {
	content: " ";
	display: block;
	clear: both;
}

.user-list,
.user-list ul,
#nav,
.pagination ul,
#footer .footer-nav,
.featured-list,
.steps-block .info-list,
.accordion,
.accordion ol,
.join-form .tel-list,
.join-form .address-list,
.join-form .paging ul,
.join-form .footer .btns-list,
.join-form .step-1 .radio-list,
.join-form .phone-list,
.btn-list,
.links-carousel .mask ul,
.tabset,
.carousel .points-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	margin: 0;
	color: #757575;
	background: #fff;
	font: 13px/24px "Roboto", sans-serif;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}

* {
	max-height: 1000000px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
	display: block;
}

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

a {
	text-decoration: none;
	color: #757575;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: none;
}

input,
textarea,
select {
	font: 100% "Roboto", sans-serif;
	color: #000;
	vertical-align: middle;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
select,
textarea {
	margin: 0;
	padding: 4px 7px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 1px solid #999;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	border-color: #4d4d4d;
}

textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Roboto", sans-serif;
	line-height: 1.2em;
	margin: 0 0 1.2em;
}

p {
	margin: 0 0 1.2em;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


.gm-style img {
	max-width: none;
}

body.landing .header-content {
  margin-top: 40px; }
body.landing .landingimgholder {
  padding: 12px 0;
  text-align: center; }
body.landing .landing-block {
  padding: 0px;
  margin-top: 45px; }
  body.landing .landing-block > div {
    width: 100%; }
    @media all and (min-width: 768px) {
      body.landing .landing-block > div {
        width: 50%; } }
  body.landing .landing-block .contractorblock {
    float: left;
    text-align: left; }
    @media all and (min-width: 768px) {
      body.landing .landing-block .contractorblock {
        text-align: right; } }
    body.landing .landing-block .contractorblock .contentholder {
      text-align: left;
      padding: 20px 40px;
      max-width: 350px;
      box-sizing: border-box;
      display: inline-block; }
      @media all and (min-width: 768px) {
        body.landing .landing-block .contractorblock .contentholder {
          text-align: right; } }
      body.landing .landing-block .contractorblock .contentholder p {
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 300;
        line-height: 1.2;
        margin-bottom: 10px; }
        @media all and (min-width: 768px) {
          body.landing .landing-block .contractorblock .contentholder p {
            margin-bottom: 60px; } }
  body.landing .landing-block .partnerblock {
    float: right;
    text-align: left;
    border-top: 1px solid #e8e8e9;
    border-left: 0px; }
    @media all and (min-width: 768px) {
      body.landing .landing-block .partnerblock {
        border-left: 1px solid #e8e8e9;
        border-top: 0px; } }
    body.landing .landing-block .partnerblock .contentholder {
      text-align: left;
      padding: 20px 40px;
      max-width: 350px;
      box-sizing: border-box;
      display: inline-block; }
      body.landing .landing-block .partnerblock .contentholder p {
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-size: 24px;
        font-weight: 300;
        line-height: 1.2;
        margin-bottom: 10px; }
        @media all and (min-width: 768px) {
          body.landing .landing-block .partnerblock .contentholder p {
            margin-bottom: 60px; } }
      body.landing .landing-block .partnerblock .contentholder p.notapartner {
        font-size: 14px;
        text-transform: uppercase;
        margin-top: 20px;
        margin-bottom: 0px; }
        @media all and (min-width: 768px) {
          body.landing .landing-block .partnerblock .contentholder p.notapartner {
            margin-top: 60px; } }
        body.landing .landing-block .partnerblock .contentholder p.notapartner a {
          color: #e70033;
          display: block;
          font-weight: bold; }
body.landing .btn-default {
  font-size: 18px;
  z-index: 5 !important; }
body.landing .btn-default.return:after, body.landing .btn-default.next:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -32px;
  bottom: -2px;
  height: 3px;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 20%, rgba(223, 223, 223, 0) 75%, rgba(248, 248, 248, 0) 100%); }

@font-face {
	font-family: "fontello";
	src: url("/static/fonts/fontello.eot?30851985");
	src: url("/static/fonts/fontello.eot?30851985#iefix") format("embedded-opentype"), url("/static/fonts/fontello.svg?30851985") format("svg"), url("/static/fonts/fontello.woff?30851985") format("woff"), url("/static/fonts/fontello.ttf?30851985") format("truetype");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-divide:before {
	content: "\e800";
}

.icon-sep:before {
	content: "\e801";
}

.icon-sep-1:before {
	content: "\e802";
}

.icon-arrow-down:before {
	content: "\e803";
}

.icon-arrow-right:before {
	content: "\e804";
}

.icon-right-dir:before {
	content: "\e805";
}

/* 'î …' */

.icon-left-dir:before {
	content: "\e806";
}

/* 'î †' */

.icon-right-open:before {
	content: "\e807";
}

/* 'î ‡' */

.icon-left-open:before {
	content: "\e808";
}

/* 'î ˆ' */

h1 {
	font-size: 28px;
	font-weight: 500;
	line-height: 32px;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 3px;
}

h2 {
	color: #343845;
	font-size: 19px;
	font-weight: 500;
	line-height: 24px;
	margin: 0 0 19px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h2 span {
	color: #e70033;
}

h2 sup {
	font-size: 11px;
}

.btn-default {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	background: #e70033;
	padding: 9px 27px 7px 18px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	min-width: 130px;
	text-align: center;
	outline: none;
}

.btn-default:hover {
	opacity: .80;
}

.btn-default:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top: 21px solid #fff;
	border-left: 37px solid transparent;
}

.btn-default:after {
	content: "";
	position: absolute;
	left: -10px;
	right: -32px;
	bottom: -1px;
	height: 3px;
	z-index: 0;
	pointer-events: none;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .25) 20%, rgba(223, 223, 223, 0) 75%, rgba(248, 248, 248, 0) 100%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .25) 20%, rgba(223, 223, 223, 0) 75%, rgba(248, 248, 248, 0) 100%);
}

.btn-default.return {
	padding: 9px 18px 7px 35px;
}

.btn-default.return:before {
	right: auto;
	left: 0;
	border-left: 0;
	border-top: 21px solid #fff;
	border-right: 37px solid transparent;
}

#wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.container {
	max-width: 1055px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

#header {
	text-align: center;
	padding-bottom: 15px;
}

.logo {
	float: left;
	max-width: 200px;
}

.logo img {
	display: block;
}

.header-content {
	float: left;
	width: 100%;
	text-align: right;
	position: relative;
	padding: 15px 0 0;
}

.user-list {
	font-size: 0;
	line-height: 0;
	background: #e70033;
	min-width: 286px;
	max-width: 670px;
	padding: 14px 19px 13px 36px;
	float: right;
	text-align: right;
	position: relative;
}

.user-list:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 21px solid #fff;
	border-right: 37px solid transparent;
}

.user-list li {
	font-size: 11px;
	line-height: 13px;
	text-transform: capitalize;
	display: inline-block;
	vertical-align: top;
}

.user-list li a {
	color: #fff;
}

.user-list li a:hover {
	color: #343845;
}

.user-list li + li:before {
	display: inline-block;
	vertical-align: top;
	content: "\e800";
	font-family: "fontello";
	margin: 0 6px;
	color: #343845;
	font-size: 9px;
}

.user-list li.active a {
	color: #343845;
}

.nav-area {
	padding: 40px 0 0;
}

.nav-area .nav-opener {
	display: none;
}

#nav {
	font-size: 0;
	line-height: 0;
}

#nav li {
	font-size: 13px;
	font-weight: 500;
	line-height: 15px;
	word-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
}

#nav li + li:before {
	display: inline-block;
	vertical-align: top;
	content: "\e800";
	font-family: "fontello";
	margin: 0 9px;
	font-size: 10px;
}

#nav li a {
	color: #757575;
}

#nav li a:hover {
	color: #e70033;
}

#nav li.active a {
	color: #e70033;
}

.slideshow-area {
	background: url(/static/images/proclub/sep01.png) 50% 0;
	position: relative;
	padding: 8px 0;
}

.slideshow-area:before,
.slideshow-area:after {
	content: "";
	background: url(/static/images/proclub/sep02.png) repeat-x;
	position: absolute;
	width: 100%;
	height: 8px;
	left: 0;
	right: 0;
	top: 0;
}

.slideshow-area:after {
	top: auto;
	bottom: 0;
}

.slideshow-area.ruud {
	padding: 15px 0;
}

.slideshow-area.ruud:before,
.slideshow-area.ruud:after {
	background: url(/static/images/proclub/sep03.png) repeat-x 50% 0;
	height: 15px;
}

.slideshow-area.ruud .container {
	position: relative;
}

.slideshow-area.ruud .container:before,
.slideshow-area.ruud .container:after {
	background: url(/static/images/proclub/icon-lock.png) no-repeat;
	width: 40px;
	height: 41px;
	content: "";
	position: absolute;
	top: -28px;
	right: 15px;
	z-index: 10;
}

.slideshow-area.ruud .container:after {
	right: auto;
	left: -4px;
	top: auto;
	bottom: -29px;
}

.slideshow {
	position: relative;
	max-width: 750px;
	margin: 0 auto;
	text-align: center;
	padding: 25px 0;
}

.slideshow .slideset {
	position: relative;
}

.slideshow .slideset .slide {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 125px;
	white-space: nowrap;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.slideshow .slideset .slide.active {
	z-index: 2;
}

.slideshow .slideset .slide:after {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 -5px;
	min-height: 100%;
	overflow: hidden;
	width: 1px;
	content: "";
}

.slideshow .slideset .slide .slide-holder {
	width: 100%;
	white-space: normal;
	font-size: 0;
	line-height: 0;
	display: inline-block;
	vertical-align: middle;
}

.slideset .slide .fadeImage  {
    opacity: 0.2;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.slideshow .logo-holder {
	max-width: 68px;
	display: inline-block;
	vertical-align: middle;
}

.slideshow .logo-holder.pro {
	max-width: 152px;
	position: relative;
	padding: 0 20px;
}

.slideshow .logo-holder.pro:before,
.slideshow .logo-holder.pro:after {
	color: #fff;
	content: "+";
	position: absolute;
	left: 3px;
	top: -2px;
	font-size: 25px;
	line-height: 20px;
}

.slideshow .logo-holder.pro:after {
	content: "=";
	left: auto;
	right: 3px;
}

.pagination ul {
	font-size: 0;
	line-height: 0;
}

.pagination ul li {
	padding: 0 3px;
	display: inline-block;
	vertical-align: top;
}

.pagination ul li a {
	color: #fff;
	display: block;
	font-size: 0;
	line-height: 0;
	width: 15px;
	height: 15px;
	position: relative;
}

.pagination ul li a:after {
	content: "\e801";
	font-family: "fontello";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 14px;
}

.pagination ul li a:hover {
	color: #e70033;
}

.pagination ul li.active a {
	color: #e70033;
}

#footer {
	padding-top: 27px;
	padding-bottom: 27px;
	position: relative;
	background: #fff;
	text-align: center;
	margin-top: 3px;
}

#footer:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -3px;
	height: 10px;
	width: 100%;
	z-index: -1;
	background: #eee;
	background: -webkit-radial-gradient(center, ellipse, #b0b0b0 0%, #fff 75%);
	background: radial-gradient(ellipse at center, #b0b0b0 0%, #fff 75%);
}

#footer .logo {
	display: inline-block;
	vertical-align: top;
	float: none;
	padding: 0;
	margin: 0 0 10px;
}

#footer .footer-nav {
	overflow: hidden;
	text-transform: uppercase;
	font-weight: 500;
}

#footer .footer-nav li {
	margin: 0;
}

#footer .footer-nav li a {
	color: #757575;
}

#footer .footer-nav li a:hover {
	color: #e70033;
}

.rewards-block {
	padding-top: 34px;
	padding-bottom: 43px;
}

.info-box {
	margin: 0 0 25px;
	font-weight: 500;
	word-spacing: 1px;
}

.info-box p {
	margin: 0 0 31px;
}

.info-box p strong {
	color: #e70033;
	font-weight: 700;
}

.info-box .points {
	font-size: 10px;
	display: block;
}

.featured-box {
	overflow: hidden;
}

.featured-box h2 {
	margin: 0 0 36px;
}

.featured-list {
	position: relative;
	font-size: 0;
	line-height: 0;
}

.featured-list li {
	padding: 0 10px;
	width: 33.3%;
	display: inline-block;
	vertical-align: middle;
}

.featured-list li img {
	display: block;
	width: 100%;
	height: auto;
}

.featured-list li + li:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;
	margin: 0 0 0 -10px;
	background: #eee;
	background: -webkit-radial-gradient(center, ellipse, #adadad 0%, #fff 80%);
	background: radial-gradient(ellipse at center, #adadad 0%, #fff 80%);
}

.featured-list li a {
	display: inline-block;
	vertical-align: top;
}

.promo {
	background: url(/static/images/proclub/sep01.png);
	position: relative;
	padding: 8px 0;
	text-align: center;
}

.promo:before,
.promo:after {
	content: "";
	background: url(/static/images/proclub/sep02.png) repeat-x;
	position: absolute;
	width: 100%;
	height: 8px;
	left: 0;
	right: 0;
	top: 0;
}

.promo:after {
	top: auto;
	bottom: 0;
}

.promo.ruud {
	padding: 15px 0;
}

.promo.ruud:before,
.promo.ruud:after {
	background: url(/static/images/proclub/sep03.png) repeat-x 50% 0;
	height: 15px;
}

.promo.ruud .container {
	position: relative;
}

.promo.ruud .container:before,
.promo.ruud .container:after {
	background: url(/static/images/proclub/icon-lock.png) no-repeat;
	width: 40px;
	height: 41px;
	content: "";
	position: absolute;
	top: -28px;
	right: 15px;
	z-index: 10;
}

.promo.ruud .container:after {
	right: auto;
	left: -4px;
	top: auto;
	bottom: -29px;
}

.promo .container {
	padding-top: 26px;
	padding-bottom: 21px;
}

.promo .promo-holder {
	overflow: hidden;
}

.promo .company-logo {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 8px;
}

.promo .company-logo img {
	display: block;
}

.promo .detail {
	color: #e70033;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 1px;
}

.promo .detail p {
	margin: 0;
}

.faqs-block {
	overflow: hidden;
	margin: 21px -10px;
}

.faqs-block h2 {
	padding: 0 0 12px 25px;
	margin: 0;
	position: relative;
	word-spacing: 0;
}

.faqs-block h2:before {
	content: "Q.";
	color: #e70033;
	position: absolute;
	left: 0;
	top: 0;
}

.faqs-block .col {
	padding: 0 10px;
}

.faqs-block .col:first-child .widget:first-child:after {
	display: none;
}

.faqs-block .widget {
	font-weight: 500;
	padding: 34px 0 9px;
	position: relative;
	word-spacing: 1px;
}

.faqs-block .widget:after {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	left: 0;
	top: 0;
	right: 0;
	background: #eee;
	background: -webkit-linear-gradient(left, #adadad 0%, #d3d3d3 0%, #fcfcfc 85%);
	background: linear-gradient(to right, #adadad 0%, #d3d3d3 0%, #fcfcfc 85%);
}

.faqs-block .widget p {
	margin: 0 0 25px;
}

.faqs-block .widget p a {
	text-decoration: underline;
}

.faqs-block .widget p a:hover {
	text-decoration: none;
}

.faqs-block .widget .answer {
	font-size: 19px;
	font-weight: 500;
	line-height: 24px;
	text-transform: uppercase;
	color: #343845;
	padding: 0 2px 0 0;
}

.article {
	padding: 38px 0 24px;
}

.article .image {
	margin: 0 0 15px;
}

.article .image img {
	display: block;
	margin: 0 auto;
}

.article .info-box {
	margin: 0;
}

.article.add .info-box p {
	margin: 0 0 24px;
}

.steps-block {
	font-weight: 500;
	margin: 0 0 30px;
}

.steps-block .row-holder {
	margin: 0 0 15px;
}

.steps-block .row {
	overflow: hidden;
}

.steps-block .col {
	word-spacing: 2px;
	margin: 0 0 15px;
}

.steps-block h2 {
	margin: 0 0 13px;
}

.steps-block p {
	margin: 0;
}

.steps-block .info-list {
	margin: 0 0 8px;
	line-height: 16px;
}

.steps-block .info-list li {
	padding: 0 0 8px 25px;
	position: relative;
}

.steps-block .info-list li:before {
	color: #23a89d;
	content: "\e802";
	font-family: "fontello";
	font-size: 10px;
	position: absolute;
	left: 0;
	top: 0;
}

.steps-block .info-list li a:hover {
	opacity: .80;
}

.btn-holder {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.btn-holder .my-account {
	padding: 12px 0 0;
}

.btn-holder .my-account a {
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: underline;
}

.btn-holder .my-account a:hover {
	opacity: .80;
}

.featured-block h2 {
	margin: 0 0 12px;
}

.featured-block .list-holder {
	position: relative;
	background: #fff;
	padding: 42px 0 28px;
}

.featured-block .list-holder:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -3px;
	height: 10px;
	width: 100%;
	z-index: -1;
	background: #eee;
	background: -webkit-radial-gradient(center, ellipse, #959595 0%, #fff 75%);
	background: radial-gradient(ellipse at center, #959595 0%, #fff 75%);
}

.featured-block .featured-list {
	margin: 0 -20px;
	text-align: center;
}

.featured-block .featured-list li {
	position: relative;
	padding: 0 20px 10px;
}

.featured-block .featured-list li:before {
	margin: -44px 0 0;
	height: 88px;
	bottom: auto;
	top: 50%;
	left: 0;
}

.featured-block .featured-list li img {
	margin: 0 auto;
}

.accordion {
	padding: 35px 0 0;
}

.accordion > li {
	padding: 21px 0 0 30px;
	margin: 0 0 12px;
	position: relative;
	background: #fff;
	float: left;
	width: 100%;
}

.accordion > li + li:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -3px;
	height: 10px;
	width: 100%;
	z-index: -1;
	background: #eee;
	background: -webkit-radial-gradient(center, ellipse, #b0b0b0 0%, #fff 75%);
	background: radial-gradient(ellipse at center, #b0b0b0 0%, #fff 75%);
}

.accordion > li .opener {
	font-size: 19px;
	font-weight: 500;
	line-height: 24px;
	position: relative;
	color: #343845;
	margin: 0 0 15px;
	letter-spacing: 1px;
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
}

.accordion > li .opener:before {
	font-size: 22px;
	line-height: 24px;
	content: "\e804";
	font-family: "fontello";
	position: absolute;
	left: -30px;
	top: 0;
	color: #e70033;
}

.accordion > li.active .opener:before {
	font-size: 16px;
	content: "\e803";
}

.accordion .slide-holder {
	font-weight: 500;
	overflow: hidden;
	word-spacing: 2px;
}

.accordion .slide-holder p {
	margin: 0 0 21px;
}

.accordion .slide-holder p strong {
	font-weight: 500;
	text-transform: uppercase;
}

.accordion ol {
	counter-reset: section;
}

.accordion ol li {
	position: relative;
	padding: 0 0 10px 18px;
}

.accordion ol li:before,
.accordion ol li .list-item-before {
	color: #e70033;
	content: counter(section) ".";
	counter-increment: section;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 700;
}

* html ol li .list-item-before {
	margin: 0;
}

.text-box {
	max-width: 615px;
	margin: 0 auto;
	padding: 35px 0;
	text-align: center;
	font-weight: 500;
	word-spacing: 1px;
}

.text-box h2 {
	margin: 0 0 29px;
}

.text-box .title {
	color: #e70033;
}

.text-box p {
	margin: 0 0 24px;
}

.join-form {
	padding: 20px 0; /* placeholder input styles */
}

.join-form label {
	font-size: 19px;
	font-weight: 500;
	line-height: 24px;
	color: #343845;
	letter-spacing: 1px;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 7px;
	text-transform: uppercase;
}

.join-form textarea,
.join-form input[type="text"],
.join-form input[type="email"],
.join-form input[type="password"],

.join-form select,
.join-form input[type="tel"] {
	width: 100%;
	border: 1px solid #a6a6a6;
	border-radius: 3px;
	height: 45px;
	color: #757575;
	font-size: 13px;
	font-weight: 500;
	line-height: 15px;
	padding: 9px 15px;
	outline: none;
	word-spacing: 2px;
	resize: none;
}

.join-form textarea:focus,
.join-form input[type="text"]:focus,
.join-form input[type="email"]:focus,
.join-form input[type="password"]:focus,
.join-form input[type="search"]:focus,
.join-form select:focus,
.join-form input[type="tel"]:focus {
	border-color: #e70033;
	box-shadow: 0 0 10px rgba(19, 168, 158, .31);
}

.join-form textarea {
	height: 167px;
}

.join-form .gray-bg input[type="text"],
.join-form .gray-bg input[type="email"],
.join-form .gray-bg input[type="passowrd"],
.join-form .gray-bg input[type="tel"] {
	background: #cdcdcd;
}

.join-form .error > input[type="text"],
.join-form .error > input[type="email"],
.join-form .error > input[type="password"],
.join-form .error > select,
.join-form .error > input[type="tel"] {
	box-shadow: 0 0 10px rgba(255, 0, 0, .31);
	border-color: #f00;
}

.join-form .error > input[type="text"]:focus,
.join-form .error > input[type="email"]:focus,
.join-form .error > input[type="password"]:focus,
.join-form .error > select,
.join-form .error > input[type="tel"]:focus {
	box-shadow: 0 0 10px rgba(255, 0, 0, .31);
}

.join-form ::-webkit-input-placeholder {
	color: #757575;
}

.join-form :-moz-placeholder {
	color: #757575;
}

.join-form ::-moz-placeholder {
	color: #757575;
	opacity: 1;
}

.join-form :-ms-input-placeholder {
	color: #757575;
}

.join-form .row {
	margin: 0 0 23px;
}

.join-form .tel-list {
	display: table;
	width: 100%;
}

.join-form .tel-list li {
	display: table-cell;
	vertical-align: top;
}

.join-form .tel-list li + li {
	padding: 0 0 0 15px;
}

.join-form .address-list li {
	float: left;
	width: 36%;
}

.join-form .address-list li + li {
	padding: 0 0 0 12px;
}

.join-form .address-list li.city {
	width: 39%;
}

.join-form .address-list li.state {
	width: 25%;
}

.join-form .btn-default {
	border: 0;
	min-height: 40px;
	white-space: normal;
}

.join-form .header {
	font-size: 11px;
	line-height: 15px;
	color: #e70033;
	overflow: hidden;
	max-width: 500px;
	text-align: center;
	margin: 0 auto 44px;
}

.join-form .header h2 {
	margin: 0 0 10px;
}

.join-form .header p {
	margin: 0;
	font-weight: 500;
}

.join-form .paging {
	margin: 0 0 17px;
}

.join-form .paging ul {
	font-size: 0;
	line-height: 0;
}

.join-form .paging ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	font-weight: 500;
	line-height: 13px;
	padding: 0 5px;
}

.join-form .paging ul li a {
	display: block;
	color: #c3c6cd;
	padding: 2px 4px;
	transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
}

.join-form .paging ul li a:hover {
	color: #343845;
	background: #e6e7e8;
}

.join-form .paging ul li a span {
	display: block;
	transform: skew(20deg);
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	-ms-transform: skew(20deg);
}

.join-form .paging ul li.active a {
	color: #343845;
	background: #e6e7e8;
}

.join-form .footer {
	padding: 47px 0 0;
	text-align: center;
}

.join-form .footer .more {
	padding: 23px 0 0;
	word-spacing: 2px;
	color: #e70033;
	font-weight: 500;
}

.join-form .footer .more p {
	margin: 0;
}

.join-form .footer .more p a {
	color: #e70033;
}

.join-form .footer .more p a:hover {
	opacity: .80;
}

.join-form .footer .btns-list li {
	padding: 0 5px;
	display: inline-block;
	vertical-align: top;
}

.join-form .step-1 {
	max-width: 494px;
	margin: 0 auto;
}

.join-form .step-1 .radio-list li {
	margin: 0 0 20px;
}

.join-form .step-1 .radio-list .jcf-radio,
.join-form .step-1 .radio-list label {
	margin: 0;
	max-width: 78%;
	display: inline-block;
	vertical-align: middle;
}

.join-form .step-1 .radio-list .jcf-radio {
	width: 44px;
	height: 44px;
	border: 2px solid #9b9b9b;
	margin: 0 12px 0 0;
}

.join-form .step-1 .radio-list .jcf-radio span {
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
}

.join-form .step-2 {
	max-width: 480px;
	margin: 0 auto;
}

.join-form .step-2 .email-field {
	max-width: 337px;
	margin: 0 auto 13px;
}

.join-form .step-2 .email-field input[type="email"],
.join-form .step-2 .email-field input[type="text"] {
	text-align: center;
}

.join-form .step-3 {
	max-width: 480px;
	margin: 0 auto;
}

.join-form .step-3 .state-field {
	text-align: center;
	margin: 0 0 13px;
}

.join-form .step-3 .state-field label {
	max-width: 48%;
	margin: 0 15px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.join-form .step-3 .state-field input[type="text"] {
	width: 95px;
	text-transform: uppercase;
}

.join-form .step-3 .country-field {
	text-align: center;
	margin: 0 0 13px;
}

.join-form .step-3 .country-field label {
	max-width: 48%;
	margin: 0 15px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.join-form .step-3 .country-field input[type="text"] {
	width: 95px;
	text-transform: uppercase;
}

.join-form .step-4 {
	max-width: 468px;
	margin: 0 auto;
}

.join-form .step-4 .distributor {
	margin: 0 0 11px;
}

.join-form .step-5 {
	max-width: 541px;
	margin: 0 auto;
}

.join-form .step-5 .company {
	color: #e70033;
	font-weight: 500;
	word-spacing: 2px;
	text-align: right;
	margin: 0 0 11px;
}

.join-form .step-5 .company table {
	margin: 0 0 10px;
	text-align: left;
	word-spacing: 0;
}

.join-form .step-5 .company table thead {
	text-align: center;
}

.join-form .step-5 .company p {
	margin: 0;
}

.join-form .step-5 input {
	display:inline-block;
}

.join-form .step-6 {
	max-width: 734px;
	margin: 0 auto;
}

.join-form table {
	width: 100%;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #a3a3a3;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
}

.join-form table thead {
	color: #fff;
	font-weight: 700;
	background: #000;
}

.join-form table th,
.join-form table td {
	padding: 4px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #a3a3a3;
}

.join-form table th.col1,
.join-form table td.col1 {
	width: 11%;
}

.join-form table th.col3,
.join-form table td.col3 {
	width: 23%;
}

.join-form table td {
	vertical-align: top;
}

.join-form table .title {
	display: block;
}

.join-form table address {
	font-style: normal;
}

.join-form .phone-list li {
	display: block;
}

.join-form .phone-list a {
	color: #000;
}

.join-form .form-content .widget {
	font-weight: 500;
	margin: 0 0 20px;
}

.join-form .form-content .widget address {
	font-style: normal;
}

.join-form .form-content h2 {
	margin: 0 0 17px;
}

.btn-list {
	margin: 0 -25px;
}

.btn-list li {
	padding: 0 25px 15px;
}

.product-block {
	padding: 30px 0;
}

.product-block .btn-holder {
	text-align: left;
}

.product-block .btn-holder .my-account {
	padding-left: 20px;
}

.product-block .info-box h2 {
	margin: 0 0 8px;
}

.product-block .info-box p {
	margin: 0 0 25px;
}

.product-block .info-box .box-holder {
	overflow: hidden;
	margin: 0 0 26px;
}

.browse-reward .head {
	text-align: center;
	margin: 0 0 24px;
}

.browse-reward .head-info {
	font-weight: 500;
	margin: 0 0 24px;
	overflow: hidden;
}

.browse-reward .head-info p {
	margin: 0;
}

.browse-reward h2 {
	margin: 0 0 9px;
}

.browse-reward .list-holder {
	margin: 3px 0 0;
	padding: 20px 0;
}

.browse-reward .featured-list li {
	width: 50%;
}

.browse-reward .featured-list li img {
	width: 100%;
}

.links-carousel {
	max-width: 880px;
	margin: 0 auto;
	padding: 10px 30px;
	position: relative;
}

.links-carousel .mask {
	overflow: hidden;
}

.links-carousel .mask ul {
	text-transform: uppercase;
	font-size: 0;
	line-height: 0;
	white-space: nowrap;
}

.links-carousel .mask ul li {
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.links-carousel .mask ul li a {
	margin: 0 20px;
}

.links-carousel .mask ul li a:hover {
	color: #e70033;
}

.links-carousel .mask ul li:before {
	content: "/";
	position: absolute;
	left: -6px;
	top: 0;
}

.links-carousel .mask ul li.active a {
	color: #e70033;
}

.links-carousel .btn-prev,
.links-carousel .btn-next {
	font-size: 36px;
	line-height: 36px;
	text-decoration: none;
	color: #e70033;
	position: absolute;
	left: -13px;
	top: 0;
}

.links-carousel .btn-prev:hover,
.links-carousel .btn-next:hover {
	opacity: .80;
}

.links-carousel .btn-next {
	left: auto;
	right: -5px;
}

.rewardlinks {
  text-align: center; }
  .rewardlinks ul {
    display: inline-block; }

.product-detail {
	overflow: hidden;
}

.tabset {
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0 0 8px;
}

.tabset li {
	float: left;
}

.tabset li a:hover {
	color: #e70033;
}

.tabset li + li:before {
	content: "/";
	margin: 0 24px;
	display: inline-block;
	vertical-align: top;
}

.tabset li.active a {
	color: #e70033;
}

.tab-content .links-carousel {
	padding: 0 25px 17px 10px;
	max-width: 442px;
	margin: 0;
}

.tab-content .links-carousel .mask ul li {
	font-size: 13px;
	font-weight: 500;
	font-style: italic;
	line-height: 15px;
	text-transform: capitalize;
}

.tab-content .links-carousel .mask ul li a {
	margin: 0 13px;
}

.tab-content .links-carousel .mask ul li a sup {
	font-size: 8px;
}

.tab-content .links-carousel .btn-prev,
.tab-content .links-carousel .btn-next {
	font-size: 12px;
	line-height: 15px;
	left: 0;
}

.tab-content .links-carousel .btn-next {
	right: 0;
	left: auto;
}

.carousel {
	position: relative;
	padding: 40px 0 0;
	overflow: hidden;
}

.carousel .mask {
	width: 100%;
}

.carousel .mask .slideset {
	position: relative;
}

.carousel .mask .slide {
	float: left;
	width: 100%;
}

.carousel:before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 2px;
	content: "";
	background: #eee;
	background: -webkit-linear-gradient(left, #adadad 0%, #fcfcfc 0%, #d3d3d3 85%);
	background: linear-gradient(to right, #adadad 0%, #fcfcfc 0%, #d3d3d3 85%);
}

.carousel .image {
	width: 45%;
}

.carousel .image.alignright {
	float: right;
}

.carousel .image.alignleft {
	float: left;
}

.carousel .image img {
	display: block;
	margin: 0 auto;
}

.carousel .detail {
	float: left;
	padding: 15px 0 0;
	color: #343845;
	font-weight: 500;
}

.carousel .detail h2 {
	line-height: 23px;
    padding: 0 15px 0 0;
}

.carousel .detail p {
	margin: 0 0 15px;
}

.carousel .detail p span {
	color: #e70033;
}

.carousel .points-list {
	font-size: 0;
	line-height: 0;
	margin: 0 -1px 3px;
}

.carousel .points-list li {
	display: inline-block;
	vertical-align: top;
	padding: 0 4px 5px;
}

.carousel .points-list li img {
	display: block;
}

.carousel .pagination {
	position: absolute;
	right: 0;
	top: 10px;
}

.carousel .pagination ul li a {
	color: #343845;
}

.carousel .pagination ul li a:hover {
	color: #e70033;
}

.carousel .pagination ul li.active a {
	color: #e70033;
}

.carousel .pagination {
	top: 12px;
}

/*Alerts Styles*/

.myrheem-alert-title {
	padding: 0 500px 0 500px;
	background-color: #f9f0f0 !important;
	border-color: #e4b9c0 !important;
	color: black;
	font-family: "Roboto", sans-serif;
	line-height: 1.5;
}
.myrheem-alert-title h4 {
	margin: 0 0 0 0 !important;
}

.alert-body h4 {
	font-size: 15px !important;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0 0 0 0;
}

.alert-body {
	border-block: medium;
	opacity: .85;
	padding-bottom: 3px;
	padding-top: 3px;
	font-family: "Roboto", sans-serif;
}

.alert-body p {
	margin: 0 0 0 0;
	font-size: 13px !important;
}

.alert-body:hover {
	opacity: 1;
}

.btn-alert-dismiss {
	margin-left: 15px;
	font-weight: bold;
	float: right;
	box-shadow: inset 0px 1px 0px 0px #cf866c;
	background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color: #d0451b;
	border-radius: 3px;
	border: 1px solid #942911;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 20px;
	padding: 2px 5px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #854629;
}

.btn-alert-dismiss:hover {
	background: linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	background-color: #f24437;
}

.btn-alert-dismiss:active {
	position: relative;
	top: 1px;
}

/* custom radio styles */

.jcf-radio {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	background: #fff;
	border: 1px solid #b3b3b3;
	border-radius: 100%;
	margin: 0 3px 0 0;
	height: 15px;
	width: 15px;
}

.jcf-radio span {
	display: none;
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	background: #059791;
	border-radius: 100%;
}

.jcf-radio input[type="radio"] {
	position: absolute;
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}

.jcf-radio.jcf-checked span {
	display: block;
}

/* common custom form elements styles */

.jcf-disabled {
	background: #ddd !important;
}

@media all and (min-width: 480px) {
	.join-form .step-1 .radio-list .jcf-radio,
	.join-form .step-1 .radio-list label {
		max-width: 86%;
	}

	.browse-reward .featured-list li {
		width: 25%;
	}

	.carousel .image {
		width: auto;
	}

	.carousel .detail {
		float: none;
		overflow: hidden;
		padding: 0 25px;
	}
}

@media all and (min-width: 768px) {
	.logo {
		max-width: inherit;
		margin: -5px 0 0;
	}

	.header-content {
		padding: 0;
	}

	.nav-area {
		float: left;
		width: 100%;
		padding: 15px 0 0;
		text-align: center;
	}

	.slideshow {
		padding: 68px 0 19px;
	}

	.slideshow .slideset {
		margin: 0 0 34px;
	}

	.slideshow .slideset .slide {
		height: 300px;
	}

	.slideshow .logo-holder {
		max-width: inherit;
	}

	.slideshow .logo-holder.pro {
		max-width: inherit;
		padding: 0 62px;
	}

	.slideshow .logo-holder.pro:before,
	.slideshow .logo-holder.pro:after {
		font-size: 52px;
		line-height: 40px;
		left: 15px;
	}

	.slideshow .logo-holder.pro:after {
		left: auto;
		right: 15px;
	}

	#footer {
		text-align: left;
	}

	#footer .logo {
		float: right;
		margin: 0;
		max-width: 140px;
	}

	#footer .footer-nav {
		padding: 5px 0 0;
	}

	#footer .footer-nav li {
		display: inline-block;
		vertical-align: top;
		padding: 0 8px 0 0;
		margin: 0;
	}

	.info-box {
		width: 50%;
		float: left;
		margin: 0;
		padding: 0 20px 0 0;
	}

	.promo {
		text-align: right;
	}

	.promo .company-logo {
		float: left;
		margin: 0;
	}

	.promo .detail {
		padding: 22px 0 10px 10px;
	}

	.promo.add {
		text-align: center;
	}

	.promo.add .company-logo {
		float: none;
		display: inline-block;
		vertical-align: middle;
	}

	.promo.add .detail {
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		max-width: 90%;
		padding: 22px 0 10px 18px;
	}

	.faqs-block {
		margin: 21px -10px 85px;
	}

	.faqs-block .col {
		width: 50%;
		float: left;
	}

	.faqs-block .col:first-child .widget:after {
		top: auto;
		bottom: 0;
		background: #eee;
		background: -webkit-linear-gradient(left, #adadad 0%, #d3d3d3 0%, #fcfcfc 85%);
		background: linear-gradient(to right, #adadad 0%, #d3d3d3 0%, #fcfcfc 85%);
	}

	.faqs-block .col:first-child .widget:first-child:after {
		display: block;
	}

	.faqs-block .widget:after {
		background: #eee;
		background: -webkit-linear-gradient(left, #adadad 0%, #fcfcfc 0%, #d3d3d3 85%);
		background: linear-gradient(to right, #adadad 0%, #fcfcfc 0%, #d3d3d3 85%);
	}

	.faqs-block .widget:first-child:after {
		display: none;
	}

	.article .image {
		float: left;
		width: 50%;
		margin: 0;
	}

	.article .image img {
		display: block;
		margin: 0;
	}

	.article .info-box {
		float: right;
		width: 50%;
		padding-top: 17px;
	}

	.article .info-box h2 {
		margin: 0 0 9px;
	}

	.article .info-box .box-holder {
		margin: 0 0 15px;
		overflow: hidden;
	}

	.article.alignright .image {
		float: right;
	}

	.article.alignright .info-box {
		float: left;
	}

	.article.add .image {
		margin: 12px 0 0;
	}

	.article.add .image img {
		margin: 0 auto;
	}

	.steps-block .row-holder {
		margin: 0 0 79px;
	}

	.steps-block .row {
		margin: 0 -15px 15px;
	}

	.steps-block .col {
		float: left;
		width: 50%;
		padding: 0 15px;
		margin: 0;
	}

	.join-form {
		padding: 20px 0 72px;
	}

	.join-form .two-cols {
		margin: 0 -5px;
	}

	.join-form .two-cols .col {
		width: 50%;
		float: left;
		padding: 0 20px;
	}

	.join-form .btn-holder {
		padding-top: 30px;
	}

	.join-form .form-content .cols-holder {
		margin: 0 -29px;
	}

	.join-form .form-content .cols-holder .col {
		float: left;
		width: 50%;
		padding: 0 29px;
	}

	.join-form .form-content .widget-holder {
		margin: 0 -29px 23px;
	}

	.join-form .form-content .widget {
		float: left;
		width: 50%;
		padding: 0 29px 15px;
		margin: 0;
	}

	.product-block .info-box {
		width: 50%;
	}

	.links-carousel .mask ul li a {
		margin: 0 34px;
	}

	.product-detail {
		padding: 36px 0 0;
	}

	.carousel .image {
		width: 18%;
	}

	.carousel .detail {
		padding: 0 15px;
	}

	.carousel .detail h2 {
		margin: 0 0 10px;
	}

	.carousel .detail p {
		margin: 0 0 8px;
	}
}

@media all and (min-width: 1024px) {
	h1 {
		font-size: 35px;
		line-height: 38px;
	}

	#header {
		padding-bottom: 52px;
	}

	.nav-area {
		float: none;
		overflow: hidden;
		width: auto;
		text-align: right;
		padding: 53px 0 0 15px;
	}

	#footer .logo {
		max-width: inherit;
	}

	#footer .footer-nav li {
		word-spacing: 2px;
		padding: 0 19px 0 0;
	}

	.info-box {
		width: 53%;
		padding: 0 40px 0 0;
	}

	.featured-list {
		margin: 0 0 0 -33px;
	}

	.featured-list li {
		width: auto;
		padding: 0 23px;
	}

	.featured-list li + li:before {
		margin: 0 0 0 -25px;
	}

	.article.add {
		padding-bottom: 19px;
	}

	.article.add .info-box .box-holder {
		margin: 0 0 64px;
	}

	.article.img .image img {
		margin: 0 0 0 22px;
	}

	.steps-block {
		margin: 0 0 60px;
	}

	.steps-block .row {
		margin: 0 -45px 22px;
	}

	.steps-block .col {
		padding: 0 45px;
	}

	.featured-block .featured-list li {
		padding-left: 15px;
		padding-right: 15px;
	}

	.text-box {
		padding: 35px 0 78px;
	}

	.join-form .two-cols .col {
		padding: 0 91px;
	}

	.btn-list li {
		float: left;
		padding-bottom: 0;
	}

	.product-block {
		padding: 55px 0 108px;
	}

	.browse-reward .list-holder {
		padding: 75px 0 68px;
	}

	.browse-reward .list-holder:before {
		height: 11px;
	}

	.carousel {
		padding: 29px 0 0;
	}

	.carousel .image {
		width: auto;
		padding: 12px 0 0;
	}

	.carousel .mask .slide {
		padding-left: 22px;
	}

	.carousel .detail {
		position: relative;
		padding: 0 40px;
	}

	.carousel .detail:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 50px;
		height: 88px;
		margin: -44px 0 0;
		width: 1px;
		background: #eee;
		background: -webkit-radial-gradient(center, ellipse, #adadad 0%, #fff 80%);
		background: radial-gradient(ellipse at center, #adadad 0%, #fff 80%);
	}

	.carousel .detail h2 {
		margin: 0 0 17px;
	}
}

@media only screen and (min-width: 1025px) {
	a.tel {
		cursor: default;
		pointer-events: none;
	}
}

@media all and (min-width: 1060px) {
	.featured-block .featured-list li {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media all and (max-width: 767px) {
    .nav-area {
        float: right;
        padding: 10px 0 0;
    }

        .nav-area .nav-opener {
            display: block;
            width: 34px;
            height: 34px;
            position: relative;
            border: 1px solid #e70033;
            border-radius: 3px;
            -webkit-transition: all .25s linear;
            transition: all .25s linear;
        }

            .nav-area .nav-opener:hover {
                background: #e70033;
            }

                .nav-area .nav-opener:hover span,
                .nav-area .nav-opener:hover:before,
                .nav-area .nav-opener:hover:after {
                    background: #fff;
                }

            .nav-area .nav-opener span,
            .nav-area .nav-opener:before,
            .nav-area .nav-opener:after {
                background: #e70033;
                border-radius: 4px;
                position: absolute;
                top: 15px;
                left: 15%;
                right: 15%;
                height: 3px;
                -webkit-transition: all .25s linear;
                transition: all .25s linear;
            }

            .nav-area .nav-opener:before,
            .nav-area .nav-opener:after {
                content: "";
                top: 8px;
            }

            .nav-area .nav-opener:after {
                top: 22px;
            }

        .nav-area .list-holder {
            position: absolute;
            left: -15px;
            right: -15px;
            top: 79px;
            z-index: 10;
            max-height: 0;
            overflow: hidden;
            -webkit-transition: all .25s linear;
            transition: all .25s linear;
        }

            .nav-area .list-holder ul {
                -webkit-transition: all .25s linear;
                transition: all .25s linear;
                transform: translateY(-100%);
                -webkit-transform: translateY(-100%);
                -moz-transform: translateY(-100%);
                -o-transform: translateY(-100%);
                -ms-transform: translateY(-100%);
            }

        .nav-area.nav-active .nav-opener {
            background: #e70033;
        }

            .nav-area.nav-active .nav-opener span {
                opacity: 0;
            }

            .nav-area.nav-active .nav-opener:before,
            .nav-area.nav-active .nav-opener:after {
                background: #fff;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                top: 15px;
            }

            .nav-area.nav-active .nav-opener:after {
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
            }

        .nav-area.nav-active .list-holder {
            max-height: 4000px;
        }

            .nav-area.nav-active .list-holder ul {
                transform: translateY(0);
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -o-transform: translateY(0);
                -ms-transform: translateY(0);
            }

        .nav-area #nav {
            border-width: 1px 0 1px 0;
            border-color: #e70033;
            border-style: solid;
            padding: 15px 15px 10px;
            text-align: left;
            background: #fff;
        }

            .nav-area #nav li {
                display: block;
                margin: 0 0 5px;
            }

                .nav-area #nav li + li:before {
                    display: none;
                }

    .resize-active .nav-area .list-holder {
        display: none;
    }
}

    /***
Customized Bootstrap Alerts
***/
.alert {
  border-width: 1px;
  border-radius: 0;
}
.alert.alert-borderless {
  border: 0;
}

/***
Bootstrap Alerts
***/
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

/* General utilities */
.display-none,
.display-hide {
  display: none;
}

/***
Customized Bootstrap Close Icon 
***/
.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat !important;
  text-indent: -10000px;
  outline: none;
  background-image: url("/static/assets/global/img/remove-icon-small.png") !important;
}

.error > input[type="text"],
.error > input[type="email"],
.error > input[type="password"],
.error > select,
.error > input[type="tel"] {

    box-shadow: 0 0 10px rgba(255, 0, 0, .31);
	border-color: #f00;
}

.error > input[type="text"]:focus,
.error > input[type="email"]:focus,
.error > input[type="password"]:focus,
.error > select,
.error > input[type="tel"]:focus {
	box-shadow: 0 0 10px rgba(255, 0, 0, .31);
}