/* Minification failed. Returning unminified contents.
(2176,9): run-time error CSS1019: Unexpected token, found '@import'
(2176,17): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Lato')'
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* Plugin : DropKick */
.dk-select,.dk-select *,.dk-select :after,.dk-select :before,.dk-select-multi,.dk-select-multi *,.dk-select-multi :after,.dk-select-multi :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dk-select,.dk-select-multi{position:relative;display:inline-block;vertical-align:middle;line-height:1.5em;width:200px;cursor:pointer}.dk-selected{width:100%;white-space:nowrap;overflow:hidden;position:relative;background-color:#fff;border:1px solid #ccc;border-radius:.4em;padding:0 1.5em 0 .5em;-o-text-overflow:ellipsis;text-overflow:ellipsis}.dk-selected:after,.dk-selected:before{content:'';display:block;position:absolute;right:0}.dk-selected:before{top:50%;border:solid transparent;border-width:.25em .25em 0;border-top-color:#ccc;margin:-.125em .5em 0 0}.dk-selected:after{top:0;height:100%;border-left:1px solid #ccc;margin:0 1.5em 0 0}.dk-selected-disabled{color:#bbb}.dk-select .dk-select-options{position:absolute;display:none;left:0;right:0}.dk-select-open-up .dk-select-options{border-radius:.4em .4em 0 0;margin-bottom:-1px;bottom:100%}.dk-select-open-down .dk-select-options{border-radius:0 0 .4em .4em;margin-top:-1px;top:100%}.dk-select-multi .dk-select-options{max-height:10em}.dk-select-options{background-color:#fff;border:1px solid #ccc;border-radius:.4em;list-style:none;margin:0;max-height:10.5em;overflow-x:hidden;overflow-y:auto;padding:.25em 0;width:auto;z-index:100}.dk-option-selected{background-color:#000000;color:#fff}.dk-select-options-highlight .dk-option-selected{background-color:transparent;color:inherit}.dk-option{padding:0 .5em}.dk-select-options .dk-option-highlight{background-color:#3297fd;color:#fff}.dk-select-options .dk-option-disabled{color:#bbb;background-color:transparent}.dk-select-options .dk-option-hidden{display:none}.dk-optgroup{border:solid #ccc;border-width:1px 0;padding:.25em 0;margin-top:.25em}.dk-optgroup+.dk-option{margin-top:.25em}.dk-optgroup+.dk-optgroup{border-top-width:0;margin-top:0}.dk-optgroup:nth-child(2){padding-top:0;border-top:none;margin-top:0}.dk-optgroup:last-child{border-bottom-width:0;margin-bottom:0;padding-bottom:0}.dk-optgroup-disabled{opacity:.6;color:#bbb;cursor:not-allowed}.dk-optgroup-label{padding:0 .5em .25em;font-weight:700;width:100%}.dk-optgroup-options{list-style:none;padding-left:0}.dk-optgroup-options li{padding-left:1.2em}.dk-select-open-up .dk-selected{border-top-left-radius:0;border-top-right-radius:0;border-color:#3297fd}.dk-select-open-down .dk-selected{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#3297fd}.dk-select-open-down .dk-selected:before,.dk-select-open-up .dk-selected:before{border-width:0 .25em .25em;border-bottom-color:#3297fd}.dk-select-open-down .dk-selected:after,.dk-select-open-up .dk-selected:after{border-left-color:#3297fd}.dk-select-multi:focus .dk-select-options,.dk-select-open-down .dk-select-options,.dk-select-open-up .dk-select-options{display:block;border-color:#3297fd}.dk-select-multi:focus,.dk-select-multi:hover{outline:0}.dk-selected:focus,.dk-selected:hover{outline:0;border-color:#3297fd}.dk-selected:focus:before,.dk-selected:hover:before{border-top-color:#3297fd}.dk-selected:focus:after,.dk-selected:hover:after{border-left-color:#3297fd}.dk-select-disabled{opacity:.6;color:#bbb;cursor:not-allowed}.dk-select-disabled .dk-selected:focus,.dk-select-disabled .dk-selected:hover{border-color:inherit}.dk-select-disabled .dk-selected:focus:before,.dk-select-disabled .dk-selected:hover:before{border-top-color:inherit}.dk-select-disabled .dk-selected:focus:after,.dk-select-disabled .dk-selected:hover:after{border-left-color:inherit}select[data-dkcacheid]{display:none}

/* Main Styles */
@font-face {
  font-family: 'Effra';
  src: url('../fonts/effra_std_bd-webfont.woff2') format('woff2'),
       url('../fonts/effra_std_bd-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Effra';
  src: url('../fonts/effra_std_rg-webfont.woff2') format('woff2'),
       url('../fonts/effra_std_rg-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
body {
  position: relative;
}
.mepass {
  /*font-family: "Effra", "sans-serif";
  position: relative;
  /* To make sure height is at least as high as viewport 
  min-height: 100vh;*/
}
.hidden-mobile {
  display: none;
}
.hidden-web{
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.mobile-text{
  font-size: 17px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: -0.0025em;
  color: rgba(0,0,0,0.9) !important;
  line-height: 22px !important;
}
.mewatch-img-mobile{
  display: block !important;
}
.mewatch-img-desktop{
  display: none !important;
}
.melisten-img-mobile{
  display: block !important;
}
.melisten-img-desktop{
  display: none !important;
}
.merewards-img-mobile{
  display: block !important;
}
.merewards-img-desktop{
  display: none !important;
}
.cna-img-mobile{
  display: block !important;
}
.cna-img-desktop{
  display: none !important;
}
.eightworld-img-mobile{
  display: block !important;
}
.eightworld-img-desktop{
  display: none !important;
}
.product-img-mobile {
    display: block !important;
    width: 60px;
    height: 60px;
}
.product-img-desktop {
    display: none !important;
    width: 60px;
    height: 60px;
}
@media screen and (min-width: 980px) {
  .hidden-web{
    display:none;
  }
  .hidden-mobile {
    display: block;
  }
  .hidden-mobile.hidden-mobile--inline-block {
    display: inline-block;
  }
  .mepass:before {
    content: "";
    height: 100%;
    position: absolute;
    left: 50%;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.15);
  }
  .mewatch-img-mobile{
    display: none !important;
  }
  .mewatch-img-desktop{
    display: block !important;
  }
  .melisten-img-mobile{
    display: none !important;
  }
  .melisten-img-desktop{
    display: block !important;
  }
  .merewards-img-mobile{
    display: none !important;
  }
  .merewards-img-desktop{
    display: block !important;
  }
  .cna-img-mobile{
    display: none !important;
  }
  .cna-img-desktop{
    display: block !important;
    margin-right: 15px !important;
  }
  .eightworld-img-mobile{
    display: none !important;
  }
  .eightworld-img-desktop{
    display: block !important;
    margin-left: 15px !important;
  }
  .product-img-mobile {
    display: block !important;
    width: 60px;
    height: 60px;
  }
  .product-img-desktop {
    display: none !important;
    width: 60px;
    height: 60px;
  }
  .mobile-text{
    color: rgba(0,0,0,0.6) !important;
  }
}
.mepass-container {
  display: flex;
  max-width: 1170px;
  padding: 30px;
  flex-direction: column;
  margin: 0 auto;
  overflow: hidden;
}
.mepass a {
  color: rgba(0,0,0,0.9);
}
.mepass__description {
  text-align:center;
  color: rgba(0, 0, 0, 0.9);
}
.mepass__description h2{
  font-size: 22px;
  line-height: 28px;
}
.mepass__description strong {
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  line-height: 26px;
}
.mepass__description p {
  color: rgba(0, 0, 0, 0.6);
  line-height: 26px;
}
.mepass__products {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 30px auto 0 auto;
  width: 280px;
}
.mepass_product {
  margin: 0 6px;
  width: 30%;
  text-align: center;
  margin-bottom: 15px;
}
.mepass_product img {
  max-height: 45px;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 480px) {
  .mepass_product img {
    max-height: 60px;
  }
}
.mepass__form h3 {
  line-height: 21px;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  margin-bottom: 25px;
  margin-top: 0;
  font-size: 18px;
}
/* Form Inputs */
.mp-input-group {
  position: relative;
  margin-bottom: 25px;
}
.mp-input-group:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}
/* Hide autofill lock icon in Safari */
::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.mp-input-field {
  position: relative;
}
.mp-input-field label {
  position: absolute;
  top: 50%;
  left: 15px;
  width: auto;
  color: #d3d3d3;
  transition: 0.2s all;
  cursor: text;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 26px;
  font-weight: unset;
}
.mp-input-field .mp-input {
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  width: 100%;
  border: 0;
  outline: 0;
  border-bottom: 2px solid #d3d3d3;
  box-shadow: none;
  color: #111;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  height: 50px;
  padding: 0 1.8rem;
  box-sizing: border-box;
  background-color: #fff;
}

.mp-input-field .mp-input:focus,
.mp-input-field .mp-input:valid {
  border-color: rgba(0,0,0,0.25);
}
.mp-input-group--error .mp-input-field label,
.mp-input-group--with-helper .mp-input-dob .mp-input-field label,
.mp-input-dob--focus label,
.mp-input-field .dropdown label,
.mp-input-field .mp-input:focus~label,
.mp-input-field input.mp-input:not([data-floating-label]):valid~label,
.mp-input-field input.mp-input[data-has-value]~label
{
  font-size: 16px;
  top: -25px;
  color: #000;
  transform: translateY(0);
}
.mepass__form--signin .mp-input-group--error .mp-input-field label {
  display: none;
}
/* Dropkick Select Overrides */
.mp-input-field  select.mp-input.mp-select {
  /*color: transparent;*/
  border-color: #777;
}
.mp-input-field  select.mp-input.mp-select:focus {
  color: #000;
  border-color: #000;
}
.mp-selected .dk-selected {
  border-color: #000;
}
.mp-input-field .dk-select.mp-input {
  padding: 0;
  border:0;
  color: transparent;
}
.mp-selected .dk-selected,
.mp-input-field .dk-select.mp-input.dk-select-open-up,
.mp-input-field .dk-select.mp-input.dk-select-open-down {
  color: #000;
}
.mp-input-field .dk-selected {
  height: 100%;
  line-height: 2.3;
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0 1.5em 0 15px;
}
.mp-input-field .dk-select-open-up .dk-selected,
.mp-input-field .dk-select-open-down .dk-selected {
  border: 1px solid #000;
}
.mp-input-field .dk-select-open-up .dk-selected {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mp-input-field .dk-select-open-down .dk-selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mp-input-field .dk-selected.hidden-option {
  color: transparent;
} 
.mp-input-field .dk-selected:hover,
.mp-input-field .dk-selected:focus,
.mp-input-field .dk-select-open-down .dk-select-options,
.mp-input-field .dk-select-open-up .dk-select-options
{
  border-color: #000;
  border: 1px solid #000;
}
.mp-input-field .dk-select-options .dk-option-highlight  {
  background-color: #000;
}
.mp-input-field .dk-select-open-down .dk-select-options {
  border-radius: 0 0 30px 30px;
}
.mp-input-field .dk-select-open-up .dk-select-options {
  border-radius: 30px 30px 0 0;
  padding: 0;
}
.mp-input-field .dk-option {
  padding: 5px 15px;
}
.dk-selected:after {
  display: none;
}
.btn-toggle-password {
  position: absolute;
  right: 15px;
  cursor: pointer;
  top: 50%;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.35);
  transform: translateY(-50%);
}
/* .mp-input-group.mp-input-group--success .btn-toggle-password {
  display: none;
} */
/* Dropkick Arrow */
.dk-selected:before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4625 0.292486L5.5825 4.17249L1.7025 0.292486C1.51567 0.105233 1.26202 0 0.9975 0C0.732982 0 0.479331 0.105233 0.2925 0.292486C-0.0975 0.682486 -0.0975 1.31249 0.2925 1.70249L4.8825 6.29249C5.2725 6.68249 5.9025 6.68249 6.2925 6.29249L10.8825 1.70249C11.2725 1.31249 11.2725 0.682486 10.8825 0.292486C10.4925 -0.0875144 9.8525 -0.0975144 9.4625 0.292486Z' fill='black' fill-opacity='0.35'/%3E%3C/svg%3E%0A");
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0;
  border: 0;
  right: 15px;
  transition: transform 0.2s ease-out;
  top: 45%;
}
.mp-input-group.mp-input-group--success .dk-selected:before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4625 0.292486L5.5825 4.17249L1.7025 0.292486C1.51567 0.105233 1.26202 0 0.9975 0C0.732982 0 0.479331 0.105233 0.2925 0.292486C-0.0975 0.682486 -0.0975 1.31249 0.2925 1.70249L4.8825 6.29249C5.2725 6.68249 5.9025 6.68249 6.2925 6.29249L10.8825 1.70249C11.2725 1.31249 11.2725 0.682486 10.8825 0.292486C10.4925 -0.0875144 9.8525 -0.0975144 9.4625 0.292486Z' fill='%23000'/%3E%3C/svg%3E%0A");
}
.dk-select-open-down .dk-selected:before, .dk-select-open-up .dk-selected:before {
    transform: translateY(-10px) rotate(180deg);
}
/* DOB */
.mp-input-dob {
  display: flex;
  align-items: center;
  border: 1px solid #bbb;
  border-radius: 30px ;
  cursor: text;
}

@media screen and (max-width: 699px) {
    label[for="birthdate_lbl"] {
        top: 12px !important;
    }
}
@media screen and (min-width: 700px) {
    label[for="birthdate_lbl"] {
        top: 6px !important;
    }
}

.mp-input-dob--focus.mp-input-dob input {
    opacity: 1;
    z-index: 1;
}
.mp-input-dob--focus.mp-input-dob {
  border-color: #000;
}
.mp-input-dob .mp-input-field {
  padding: 0 15px;
}

.mp-input-dob input {
  opacity: 1;
  width: calc( 30% - 15px );
  height: 50px;
  border: 0;
  text-align:center;
  padding-left: 20px;
  max-height: 50px;
  background-color: transparent;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 980px) {
  .mp-input-dob input {
    height: 37px;
    max-height: 50px;
  }
}
.mp-input-dob .dob-day {
  padding-left: 0;
}
.mp-input-dob input:focus {
  outline: 0;
  z-index:1;
}
.mp-input-dob span {
  position: relative;
}
.mp-input-dob span:after {
  content: "";
  display: none;
  position: absolute;
  width: 30px;
  height: 0px;
  left: -15px;
  top: 8px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  transform: rotate(110deg);
}
.mp-input-dob.mp-input-dob--focus span:after {
  display: block
}
/* Checkbox */
.mp-checkbox {
  position: relative;
  padding-left: 50px;
  /*margin-bottom: 12px;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 10px;
}
.mp-checkbox label {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  line-height: 18px;
}
.mp-checkbox input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.mp-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 15px;
  height: 20px;
  width: 20px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
}
.mp-checkbox.required .checkmark:before {
  content: "*";
  position:absolute;
  left: -15px;
  color: #E94335;
  top: -5px;
}
.mp-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.32199 9.69781L1.42256 6.38647C1.26645 6.20778 1.05451 6.10736 0.833483 6.10736C0.612459 6.10736 0.400516 6.20778 0.244405 6.38647C-0.0814682 6.75864 -0.0814682 7.35984 0.244405 7.732L3.73709 11.7209C4.06297 12.093 4.58938 12.093 4.91525 11.7209L13.7556 1.62464C14.0815 1.25247 14.0815 0.651279 13.7556 0.279112C13.5995 0.100421 13.3875 0 13.1665 0C12.9455 0 12.7336 0.100421 12.5774 0.279112L4.32199 9.69781Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
}
.mp-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Form Message */
.mp-input-msg {
  /*padding:0 1rem 0 1rem;*/
  font-size: 12px;
  display: block;
}
.mp-input-msg.mp-input-msg--show {
  display: block;
  opacity: 1;
  animation: fade-in 0.2s ease-out;
} 
.mp-input-group.mp-input-group--checkboxes .mp-input-msg {
  margin-left: -50px;
}
.mp-input-msg p {
  margin: 5px 0;
}
.mp-input-msg--error ul {
  margin:0;
  color:  #E94335;
}
.mp-form-errors {
  text-align: center;
  margin-bottom:15px;
}
.mp-form-errors,
.mp-form-errors a,
.mp-input-msg--error ul a {
  color:  #E94335;
}
.mp-input-msg--error {
     color: #E94335;
}
/* Validation States */
.mp-input-group--custom-error .mp-custom-error,
.mp-input-group .mp-input-msg--error,
.mp-input-msg.mp-input-msg--error {
  color:  #E94335;
}
.mp-input-error-font{
  color: #E94335;
}
.mp-input-group.mp-input-group--error .mp-input-helper {
  display: none;
}

.mp-input-group.mp-input-group--with-helper .mp-input-msg--error {
  display: block !important;
}
.mp-input-group.mp-input-group--with-helper.mp-input-group--error .mp-input-msg--error {
  display: block !important;
}
.mp-input-group--error .mp-custom-error{
  display: none;
}
.mp-input-group--error.mp-input-group--custom-error  .mp-custom-error {
  display: block;
}
.mp-input-group.mp-input-group--error .mp-input-dob span:after,
.mp-input-group.mp-input-group--error .mp-input-dob,
.mp-input-group.mp-input-group--error .mp-checkbox .checkmark,
.mp-input-group.mp-input-group--error .dk-selected,
.mp-input-group.mp-input-group--error .mp-input:focus, 
.mp-input-group.mp-input-group--error .mp-input:valid,
.mp-input-group.mp-input-group--error .mp-input {
  border-color: #E94335;
} 

.mp-input-group--success .mp-input-field select.mp-input.mp-select~label,
.mp-input-group--success .mp-input-dob--focus label,
.mp-input-group--success .mp-input-field .dk-select.mp-selected~label,
.mp-input-group--success .mp-input-field .mp-input:focus~label, 
.mp-input-group--success .mp-input-field input.mp-input:valid~label {
  color:  #000;
  display: none;
}
.mp-input-group--success .mp-input-field select.mp-input.mp-select,
.mp-input-group--success .mp-input,
.mp-input-group--success input  {
  color: #000;
}
.mp-input-group.mp-input-group--success .mp-input-dob span:after,
.mp-input-group.mp-input-group--success .mp-input-dob--focus.mp-input-dob,
.mp-input-group.mp-input-group--success .mp-selected .dk-selected,
.mp-input-group.mp-input-group--success .mp-input:focus, 
.mp-input-group.mp-input-group--success .mp-input:valid,
.mp-input-group.mp-input-group--success .mp-input {
  border-color: #000;
} 
.mp-input-group--no-icon.mp-input-group--error:before ,
.mp-input-group--no-icon.mp-input-group--success:before {
  display: none;
}
.mp-input-group--error:before {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='19' viewBox='0 0 6 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01807 18.15C2.41807 18.15 1.9014 17.9417 1.46807 17.525C1.0514 17.0917 0.843066 16.575 0.843066 15.975C0.843066 15.375 1.0514 14.8667 1.46807 14.45C1.9014 14.0333 2.41807 13.825 3.01807 13.825C3.61807 13.825 4.1264 14.0333 4.54307 14.45C4.95973 14.8667 5.16807 15.375 5.16807 15.975C5.16807 16.575 4.95973 17.0917 4.54307 17.525C4.1264 17.9417 3.61807 18.15 3.01807 18.15ZM1.31807 5.25V0.0999995H4.69307V5.25L4.34307 11.85H1.66807L1.31807 5.25Z' fill='%23E94335'/%3E%3C/svg%3E%0A");
  right: -12px;
  top: 16%;
  height: 26px;
  width: 6px;
}
.mp-input-group--success:before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.32199 8.88966L1.42256 5.85427C1.26645 5.69047 1.05451 5.59842 0.833483 5.59842C0.612459 5.59842 0.400516 5.69047 0.244405 5.85427C-0.0814682 6.19542 -0.0814682 6.74652 0.244405 7.08767L3.73709 10.7441C4.06297 11.0853 4.58938 11.0853 4.91525 10.7441L13.7556 1.48925C14.0815 1.1481 14.0815 0.597006 13.7556 0.255853C13.5995 0.0920528 13.3875 0 13.1665 0C12.9455 0 12.7336 0.0920528 12.5774 0.255853L4.32199 8.88966Z' fill='%23000'/%3E%3C/svg%3E%0A");
  height: 18px;
  width: 15px;
  top: 35%;
  right: -20px;
}

@media screen and (min-width: 760px) {
  .mepass-container {
    max-width: 500px;
  }
}
@media screen and (min-width: 980px) {
  .mepass-container {
    flex-direction: row;
    justify-content: space-between;
    padding: 60px 0;
    padding-top: 35px;
    margin: 0 auto;
    max-width: 94%;
  }
  @media screen and (min-width: 1200px) {
    .mepass-container {
      max-width: 1170px;
    }
  }

  .mepass__form {
    max-width:500px;
  }
  .mepass-container > div {
    width: 40%;
  }
  .mepass-container > div.mepass__form {
    width: 45%;
  }
  .mepass-container > div.mepass__form  > *{
     padding: 0 25px;
  }
  .mepass-container > div.mepass__form > .mepass__form--create-cta {
    padding: 35px 25px;
  }
  .mepass__form {
    order: 2
  }
  .mp-input-field .mp-input {
    height: 42px;
    /*font-size: 1rem;*/
  }
  .mp-input-field .dk-selected {
    line-height: 50px;
  }
  .mp-input-group--error:before { 
    top: 15px;
  }
}
.mp-btn-list {
  display: flex;
  flex: 1 1 15px;
  margin: 15px 0;
}
.mp-btn-list .mp-btn {
  margin-right: 15px;
}
.mp-btn-list .mp-btn:last-child {
  margin-right: 0;
}
.mp-btn {
  font-family: "Effra", "sans-serif";
  display: block;
  width: 100%;
  padding: 12px 0;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 13px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  margin: 0;
  text-align:center;
  font-weight: 900;
  border: 1px solid grey;
}
.mp-btn:active,
.mp-btn:focus {
  outline: 0;
}
.mp-btn.mp-btn--solid {
  background-color: #000;
  color: #fff;
  transition: all 0.3s ease-out;
  border: none;
}
.mp-btn.mp-btn--solid:hover {
  background-color: #00664B
}
.mp-btn.mp-btn--solid:disabled:hover {
  background-color: #000;
}
.mp-btn.mp-btn--ghost {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.9);
}
/* Social Buttons */
.mp-btn--social {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.5);
  font-weight: 900;
  text-align: left;
}
.mp-btn--social {
  padding-left: 20px;
  outline: 0;
}
.mp-btn--social:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#facebook:before {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 13C26 5.82029 20.1797 0 13 0C5.82029 0 0 5.82029 0 13C0 19.4886 4.75389 24.8668 10.9688 25.8421V16.7578H7.66797V13H10.9688V10.1359C10.9688 6.87781 12.9096 5.07812 15.879 5.07812C17.3014 5.07812 18.7891 5.33203 18.7891 5.33203V8.53125H17.1498C15.535 8.53125 15.0312 9.53342 15.0312 10.5615V13H18.6367L18.0604 16.7578H15.0312V25.8421C21.2461 24.8668 26 19.4886 26 13Z' fill='%231877F2'/%3E%3Cpath d='M18.0604 16.7578L18.6367 13H15.0312V10.5615C15.0312 9.53342 15.535 8.53125 17.1498 8.53125H18.7891V5.33203C18.7891 5.33203 17.3014 5.07812 15.879 5.07812C12.9096 5.07812 10.9688 6.87781 10.9688 10.1359V13H7.66797V16.7578H10.9688V25.8421C11.6307 25.9459 12.3089 26 13 26C13.6911 26 14.3693 25.9459 15.0312 25.8421V16.7578H18.0604Z' fill='white'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px;
  left: 23%;
  font-weight: bold;
}
#google:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath style='fill:%23FBBB00;' d='M113.47,309.408L95.648,375.94l-65.139,1.378C11.042,341.211,0,299.9,0,256 c0-42.451,10.324-82.483,28.624-117.732h0.014l57.992,10.632l25.404,57.644c-5.317,15.501-8.215,32.141-8.215,49.456 C103.821,274.792,107.225,292.797,113.47,309.408z'/%3E%3Cpath style='fill:%23518EF8;' d='M507.527,208.176C510.467,223.662,512,239.655,512,256c0,18.328-1.927,36.206-5.598,53.451 c-12.462,58.683-45.025,109.925-90.134,146.187l-0.014-0.014l-73.044-3.727l-10.338-64.535 c29.932-17.554,53.324-45.025,65.646-77.911h-136.89V208.176h138.887L507.527,208.176L507.527,208.176z'/%3E%3Cpath style='fill:%2328B446;' d='M416.253,455.624l0.014,0.014C372.396,490.901,316.666,512,256,512 c-97.491,0-182.252-54.491-225.491-134.681l82.961-67.91c21.619,57.698,77.278,98.771,142.53,98.771 c28.047,0,54.323-7.582,76.87-20.818L416.253,455.624z'/%3E%3Cpath style='fill:%23F14336;' d='M419.404,58.936l-82.933,67.896c-23.335-14.586-50.919-23.012-80.471-23.012 c-66.729,0-123.429,42.957-143.965,102.724l-83.397-68.276h-0.014C71.23,56.123,157.06,0,256,0 C318.115,0,375.068,22.126,419.404,58.936z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  height: 16px;
  width: 16px;
  left: 23%;
}
#apple:before {
  background-image: url("images/socialicons/apple.png");
  height: 25px;
  width: 18px;
  left: 23%;
}
#meconnect:before {
  background-image: url("images/socialicons/meconnect.png");
  height: 18px;
  width: 18px;
  left: 23%;
}

