/*------------------------------------*\
  Typography
\*------------------------------------*/

/*
 *
 *.||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||.
 *
 *  .                                      '||            .
 *.||.  .... ... ... ...    ....  ... ...   ||   ....   .||.    ....
 * ||    '|.  |   ||'  || .|...||  ||'  ||  ||  '' .||   ||   .|...||
 * ||     '|.|    ||    | ||       ||    |  ||  .|' ||   ||   ||
 * '|.'    '|     ||...'   '|...'  ||...'  .||. '|..'|'  '|.'  '|...'
 *      .. |      ||               ||
 *       ''      ''''             ''''
 *
 * URL ............ http://typeplate.com
 * VERSION ........ 1.1.0
 * Github ......... https://github.com/typeplate/typeplate.github.io
 * AUTHORS ........ Dennis Gaebel (@gryghostvisuals) & Zachary Kain (@zakkain)
 * LICENSE ........ Creative Commmons Attribution 3.0
 * LICENSE URL .... http://creativecommons.org/licenses/by/3.0
 *
 * .||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||..||.
 *
 */

@font-face{
font-family:"HelveticaNeueW01-55Roma";
/*src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),url("../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");*/
src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot");
src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot") format("eot"),url("../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}
@font-face{
font-family:"HelveticaNeueW01-65Medi";
/*src:url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
src:url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"),url("../fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"),url("../fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"),url("../fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");*/
src:url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot");
src:url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot") format("eot"),url("../fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"),url("../fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"),url("../fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
}
@font-face{
font-family:"HelveticaNeueW01-75Bold";
/*src:url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
src:url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("../fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("../fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("../fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");*/
src:url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot");
src:url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot") format("eot"),url("../fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("../fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("../fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}


/**
 *
 * =======================================================================
   Unicode Ampersand
 * =======================================================================
 */

@font-face {
  font-family: "Ampersand";
  src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua");
  unicode-range: U+0026;
}

@font-face {
  font-family: "Ampersand";
  src: local("Georgia");
  unicode-range: U+270C;
}


/**
 *
 * Extend this class on any element of your
 * choice for ampersands.
 *
 * For example:

  <h6 class="ampersand">Dewey Cheat 'em & Howe</h6>

 */
.ampersand {
  font-family: Ampersand, Verdana, sans-serif;
}


/**
 *
 * =======================================================================
   Word Wrap
 * =======================================================================
 */

.breakword {
  word-wrap: break-word;
}

.normal-wrap {
  word-wrap: normal;
}

.inherit-wrap {
  word-wrap: auto;
}


/**
 *
 * =======================================================================
 * Drop Capitals:
 * Extend this object into your markup.

   <p class="drop-cap">What a wonderful day it is out there wouldn't you'd say?</p>

  * =======================================================================
 */

.drop-cap:first-letter {
  float: left;
  margin: auto .25em auto auto;
  padding: inherit;
  font-size: 4em;
  font-family: inherit;
  line-height: 1;
  text-indent: 0;
  background: transparent;
  color: inherit;
}

p + .drop-cap {
  text-indent: 0;
  margin-top: 0;
}


/**
 *
 * =======================================================================
   Base Type
 * =======================================================================
 *
 */

html {
  font-size: 14px;
  line-height: 1.4;
  font-family: "HelveticaNeueW01-55Roma", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}

body {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
  word-wrap: normal;
  color: #000;
}

h1,h2,h3,h4,h5,h6,p {
   font-family: inherit;
   font-size: inherit;
}

/**
 *
 * =======================================================================
   Headings
 * =======================================================================
 */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: -0.005em;
  line-height: 1.2;
  margin-top: 0;
  text-rendering: optimizeLegibility; /*  voodoo to enable ligatures and kerning | https://developer.mozilla.org/en-US/docs/CSS/text-rendering */
  color: #000;
}


/**
* Extend included classes on any element of your
* choosing for adjusting type based on the scale
* provided.

* For example:

 <h6 class="giga">Awesome Headline</h6>
 <p class="tera">a story about a dude</p>

* Our Type Scale is as follows with px fallbacks
* for IE 6-8 as they do not understand REM units.
*
* 18, 21, 24, 36, 48, 60, 72, 90, 117
*
*/

.tera {
  font-size: 117px;
  font-size: 6.5rem; /* 117 / 18 = 6.5 */
  margin-bottom: 0.25385em;
}

.giga {
  font-size: 90px;
  font-size: 5rem; /* 90 / 18 = 5 */
  margin-bottom: 0.33em;
}

.mega {
  font-size: 72px;
  font-size: 4rem; /* 72 / 18 = 4 */
  margin-bottom: 0.4125em;
}

h1,
.alpha {
  font-size: 54px;
  font-size: 3rem; /* 53 / 18 = 3 */
  margin-bottom: 0.55em;
  line-height:1.1;
}

h2,
.beta {
  font-size: 36px;
  font-size: 2rem; /* 36 / 18 = 2 */
  margin-bottom: 0.74em; /* measure( base font-size(18) * base line-height(1.65) ) / current font-size(40) = margin-bottom(1.4142857142857141) */
}

h3,
.gamma {
  font-size: 30px;
  font-size: 1.666rem; /* 30 / 18 = 1.666 */
  margin-bottom: 0.99em; /* measure( base font-size(18) * base line-height(1.65) ) / current font-size(30) = margin-bottom(1.4142857142857141) */
}

h4,
.delta {
  font-size: 24px;
  font-size: 1.3333333333333333rem; /* 24 / 18 = 1.3333 */
  margin-bottom: 1.2375em; /* measure( base font-size(18) * base line-height(1.65) ) / current font-size(24) = margin-bottom(1.4142857142857141) */
}

h5,
.epsilon {
  font-size: 21px;
  font-size: 1.16667rem; /* 21 / 18 = 1.1667 */
  margin-bottom: 1.4142857142857141em; /* measure( base font-size(18) * base line-height(1.65) ) / current font-size(21) = margin-bottom(1.4142857142857141) */
}

