/****************************
-- #header --
****************************/

#header #mobile-head {
  display: none;
}

#header {
  position: relative;
  width: 100%;
  z-index: 50;
}

#header nav > ul > li {
  float: left;
}

#header nav > ul > li > a {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
}

#header nav nav ul li {
  float: none;
}

#header nav nav a {
  color: #5e514f;
}

#header nav nav a:hover {
  color: #00ade6;
  text-decoration: none;
}

#header p {
  font-size: 13px;
  font-size: 1.3rem;
}

/* Main Container */
#header .main {
  position: relative;
  z-index: 1;
}

#header .main > div{
  background-color: #fff;
}

#header .main .wrapper {
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  z-index: 20;
  height:auto;
  display: none;
}



#header .logo {
  display: table-cell;
  height: 85px;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  float: left;
  padding-top: 30px;
}

#header .logo img {
  display: block;
  max-height: 20px;
}

#header .show-nav-hh,
#header .search-hh,
#header .main .search-bar {
  display: none;
}

/* Secondary Nav */
#header .secondary-nav {
  background: #d9d9d9;
}

.suppmess {
  margin-top: 42px;
  margin-left: 20px;
  float: left;
}

.support-txt {
  background: transparent;
  color: #633292;
  font-weight: 700;
  font-size: 1.3rem;
}

.support-mobile {
  display: none;
}

.desktop #header .secondary-nav:before {
  display: none;
}

.desktop #header .secondary-nav {
  background-image: none;
  position: static;
  min-height: 35px;
  padding-top: 5px;
}

#header .secondary-nav .wrapper {
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  z-index: 2;
}

#header .secondary-nav nav.first p {
  float: left;
  margin: 0;
}

#header .secondary-nav nav.first ul {
  float: left;
  margin-left: 0.5em;
}

#header .secondary-nav nav.first.section ul {
  margin: 0;
}

#header .secondary-nav nav.first li {
  margin-left: 2px;
}

#header .secondary-nav nav.first.section li {
  margin: 0;
}

#header .secondary-nav nav.first li a {
  background-color: #f2f2f2;
  color: #aaa;
  font-weight: 700;
  padding: 2px 10px;
  text-transform: uppercase;
}

#header .secondary-nav nav.first.section li a {
  background: transparent;
  color: #633292;
  padding-left: 0;
  padding-right: 0;
}

#header .secondary-nav nav.first .active a {
  background-color: #fff;

  color: #9a258f;
}

#header .secondary-nav nav.last {
  margin-left: 0.5em;
  -webkit-transition: margin 100ms ease 0ms;
  transition: margin 100ms ease 0ms;
}

#header .secondary-nav nav.last:hover {
  margin-left: 1em;
}

#header .secondary-nav nav.last > ul > li > a {
  color: #5e5e5e;
  font-weight: 700;
  padding: 2px 12px;
}

#header .secondary-nav nav.last .country {
  position: relative;
  padding-top: 1px;
}

#header .secondary-nav nav.last .country > a {
  padding-right: 18px;
  position: relative;
}

#header .secondary-nav .country > a:after {
  color: #333;
  content: 'l';
  font-family: ngicons;
  font-size: 5px;
  line-height: 9px;
  margin-top: -5px;
  position: absolute;
  right: 4px;
  top: 50%;
  transition: margin-top 200ms ease;
  width: 10px;
}

#header .secondary-nav .country > a:hover {
  text-decoration: none;
}

#header .secondary-nav .country > a img {
  display: inline-block;
  margin-bottom: 2px;
  vertical-align: middle;
}

#header .secondary-nav .country > a span {
  display: inline-block;
  margin: 0 2px;
}

#header .secondary-nav .country:hover > a {
  background-color: #fff;
  -webkit-box-shadow: inset 0 1px 6px -1px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 6px -1px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 6px -1px rgba(0,0,0,0.3);
}

#header .secondary-nav .country:hover > a:after {
  margin-top: -3px;
}

#header .secondary-nav .country .dropdown {
  margin-right: 0;
  padding-right: 10px;
  right: 0;
}

#header .secondary-nav .country .dropdown nav {
  max-height: 300px;
  overflow-y: scroll;
  padding-right: 0.5em;
  width: 100%;
}