@media screen and (min-width: 480px) {
  #btnFBSignIn:before {
    height: 26px;
    width: 26px;
    left: 15%;
  }
  #btnGoogleSignIn:before {
    height: 25px;
    width: 25px;
    left: 20%;
  }
}
@media screen and (min-width: 768px) and (max-width:1200px) {
  #btnGoogleSignIn:before  {
    left: 15%;
  }
  #btnFBSignIn:before{
    left: 10%;
  }
}
.mp-heading--border {
  text-align: center;
  position: relative;
  font-weight: bold;
  font-size: 18px;
  line-height: 5px;
}
.mp-heading--border:before,
.mp-heading--border:after {
  content: "";
  width: 20%;
  height:1px;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  top:50%;
}
@media screen and (min-width: 200px) {
  .mp-heading--border:before,
  .mp-heading--border:after {
    width: 45%;
  }
}
.mp-heading--border:before {
  left:0;
}
.mp-heading--border:after {
  right:0;
}
.mepass__form--social {
  margin-top:30px;
}
/* Back Button */
.mepass .btn-back {
  display: block;
  text-decoration: none;
  color: #202020;
  position: relative;
  padding-left: 25px;
  margin-bottom: 30px;
}
.mepass .btn-back:hover {
  color: #000;
}
.mepass .btn-back:before {
  position: absolute;
  left: 0;
  content: "";
  height: 1rem;
  width: 11px;
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(90deg);
  top: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.31432 0.287905L5.49508 4.10714L1.67584 0.287905C1.49193 0.103585 1.24225 0 0.981879 0C0.721504 0 0.471825 0.103585 0.287919 0.287905C-0.0959731 0.671798 -0.0959731 1.29193 0.287919 1.67582L4.80604 6.19395C5.18993 6.57784 5.81007 6.57784 6.19396 6.19395L10.7121 1.67582C11.096 1.29193 11.096 0.671798 10.7121 0.287905C10.3282 -0.0861439 9.69821 -0.0959873 9.31432 0.287905Z' fill='%23424242' fill-opacity='1'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 980px) {
  .mepass .btn-back {
    display: none;
  }
}
/* Modal */
.mp-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0);
  background-color: rgba(255,255,255,0.8);
}