h6,
.zeta {
  font-size: 18px;
  font-size: 1rem; /* 18 = 18 × 1 */
  margin-bottom: 1.65em; /* measure( base font-size(18) * base line-height(1.65) ) / current font-size(18) = margin-bottom(1.65) */
}

/* margin-bottom for headings:
 *
 * Explanation:
 * Makes sure that there's always one unit of measure's worth of space between shit
 * for headings. This is better than spacing using line-height because of the wrapping issue where we have
 * wrapping onto 2 lines with a high line-height.
 */
.grid-25 .module h2, .grid-25 .module .beta {
  font-size: 1.5em;
}

/**
 *
 * =======================================================================
   Paragraphs and Indentation
 * =======================================================================
 */

p {
  margin: auto auto 1.5em; /* bottom margin for paragraphs */
}



/**
 *
 * =======================================================================
   Hyphens
 * =======================================================================
 */

abbr,
acronym,
blockquote,
code,
dir,
kbd,
listing,
plaintext,
q,
samp,
tt,
var,
xmp {
  /* Accepted values: [ none | manual | auto ] */ /* http://meyerweb.com/eric/thoughts/2012/12/17/where-to-avoid-css-hyphenation */
  -webkit-hyphens: none; /* Safari 5.1 thru 6, iOS 4.2 thru 6 */
  -moz-hyphens: none; /* Firefox 16 thru 20 */
  -ms-hyphens: none; /* IE10 */
  -o-hyphens: none; /* PRESTO...haha LOL */
  hyphens: none;   /* W3C standard */
}


/**
 *
 * =======================================================================
   Code Blocks
 * =======================================================================
 */

pre code {
  word-wrap: normal;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap; /* http://css-tricks.com/almanac/properties/w/whitespace */
}

pre {
  white-space: pre;
}

code {
  white-space: pre;
  font-family: monospace;
}


/**
 *
 * =======================================================================
 * Abbreviations Markup
 * Extend this object into your markup

  <abbr title="hyper text markup language">HMTL</abbr>

 * Extend this object into your markup.
 * =======================================================================
 */

abbr {
  font-variant: small-caps; /* https://developer.mozilla.org/en-US/docs/CSS/font-variant */
  font-weight: 600;
  text-transform: lowercase;
  color: #808080;
}

abbr[title]:hover {
  cursor: help; /* cursor changed to a question mark when it has a title */
}


/**
 *
 * =======================================================================
   Definition Lists
 * =======================================================================
 */

/**
 * Lining Definition Style Markup
 *
  <dl class="lining">
    <dt><b></b></dt>
    <dd></dd>
  </dl>
 *
 * Extend this object into your markup.
 *
 */
.lining dt,
.lining dd {
  display: inline;
  margin: 0;
}
.lining dt + dt:before,
.lining dd + dt:before {
  content: "\A";
  white-space: pre;
}
.lining dd + dd:before {
  content: ", ";
}
.lining dd:before {
  content: ": ";
  margin-left: -0.2em;
}


/**
 * Dictionary Definition Style Markup
 *
  <dl class="dictionary-style">
    <dt><b></b></dt>
      <dd></dd>
  </dl>
 *
 * Extend this object into your markup.
 *
 */
.dictionary-style dt {
  display: inline;
  counter-reset: definitions;
}
.dictionary-style dt + dt:before {
  content: ", ";
  margin-left: -0.2em;
}
.dictionary-style dd {
  display: block;
  counter-increment: definitions;
}
.dictionary-style dd:before {
  content: counter(definitions, decimal) ". ";
}


/**
 *
 * =======================================================================
   Blockquotes
 * =======================================================================
 */

/**
 * Blockquote Markup
 *
  <figure>
    <blockquote class="blockquote" cite="">
      <p></p>
    </blockquote>
    <figcaption>
      <cite>
        <small><a href=""></a></small>
      </cite>
    </figcaption>
  </figure>
 *
 * Extend this object into your markup.
 *
 */

.blockquote p:last-of-type {
  margin-bottom: -0.825em;
}

.blockquote + figcaption {
  display: block;
  font-size: inherit;
  text-align: right;
}

.blockquote + figcaption:before {
  content: "-"; /* "-" is your citation flourish */
}


/**
 *
 * =======================================================================
   Pull Quotes
 * =======================================================================
 */

/**
 * Pull Quotes Markup
 *
  <aside class="pull-quote">
    <blockquote>
      <p></p>
    </blockquote>
  </aside>
 *
 * Extend this object into your custom stylesheet.
 *
 */
.pull-quote {
  position: relative;
  padding: 1em;
}
.pull-quote:before,
.pull-quote:after {
  height: 1em;
  opacity: 0.15;
  position: absolute;
  font-size: 4em;
  color: #dc976e;
}
.pull-quote:before {
  content: '“';
  top: 0;
  left: 0;
}
.pull-quote:after {
  content: '”';
  bottom: 0;
  right: 0;
}


/**
 *
 * =======================================================================
   Figures
 * =======================================================================
 */

/**
 * Figures Markup
 *
  <figure>
    <figcaption>
      <strong>Fig. 4.2 | </strong>Type Anatomy, an excerpt from Mark Boulton's book<cite title="http://designingfortheweb.co.uk/book/part3/part3_chapter11.php">"Designing for the Web"</cite>
    </figcaption>
  </figure>
 *
 * Extend this object into your markup.
 *
 */


/**
 *
 * =======================================================================
   Foot Notes
 * =======================================================================
 */

/**
 * Footnote Markup : Replace 'X' with your unique number for each footnote
 *
  <article>
    <p><sup><a href="#fn-itemX" id="fn-returnX"></a></sup></p>
    <footer>
      <ol class="foot-notes">
        <li id="fn-itemX"><a href="#fn-returnX">↩</a></li>
      </ol>
    </footer>
  </article>
 *
 * Extend this object into your markup.
 *
 */