.desktop #header .secondary-nav .country .dropdown nav {
  background-image: none;
}

.desktop #header .secondary-nav .country .dropdown nav:before {
  display: none;
}

#header .secondary-nav .country .dropdown li {
  margin-bottom: 0.5em;
}

#header .secondary-nav .country .dropdown a {
  white-space: nowrap;
}

#header .secondary-nav p,
#header .secondary-nav a {
  height: 24px;
  line-height: 20px;
  padding: 2px 0;
  font-size: 14px;
}

#header .main-country {
  font-weight: normal;
}

#header .secondary-nav .bu-select-hh {
  display: none;
}

/* Main Nav */
#header .main-nav {
  position: absolute;
  top: 35px;
  width: 100%;
}

#header .main-nav > nav {
  padding-top: 20px;
  position: relative;
}

#header .main-nav > nav > ul {
  float: right;
  position: static;
}
.desktop #header .main-nav {
    display: none;
}

.desktop #header .main-nav > nav > ul:before {
  display: none;
}

#header .main-nav > nav > ul > li > .link {
  cursor: pointer;
}

#header .main-nav > nav > ul > li > a {
  color: #633292;
  font-weight: 700;
  line-height: 20px;
  padding: 12px 12px 33px;
  cursor: default;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

#header .main-nav > nav > ul > li > a:hover {
  text-decoration: none;
}

#header .main-nav > nav > ul.search > li > .wrapper {
  margin: 0;
  padding: 9px 12px 30px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

#header .search-bar input{
  border: 1px solid #a683bd;
  border-radius: 4px;
  height: 26px;
  padding: 0.25em 21px 0.25em 6px;
  width: 15em;
}

#header .main-nav > nav > ul > li > *:first-child {
  position: relative;
  z-index: 1;
}

#header .main-nav > nav > ul > li.active > *:first-child,
#header .main-nav > nav > ul > li:hover > *:first-child {
  -webkit-box-shadow: 0 10px 15px -8px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 10px 15px -8px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 10px 15px -8px rgba(0, 0, 0, 0.5) inset;
}

/* Dropdown */
#header .dropdown {
  background-color: #fff;
  display: none;
  left: 5%;
  margin: 0 -40px;
  max-width: 1376px;
  padding: 20px;
  position: absolute;
  right: 5%;
  z-index: 0;
  -webkit-box-shadow: 0 3px 7px 1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 3px 7px 1px rgba(0,0,0,0.3);
  box-shadow: 0 3px 7px 1px rgba(0,0,0,0.3);
}

#header .dropdown.d-5 {
  left: auto;
  margin: 0;
  right: auto;
  width: 860px;
}

#header .dropdown.d-4 {
  left: auto;
  margin: 0;
  right: auto;
  width: 700px;
}

#header .dropdown.d-3 {
  left: auto;
  margin: 0;
  right: auto;
  width: 540px;
}

#header .dropdown.d-2 {
  left: auto;
  margin: 0;
  right: auto;
  width: 380px;
}

#header .dropdown.d-1 {
  left: auto;
  margin: 0;
  right: auto;
  width: 220px;
}

#header .dropdown.d-0,
#header li:hover .dropdown.d-0 {
  display:none;
}

#header .dropdown.auto {
  left: auto;
  margin: 0;
  right: auto;
  width: auto;
}

.desktop #header .dropdown .grid {
  margin: 0 -10px 10px;
}

.desktop #header .dropdown .grid.rule {
  overflow: hidden;
}

.desktop #header .dropdown .grid.rule .col:before  {
  border-left: 1px solid #ccc;
  bottom: -1000px;
  content: '';
  left: 0;
  position: absolute;
  right: -1px;
  top: 50px;
  z-index: -1;
}

.desktop #header .dropdown .grid.rule .col:first-child:before {
  border: 0;
}

.desktop #header .dropdown .col {
  padding: 0 10px;
  position: relative;
  width: 16.6667%;
}

.desktop #header .dropdown.d-5 .col {
  width: 20%;
}

.desktop #header .dropdown.d-4 .col {
  width: 25%;
}

.desktop #header .dropdown.d-3 .col {
  width: 33.3334%;
}

.desktop #header .dropdown.d-2 .col {
  width: 50%;
}

.desktop #header .dropdown.d-1 .col {
  width: 100%;
}