/* Modal Content */
.mp-modal .modal-content {
  position: relative;
  border-radius: 12px;;
  background-color: #fff;
  margin: auto;
  padding: 0;
  width: 80%;
  max-width: 550px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.mp-modal .close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.mp-modal.close:hover,
.mp-modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.mp-modal .modal-body {
  padding: 30px;
  text-align: center;
}
.mp-modal .modal-body h3 {
  margin-bottom: 20px;
}
.mp-modal .modal-body p {
  margin: 15px auto;
  
}
.mp-modal .modal-body button {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .mp-modal .modal-body {
    padding: 50px;
  }
  .mp-modal .modal-body > * {
    max-width: 400px;
    margin: 0 auto;
  }
  .mp-modal .modal-body h3 {
    font-size: 1.4rem;
  }
  .mp-modal .modal-body p {
    font-size: 1.3rem;
  }
}

/* Sign In */
.mp-label--icon {
  padding-left: 25px;
}
.mp-input-field input.mp-input:valid~label.mp-label--icon,
.mp-input-field .mp-input:focus~label.mp-label--icon {
  padding-left: 0;
}
.mp-label--icon:before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: 50%;
  height: 16px;
  width: 16px;
  transform: translateY(-50%);
}
.mp-label--icon--email:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4C12 6.21002 10.21 8 8 8C5.79004 8 4 6.21002 4 4C4 1.78998 5.79004 0 8 0C10.21 0 12 1.78998 12 4ZM0 14C0 11.34 5.32996 10 8 10C10.67 10 16 11.34 16 14V15C16 15.55 15.55 16 15 16H1C0.449951 16 0 15.55 0 15V14Z' fill='%23dadada' fill-opacity='1'/%3E%3C/svg%3E%0A");
}
.mp-label--icon--password:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 7.5H13V5.5C13 2.74 10.76 0.5 8 0.5C5.23999 0.5 3 2.74 3 5.5V7.5H2C0.900024 7.5 0 8.4 0 9.5V19.5C0 20.6 0.900024 21.5 2 21.5H14C15.1 21.5 16 20.6 16 19.5V9.5C16 8.4 15.1 7.5 14 7.5ZM8 16.5C6.90002 16.5 6 15.6 6 14.5C6 13.4 6.90002 12.5 8 12.5C9.09998 12.5 10 13.4 10 14.5C10 15.6 9.09998 16.5 8 16.5ZM5 5.5V7.5H11V5.5C11 3.84 9.66003 2.5 8 2.5C6.33997 2.5 5 3.84 5 5.5Z' fill='%23dadada' fill-opacity='1'/%3E%3C/svg%3E%0A");
}
.mp-input-field input.mp-input:valid~label.mp-label--icon:before,
.mp-input-field .mp-input:focus~label.mp-label--icon:before {
  display: none;
}
.mepass__form--forgot {
  text-align:center;
  padding: 15px 0 0 0;
}
.mepass__form--create-cta {
  position: relative;
  padding: 30px 0 0 0;
  border-radius: 12px;
  margin-top: 30px;
}
.mepass__form--create-cta:before {
  width: 120%;
  height: 1px;
  content: "";
  position: absolute;
  top: 0;
  left: -10%;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 980px) {
  .mepass__form--create-cta {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(196, 196, 196, 0.5);
    padding: 50px;
  }
  .mepass__form--create-cta:before {
    display: none;
  }
}
@media screen and (min-width: 980px) { 
  .mepass__form--create-cta {
    padding:50px;
  }
}