/*------------------------------------*\
  ICONS
\*------------------------------------*/
@font-face {
  font-family: 'three';
  src:url('../fonts/three.eot');
  /*src:url('../fonts/three.eot?#iefix') format('embedded-opentype'),*/
  src:url('../fonts/three.eot') format('embedded-opentype'),
    url('../fonts/three.woff') format('woff'),
    url('../fonts/three.ttf') format('truetype'),
    url('../fonts/three.svg#three') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'three';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-three"] {
*/
.icon-three-broadband-plans, .icon-three-phone-plans, .icon-three-broadband, .icon-three-coming-soon, .icon-three-phones,
.icon-three-search, .icon-three-phones-alt, .icon-three-priceplans, .icon-three-compare, .icon-three-sim, .icon-three-menu,
.icon-three-apps, .icon-three-4g, .icon-three-coverage, .icon-three-about, .icon-three-why, .icon-three-bubble, .icon-three-no,
.icon-three-yes, .icon-three-corporate, .icon-three-saver, .icon-three-sharer, .icon-three-forward, .icon-three-back, .icon-three-icons-down,
.icon-three-icons-ball, .icon-three-hand, .icon-three-info, .icon-three-icons-up, .icon-three-lock, .icon-three-shopping-basket,
.icon-three-help, .icon-three-alert, .icon-three-account, .icon-three-help, .icon-three-shopping-basket, .icon-three-lock, .icon-three-text,
.icon-three-international-text, .icon-three-talk, .icon-three-international-talk, .icon-three-data, .icon-three-music, .icon-three-rugby,
.icon-three-football, .icon-three-dash, .icon-three-3plus {
	font-family: 'three';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: text-top;
	-webkit-font-smoothing: antialiased;
}
.icon-three-broadband-plans:before {
	content: "\e000";
}
.icon-three-phone-plans:before {
	content: "\e001";
}
.icon-three-broadband:before {
	content: "\e002";
}
.icon-three-coming-soon:before {
	content: "\e003";
}
.icon-three-phones:before {
	content: "\e004";
}
.icon-three-search:before {
	content: "\e009";
}
.icon-three-phones-alt:before {
	content: "\e005";
}
.icon-three-priceplans:before {
	content: "\e006";
}
.icon-three-compare:before {
	content: "\e007";
}
.icon-three-sim:before {
	content: "\e008";
}
.icon-three-menu:before {
	content: "\e00a";
}
.icon-three-apps:before {
	content: "\e00b";
}
.icon-three-4g:before {
	content: "\e00c";
}
.icon-three-coverage:before {
	content: "\e00d";
}
.icon-three-about:before {
	content: "\e00e";
}
.icon-three-why:before {
	content: "\e00f";
}
.icon-three-bubble:before {
	content: "\e010";
}
.icon-three-no:before {
	content: "\e011";
}
.icon-three-yes:before {
	content: "\e012";
}
.icon-three-corporate:before {
	content: "\e013";
}
.icon-three-saver:before {
	content: "\e014";
}
.icon-three-sharer:before {
	content: "\e015";
}
.icon-three-forward:before {
	content: "\e016";
}
.icon-three-back:before {
	content: "\e017";
}
.icon-three-icons-down:before {
	content: "\e018";
}
.icon-three-icons-ball:before {
	content: "\e019";
}
.icon-three-hand:before {
	content: "\e01a";
}
.icon-three-info:before {
	content: "\e01b";
}
.icon-three-icons-up:before {
	content: "\e01c";
}
.icon-three-account:before {
    content: "\e01e";
}
.icon-three-alert:before {
    content: "\e600";
}
.icon-three-help:before {
    content: "\e601";
}
.icon-three-shopping-basket:before {
    content: "\e602";
}
.icon-three-lock:before {
    content: "\e603";
}
.icon-three-text:before {
    content: "\e604";
}
.icon-three-international-text:before {
    content: "\e605";
}
.icon-three-talk:before {
    content: "\e606";
}
.icon-three-international-talk:before {
    content: "\e607";
}
.icon-three-data:before {
    content: "\e608";
}
.icon-three-music:before {
    content: "\e609";
}
.icon-three-rugby:before {
    content: "\e60a";
}
.icon-three-football:before {
    content: "\e60b";
}
.icon-three-dash:before{
  content: "-";
}
.icon-three-3plus:before {
    content: "\e60c";
}
/** Christmas tab icon - NT-2803 **/
.icon-three-christmas:before {
   content: "\002601";
   float: left;
}
/*------------------------------------*\
  HEADER
\*------------------------------------*/

header {
  background: #fff;
  color: #fff;
  font-size: 0.85em;
}
header a {
  white-space: nowrap;
}
.full-width-background{
  width:100%;
  background:#ffffff;
}
nav.type{
  margin-top: 15px;
  float: left;
}
.type-links {
  margin: 0 -0.5em;
  padding: 0;
  font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.type-links li {
  float: left;
  display: inline-block;
  text-align: center;
  /*margin-right:.25em;*/
}
.type-links a {
  display:inline-block;
  color:#333;
  text-decoration:none;
  padding: 8px 20px 7px;
  background: #efefef;
  border-bottom: 6px solid #efefef;
  text-transform: uppercase;
  font-size: 14px;
}
.type-links a.active.personal-bg, .type-links a:hover.personal-bg,
.type-links a.active.business-bg, .type-links a:hover.business-bg {
  text-decoration: none !important;
  color: #EE0088;
  border-bottom: 6px solid #EE0088;
}
.secondary-links {
  margin: 0.5em 1.5em 0 0;
  padding: 0;
  float: right;
}
.secondary-links li {
  float: left;
  display: inline-block;
  margin: 0 0.25em;
}
.secondary-links a {
  color: #fff;
  text-decoration: none;
}
.secondary-links a:hover {
  text-decoration: underline;
}
.header-cta {
  float: right;
  margin-right: -0.5em;
  margin-top: 15px;
}
/*.header-cta a {*/
  /*border-radius: 0;*/
  /*padding: 0.5em 1.55em 0.6em;*/
/*}*/
.header-cta .button:before {
  content: "";
}
/*.header-cta .button {*/
  /*border:none;*/
/*}*/
.header-cta .button {
  word-wrap: normal;
  white-space: nowrap;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial, sans-serif;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  padding: 0.5em 2em;
  /*font-weight: 600;*/
  cursor: pointer;
  text-transform: uppercase;
  border-width: 3px;
  font-size: 1rem;
  background: #ee0088;
}
/*.header-cta .button:hover {*/
  /*text-decoration: underline;*/
  /*color: #fff;*/
/*}*/
.main-nav .experience-trigger {
  position: absolute;
  bottom: -0.15em;
  right: 0;
  margin: 0;
  padding: 0;
  background: none;
  display: none;
}
.mobile {
  /*margin: 0 -1em;*/
  margin: 0 -0.6em 1px -0.6em !important;

}
.mobile-header {
  /*height: 50px;*/
  padding: 0.5em;
  position: relative;
  background:#000000;
}
.mobile-menu-trigger .nav-btn {
  float: left;
  text-decoration: none;
  display: block;
  font-family: 'three';
  font-size: 5.4em;
  color: #fff;
  font-weight: normal;
  line-height: 0.75em;
}
.mobile-logo {
  /*margin: 0 auto -1em;*/
  margin: 0 auto;
}
.mobile-logo img {
  display: block;
  /*margin: -9px auto 10px;*/
  margin: 0 auto;
  width: 35px;
}
.mobile-header .mobile-search {
  float: right;
}
.mobile-header .mobile-search a {
  font-family: 'three';
  font-size: 3.5em;
  margin-bottom: -0.1em;
  color: #fff;
  text-decoration: none;
  float: right;
  /*font-weight: 800;*/
 /* margin-top: 0.35em;*/
}
.mobile-header .experience-trigger {
  right: 0;
  position: absolute;
  bottom: -1.75em;
  display: none;
}
.main-nav .experience-trigger a, .mobile-header .experience-trigger a {
  margin: 0;
  padding: 0 0.25em;
  font-family: 'three';
  font-size: 1em;
  text-decoration: none;
  background: #484749;
  color: #fff;
}
.mobile-header .experience-trigger a {
  font-size: 1.5em;
}
.main-nav .experience-trigger a:hover {
  color: #000;
}
.mobile-header a{
  color:#ffffff;
}
.close-mobile-login {
  font-family: 'three';
  font-size: 2em;
  text-align: right;
  text-decoration: none;
 }

/*------------------------------------*\
  NOTIFICATION
\*------------------------------------*/
.image-container-notification {
  margin: 0 0 1em 0;
  border: none;
}

.image-container-notification img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  padding:0;
}
.image-container-notification a, .image-container-notification a:hover {
  text-decoration: none;
}

/*------------------------------------*\
  MAIN NAV
\*------------------------------------*/

.main-nav {
  font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  list-style:none;
  position:relative;
  z-index:5;
  background: #000;
}
.main-nav li {
  display: inline-block;
}
.main-nav a,
.main-nav p{
  font-size: 1.3em;
  display: block;
  /*margin-top: 0.25em;*/
  padding: 0.8em 1.25em 0.9em;
  /*padding: 0.8em 1.3em;*/
  color: #fff;
  text-decoration: none;
  margin-bottom: 0;
}
.main-nav a.main-menu.has-submenu:after{
  display: inline-block;
  margin-left: 0.5rem;
  content: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 2048 1024'><path fill='%23ffffff' d='M1683 728l-742 -741q-19 -19 -45 -19t-45 19l-742 741q-19 19 -19 45.5t19 45.5l166 165q19 19 45 19t45 -19l531 -531l531 531q19 19 45 19t45 -19l166 -165q19 -19 19 -45.5t-19 -45.5z'/></svg>");
  font-size: 0.6rem;

  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  line-height: 1.2;
}

.main-nav.business-nav a.main-menu.has-submenu:after{
  display: none;
}

.main-nav a.main-menu.has-submenu.active:after {
  -webkit-transform: rotate(0deg) translateY(2px);
  transform:rotate(0deg) translateY(2px);
  content: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 2048 1024'><path fill='%23ee0088' d='M1683 728l-742 -741q-19 -19 -45 -19t-45 19l-742 741q-19 19 -19 45.5t19 45.5l166 165q19 19 45 19t45 -19l531 -531l531 531q19 19 45 19t45 -19l166 -165q19 -19 19 -45.5t-19 -45.5z'/></svg>");
}
.main-nav.business-nav a.main-menu.has-submenu.active:after {
  display: none;
  content: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 2048 1024'><path fill='%23AA0055' d='M1683 728l-742 -741q-19 -19 -45 -19t-45 19l-742 741q-19 19 -19 45.5t19 45.5l166 165q19 19 45 19t45 -19l531 -531l531 531q19 19 45 19t45 -19l166 -165q19 -19 19 -45.5t-19 -45.5z'/></svg>");
}
.main-nav a:hover {
  background: #fff;
  color: #000;
}

.main-nav a:hover.main-menu.has-submenu:after{
  content: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 2048 1024'><path fill='%23ee0088' d='M1683 728l-742 -741q-19 -19 -45 -19t-45 19l-742 741q-19 19 -19 45.5t19 45.5l166 165q19 19 45 19t45 -19l531 -531l531 531q19 19 45 19t45 -19l166 -165q19 -19 19 -45.5t-19 -45.5z'/></svg>");
}
.main-nav.business-nav a:hover.main-menu.has-submenu:after{
  content: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 2048 1024'><path fill='%23AA0055' d='M1683 728l-742 -741q-19 -19 -45 -19t-45 19l-742 741q-19 19 -19 45.5t19 45.5l166 165q19 19 45 19t45 -19l531 -531l531 531q19 19 45 19t45 -19l166 -165q19 -19 19 -45.5t-19 -45.5z'/></svg>");
  display: none;
}
.main-nav .sub-menu {
  background: #fff;
  background: rgba(255,255,255,0);
  list-style: none;
  line-height: 1.4;
  width: 100%;
  margin: 0;
  padding: 1.5em 0 1em;
  display: none;
  position: absolute;
  left: 0;
  -webkit-box-shadow:  0px 4px 4px 0px rgba(128, 128, 128, .3);
        box-shadow:  0px 4px 4px 0px rgba(128, 128, 128, .3);
}
.main-nav li .sub-menu {
  background: #fff;
}
.main-nav li:hover a {
  background: #fff;
  color: #EE0088;
}
.main-nav.business-nav li:hover a {
  background: #fff;
  color: #b99351;
  text-decoration: none;
}
.main-nav li .sub-menu a,
.main-nav li .sub-menu p,
.main-nav.business-nav li .sub-menu a {
  color: #000;
  display: block;
  float: left;
  background: #fff;
}
.main-nav li .sub-menu a:hover {
  color: #EE0088;
}
.main-nav.business-nav li .sub-menu a:hover {
  color: #b99351;
}
.sub-menu {
  z-index: 10001;
  padding-left:1em;
}
.sub-menu ul {
  padding: 0;
  margin-bottom: 1.5em;
}
.sub-menu li {
  display: block;
  margin-bottom: -0.75em;
}
.sub-menu span {
  display: inline-block;
  line-height: 0.4;
  margin: 0 0.25em 0 0;
  font-size: 2em;
}
/*.sub-menu p {*/
  /*display: inline-block;*/
  /*line-height: 0.4;*/
  /*margin: 0 0.25em 0 0;*/
  /*font-size: 1.5em;*/
  /*color: #000;*/
/*}*/
.sub-menu a,
.sub-menu p{
  padding: 0.5em;
  width: 95%
}
.separator {
  width: 95%;
  height: 2px;
  margin: 0 auto;
  border-top: 1px solid #b3b3b3;
}
.additional-links {
  font-size: 90%;
  line-height: 1;
  margin-bottom: 0.25em;
}
.additional-links a:before {
  display: block;
  float: left;
  text-decoration: none;
  font-family: 'three';
  content: "\e016";
  font-size: 1em;
  margin: -0.1em 0.25em 0 0;
}
.additional-links.sublinks {
  /*margin-top: -1.5em;*/
}
.search-box {
  float: right;
  margin: 0.8em 0.8em 0 0;
  position: relative;
}
.search-box label{
  margin: 0 !important;
}
.search-box #search {
  border-radius: 3px;
  border: 1px solid #000;
  padding: 0.4em 3em 0.6em 0.5em;
  background: #484749;
  color: #fff;
  float: left;
  width: 11em;
  font-family: "HelveticaNeueETW01-55Rg", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 0;
}
.search-box #submit {
  font-family: 'three';
  font-size: 2em;
  line-height: 1;
  padding: 0.1em;
  position: absolute;
  top: 0;
  right: -0.25em;
  background: none;
  border: none;
  width: 2em;
  color: #FFFFFF;
}
.search-box #submit:hover {
  text-decoration:none;
}
.upgrade-eligibility{
  margin: auto;
  padding: 1em 1em 0 1em;
}
.upgrade-eligibility div{
  background-color: #bbbdcc !important;
}
.upgrade-eligibility img{
  margin-right: .5em;
  vertical-align: middle;
}
.upgrade-eligibility p{
  color: #fff !important;
  margin-bottom: 0;
  font-size: 1.3em;
  background-color: #bbbccc !important;
}
.upgrade-eligibility p a{
  color: #ee0088 !important;
  display: inline-block !important;
  background: transparent !important;
  width: auto;
  float: none !important;
  padding: 0;
  font-size: 1.1em;
}
/*------------------------------------*\
  MOBILE NAV
\*------------------------------------*/