.desktop #header li:hover .dropdown {
  display: block;
}

#header .dropdown .wrapper {
  margin: 0;
  padding: 0 20px 0.5em;
}

#header .dropdown .wrapper.shadow {
  margin: 0;
  padding: 1.5em 20px 0.5em;
}

#header .dropdown .vertical-middle {
  margin-bottom: 0.5em;
}

#header .dropdown .img-wrap {
  margin-bottom: 0.5em;
}

#header .dropdown .search-bar  {
  margin: 0;
}

#header .dropdown .search-bar  input {
  width: 100%;
}

#header .main-nav .dropdown a {
  color: #9a258f;
}

#header .search .dropdown a {
  color: #00ade6;
}

.desktop #header .main-nav .dropdown a.no-link {
  cursor: default;
}

.desktop #header .main-nav .dropdown a.no-link span {
  cursor: text;
}

#header .dropdown a.button {
  color: #fff;
}

#header .dropdown li {
  margin-bottom: 1em;
}

#header .dropdown li ul {
  margin-top: 1em;
}

#header .main-nav .dropdown ul li a {
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
}

#header .main-nav .dropdown ul li h6 a {
  color: #9a258f;
}

.desktop #header .main-nav .dropdown a.icon {
  display: table;
  height: 60px;
  table-layout: fixed;
  width: 100%;
}

.desktop #header .dropdown a.icon div {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
}

.desktop #header .dropdown a.icon div img {
  display: block;
  max-width: 100%;
}

.desktop #header .dropdown a.icon .label {
  display: table-cell;
  font-size: 13px;
  font-size: 1.3rem;
  padding-bottom: 4px;
  vertical-align: middle;
  width: auto;
}

.desktop #header .dropdown a.icon .label span {
  line-height: 1.25;
}

/* Header Search Highlight */
.header-search.highlight.t1 {
  box-shadow: 0 0 10px -1px rgba(0,0,0,0.8);
  padding: 30px 0;
  position: relative;
  z-index: -1;
}

.desktop .header-search.highlight.t1 {
  box-shadow: none;
}

.header-search .top {
  display: inline-block;
  max-width: 480px;
  padding-right: 30px;
  position: relative;
  width: 100%;
}

.header-search input {
  display: inline-block;
  vertical-align: middle;
  /*width: 100%;*/
}

.header-search .submit.btn {
  display: none;
}

.header-search .submit.icon {
  display: inline-block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
  width: 30px;
}

.header-search .submit.icon:after {
  content: 'g';
  font-family: ngicons;
  font-size: 17px;
  left: 0;
  line-height: 30px;
  margin-top: -15px;
  position: absolute;
  text-align: right;
  top: 50%;
  width: 100%;
}

.header-search .filters {
  margin-top: 25px;
}

.header-search .filters label + input + label {
  margin-left: 15px;
}

/* Social */
#header .social-nav {
  display: none;
  float: right;
  font-size: 13px;
  font-size: 1.3rem;
}

.desktop #header .social-nav {
  display: block;
}

#header .social-nav li {
  margin-left: 1em;
}

#header .social-nav li a {
  color: #666;
  font-weight: 700;
  line-height: 24px;
  padding: 0;
}

#header .social-nav li .ir {
  font-size: 0;
}

#header .social-nav li a:hover {
  text-decoration: none;
}

#header .social-nav li a:hover,
#header .social-nav li a:hover:before {
  color: #999;
}

#header .social-nav a[data-icon] {
  display: block;
  font-weight: 400;
}

#header .social-nav a[data-icon]:before {
  color: #666;
  font-size: 24px;
}

.social-nav a[data-icon]:hover:before {
  color: #999;
}

/* Splash #header */
.splash #header .secondary-nav {
  background-color: #fff;
  height: 100%;
  position: absolute;
  width: 100%;
}

.splash #header .secondary-nav .wrapper {
  margin-top: -13px;
  top: 50%;
}

.splash #header .secondary-nav .country > a {
  -webkit-transition: all 100ms ease 0ms;
  transition: all 100ms ease 0ms;
}

.desktop.splash #header .secondary-nav .country:hover > a {
  height: 34px;
  line-height: 22px;
  margin-top: -4px;
  padding-top: 6px;
}