.mepass__form--create-cta h3 {
  margin:  0 0 15px 0;
}
@media screen and (min-width: 980px) {
  .mepass__form--create-cta {
    margin-top:20px;
  }
}
@media screen and (max-width: 768px) {
 .mepass__description {
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    margin-top:10%;
}
}

@media screen and (max-width: 979px) {
    .mepass__description_New {
        text-align: center;
        color: rgba(0, 0, 0, 0.9);
        margin-top: 10% !important;
    }
}
@charset "UTF-8";
/* CSS Document */

/*@import url("meradio/meradio.css");*/


body {
	position: relative;
}

.wrapper {
	/*min-height:100%;
	position:relative;*/
    font-family: "Effra", "sans-serif";
    position: relative;
    min-height: 100vh;
}
@media screen and (min-width: 980px) {
    .wrapper:before {
        content: "";
        height: 100%;
        position: absolute;
        left: 50%;
        width: 1px;
        background-color: rgba(0, 0, 0, 0.15);
    }
}

.wrapper>.container{
    font-family: "Effra", "sans-serif";
	padding-bottom:90px;
}

/*body{font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#fff;}*/

img{border:none;}

.dropdown {
    /*display: inline-block;*/
    position: relative;
    overflow: hidden;
    height: 100%;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
    background:#fff; 
    width: 100%;
}

/*input[type="text"], input[type="password"]{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:15px; background:#fff; border:1px solid #999; padding:8px 2rem;
	-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 30px;width:100%;
}*/
/*input[type="tel"]{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:15px; background:#fff; border:1px solid #999; padding:9px; width: 100%;
	-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 30px;
}*/
.dropdown:before, .dropdown:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 18px;
    right: 10px;
    width: 0;
    height: 0;
    border: 4px dashed;
    border-color: #999 transparent;
    pointer-events: none;
}


.dropdown:before {
    border-bottom-style: solid;
    border-top: none;
    color:grey;
}


.dropdown:after {
    margin-top: 7px;
    border-top-style: solid;
    border-bottom: none;
    color:black;
}

@media screen and (max-width: 700px) {
	.dropdown:after {
		top: 28px !important;
	}
}

.dropdown-select {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 6px 8px 6px 10px;
    height: 100%;
    color:black;
    line-height: 30px;
    border: 1px solid #999;
    border-radius: 30px;
    /*border: 1px solid #999;*/
    /*border-radius: 0;*/
    /*for Firefox*/
    -webkit-appearance: none;
    /*for firefox*/
    -moz-appearance: none;
}


.dropdown-select.valid {
    display:inline-block;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin: 0;
    border: 1px solid #999;
    border-radius: 30px;
    /*for Firefox*/
    -webkit-appearance: none;
    /*for firefox*/
    -moz-appearance: none;
}

/*for IE10*/
select::-ms-expand {
    display: none;
}

.dropdown-select:focus {
    width: 100%;
    outline-offset: -2px;
}