.mobile-sidebar-logo {
  float: left;
  margin: 1em 0;
}
#outer-wrap {
  position: relative;
  width: 100%;
}
#inner-wrap {
  position: relative;
  width: 100%;
}
#nav {
  z-index: 200;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #fff;
}

.sidr {
  display: none;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 75%;
  overflow-x: none;
  overflow-y: auto;
  background: #000;
}

.sidr .sidr-inner {
  padding: 0 0 15px
}

.sidr.right {
  left: auto;
  right: -75% !important;
}

.sidr.left {
  left: -75% !important;
  right: auto
}

/*mobile header login*/
#mobile-login-icon{text-align: right; }
#mobile-login-icon a{ position: relative; }
#mobile-login-icon #mobile-login-dash{position: absolute; top:-18px; font-size: 1.6em; opacity: 0;}
#mobile-login{display: none; background: #EFEFEF; padding: 10px 0.5em; margin: 0 -0.5em; }

@media screen and (max-width: 47.9375em) {
  #nav {
    position: absolute;
    top: 0;
  }
  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  #nav .block {
    position: relative;
    padding: 0;
  }
  .mobile-logo {
    display: block;
    width: 30%;
    /*padding: 1em 0;*/
    padding-top: 5px;
  }
  .mobile-main-nav{
  	font-size: 1.1em;
    margin-top:1em;
    width: 95%;
  }
  .mobile-nav {
    font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    background: #222;
  }
  .mobile-nav a, .mobile-main a, .mobile-primary a {
    color: #fff;
    text-decoration: none;
    display: block;
  }
  .mobile-main, .mobile-primary, .mobile-secondary {
    padding: 0;
    margin: 0;
    font-size: 1em;
    list-style: none;
  }
 .mobile-main {
    margin-left:0.1em
  }
  .mobile-main li {
    display: block;
    float: left;
    width: 50%;
    height: 2.5em !important;
  }
  .mobile-main a {
    padding: 0.6em 0 0.6em;
    text-align: center;
    background: #484749;
  }
  .mobile-search #search1 {
    background: none repeat scroll 0 0 #484749;
    border: 1px solid #000;
    border-radius: 3px;
    color: #fff;
    float: left;
    box-sizing: content-box;
    height: 16px;
}
.mobile-search #submit1 {
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    border: 0 none;
    font-family: "three";
    font-size: 2em;
    line-height: 1;
    padding: 0.1em;
    position: absolute;
    right: 0;
    top: 0.65em;
    width: 2em;
    color: #FFFFFF;
}
.mobile-search-module{
  background-color:#000;
  width:100%;
  height:50px;
  padding: 0.4em 0 0.4em 2em;
  margin-left: -2em;
  box-sizing: content-box;
}
.mobile-search-module .mobile-search input, .mobile-search-module .mobile-submit input {
  margin-bottom: 0;
}
.mobile-search-module .mobile-search input {
  padding: 0.5em;
  width: 95%;
}
.mobile-search-module .mobile-submit input {
  padding: 0.6em 1.25em;
  width: 100%;
  text-align: center;
}
.mobile-search{
  padding:0.5em 0;
  margin: 0.5em 0em;
}
  .mobile-primary {

  }
  .mobile-primary li {
    padding: 0.5em 0;
    display: block;
    float: none;
  }
   .mobile-primary > li {
   border-bottom:1px solid #333;
  }
  .mobile-primary li:last-child {
    border: none;
  }
  .mobile-primary a {
    padding: 0.5em 0;
    position: relative;
  }
  .mobile-primary a:after {
    display: block;
    position: absolute;
    top: 0.3em;
    right: 0;
    font-family: 'three';
    content: "\e016";
    color: #fff;
  }
  .mobile-white-link{
    font-size:1.1em;
    float:right;
    margin-top:0.55em;
    margin-right:0.5em;
  }
   .mobile-white-link a{
    text-decoration:none;
  }
  .mobile-link{
    color:#FFF;
    text-decoration:underline;
  display:inline;
  }
  .mobile-personal, .mobile-business{
    margin: 1em 0 0 0em;
	font-size:1.1em;
	width: 95%;
  }
  .mobile-personal .mobile-primary a:hover {
    color:#99cc33;
    outline: 0;
  }
  .mobile-business .mobile-primary a:hover {
    color:#b99351;
    outline: 0;
  }
  .mobile-personal .ui-accordion-header-active {
    color:#99cc33;
    outline: 0;
  }
  .mobile-business .ui-accordion-header-active {
    color:#b99351;
    outline: 0;
  }
  .mobile-expand {
    padding-left: 1em;
    margin-top: 0;
  }
  .mobile-expand li {
    border-bottom: none;
    padding: 0;
  }
  .mobile-expand a {
    padding: 0;
  }
  .mobile-expand a:after {
    content: none;
  }