.splash #header .secondary-nav .search {
  margin-top: -1px;
}

.desktop.splash #header .secondary-nav .search:before {
  display: none;
}

.splash .search-bar .submit {
  height: auto;
  line-height: 1;
  padding: 0;
}

/****************************
-- Nav for Desktop Only --
****************************/
.desktop #header .dropdown a.icon span,
.desktop #header .main-nav .dropdown .col > ul > li > a,
.desktop #header .main-nav .dropdown .col > ul > li > h6 > a,
.desktop #header .main-nav .dropdown figcaption > a {
  font-size: 13px;
  font-size: 1.3rem;
  position: relative;
}

.desktop #header .dropdown a.icon span {
  display: inline-block;
  line-height: 1.25;
}

.desktop #header .dropdown a.icon:hover span,
.desktop #header .main-nav .dropdown .col > ul > li > h6 > a:hover,
.desktop #header .main-nav .dropdown figcaption > a:hover {
  text-decoration: none;
}

.desktop #header .dropdown a.icon span:after,
.desktop #header .main-nav .dropdown .col > ul > li > a:after,
.desktop #header .main-nav .dropdown .col > ul > li > h6 > a:after,
.desktop #header .main-nav .dropdown figcaption > a:after {
  bottom: 0;
  color: #9a258f;
  content: '>';
  display: inline-block;
  font-family: ngicons;
  font-size: 7px;
  font-weight: 700;
  height: 8px;
  position: relative;
  right: -5px;
  transition: right 200ms ease;
  width: 5px;
}

.desktop #header .dropdown a.icon:hover span:after,
.desktop #header .main-nav .dropdown .col > ul > li > a:hover:after,
.desktop #header .main-nav .dropdown .col > ul > li > h6 > a:hover:after,
.desktop #header .main-nav .dropdown figcaption > a:hover:after {
  right: -8px;
}

.desktop #header .dropdown a.icon.no-link span:after {
  display: none;
}

.desktop #header li .dropdown .grid .col li a {
  color: #9a258f;
}

.desktop #header li .dropdown .grid .col .slide + ul a {
  color: #666;
}

.desktop #header li .dropdown .grid .col .slide + ul a:after {
  display: none;
}

/****************************
-- Nav for Handheld Resolutions --
****************************/
.hh #header {
  position: absolute;
}

.hh.menu-open #header {
  height: 100%;
}

/* Main #header */
.hh #header .main {
  position: relative;
  width: 100%;
  z-index: 9;
}

.hh #header .main .wrapper {
  padding: 0;
  position: static;
  display: block
}

.hh #header .logo {
  float: left;
  height: auto;
  margin-left: 20px;
  max-width: 62.5%;
  padding: 18px 0;
}

/* Referral = Community || Support - for GSA Search Results */
.hh.community-ref #header .logo {
  padding: 10px 0;
}

.hh.support-ref #header .logo {
  padding: 6px 0;
}

.hh #header .logo img {
  margin: 0 auto;
}

.hh #header .search-hh {
  height: 100%;
  position: relative;
  width: 50px;
}

.hh #header .main .show-nav-hh,
.hh #header .search-hh {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 40px;
  height: 40px;
}

.hh #header .main .show-nav-hh {
  right: 10px;
}

.hh #header .search-hh {
  right: 50px;
}

.hh #header .main .show-nav-hh:after,
.hh #header .search-hh:after {
  content: '';
  left: 50%;
  position: absolute;
  top: 50%;
}

.hh #header .main .show-nav-hh:after {
  color: #633292;
  content: 'm';
  font-size: 19px;
  font-family: ngicons;
  height: 19px;
  left: 50%;
  margin-left: -12px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  transition: color 200ms ease, transform 300ms ease;
  width: 25px;
}

.hh.menu-open #header .main .show-nav-hh:after {
  color: #00a5e1;
  content: 'x';
  -webkit-transform: skew(180deg);
  -ms-transform: skew(180deg);
  transform: skew(180deg);
}

.hh #header .main .search-hh:after {
  color: #633292;
  content: 'g';
  font-size: 19px;
  font-family: ngicons;
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

.hh #header .main .search-hh.active:after {
  color: #00a5e1;
}