.dropdown-select > option {
    /*margin: 3px;*/
    /*padding: 6px 8px;*/
    text-shadow: none;
    border-radius: 3px;
    cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */

.lt-ie9 .dropdown {
  z-index: 1;
}

.lt-ie9 .dropdown-select {
  z-index: -1;
}

.lt-ie9 .dropdown-select:focus {
  z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */

@-moz-document url-prefix() {
  .dropdown-select {
    padding-left: 6px;
  }
}


/*button{
    cursor: pointer;
}*/
.btn-socialicons {
    display: inline-block;
    width: 46%;
    border-radius: 30px;
    border: thin solid #888;
    white-space: nowrap;
    text-align: center;
    margin: 5px 1%;
    line-height:3.2;
}

.btn-socialicons:hover{
     cursor: pointer;
}
    .btn:hover {
        cursor: pointer;
    }

.btn-google {
    background: white;
    color: #444;
}

.btn-yahoo {
    background: #6E329D;
    color: #fff;
}

.btn-facebook {
    background: #fff;
    color: #444;
}

.btn-windowsliveid {
    background: #014389;
    color: #fff;
}

span.label {
    font-family: serif;
    font-weight: normal;
}

span.icon-google {
    background: url('images/socialicons/google.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 6px;
}

span.icon-yahoo {
    background: url('images/socialicons/yahoo.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 6px;
}

span.icon-facebook {
    background: url('images/socialicons/facebook3.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 6px;
}

span.icon-apple {
    background: url('images/socialicons/apple.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 6px;
}

span.icon-windowsliveid {
    background: url('images/socialicons/microsoft.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 6px;
}

span.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 14px;
    font-weight: bold;
    /* Use the Roboto font that is loaded in the <head> */
    font-family: 'Roboto', sans-serif;
}

.break {
    margin: 5px 0;
}

.text-center {
    text-align: center;
}
input[type='submit'].but-blue,
input[type='reset'].but-blue {
    cursor: pointer;
}

.mandatory-label:before { 
   content:"*";
   color:red;   
   font-size: 13px;
}

.mandatory-input:before { 
   content:"*";
   color:red;
   display:block;
   margin-bottom: -7px;
   font-size: 13px;
}

.optional-input:before { 
   content:"";
   color:transparent;
   display:block;
   margin-bottom: 8px;
   font-size: 13px;
}

/*input[type="text"], input[type="password"]{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:15px; background:#fff; border:1px solid #999; padding:12px;
	-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 30px;
}*/
/*input[type="tel"]{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:15px; background:#fff; border:1px solid #999; opacity: 1;
    z-index: 1;	-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 30px;
}*/
*:focus{  outline:none; }
label input[type="checkbox"], input[type="radio"]{
  position: absolute;
  top: 50%;
  left: 15px;
  width: auto;
  color: #d3d3d3;
  transition: 0.2s all;
  cursor: text;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 26px;
}
select { box-sizing: border-box; font-size: 15px; background: #fff; padding: 10px 2rem; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 30px;}
fieldset{border: 2px solid #CCC;width: 92%; padding: 8px; margin:0 auto;}
legend { font-size:14px; font-weight:bold; color:#F00;}
	label.small{font-size:15px;}

h1{font-size:1.5em; margin:0 0 5px 0; color:#000000; line-height:140%;}
/*h2{
    font-size: 1.4em;
    padding: 6px 10px;
    display: block;
    color: #000;
    margin: 0 0 10px 0;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid grey;
}*/

	/* Heading for Sign up privileges */
	.h1_freesignup{color:#fff !important; background-color:#2E8EC1;}
	.h1_normaltext{color:#555;}



a{color:#000; text-decoration:underline;}
a:hover{text-decoration:none;}
a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

.clear{clear:both; display:block;}
.img-responsive{display:inline-block; height:auto; max-width:100%;}

.success{color:#090;}
.failed{color:#f00;}

.pwd-help{width:100%;}

.icon-pwd-help{border-radius:50%; width:15px; height:15px; border:2px solid #00F; text-align:center; line-height:15px; font-weight:normal; margin-left:5px; color:#00F;}
/*.pwd-help-tooltip{position:absolute; padding:5px; background:#00F; color:#fff; text-align:center; display:none; width:auto;}
	.pwd-help-tooltip .but-close{display:inline-block; border-radius:50%; width:20px; height:20px; background:#fff; color:#00F; text-decoration:none; text-align:center; line-height:20px; margin-right:5px;}*/

.icon_info {padding:8px 30px 5px; background:url(images/mainpage/icon_info.png) no-repeat left 7px; line-height:130%; }
.no-background{background: none !important}

.but-blue{
	border:1px solid #2a2c2f; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-family:arial, helvetica, sans-serif; padding-top: 15px; padding-bottom: 15px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0);font-weight:bold; color: #FFFFFF; line-height:1;
	background-color: #000000;
    font-size: 13px;
    width: 100%;
    cursor: pointer;
    
     background-color: #45484d; background-image: -webkit-gradient(linear, left top, left bottom, from(#45484d), to(#000000));
     background-image: -webkit-linear-gradient(top, #45484d, #000000);
     background-image: -moz-linear-gradient(top, #45484d, #000000);
     background-image: -ms-linear-gradient(top, #45484d, #000000);
     background-image: -o-linear-gradient(top, #45484d, #000000);
     background-image: linear-gradient(to bottom, #45484d, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#45484d, endColorstr=#000000);
}

.but-blue:hover{
     border:1px solid #151617;
     background-color: #2d2f32; background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2f32), to(#4C658F));
     background-image: -webkit-linear-gradient(top, #2d2f32, #4C658F);
     background-image: -moz-linear-gradient(top, #2d2f32, #4C658F);
     background-image: -ms-linear-gradient(top, #2d2f32, #4C658F);
     background-image: -o-linear-gradient(top, #2d2f32, #4C658F);
     background-image: linear-gradient(to bottom, #2d2f32, #4C658F);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2d2f32, endColorstr=#4C658F);
	/*border:1px solid #4a4b4a;
	background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
	background-image: -webkit-linear-gradient(top, #646464, #282828);
	background-image: -moz-linear-gradient(top, #646464, #282828);
	background-image: -ms-linear-gradient(top, #646464, #282828);
	background-image: -o-linear-gradient(top, #646464, #282828);
	background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);*/
     cursor: pointer;
}

@-moz-document url-prefix() { 
  input[type='submit'].but-blue,
  input[type='reset'].but-blue {
      padding: 7px 10px;
      cursor: pointer;
  }
}


.alertbox{width:280px; border:1px solid #000; margin:0 auto; background:#fff; padding:5px;margin-top: 300px;}
	.alertbox .alertbox-top{text-align:right; background:#0f97d5; padding:5px;}
		.alertbox .alertbox-top .alertbox-title{float:left; font-size:1.5em; font-weight:bold; color:#fff;}
		.alertbox .alertbox-top .but-close{border-radius:50%; width:20px; height:20px; background:#333; color:#fff; text-decoration:none; text-align:center; line-height:20px; float:right;}
	.alertbox .alertbox-msg{margin:30px 10px; text-align:center;}

.alertbox-msg-failed{color:#fc0909; margin : 30px 10px; text-align : center;}

.alertbox-msg-green{color:#090; margin : 30px 10px; text-align : center;}

.error-row{text-align:right; padding-bottom:8px; vertical-align:middle;}
.error{font-size:0.75em; color:#f00;}

.optional{font-style:italic; font-size:0.75em;}

.login-table .login-field{width:100px; vertical-align:middle;}
.login-table .error-row{text-align:right;}

.registration-table{width:100%; max-width:450px;}
	.registration-table input[type="text"], .registration-table input[type="password"], .registration-table select{width:100%;}
	.registration-table .birthdate{display:inline-block; width:27%; margin-right:1%;} /* windows phone render 30% + 30% + 30% + 2% as > 100 ??? */
    .registration-table .birthdate:last-child{margin-right:0; width:27%; }
    .registration-table .fullwidthbirthdate{margin-right:0; width:100% !important;}
    .registration-table .birthyear{display:inline-block; width:100% !important;}

.profile-table{width:100%; margin-bottom:20px;}
	.profile-table input[type="text"], .profile-table input[type="password"], .profile-table select, .profile-table textarea{width:100%;}
	.profile-table .birthdate{display:block; width:30%; margin-right:1%;}
	.profile-table .birthdate:last-child{margin-right:0; width:auto;}
    .profile-table .labelAdded{display:inline-block; width:50%; float:left; margin-right:5px;}
    .profile-table .BirthYearMonth{width:50%;padding:0 !important;}
    .profile-table .fullwidth{width:100%;}
    .profile-table .birthyear{margin-right:1% !important; width:auto;}
    



.password-table{width:100%; max-width:400px;}
	.password-table input[type="text"], .password-table input[type="password"]{width:100%;}

/*.top{background:#ebebeb; display:block; position:relative; padding:10px 0; border-bottom:2px #000 solid;}*/
.top{background:#ffffff; display:block; position:relative; padding:10px 0; border-bottom:2px #202020 solid;}
	.top .container{background:none !important;}

.container{margin:0 auto; position:relative; background:#fff;}
	.container .header{padding:0 0 0 0;}
		.container .header .header-title{display:block; width:100%; margin-top:10px; text-align:center;}
		.container.updateprofile .header .header-nav, .header-nav1{
				/*text-align:center; vertical-align:top; 
				background:#fff; padding:10px 10px; width:100%; margin-bottom:10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit 
	-moz-box-sizing: border-box;    /* Firefox, other Gecko  
	box-sizing:border-box;
    border-bottom:1px solid grey;*/
                height: 40px;
                font-size: 18px;
                line-height: 18px;
                text-align: center;

                color: rgba(0, 0, 0, 0.75);
			}
			.container.updateprofile .header .header-nav ul{margin:0; padding:0; list-style:none;}
				.container.updateprofile .header .header-nav ul li{display:inline-block; padding:0 5px; font-size:15px;}
					.container .header .header-nav ul li a{margin:0 10px; color:grey; text-decoration:none;}
                    .container .header .header-nav ul li a:active, a:focus {
                                                  outline: 0;
                                                  border: none;
                                                  -moz-outline-style: none;
                                                }
                    
					.container .header .header-nav ul li.hidden-mobile{color:#D6D6D6;}
		.container.updateprofile .header .header-nav1{}
		.container.updateprofile .header .header-title table{width:auto; margin-bottom:10%;}

.sub-logo{background:url(./images/mainpage/meCONNECTLogo.png) no-repeat center !important; margin-right:0; min-height:50px;margin-top: 5%;margin-bottom: 5%;}
.updateprofile .sub-logo{background:url(./images/mainpage/meCONNECTLogo.png) no-repeat center !important; margin-right:0; min-height:50px;margin-top:3%; margin-bottom: 3% }

.wrapper > .container{
    /*padding:45px 45px; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit 
	-moz-box-sizing: border-box;    
	box-sizing:border-box;*/
    font-family: "Effra", "sans-serif";
    position: relative;
    /*min-height: 100vh;*/
}
.wrapper > .container .content{font-family: "Effra", "sans-serif";position: relative; min-height: 100vh;margin-bottom:100px;}
.container .content{position:relative;}
	.container .content .login{display:inline-block; width:47%; vertical-align:top; margin:0; padding:0;}
	.container .content .or-separator{display:inline-block; width:12%; text-align:center; font-size:1.25em; font-weight:bold; vertical-align:top; color:#0f97d5; margin:0; padding:0;}
	.container .content .login-left{
			display:inline-block; width:50%; float:left; position:relative;
			padding-right:40px; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */ 
	box-sizing:border-box;
    text-align:center;
    border-right:1px solid #EEEEEE;
		}
		.container .content .login-left .logo-row{/*margin-top:40px !important;*/}
	.container .content .login-right{
			display:inline-block; width:50%; float:right; position:relative; 
			padding-left:40px;  
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */ 
	box-sizing:border-box;
			
		}
		.container .content .login-right .sociallogin{text-align:left; border-top:1px #EEEEEE solid; margin-top:30px; padding-top:20px;}
        .container .content .login-right .sociallogin_signup{margin-top:20px; text-align:center; padding-top:20px;}
		
			.container .content .login-right .sociallogin ul{margin:0; padding:0; list-style:none;}
            .container .content .login-right .sociallogin_signup ul{margin:0; padding:0; list-style:none;}
			.container .content .login-right .sociallogin ul li{display:inline-block; padding: 10px 20px 20px 0; width:48px; height:48px;}
			.container .content .login-right .sociallogin ul li img{width:48px; height:48px;}
            .container .content .login-right .sociallogin_signup ul li{display:inline-block; padding: 0 15px; width:40px; height:40px;} 

	.login_seperator{color:#000000; font-size:14px; font-weight:600; font-family:Arial-black, Helvetica, sans-serif; text-transform:capitalize;  margin-top:-28px; margin-bottom:10px; text-align:center; }
	.login_seperator span{background:#fff; display:inline-block; padding:0 20px;}
	
	.container .content .login-right .sociallogin.signuppage{border:0 none; border-top:1px #EEEEEE solid; margin:40px 0 30px; padding:20px 0 20px;}
	.sociallogin.signuppage .login_seperator{margin-bottom: -10px;margin-top: -29px; text-align:center; color:#000000; font-size:14px; font-weight:600; font-family:Arial-black, Helvetica, sans-serif;}
	.sociallogin.signuppage .login_seperator span{background:#fff; display:inline-block; padding:0 20px;}

/*Start Subscription*/
.content.updatesubscription input[type="checkbox"]{margin-right:10px;}

.sub-cat{margin:10px 0 0 0; padding:0; list-style:none; text-align:center;}
	.sub-cat li{display:inline-block; border:1px solid #ccc; border-radius:5px; padding:10px 20px; margin:0 5px 10px; cursor:pointer;}
		.sub-cat li.active{border:1px solid #0f97d5;}

.cat-details{margin-top:20px; display:none; background:#fff; padding:10px; color:#000;}
	.cat-details .link-unselect{color:#000 !important;}
	.cat-details .details-left{float:left; width:48%; background:#ccc; padding:5px; margin-bottom:20px;}
	.cat-details .details-right{float:right; width:48%; background:#ccc; padding:5px; margin-bottom:20px;}
	.cat-details .details-centre{background:#ccc; padding:5px; margin-top:10px; }
	.cat-details .qns{font-size:1.15em; font-weight:bold;}
	.cat-details .cat-submit{margin-top:10px; text-align:right;}

.cat-news-details{border-top:5px solid #C94459;}
	.cat-news-details h2{color:#C94459 !important; margin:0; padding:0; background:none !important;}

.cat-tv-details{border-top:5px solid #3571DF;}
	.cat-tv-details h2{color:#3571DF !important; margin:0; padding:0; background:none !important;}

.cat-radio-details{border-top:5px solid #FF9C00;}	
	.cat-radio-details h2{color:#FF9C00 !important; margin:0; padding:0; background:none !important;}

.cat-learning-details{border-top:5px solid #EB5300;}
	.cat-learning-details h2{color:#EB5300 !important; margin:0; padding:0; background:none !important;}

.cat-club-details{border-top:5px solid #1A9593;}
	.cat-club-details h2{color:#1A9593 !important; margin:0; padding:0; background:none !important;}

.cat-entertainment-details{border-top:5px solid #4C4C4C;}
	.cat-entertainment-details h2{color:#4C4C4C !important; margin:0; padding:0; background:none !important;}

.subscription-logo{border:1px solid #ccc; border-radius:5px; display:inline-block; padding:3px 0; margin-right:5px;}
/*End Subscription*/

.logo-row, .logo-row1{display:block; width:100%; /*border-top:1px solid #ccc;*/ margin-top:20px; padding:20px 0 10px;
    text-align: center; border-top: 1px solid #eee;
}

.login-left .logo-row{ border: 0px none; padding: 10px 0;text-align: left;}
	.logo-row ul{padding:0; margin:0; list-style:none;}
		.logo-row ul li{display:inline-block; margin:0 8px 10px 0; width:54px; height:54px; background:#fff; border:1px #ccc solid; border-radius:5px; padding:2px 5px;}
		.logo-row ul li img{width:54px; height:54px;}

 .logo-row1{border: 0px none;/*text-align:left; display:block; width:101%; border-top:1px solid #ccc; margin-top:0px; padding:10px 0;*/}
	.logo-row1 ul{padding:0; margin:0; list-style:none;}
		.logo-row1 ul li{display:inline-block; margin:5px; width:50px; height:50px; background:#fff; border:1px #ccc solid; border-radius:5px; padding:2px 5px;}

.footer{
	background:#202020; color:#fff; display:block; 
	padding:15px 0; 
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
	.footer .container{background:none !important;}
		.footer .container .footerlink a{color:#fff; text-decoration:underline;}
		.footer .container .footerlink a:hover{text-decoration:none;}


.but-grey{
    border:1px solid #e9e9e9; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-family:arial, helvetica, sans-serif; padding-top: 15px; padding-bottom: 15px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0);font-weight:bold; color: #000000; line-height:1;
	background-color: #e9e9e9;
    font-size: 13px;
    width: 100%;
    cursor: pointer;
    text-transform: uppercase;
	/*border:1px solid #e9e9e9 !important; -webkit-border-radius: 5px ; -moz-border-radius: 5px;border-radius: 5px;font-family:arial, helvetica, sans-serif; padding: 13px 15px; text-decoration:none; display:inline-block;font-weight:bold; color: #7d7e7d !important; line-height:0 !important;
	background-color: #e9e9e9; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#e9e9e9)) !important;
	background-image: -webkit-linear-gradient(top, #e9e9e9, #e9e9e9) !important;
	background-image: -moz-linear-gradient(top, #e9e9e9, #e9e9e9) !important;
	background-image: -ms-linear-gradient(top, #e9e9e9, #e9e9e9) !important;
	background-image: -o-linear-gradient(top, #e9e9e9, #e9e9e9) !important;
	background-image: linear-gradient(to bottom, #e9e9e9, #e9e9e9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e9e9e9, endColorstr=#e9e9e9)! important;*/
}

.but-grey:hover{
    cursor: pointer;
	/*border:1px solid #e9e9e9 !important;
	background-color: #e9e9e9 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#e9e9e9)) !important;
	background-image: -webkit-linear-gradient(top, #e9e9e9, #e9e9e9) !important;
	background-image: -moz-linear-gradient(top, #e9e9e9, #e9e9e9) !important;
	background-image: -ms-linear-gradient(top, #e9e9e9, #e9e9e9) !important;
	background-image: -o-linear-gradient(top, #e9e9e9, #e9e9e9) !important;
	background-image: linear-gradient(to bottom, #e9e9e9, #e9e9e9) !important;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e9e9e9, endColorstr=#e9e9e9) !important;*/
}
    
		.container.updateprofile .content .profile-left .avatar{margin: 0 0 40px 0;}
		.avatar_box{
			text-align:center; 
		}
		.avatar_box table{width:100%;}
		.avatar_box td{min-height:175px;}
        .avatar_box img{ max-height: 175px; max-width: 270px; border-radius:50%; border:1px solid grey; }
		
		.container.updateprofile .content .profile-left .avatar_actions{
			padding:15px 20px;  overflow:hidden; text-align:center; line-height: 1.5rem; font-size: 0.8rem;
		}
			.avatar_actions a{color:#000000 !important; font-size:15px;}
            .avatar_actions label{color:#000000 !important;}
	
	    
@media only screen and (min-width: 980px) {
	.hidden-desktop{display:none !important;}
	
	.wrapper > .container, .top > .container, .footer > .container{width:1019px;}

    
	
	.top .logo-mediacorp{width:210px; height:50px; background:url(images/mainpage/logo-mediacorp-colored.png); margin-left:45px;}

	
    .wrapper > .container{padding:0 0; }
	.container .content{position:relative;}
	
	.sub-cat li img{width:64px;}
	
	.container .header .header-nav ul li.active a {color: #333; text-decoration:none; font-weight:bold; cursor:default; outline:none !important }
	:link:focus, :visited:focus{outline: none;}
	/*Start Update Profile*/			
	.container.updateprofile .content .profile-left{
		display:inline-block; width:300px; margin-right:35px;margin-left:60px;margin-top: 160px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */ 
		box-sizing:border-box;		
	}

	
	
	.container.updateprofile .content .profile-right{
		display:inline-block; width:541px; vertical-align:top;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */ 
		box-sizing:border-box;		
		
	}
	/*End Update Profile*/
	
	.footer .container .copyright{float:left; padding:0 10px;}
	.footer .container .footerlink{float:right; padding:0 10px;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {

    .alertbox{ margin-top: 200px;}

	.hidden-tablet{display:none !important;}
	
	.container{width:710px;}
	/*.wrapper > .container {padding:20px;}*/
	.container .content .login-left,
	.container .content .login-right{
		width:50%;
	}
			.container .content .login-left{padding-right:30px}
			.container .content .login-right{padding-left:30px;	}	
    .container.updateprofile .header .header-nav ul li { display: inline-block; padding: 0 5px; font-size: 15px;}
		
	.sub-cat li{margin:0 3px 8px;}
		.sub-cat li img{width:64px;}
	
	.top .logo-mediacorp{width:210px; height:50px; background:url(images/mainpage/logo-mediacorp-colored.png); margin-left:20px;}
	
	.container .header .header-nav ul li.active a{text-decoration:none; font-weight:bold; cursor:default; color:#000;}
	
	/*Start Update Profile*/
	.container.updateprofile .content .profile-left{display:inline-block; width:240px; margin-right:20px;margin-top: 140px;}
		.container.updateprofile .content .profile-left .avatar{margin-bottom:40px;}
	.container.updateprofile .content .profile-right{display:inline-block; width:404px; vertical-align:top;}
	
	
	/*End Update Profile*/
	
	.container .logo-row ul li{display:inline-block; margin:0 5px 8px 0; width:48px; height:48px; background:#fff; border:1px #ccc solid; border-radius:5px; padding:2px 5px;}
		.container .logo-row ul li img{width:48px; height:48px;}
	
	.footer .container .copyright{float:left; padding:0 10px;}
	.footer .container .footerlink{float:right; padding:0 10px;}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {

    /* Input textbox*/
    .profile-table input[type="text"], .profile-table input[type="password"], .profile-table select, .profile-table textarea {
        width:100%;
    }
    .alertbox{ margin-top: 100px;}

	.wrapper>.container{padding-bottom:0px;}
	.hidden-mobile{display:none !important;}
	
	h1{}
	h2{}
	
	.container{width:100%; font-size:1em; text-align:center;}
	
	.top{border-bottom:none;}
	.top .logo-mediacorp{width:100px; height:24px; background:url(images/mainpage/logo-mediacorp-colored-small.png); background-size: 100px 24px; -webkit-background-size: 100px 24px; margin-left:10px;}
	
	.top .but-blue{position:absolute; right:5px; top:0;}
	
	.container.updateprofile .header .header-title .sub-logo{margin:0 auto;}

		.container .logo-row ul li{display:inline-block; margin:0 5px 8px 0; width:48px; height:48px; background:#fff; border:1px #ccc solid; border-radius:5px; padding:2px 5px;}
		.container .logo-row ul li img{width:48px; height:48px;}	
	
	.wrapper > .container{padding: 20px}
	.container .content{position:relative;}
			.container .content .login-left{text-align:center;}
			.container .content .login-left,
			.container .content .login-right{
				padding:0px; border:0px none;
				width:100%; float:none;
				-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
				-moz-box-sizing: border-box;    /* Firefox, other Gecko */ 
				box-sizing:border-box;
				
			}
			.signup.hidden-desktop.hidden-tablet{border-top:1px #ccc solid; text-align:center; margin-top:20px; padding-top:20px;}
		
			.container .content .login-left .sub-logo{margin:0 auto; min-height:0;}
			.container .content.register .login-left{margin-bottom:20px;}
				.container .content.register .login-left .sub-logo{}
				.container .content.register .login-left .haveaccount{display:inline-block; text-align:center; margin-top:15px;}

			.container .content .login-right h1{text-align:center;}
			.container .content .login-right .sociallogin{margin-top:20px; text-align:center; border-top:1px #ccc solid; padding-top:20px;}
				.container .content .login-right .sociallogin ul{margin:0; padding:0; list-style:none;}
				.container .content .login-right .sociallogin ul li{
						display:inline-block; padding: 10px 10px 20px 0; width:48px; height:48px;
					}
					.container .content .login-right .sociallogin ul li img{/*width:40px;*/}
			.container .content .login-right .signup{margin-top:20px; text-align:center; border-top:1px #ccc solid; padding-top:20px;}
				.container .content .login-right .signup a{display:block;}
		.container .content .or-separator{display:block; width:100%; text-align:center; font-size:1.25em; font-weight:bold; vertical-align:top; color:#0f97d5; margin:20px 0; padding:0;}
		.container .content .sociallogin{display:block; width:100%; vertical-align:top; margin: 0; padding:0;}
			.container .content .sociallogin ul{margin:0; padding:0; list-style:none;}
				.container .content .sociallogin ul li{display:inline-block; padding: 0 5px;}
	
	/*Start Update Profile*/		
	.container.updateprofile .header .header-nav{display:block; vertical-align:top; margin-top:10px; background:none; padding:0; margin:0; width:100%; position:absolute; top:-38px;  right:5px; text-align:right;}
		.container.updateprofile .header .header-nav ul{margin:0; padding:0; list-style:none; z-index:9999; width:180px; display:block; position:absolute; right:0; top:23px; display:none;}
			.container.updateprofile .header .header-nav ul li{ display:block; background:dimgrey; text-align:center; margin:0; padding:15px 0; border-bottom:#ccc 1px solid; float:none;}
				.container.updateprofile .header .header-nav ul li a{color:#fff; text-decoration:none;}
	.container.updateprofile .content .profile-left{display:block; margin-bottom:10px;margin-top: 40px;}
		.container.updateprofile .content .profile-left .avatar{margin:0 auto;}
	.container.updateprofile .content .profile-right{display:block;}
	/*End Update Profile*/
	
	.sub-cat li{display:inline-block; border:1px solid #ccc; border-radius:5px; padding:5px; margin:0 1px 5px; cursor:pointer;}
		.sub-cat li img{width:48px;}
	
	.cat-details .details-left{float:none; display:block; width:auto; background:#ccc; padding:5px; margin-bottom:20px;}
	.cat-details .details-right{float:none; display:block; width:auto; background:#ccc; padding:5px; margin-bottom:20px;}
	
	.logo-row{text-align:center;}
    .logo-row1{text-align:center;}
	
	.footer{position:static;}
	.footer .container .copyright{display:block; padding:0 10px; text-align:center;}
	.footer .container .footerlink{display:block; padding:10px 10px 0 10px; text-align:center;}
}

    .font13{
        font-size:13px;
    }

        @import url('https://fonts.googleapis.com/css?family=Lato');
         .ugcTitle {
         font-family: 'Lato', sans-serif;
         font-size: 24px;
         font-weight: 700;
		 color: #002563;
         letter-spacing: 0.2px;
         margin-top: 20px;
         margin-bottom: 5px;
         }
         .ugcMsg {
         font-family: 'Lato', sans-serif;
         font-size: 17px;
         font-weight: 400;
         color: #000;
         line-height: 22px;
         }
         .gotoHomepage {
         border-top: 1px solid #aeaead;
         width:100%;
         max-width:300px;
         font-family: 'Lato', sans-serif;
         font-size: 14px;
         font-weight: 400;
         color: #000;
         margin-top: 45px;
         padding-top:20px;
         }
		 .bannerMediacorp{		 
         display: inline-block;		 
         height: 48px;
         width:100%;
         max-width : 350px;
		 margin:20px auto;
		 background-color: #fff;
		 background-image: url(images/mainpage/logo-line-data-svg-data.svg);
		 background-size: 50%;
         background-repeat: no-repeat;
		 background-position: center;	
		 }
/* New Addon */
@media only screen and (min-width: 767px) {
    .container.updateprofile .header .header-nav, .header-nav1 {
        /*text-align:center; vertical-align:top; 
				background:#fff; padding:10px 10px; width:100%; margin-bottom:10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit 
	-moz-box-sizing: border-box;    /* Firefox, other Gecko 
	box-sizing:border-box;
    border-bottom:1px solid grey;*/
        height: 40px;
        font-size: 20px;
        line-height: 50px;
        text-align: center;
        color: rgba(0, 0, 0, 0.75);
    }
}

.SignupCardForDesktop{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 110%;
    text-align: center;
    border-radius: 10px;
    margin-left:-15px;
}
.CardcontainerForDesktop{
    padding: 30px 23px;
    margin-top: 10%;
}
.SignupCardForMobile{
    width: 100%;
}
.CardcontainerForMobile{
    margin-top: 10%;
}

.password-advisory-message {
	text-align: justify;
	line-height: 16.5px;
	max-width: 100%;
	margin: auto;
	padding: 0;
	font-size: 13px;
}

.mepass__form--create {
	text-align: left;
}

.mepass__form--create .mp-input-dob {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.mepass__form--signin .password-input {
		margin-bottom: 12px !important;
	}
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}

.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: none;
  margin-top: 12%;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 26px 26px 0px 26px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 2px 2px 0px 2px;
}
.modal-footer {
 padding: 19px 70px 20px;
  margin-top: 0px;
  text-align: center;
}
.modal-footer .btn-black {
    border:1px solid #25729a; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-family:arial, helvetica, sans-serif; padding-top: 15px; padding-bottom: 15px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0);font-weight:bold; color: #FFFFFF; line-height:1;
	background-color: #000000;
    font-size: 13px;
    width: 100%;
    cursor: pointer;

}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            width: 80%;
    margin-left: 12%;
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: none;
  opacity: .9;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}

.ValidationFieldPot {
    display:none;
}

.hiddencontrol {
    display: none;
}

.input-validation-error
{
    border: 1px solid #d90000 !important;
    background-color:#fffafa !important;
    /*box-shadow: 0px 0px 0px 1px #d90000;*/ outline:none;
}

.input-validation-error:before {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='19' viewBox='0 0 6 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01807 18.15C2.41807 18.15 1.9014 17.9417 1.46807 17.525C1.0514 17.0917 0.843066 16.575 0.843066 15.975C0.843066 15.375 1.0514 14.8667 1.46807 14.45C1.9014 14.0333 2.41807 13.825 3.01807 13.825C3.61807 13.825 4.1264 14.0333 4.54307 14.45C4.95973 14.8667 5.16807 15.375 5.16807 15.975C5.16807 16.575 4.95973 17.0917 4.54307 17.525C4.1264 17.9417 3.61807 18.15 3.01807 18.15ZM1.31807 5.25V0.0999995H4.69307V5.25L4.34307 11.85H1.66807L1.31807 5.25Z' fill='%23E94335'/%3E%3C/svg%3E%0A");
  right: -12px;
  top: 16%;
  height: 26px;
  width: 6px;
}

/*.valid
{
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.32199 8.88966L1.42256 5.85427C1.26645 5.69047 1.05451 5.59842 0.833483 5.59842C0.612459 5.59842 0.400516 5.69047 0.244405 5.85427C-0.0814682 6.19542 -0.0814682 6.74652 0.244405 7.08767L3.73709 10.7441C4.06297 11.0853 4.58938 11.0853 4.91525 10.7441L13.7556 1.48925C14.0815 1.1481 14.0815 0.597006 13.7556 0.255853C13.5995 0.0920528 13.3875 0 13.1665 0C12.9455 0 12.7336 0.0920528 12.5774 0.255853L4.32199 8.88966Z' fill='%23000'/%3E%3C/svg%3E%0A");
  height: 18px;
  width: 15px;
  top: 35%;
  right: -20px;
}*/

/* Error Messaging */
.msgbar{
	padding:10px;
	background:#FEFCCD;
	border:1px solid #F8E7AD;

  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 3px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 3px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 3px; 	
	
	}
	
	/* Field/Form Error */
	.msgbar.fld_error{
		font-weight:bold;
		color:#d90000;
		background:#FEFCCD url(images/msgbar/fld_error.png) no-repeat 10px center;
		padding-left:40px;
		margin-bottom: 10px;
	}

    /* Field/Form Error */
	.msgbar.fld_info{
		font-weight:bold;
		color:#000000;
		background:#FEFCCD;
		padding-left:40px;
	    text-align: center;
	}

    .divInfo {
        background:#FEFCCD url(images/msgbar/fld_alert.gif) no-repeat;
        display: inline-block;
        vertical-align: bottom;
        width: 20px;
        min-width: 20px;
        height: 20px;
        min-height: 20px;
    }
	
	input.fld_error{border:1px solid #d90000; background-color:#FFEfEf;}
	.fld_description{padding:2px 0 0px;}
	.fld_description strong .fld_desc{color:#888 !important;}
	.fld_desc, .field-validation-valid{font-size:11px !important; color:#999 !important;font-weight: normal;}
	.error, .fld_desc.error, .field-validation-error{font-size:12px; color:#E94335 !important;}
	.error-row{text-align:left !important;}
	.fld_actions{padding-top:10px;}
    .field-validation-error:before {
      background-image: url("data:image/svg+xml,%3Csvg width='6' height='19' viewBox='0 0 6 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01807 18.15C2.41807 18.15 1.9014 17.9417 1.46807 17.525C1.0514 17.0917 0.843066 16.575 0.843066 15.975C0.843066 15.375 1.0514 14.8667 1.46807 14.45C1.9014 14.0333 2.41807 13.825 3.01807 13.825C3.61807 13.825 4.1264 14.0333 4.54307 14.45C4.95973 14.8667 5.16807 15.375 5.16807 15.975C5.16807 16.575 4.95973 17.0917 4.54307 17.525C4.1264 17.9417 3.61807 18.15 3.01807 18.15ZM1.31807 5.25V0.0999995H4.69307V5.25L4.34307 11.85H1.66807L1.31807 5.25Z' fill='%23E94335'/%3E%3C/svg%3E%0A");
      right: -12px;
      top: 16%;
      height: 26px;
      width: 6px;
    }
    /*.field-validation-valid:before {
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.32199 8.88966L1.42256 5.85427C1.26645 5.69047 1.05451 5.59842 0.833483 5.59842C0.612459 5.59842 0.400516 5.69047 0.244405 5.85427C-0.0814682 6.19542 -0.0814682 6.74652 0.244405 7.08767L3.73709 10.7441C4.06297 11.0853 4.58938 11.0853 4.91525 10.7441L13.7556 1.48925C14.0815 1.1481 14.0815 0.597006 13.7556 0.255853C13.5995 0.0920528 13.3875 0 13.1665 0C12.9455 0 12.7336 0.0920528 12.5774 0.255853L4.32199 8.88966Z' fill='%23000'/%3E%3C/svg%3E%0A");
      height: 18px;
      width: 15px;
      top: 35%;
      right: -20px;
    }*/
    /*.field-validation-error:before{background-image: url("data:image/svg+xml,%3Csvg width='6' height='19' viewBox='0 0 6 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.01807 18.15C2.41807 18.15 1.9014 17.9417 1.46807 17.525C1.0514 17.0917 0.843066 16.575 0.843066 15.975C0.843066 15.375 1.0514 14.8667 1.46807 14.45C1.9014 14.0333 2.41807 13.825 3.01807 13.825C3.61807 13.825 4.1264 14.0333 4.54307 14.45C4.95973 14.8667 5.16807 15.375 5.16807 15.975C5.16807 16.575 4.95973 17.0917 4.54307 17.525C4.1264 17.9417 3.61807 18.15 3.01807 18.15ZM1.31807 5.25V0.0999995H4.69307V5.25L4.34307 11.85H1.66807L1.31807 5.25Z' fill='%23E94335'/%3E%3C/svg%3E%0A");
      right: -12px;
      top: 16%;
      height: 26px;
      width: 6px;}
    .field-validation-valid:before {
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.32199 8.88966L1.42256 5.85427C1.26645 5.69047 1.05451 5.59842 0.833483 5.59842C0.612459 5.59842 0.400516 5.69047 0.244405 5.85427C-0.0814682 6.19542 -0.0814682 6.74652 0.244405 7.08767L3.73709 10.7441C4.06297 11.0853 4.58938 11.0853 4.91525 10.7441L13.7556 1.48925C14.0815 1.1481 14.0815 0.597006 13.7556 0.255853C13.5995 0.0920528 13.3875 0 13.1665 0C12.9455 0 12.7336 0.0920528 12.5774 0.255853L4.32199 8.88966Z' fill='%23000'/%3E%3C/svg%3E%0A");
      height: 18px;
      width: 15px;
      top: 35%;
      right: -20px;
}*/


@media only screen and (min-width: 320px) and (max-width: 767px) {
	.container .logo-row{text-align:center; border-top:1px solid #ccc;}	
	.content .sub-logo{min-height:0 !important;}
}

.button{color:#000; text-decoration:underline;cursor:pointer;font-size:0.8rem;vertical-align:baseline !important}
.button:hover{text-decoration:none;}

@media (max-device-width: 400px) {

#recaptcha_area
{
width:auto !important;
}

.recaptchatable td
{
padding:0px !important;
}

.recaptchatable .recaptcha_image_cell #recaptcha_image {
background: none !important;
width: auto !important;
}

.recaptchatable .recaptcha_image_cell #recaptcha_image #recaptcha_challenge_image{
background: none !important;
width: 200px !important;
}

.recaptchatable .recaptcha_input_area
{
width: 8px !important;
padding:7px !important;
}

.recaptchatable #recaptcha_response_field
{
width: 210px !important;
}

.recaptcha_only_if_privacy
{
font-size: 8px !important;
}

  .recaptchatable td img,
  #recaptcha_reload,
  #recaptcha_switch_audio,
  #recaptcha_switch_img,
  #recaptcha_whatsthis {
      display:block;
	padding-right:7px !important;
  }

.recaptchatable #recaptcha_logo
{
width:30px !important;
}

}

@media (min-device-width: 351px) and (max-device-width: 444px) {

#recaptcha_area
{
width:auto !important;
}

.recaptchatable td
{
padding:0px !important;
}

.recaptchatable .recaptcha_image_cell #recaptcha_image {
background: none !important;
width: auto !important;
}

.recaptchatable .recaptcha_image_cell #recaptcha_image #recaptcha_challenge_image{
background: none !important;
width: 220px !important;
}

.recaptchatable .recaptcha_input_area
{
width: 8px !important;
padding:7px !important;
}

.recaptchatable #recaptcha_response_field
{
width: 235px !important;
}

.recaptcha_only_if_privacy
{
font-size: 8px !important;
}

  .recaptchatable td img,
  #recaptcha_reload,
  #recaptcha_switch_audio,
  #recaptcha_switch_img,
  #recaptcha_whatsthis {
      display:block;
	padding-right:7px !important;
  }

.recaptchatable #recaptcha_logo
{
width:30px !important;
}

}