.ui-tabs-active.personal-tab .personal-bg, .ui-state-active.personal-tab .personal-bg {
    background: #99cc33;
}
.ui-tabs-active.business-tab .business-bg, .ui-state-active.business-tab .business-bg {
    background: #b99351;
}
.ui-tabs-active.personal-tab .arrow-down, .ui-state-active.personal-tab .arrow-down {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #99cc33;
}
.ui-tabs-active.business-tab .arrow-down, .ui-state-active.business-tab .arrow-down {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #b99351;
}
.mobile-secondary a:before {
    display: block;
    position: absolute;
    text-decoration: none;
    font-family: 'three';
    content: "\e016";
    left: -1.2em;
    top: 0;
  }
  .mobile-quicklinks{
    padding:0;
    margin-top:0;
  }
  .mobile-quicklinks li{
    padding: 0.5em 0;
    margin-top:0;
    font-size:0.9em;
  }
  .mobile-secondary a, .mobile-quicklinks a {
    position: relative;
    color: #fff;
    text-decoration:none;
  }
  .mobile-secondary li {
    padding: 0.8em;
    font-size:1em;
    font-family: "HelveticaNeueETW01-55Rg", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
  }
  .mobile-nav-headline{
    font-family: "HelveticaNeueETW01-55Rg", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.85em;
    display:block;
    margin:2em 0 0;
    color: #666;
  }
  .mobile-personal .mobile-secondary a:hover {
    color: #99cc33;
    text-decoration:underline;
    outline: 0;
  }
  .mobile-business .mobile-secondary a:hover {
    color: #b99351;
    text-decoration:underline;
    outline: 0;
  }
  .mobile-sublink {
  	display:none;
    font-size: 0.95em;
     margin:0.5em 0 0 0;
     padding-left:0;
  }
   .mobile-sublink li{
    padding:0.5em;
  }
   .mobile-sublink li:first-child{
    margin:0;
  }
  .mobile-sublink a:before {
    content: "-";
    margin: -0.3em -0.3em 0 0.3em;
  }
  .sidr-inner #nav {
    height: 100%;
    width: 95%;
    padding-left: 5%;
  }
  .sidr-inner #nav .block {
    background: transparent;
  }/*
  .sidr-inner #inner-wrap {
    left: 0;
  }
  .sidr-inner #inner-wrap {
    left: 75%;
  }
}
.mobile-search-box {
  /*display: none;
  position: relative;*/
}