/* Main Nav - Dropdown*/
.hh #header .main-nav {
  box-shadow: 0 0 8px 2px rgba(0,0,0,0.3);
  opacity: 0;
  padding: 10px 10px 10px 0;
  position: absolute;
  top: -100px;
  transition: all 300ms ease;
  width: 0;
  height: 0;
  overflow: hidden;
  background: #fff;
}

.hh.menu-open #header .main-nav {
  opacity: 1;
  top: auto;
  width: 100%;
  height: auto;
  overflow: visible;
}

.hh #header .main-nav > nav  {
  padding: 0;
}

.hh #header .main-nav > nav > ul {
  float: none;
}

.hh #header .main-nav > nav > ul:first-child {
  position: relative;
}

.hh #header .main-nav > nav > ul > li {
  border-top: 1px solid rgba(234,234,234,0.3);
  float: none;
}

.hh #header .main-nav > nav > ul > li:first-child {
  border: 0;
}

.hh #header .main-nav > nav > ul > li > a {
  cursor: pointer;
  padding-bottom: 12px;
  padding-left: 50px;
}

.hh #header .main-nav > nav > ul > li > a:after {
  color: #633292;
  content: '+';
  font-family: ngicons;
  font-size: 16px;
  line-height: 18px;
  margin-top: -9px;
  position: absolute;
  left: 20px;
  text-align: center;
  top: 50%;
  width: 19px;
}

.hh #header .main-nav > nav > ul > li > .link:after {
  content: '>';
  left: auto;
  right: 10px;
}

.hh #header .main-nav > nav > ul > li > a.active:after {
  content: '-';
}

.hh #header .main-nav > nav > ul > li.active > *:first-child,
.hh #header .main-nav > nav > ul > li:hover > *:first-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.hh #header li .dropdown,
.hh #header li .dropdown.d-4 {
  margin: 0;
  padding: 0 20px 10px;
  position: static;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
}

.hh #header .main-nav li .dropdown {
  background-color: transparent;
}

.hh #header li .dropdown.active {
  display: block;
}

.hh #header li .dropdown li {
  margin: 0;
}

.hh #header .dropdown .wrapper.shadow {
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.hh #header li .dropdown .grid {
  margin: 0;
}

.hh #header li .dropdown .grid .col {
  display: block;
  padding: 0;
  width: 100%;
}

.hh #header li .dropdown .grid.rule .col:before {
  display: none;
}

.hh #header li .dropdown .grid div.col + figure.col,
.hh #header li .dropdown .grid figure.col + div.col {
  border-top: 2px solid #eaeaea;
  margin-top: 10px;
  padding-top: 10px;
}

.hh #header li .dropdown .grid figure.col + div.col.c-2 {
  padding-top: 20px;
}

.hh #header li .dropdown .grid div.col.c-2 + figure.col {
  margin-top: 20px;
}

.hh #header li .dropdown .grid .col a {
  margin-left: 30px;
}

.hh #header li .dropdown .grid .col .slide:hover {
  text-decoration: none;
}

.hh #header li .dropdown .grid .col > ul > li a,
.hh #header li .dropdown .grid .col .slide,
.hh #header li .dropdown .grid .col figcaption > a {
  display: block;
  font-weight: 700;
  line-height: 1.25;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
  width: auto;
}

.hh #header li .dropdown .grid .col .slide,
.hh #header li .dropdown .grid .col figcaption > a {
  color: #000;
  font-size: 13px;
  font-size: 1.3rem;
  margin-left: 20px;
  padding-left: 30px;
}

.hh #header li .dropdown .grid .col figcaption > a,
.hh #header li .dropdown .grid .col > ul > li a {
  margin-left: 30px;
  padding-left: 0;
  padding-right: 30px;
}

.hh #header li .dropdown .grid .col > ul > li h6 {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 400;
  margin: 0;
}

.hh #header li .dropdown .grid .col > ul > li a {
  color: #9a258f;
  font-weight: 400;
}

.hh #header li .dropdown .grid .col > ul > li a:after,
.hh #header li .dropdown .grid .col figcaption > a:after,
.hh #header li .dropdown .grid .col .slide + ul a:after {
  content: '>';
  font-family: ngicons;
  font-size: 8px;
  font-weight: 700;
  line-height: 9px;
  margin-top: -4px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 50%;
  width: 5px;
}

.hh #header li .dropdown .grid .col .slide:after {
  color: #633292;
  content: '+';
  font-family: ngicons;
  font-size: 11px;
  line-height: 13px;
  left: 7px;
  margin-top: -7px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 14px;
}

.hh #header li .dropdown .grid .col .slide.active:after {
  content: '-';
}

.hh #header li .dropdown .grid .col .img-wrap,
.hh #header li .dropdown .grid .col .icon > div {
  display: none;
}

.hh #header li .dropdown .grid .col .slide .label {
  display: block;
  padding: 0;
  width: auto;
}

.hh #header li .dropdown .grid .col .slide + ul {
  display: none;
  margin-left: 30px;
}

.hh #header li .dropdown .grid .col .slide + ul.active {
  display: block;
}

.hh #header li .dropdown .grid .col .slide + ul a {
  color: #000;
  display: block;
  padding: 10px 30px 10px 10px;
  position: relative;
}

.hh #header li .dropdown .grid .col h2 {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 0.5em;
}

.hh #header li .dropdown .grid .col .button.first,
.hh #header li .dropdown .grid .col .button.last {
  margin: 0 10px .5em 0;
}

.hh #header .main-nav .search {
  display: none;
  position: relative;
  left: 0;
  right: 0;
  top: 70px;
  width: 100%;
  z-index: 5;
}

.hh #header .main-nav .search.active {
  display: block;
}

.hh #header .main-nav > nav > ul.search > li {
  margin: 0;
}

.hh #header .main-nav > nav > ul.search > li > .wrapper {
  background-color: #fff;
  padding: 20px;
}

.hh #header .search .search-bar input {
  height: 33px;
  width: 100%;
}

/* Header Search Highlight */
.hh .header-search.highlight.t1 {
  display: none;
}

/* Secondary Nav */
.hh #header .secondary-nav {
  position: relative;
  width: 100%;
  z-index: 3;
}

.hh #header .secondary-nav:before {
  z-index: -1;
}

.hh #header .secondary-nav .wrapper {
  margin: 0;
  padding: 0;
  z-index: auto;
  width: 100%;
}

.hh #header .secondary-nav .wrapper > * {
  display: block;
  vertical-align: top;
}

.hh #header .secondary-nav .wrapper > .social-nav {
  display: none;
}

.hh #header .secondary-nav nav.first {
  display: none;
}

.hh #header .secondary-nav nav.last:hover {
  margin-left: 0;
}

.hh #header .secondary-nav nav.last > ul {
  height: 100%;
  width: 100%;
}

.hh #header .secondary-nav nav.last > ul > li {
  float: none;
  height: 100%;
  position: static;
}

.hh #header .secondary-nav nav.last > ul > li:hover .dropdown {
  display: none;
}

.hh #header .secondary-nav nav > ul > li > a,
.hh #header .secondary-nav nav > a {
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  height: auto;
  padding: 6px 12px;
}

.hh #header .secondary-nav nav.last > ul > li > a {
  text-align: center;
  white-space: nowrap;
}

.hh #header .secondary-nav nav.last .country > a {
  padding-right: 32px;
}

.hh #header .secondary-nav nav.last .country > a:after {
  height: 8px;
  margin-top: -4px;
  right: 15px;
  width: 10px;
}

.hh #header .secondary-nav nav.last .country > a.active {
  background-color: #fff;
}

.hh #header .secondary-nav nav.last .country > a.active:after {
  content: 'u';
}

.hh #header .secondary-nav nav.last > ul > li:hover a {
  box-shadow: none;
}

.hh #header .secondary-nav .country .dropdown {
  padding: 0;
  position: absolute;
  top: 92px;
  width: 100%;
  z-index: -3;
}

.hh #header .secondary-nav .country .dropdown nav {
  max-height: none;
  overflow-y: visible;
  padding: 0;
}

.hh #header .secondary-nav .country .dropdown nav ul {
  margin: 15px 0;
  max-height: 300px;
  overflow-y: scroll;
  padding: 0 20px;
}

.hh #header .secondary-nav .country .dropdown a {
  padding: 5px 0;
}

.hh #header .secondary-nav .bu-select-hh {
  width: 100%;
}

.hh #header .secondary-nav .bu-select-hh a {
  color: #333;
  padding-left: 20px;
}