#mobile-quick-links-tabs {
	padding:0;
	margin-top:15px;
    list-style: none;
}
	#mobile-quick-links.ui-tabs .ui-tabs-nav li {
		width:50%;
		background:#000;
		padding:0;
	}
	#mobile-quick-links.ui-tabs .ui-tabs-nav li.ui-tabs-active {
		padding:0;
		background:#48484A;
	}
		#mobile-quick-links.ui-tabs .ui-tabs-nav li a {
			padding:8px 0 10px 14%;
		}
	#mobile-quick-links-contents {
		clear:both;
		background:#48484A;
	}
		#mobile-quick-links-contents ul {
			padding:10px 0 12px 7%;
            list-style: none;
			font:0.9em/110% "HelveticaNeueW01-55Roma",Arial,"Helvetica Neue",Helvetica,sans-serif;
		}
			#mobile-quick-links-contents a {
				padding:9px 0;
			}



/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
.personal-bg {
  background: #99cc33;
}
.business-bg {
  background: #b99351;
}
.blue-bg {
  background: #007bc3;
}
.light-black-bg {
  background: #484749;
}
/*.orange-bg {*/
  /*background: #FF9933 !important;*/
/*}*/
.pink-bg {
  background-color: #EE0088;
}

/*------------------------------------*\
    LOGIN NAME
\*------------------------------------*/
.o2SuperCustName{
	font-family: "HelveticaNeueW01-75Bold", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size:1em;
  color:#000000;
  padding: 0.3em 0.7em 0.4em 0.5em;
}
/* NT-276-live***/
.LoginName {
    border-bottom: 1px solid !important;
    padding-bottom: 6px !important;
}

.LoginName a:hover{
  text-decoration:none !important;
  font-weight:normal !important;

}

.LoginName a {
    color: #000 !important;
	padding:4px !important;
}

.LoginName:after {
    content: "\25bc" !important;
}


/*------------------------------------*\
    COOKIES
\*------------------------------------*/

.cookie-pop-up-container,
.cookie-bar-ie{
  display:none;
}
.cookie-pop-up-container .grid-100,
.cookie-bar-ie .grid-100{
  position:fixed;
  max-width:1000px;
  z-index:200;
  width:98%\9;
}
.cookie-pop-up-container .module,
.cookie-bar-ie .module{
  margin:0 !important;
  padding:1em 2em 0.2em 2em;
  background-color:#bfbfbf;
  font-size:0.8em;
  font-family: "HelveticaNeueW01-55Roma", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.cookie-pop-up-container .module p,
.cookie-bar-ie .module p{
  margin-top:0.3em;
}
.cookie-pop-up-container .module p span,
.cookie-bar-ie .module p span{
  font-family: "HelveticaNeueW01-75Bold",Helvetica,Arial,sans-serif;
}
.cookie-pop-up-container a,
.cookie-bar-ie a{
  text-decoration:underline;
}
.cookie-pop-up-container a:hover,
.cookie-bar-ie a:hover{
  text-decoration:none;
}
.cookie-pop-up-container a.hide-cookie-bar,
.cookie-bar-ie a.hide-cookie-bar-ie{
  float: right;
  text-decoration: none;
}
.cookie-pop-up-container a.hide-cookie-pop-up:hover,
.cookie-bar-ie a.hide-cookie-bar-ie:hover{
 text-decoration: underline!important;
}
@media screen and (max-width: 47.9375em) {
  /*.cookie-pop-up-container .mobile,*/
  /*.cookie-bar-ie .mobile{*/
   /*margin: 0 0 0 -1em;*/
  /*}*/
  .cookie-pop-up-container a.hide-cookie-bar,
  .cookie-bar-ie a.hide-cookie-bar-ie{
  margin: 0.5em 0 1em 1em;
  }
  .cookie-pop-up-container .mobile-grid-100,
  .cookie-bar-ie .mobile-grid-100{
    padding:0;
  }
}
@media screen and (max-width:768px) {
	.cookie-pop-up-container a.hide-cookie-bar,
	.cookie-bar-ie a.hide-cookie-bar-ie {
		float:none;
		margin:0 auto 10px;
	}
}


/*------------------------------------*\
    ALERT
\*------------------------------------*/

.alert-pop-up-container,
.alert-bar-ie{
  display:block;
}
.alert-pop-up-container .grid-100,
.alert-bar-ie .grid-100{
  position:fixed;
  max-width:1000px;
  z-index:200;
  width:98%\9;
}
.alert-pop-up-container .module,
.alert-bar-ie .module{
  margin:0;
  padding: 1em 2em 0.2em 2em;
  background-color:#39b4b1;
  font-size:0.8em;
  font-family: "HelveticaNeueW01-75Bold",Helvetica,Arial,sans-serif;
  height: 2em; /* Required for My3 */
}
.alert-pop-up-container .module p,
.alert-bar-ie .module p{
  color: #FFF;
}
.alert-pop-up-container .module p span,
.alert-bar-ie .module p span{
  font-family: "HelveticaNeueW01-75Bold",Helvetica,Arial,sans-serif;
  margin-bottom: 2em;
  margin: 0 0.5em 1em 0;
  float: left;
}
.alert-pop-up-container a,
.alert-bar-ie a{
  text-decoration:underline;
  font-size:1em;
}
.alert-pop-up-container a:hover,
.alert-bar-ie a:hover{
  text-decoration:none;
}
.alert-pop-up-container a.hide-alert-bar,
.alert-bar-ie a.hide-alert-bar-ie{
  float: right;
  text-decoration: none;
  margin-top: 0.5em;
  color:#39b4b1;
}
.alert-pop-up-container a.hide-alert-pop-up:hover,
.alert-bar-ie a.hide-alert-bar-ie:hover{
 text-decoration: underline!important;
}
@media screen and (max-width: 47.9375em) {
  .alert-pop-up-container .mobile,
  .alert-bar-ie .mobile{
   margin: 0 0 0 -1em;
  }
  .alert-pop-up-container a.hide-alert-bar,
  .alert-bar-ie a.hide-alert-bar-ie{
  margin: 0.5em 0 1em 1em;
  }
  .alert-pop-up-container .mobile-grid-100,
  .alert-bar-ie .mobile-grid-100{
    padding:0;
  }
}

/* header and footer full width */
#topBg {width: 100%; height: 176px; background: #fff; position: absolute;}
#bottomBg {width: 100%; height: 248px; background: #000; position: absolute; bottom: 0; z-index: -1;}

/*liveperson popup chat scroll fix*/
[id*="lpInviteLayer-"]{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(0,0,0,0.5);
}

#maintenanceNotice { padding:15px 0 20px; position:relative; }
#maintenanceNotice .grid-10 { text-align:right; padding-right:10px; }
#maintenanceNotice .imageWrapper img { max-width:100%; }
#maintenanceNotice p { margin:0 0 5px; }
#maintenanceNotice p.gamma { margin-bottom:10px; font-weight:bold; }
#maintenanceNotice p a { color:#000; text-decoration:underline; }

#maintenanceNotice.high { background:#000; }
#maintenanceNotice.high p, #maintenanceNotice.high p a, #maintenanceNotice.medium p, #maintenanceNotice.medium p a, #maintenanceNotice.medium p.gamma { color:#fff; }
#maintenanceNotice.high p.gamma { color:#f54949; }
#maintenanceNotice.high .grid-90 { background:transparent url(/web/images/resources/warning.png) no-repeat 0 10px; padding-left:70px; }
#maintenanceNotice.medium .grid-90 { background:transparent url(/web/images/resources/info-white.png) no-repeat 0 10px; padding-left:70px; }
#maintenanceNotice.medium { background:#40b4b0; }

/****NT-276 ****/
#bodyContent h1 { font-family: "HelveticaNeueW01-75Bold",Helvetica,Arial,sans-serif !important; font-size: 30px !important; margin-left: 38px !important; margin-top: 25px !important; }
#bodyContent .black_bc_txt { font-family: "HelveticaNeueW01-75Bold",Helvetica,Arial,sans-serif; color: #000; margin-left: 38px; margin-top: 10px;  }
#switchUserForm .column1 b , #switchUserForm .column2 b, #switchUserForm .column3 b, #switchUserForm .column4 b, #switchUserForm .column5 b{ font-size: 16px !important; }
#switchUserForm .column1, #switchUserForm .column2, #switchUserForm .column3, #switchUserForm .column4, #switchUserForm .column5 {  }
#switchUserForm .row { text-align: left; font-size: 16px !important; }


/****NEW NAV STYLES****/
.main-nav.business-nav li .sub-menu p, .main-nav.business-nav li .sub-menu a{
  padding: 0.8em 1em;
}
header {
  background: #fff;
  color: #fff;
  font-size: 0.85em;
  margin-top: 3.5em !important;
  margin-bottom: 1em;
}

.globalNavContainer {
  border-bottom: 8px solid #efefef;
}

#globalNavContainer .type-links a {
  display: inline-block;

  color: #333333;
  text-decoration: none;
  padding: 12px 30px;
  background: #efefef;
  margin: 0;
  text-transform: uppercase;
  border-bottom: 6px solid #efefef;
  font-size: 1.1em;
  /*font-weight: 600;*/
}