.hh #header .secondary-nav .bu-select-hh a:hover {
  text-decoration: none;
}

.hh #header .secondary-nav .bu-select-hh h6 {
  color: #666666;
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0;
  text-transform: uppercase;
}

.hh #header .secondary-nav .bu-select-hh > a h6 {
  color: #9b1788;
  position: relative;
}

.hh #header .secondary-nav .bu-select-hh.section > a h6 {
  color: #633292;
}

.hh #header .secondary-nav .bu-select-hh > .slide h6:after {
  color: #333;
  content: 'l';
  font-family: ngicons;
  font-size: 5px;
  line-height: 9px;
  margin-top: -5px;
  right: -15px;
  position: absolute;
  text-transform: none;
  top: 50%;
  width: 10px;
}

.hh #header .secondary-nav .bu-select-hh > .slide.active h6:after {
  content: 'u';
}

.hh #header .secondary-nav .bu-select-hh ul {
  background-color: #fff;
  display: none;
  left: 0;
  position: absolute;
  top: 92px;
  width: 100%;
  z-index: -3;
}

.hh #header .secondary-nav .bu-select-hh li {
  float: none;
}

.hh #header .secondary-nav .bu-select-hh ul a {
  display: block;
  width: 100%;
}

/* Splash #header for Handheld */
.hh.splash #header .secondary-nav {
  height: auto;
}
.hh.splash #header .secondary-nav nav.last {
  float: right;
}

.hh.splash #header .secondary-nav nav.last .country > a {
  padding-right: 32px;
}

.hh.splash #header .secondary-nav .search {
  display: none;
  margin: 0;
  left: 0;
  position: relative;
  right: 0;
  top: 70px;
  width: 100%;
  z-index: 5;
}

.hh.splash #header .secondary-nav .search.active {
  display: block;
}

.splash.hh #header .secondary-nav .search .inner {
  background-color: #fff;
  padding: 20px;
}

/****************************
-- Nav for Tablet Resolutions --
****************************/


/****************************
-- Nav for Mobile Resolutions --
****************************/
/*.mob #header .main .show-nav-hh,
.mob #header .search-hh {
  width: 60px;
}

.mob #header .main .show-nav-hh:after {
  color: #666;
  content: 'm';
  font-size: 19px;
  font-family: ngicons;
  height: 19px;
  left: 50%;
  margin-left: -12px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 25px;
}

.mob #header .main .search-hh:after {
  color: #666;
  content: 'g';
  font-size: 19px;
  font-family: ngicons;
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}/*

/* Referral = Community || Support - for GSA Search Results */
.mob.community-ref #header .logo {
  padding: 5px 0;
}

.mob.support-ref #header .logo {
  padding: 1px 0;
}

/*.mob #header .main-nav {
  border-top: 60px solid transparent;
  position: fixed;
  top: 0;
  z-index: 2;
}

.mob #header .main-nav > nav > ul:first-child {
  position: relative;
  display: none;
  width: 100%;
}

.mob #header .main-nav .search {
  margin-bottom: 15px;
  position: absolute;
  top: 0;
  width: 100%;
}

.mob #header .secondary-nav {
  position: fixed;
  z-index: 2;
}

.mob #header .secondary-nav .country .dropdown {
  border-top: 100px solid transparent;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  top: 0;
}

.mob #header .secondary-nav .country .dropdown nav ul{
  max-height: none;
  overflow-y: visible;
}*/

/* Splash for Mobile Resolutions */
.mob.splash #header .secondary-nav .search {
  margin-bottom: 15px;
  position: absolute;
  top: 0;
  width: 100%;
}

/****************************
-- Media Queries for #header --
****************************/
@media screen and (min-width: 40.0625em) {
  /*---------------------
  Support Search
  ---------------------*/
  .header-search.highlight.t1 {
    padding: 30px 0;
  }

  .header-search .top {
    max-width: none;
    padding: 0;
  }

  .header-search input {
    margin-right: 15px;
    max-width: 550px;
    width: 60%;
  }

  .header-search .submit.btn {
    display: inline-block;
    padding: 10px 20px;
    vertical-align: middle;
  }

  .header-search .submit.icon {
    display: none;
  }

  .header-search .filters {
    margin-top: 8px;
  }

  .header-search .filters label + input + label {
    margin-left: 20px;
  }
}


/************************************
**
**    HEADER SEARCH BOX CHANGES
**
************************************/

.header-search-filters{
  display: inline-block;
  padding: 0 40px;
}

.header-search-filters label{
  font-size: 14px;
}

.header-search-filters input:first-child + label{
  margin-right: 25px;
}

@media (max-width: 1185px){
  .header-search-filters{
    padding: 0 10px;
  }
}

@media (max-width: 1118px){
  .header-search-filters{
    display: block;
    text-align: center;
    padding: 15px 0 0;
  }

  .header-search .top input:first-child{
    margin: 0;
    text-align: center;
  }

  .header-search .submit.btn{
    display: none;
  }

  .header-search .submit.icon{
    display: inline-block;
    position: relative;
    top: 0px;
    left: 7px;
  }
}
@media (max-width: 509px){
  #header #mobile-head {
    display: block;
  }

  #header #desktop-head {
    display: none;
  }
  .suppmess {
    display: none;
  }
  .hh #header .main .show-nav-hh,
  .hh #header .search-hh {
    top: 10px;
  }

}
@media (max-width: 400px){
  .header-search-filters input:first-child + label{
    margin-right: 5px;
  }
  .header-search-filters label{
    font-size: 13px;
  }

  #header #mobile-head {
    display: block;
  }

  #header #desktop-head {
    display: none;
  }

   #header #desktop-head .header-search,.hh .header-search.highlight.t1 {
	  margin-top:24%;
	  width:100%;
	  position:absolute;
  }

  .suppmess {
    display: none;
  }


}

.header_red
{
  background-color :#d7212e;
  position: relative;
  z-index: -1;
  box-shadow: 0 0 10px -1px rgba(0,0,0,0.8);
}

.top-text{

}
#search_icon, #search_icon_mobile
{
  background: url(../../images/icon_recortar.png) no-repeat top right;
  width: 24px;
  height: 20px;
  position: absolute;
  right: 7px;
  top: 7px;
}


.search_lis{
  position: relative !important;
}

/**/
.disp-none {
  display: none;
}
.search_lis-mobile {
  margin: 0 10px;

}

.search_lis-mobile input {
  width: 100% !important;
  max-width: 100%;
}


.header_home{
  background-color: #ececec !important;
  padding: 10px 0px !important;
}


.list_top
{
  padding: 6px 0px 0px 0px;
}
.list_top a{
  font-size: 14px !important;
}
.list_country
{

margin: 6px 0px 0px 0px;
}
.font_light{
  font-weight: 100 !important;
}
.brand
{

  min-width: 261px;
  float: left;
  height: 34px;
  padding-top: 4px;
}
.brand a{
  margin-right:10px;
}
.brand a.logo
{

border-right: 1px solid #e1e1e1;

padding: 3px 19px 28px 0px !important;
}

.brand a img
{

vertical-align: middle;
}
.brand a.support-txt
{
  line-height: 30px !important;
  padding: 0px 6px 0px 10px !important;
  text-transform: uppercase;
}
.hh #header .secondary-nav .wrapper .brand .support-txt {
  display: none;
}
/* removimg the search from the header
#header .search_lis {
	display:none;
}*/

.header-search-filters input[type=radio] {
    display: none;
}
.header-search-filters input[type="radio"] + label::before {
  border: none;
}
.header-search-filters input[type=radio] + label::before {
    content: '';
    display: inline-block;
    border-radius: 50%;
    margin: 0 0.5em;
    top: 0;
    left: -5px;
}
.header-search-filters input[type=radio]:checked + label::before {
    background-color: silver;
}

.header-search-filters .radio1 + label::before {
    width: 15px;
    height: 15px;
}

.header-search-filters input[type="radio"]:checked + label::before,
.header-search-filters input[type="radio"]:checked + label::after {
    background-color: #26ca28;
    border-color: #fff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5) inset;
}

.header-search-filters input[type="radio"] + label::after {
    border-radius: 50%;
    content: '';
    cursor: pointer;
    height: 15px;
    width: 15px;
    left: 2px;
    top: 5px;
    margin-top: -5px;
    position: absolute;
    border: 1px solid #fff;
    transition: all 200ms ease;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5) inset;
}