#globalNavContainer .type-links a.active.personal-bg, #globalNavContainer .type-links a:hover.personal-bg {
  color: #ee0088;
  border-bottom: 6px solid #ee0088;
}

#globalNavContainer .type-links a.active.business-bg, #globalNavContainer .type-links a:hover.business-bg {
  color: #aa0055;
  border-bottom: 6px solid #aa0055;
}

#globalNavContainer .type-links a.personal-bg:hover {
  /*background: #ff55bb;*/
}

#globalNavContainer .main-nav a:hover{
  color: #ee0088;
}
.business-page #globalNavContainer .main-nav a:hover{
  color:#AA0055;
}

#globalNavContainer .upgrade-eligibility p {
  color: #fff;
  margin-bottom: 0;
  font-size: 1.3em;
  background-color: #bbbccc;
}

#globalNavContainer .button {
  word-wrap: normal;
  white-space: nowrap;
  display: inline-block;
  background: #ee0088;
  color: #fff;
  text-decoration: none;
  padding: 0.5em 2em;
  border-radius: 35px;
  font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
}

#globalNavContainer .logo {
  text-align: center;
}

#globalNavContainer .logo img, .three-logo img{
  max-height: 110px;
}

#mobile-login .header-cta {
  margin: 0;
}

#globalNavContainer .button.inverse{
  background: #999999;
  color: #FFFFFF !important;
}
#sidr-mobile-nav .searchForm > label{
  /*width: 100%;*/
  display: block;
  margin: 0;

}
#sidr-mobile-nav #mobile-tabs,
#sidr-mobile-nav .mobile-nav,
#globalNavContainer .searchForm{
  box-sizing: content-box;
}

#sidr-mobile-nav .ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  border-bottom-width: 0;
  padding: 0;
}

#sidr-mobile-nav a:hover{
  color: #ffffff;
}


/* NAV VENDOR FIXES */

#globalNavContainer{
  background: #FFFFFF;
}

header .logo img{
  padding: 0;
}

.hio3header{
  height: auto;
}

header #lia-body .grid-85 .type-links{
  margin-top: 0;
}

.business-page #globalNavContainer .button,
.business-page .header-cta .button,
.business-page .pink-bg{
  background-color: #AA0055;
}

.business-page #globalNavContainer a.button[title="Login"]{
  display: none;
}

.three-nav-basic-container {
  display: none
}

#globalNavContainer.three-nav-basic .three-logo,
.three-nav.three-nav-basic .three-logo {
  padding: 8px 0
}

#globalNavContainer.three-nav-basic .three-logo img,
.three-nav.three-nav-basic .three-logo img {
  max-height: 45px
}

#globalNavContainer.three-nav-basic>div:first-child,
.three-nav.three-nav-basic>div:first-child {
  display: none
}

#globalNavContainer.three-nav-basic > .three-nav-basic-container,
.three-nav.three-nav-basic > .three-nav-basic-container {
  display: block
}

#globalNavContainer.three-nav-basic > .three-nav-basic-container>div:first-child,
.three-nav.three-nav-basic > .three-nav-basic-container>div:first-child {
  margin-top: 3.5em;
  margin-bottom: 1em
}