@charset "UTF-8";
/*
 *
 * Copyright (C) 2013-2018 Fonpit AG
 * 
 * ---
 * Comments will be removed in production. 
 * ---
 * _base.scss
 * 
 * This file contains all variables and mixins that are used on most pages or should be used on most pages (for consistency)
 * 
 * This file should be included *first* in every .scss file (unless the file itself is a partial/import) so that the file has access to these variables/mixins
 */
/**
 * DO NOT USE THIS MIXINS!
 * This mixins are from compass that added browser specific prefixed.
 * Since we are using postcss now, compass is not needed anymore.
 * However, I was to lazy to remove all compass. Therefore, this mixins exists.
 * If you touch a scss file that use one these mixins please remove it. ~ Daniil.
 */
/*
 *
 * Copyright (C) 2016 Fonpit AG
 * 
 */
/*
 *
 * Copyright (C) 2016 Fonpit AG
 * 
 */
/*
 *
 * Copyright (C) 2016 Fonpit AG
 * 
 */
/*
 *
 * Copyright (C) 2016-2018 Fonpit AG
 * 
 */
/*
 *
 * Copyright (C) 2016 Fonpit AG
 * 
 */
/*
 *
 * Copyright (C) 2016-2018 Fonpit AG
 * 
 */
/*
 *
 * Copyright (C) 2016-2017 Fonpit AG
 * 
 */
/*
 *
 * Copyright (C) 2017 Fonpit AG
 * 
 */
/*
 *
 * Copyright (C) 2017-2018 Fonpit AG
 * 
 * ---
 * Comments will be removed in production. 
 * ---
 * 
 * Mixins for ad styles
 *
 */
/**
 * DO NOT USE THIS MIXINS!
 * This mixins are from compass that added browser specific prefixed.
 * Since we are using postcss now, compass is not needed anymore.
 * However, I was to lazy to remove all compass. Therefore, this mixins exists.
 * If you touch a scss file that use one these mixins please remove it. ~ Daniil.
 */
/* '▴' */
/* '▸' */
/* '▾' */
/* '◂' */
/* '★' */
/* '☆' */
/* '✓' */
/* '✕' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '' */
/* '\1f304' */
/* '\1f3ac' */
/* '\1f44d' use data-icon="iconCode" here! */
/* '\1f44e' use data-icon="iconCode" here! */
/* '' */
/* '\1f4f7' */
/* '\1f512' */
/* '\1f513' */
@-webkit-keyframes iconPulsate {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }
@keyframes iconPulsate {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@-webkit-keyframes iconRotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes iconRotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.screenReaderText {
  position: absolute;
  left: -29999px; }

.no-svg .staff-mini-profile__social__link .screenReaderText {
  position: static;
  left: auto; }

/**
 * All options
 * 
 * Arrow is not added on mobile-sized viewports
 * 
 * $className:        String that will have "." prepended to it for the selector
 * $useArrow:         If true, will add a right-pointing arrow on hover
 * $tileColor:        Colour of the background; using null gives no colour
 * $hoverColor:       Background color on hover; defaulted to $color_hoverHightlight; using null gives no hover effect
 * $setDisplayBlock:  Set display:block here...
 */
/*
 *
 * Copyright (C) 2013-2018 Fonpit AG
 *
 */
body > img[src^="https://rover.ebay.com"] {
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'selection_androidpit';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity .8 */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* No underline if icon is used in <a> element */
  text-decoration: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  -webkit-font-feature-settings: "liga","dlig";
  -ms-font-feature-settings: "liga","dlig";
  -o-font-feature-settings: "liga","dlig";
  font-feature-settings: "liga","dlig", normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

[class^="icon-"].push-right:before,
[class*=" icon-"].push-right:before {
  float: right;
  line-height: inherit; }

.icon-up-dir:before {
  content: '\25B4'; }

/* '▴' */
.icon-right-dir:before {
  content: '\25B8'; }

/* '▸' */
.icon-down-dir:before {
  content: '\25BE'; }

/* '▾' */
.icon-left-dir:before {
  content: '\25C2'; }

/* '◂' */
.icon-star:before {
  content: '\25B4'; }

/* '★' */
.icon-star-empty:before {
  content: '\2606'; }

/* '☆' */
.icon-ok:before {
  content: '\2713'; }

/* '✓' */
.icon-cancel:before {
  content: '\2715'; }

/* '✕' */
.icon-star-half:before {
  content: '\E701'; }

/* '' */
.icon-down-open:before {
  content: '\E75C'; }

/* '' */
.icon-left-open:before {
  content: '\E75D'; }

/* '' */
.icon-right-open:before {
  content: '\E75E'; }

/* '' */
.icon-up-open:before {
  content: '\E75F'; }

/* '' */
.icon-bold:before {
  content: '\E77A'; }

/* '' */
.icon-italic:before {
  content: '\E77B'; }

/* '' */
.icon-align-left:before {
  content: '\E77E'; }

/* '' */
.icon-align-center:before {
  content: '\E77F'; }

/* '' */
.icon-align-right:before {
  content: '\E780'; }

/* '' */
.icon-align-justify:before {
  content: '\E781'; }

/* '' */
.icon-list:before {
  content: '\E782'; }

/* '' */
.icon-resize-full-alt:before {
  content: '\F0B2'; }

/* '' */
.icon-menu:before {
  content: '\F0C9'; }

/* '' */
.icon-list-bullet:before {
  content: '\F0CA'; }

/* '' */
.icon-list-numbered:before {
  content: '\F0CB'; }

/* '' */
.icon-angle-left:before {
  content: '\F104'; }

/* '' */
.icon-angle-right:before {
  content: '\F105'; }

/* '' */
.icon-angle-up:before {
  content: '\F106'; }

/* '' */
.icon-angle-down:before {
  content: '\F107'; }

/* '' */
.icon-picture:before {
  content: '\F304'; }

/* '\1f304' */
.icon-video:before {
  content: '\1F3AC'; }

/* '\1f3ac' */
.icon-thumbs-up:before {
  content: '\1F44D'; }

/* '\1f44d' */
.icon-thumbs-down:before {
  content: '\1F44E'; }

/* '\1f44e' */
.icon-pin-1:before {
  content: '\E800'; }

/* '' */
.icon-camera:before {
  content: '\F4F7'; }

/* '\1f4f7' */
.icon-lock:before {
  content: '\F512'; }

/* '\1f512' */
.icon-lock-open:before {
  content: '\F513'; }

/* '\1f513' */
.icon-smiley:before {
  content: '\E000'; }

.icon-link:before {
  content: '\F0C1'; }

.icon-unlink:before {
  content: '\F127'; }

.icon-bold2:before {
  content: '\E001'; }

.icon-strikethrough:before {
  content: '\E002'; }

.icon-code:before {
  content: '\E003'; }

.icon-question:before {
  content: '\F059'; }

.icon-undo:before {
  content: '\E004'; }

.icon-redo:before {
  content: '\E005'; }

.icon-loading:before, .icon-loading-rotating:before, .icon-spinner:before {
  content: '\F110'; }

.icon-quote-left:before {
  content: '\F10D'; }

.icon-quote-right:before {
  content: '\F10E'; }

.icon-font-size:before {
  content: '\F034'; }

.icon-boxes-horizontal:before {
  content: '\F141'; }

.icon-boxes-vertical:before {
  content: '\F142'; }

.icon-plus:before {
  content: '\F067'; }

.icon-minus:before {
  content: '\F068'; }

[data-icon]:before {
  content: attr(data-icon);
  font-family: 'selection_androidpit';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity .8 */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* No underline if icon is used in <a> element */
  text-decoration: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  -webkit-font-feature-settings: "liga","dlig";
  -ms-font-feature-settings: "liga","dlig";
  -o-font-feature-settings: "liga","dlig";
  font-feature-settings: "liga","dlig", normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

.svg-icon-svg-clock-white-small, .svg-icon-svg-clock-white-tiny {
  width: 16px;
  width: 1.6rem;
  height: 16px;
  height: 1.6rem; }

.svg-icon-svg-clock-white-small, .svg-icon-svg-clock-white-tiny {
  width: 14px;
  width: 1.4rem;
  height: 14px;
  height: 1.4rem; }

.svg-icon-svg-share-white-small, .svg-icon-svg-share-dark-small, .svg-icon-svg-share-white-tiny, .svg-icon-svg-share-dark-tiny {
  width: 16px;
  width: 1.6rem;
  height: 16px;
  height: 1.6rem; }

.svg-icon-svg-share-white-small, .svg-icon-svg-share-dark-small, .svg-icon-svg-share-white-tiny, .svg-icon-svg-share-dark-tiny {
  width: 14px;
  width: 1.4rem;
  height: 14px;
  height: 1.4rem; }

.svg-icon-svg-comment-bubble-white-small, .svg-icon-svg-comment-bubble-white-tiny {
  width: 16px;
  width: 1.6rem;
  height: 16px;
  height: 1.6rem; }

.svg-icon-svg-comment-bubble-white-small, .svg-icon-svg-comment-bubble-white-tiny {
  width: 14px;
  width: 1.4rem;
  height: 14px;
  height: 1.4rem; }

.svg-icon-arrow-right-white-large, .svg-icon-arrow-right-dark-large {
  width: 19.8px;
  width: 1.98rem;
  height: 33px;
  height: 3.3rem; }

.icon-loading-rotating:before {
  font-size: 24px;
  -webkit-transform-origin: 53% 52% 0;
          transform-origin: 53% 52% 0;
  -webkit-animation: iconRotate 1s steps(8) infinite;
          animation: iconRotate 1s steps(8) infinite; }

.icon-spinner:before {
  -webkit-animation: iconRotate 1s steps(8) infinite;
          animation: iconRotate 1s steps(8) infinite; }

/*
 *
 * Copyright (C) 2015-2017 Fonpit AG
 *
 */
/*
 *
 * Copyright (C) 2015-2018 Fonpit AG
 *
 */
[class*="btn-"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  -moz-focus-inner: 0;
  -webkit-tap-highlight-color: transparent;
  background: none;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  border: 0;
  border-radius: 0.2em;
  padding: .5em 1em;
  margin: 3px 0;
  cursor: pointer;
  zoom: 1;
  outline: 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.2;
  color: #272526;
  text-transform: uppercase;
  letter-spacing: .01em;
  text-align: center;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased; }
  :hover[class*="btn-"], :active[class*="btn-"] {
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    text-decoration: none; }
  .saved[class*="btn-"], .disabled.saved[class*="btn-"], [disabled].saved[class*="btn-"] {
    color: #769c11; }
  .expand[class*="btn-"] {
    display: block;
    width: 100%; }
  .round[class*="btn-"] {
    border-radius: 2em; }

.btn-primary-tiny {
  color: #fff;
  background: #1770aa;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-primary-tiny:not([disabled]):not(.disabled):hover, .btn-primary-tiny:not([disabled]):not(.disabled):active {
    color: #1770aa;
    background: white;
    border-color: #1770aa; }
  .btn-primary-tiny:not([disabled]):not(.disabled):active {
    background: #c5dbea; }
  .btn-primary-tiny.disabled, .btn-primary-tiny[disabled] {
    cursor: default;
    pointer-events: none;
    background: #aecde1;
    color: white; }
    .btn-primary-tiny.disabled:hover, .btn-primary-tiny.disabled:active, .btn-primary-tiny[disabled]:hover, .btn-primary-tiny[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-primary-small {
  color: #fff;
  background: #1770aa;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-primary-small:not([disabled]):not(.disabled):hover, .btn-primary-small:not([disabled]):not(.disabled):active {
    color: #1770aa;
    background: white;
    border-color: #1770aa; }
  .btn-primary-small:not([disabled]):not(.disabled):active {
    background: #c5dbea; }
  .btn-primary-small.disabled, .btn-primary-small[disabled] {
    cursor: default;
    pointer-events: none;
    background: #aecde1;
    color: white; }
    .btn-primary-small.disabled:hover, .btn-primary-small.disabled:active, .btn-primary-small[disabled]:hover, .btn-primary-small[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-primary {
  color: #fff;
  background: #1770aa;
  border: 2px solid transparent;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-primary:not([disabled]):not(.disabled):hover, .btn-primary:not([disabled]):not(.disabled):active {
    color: #1770aa;
    background: white;
    border-color: #1770aa; }
  .btn-primary:not([disabled]):not(.disabled):active {
    background: #c5dbea; }
  .btn-primary.disabled, .btn-primary[disabled] {
    cursor: default;
    pointer-events: none;
    background: #aecde1;
    color: white; }
    .btn-primary.disabled:hover, .btn-primary.disabled:active, .btn-primary[disabled]:hover, .btn-primary[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-primary-large {
  color: #fff;
  background: #1770aa;
  border: 2px solid transparent;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-primary-large:not([disabled]):not(.disabled):hover, .btn-primary-large:not([disabled]):not(.disabled):active {
    color: #1770aa;
    background: white;
    border-color: #1770aa; }
  .btn-primary-large:not([disabled]):not(.disabled):active {
    background: #c5dbea; }
  .btn-primary-large.disabled, .btn-primary-large[disabled] {
    cursor: default;
    pointer-events: none;
    background: #aecde1;
    color: white; }
    .btn-primary-large.disabled:hover, .btn-primary-large.disabled:active, .btn-primary-large[disabled]:hover, .btn-primary-large[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-primary-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-primary-big {
  color: #fff;
  background: #1770aa;
  border: 2px solid transparent;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-primary-big:not([disabled]):not(.disabled):hover, .btn-primary-big:not([disabled]):not(.disabled):active {
    color: #1770aa;
    background: white;
    border-color: #1770aa; }
  .btn-primary-big:not([disabled]):not(.disabled):active {
    background: #c5dbea; }
  .btn-primary-big.disabled, .btn-primary-big[disabled] {
    cursor: default;
    pointer-events: none;
    background: #aecde1;
    color: white; }
    .btn-primary-big.disabled:hover, .btn-primary-big.disabled:active, .btn-primary-big[disabled]:hover, .btn-primary-big[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-primary-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-secondary-tiny {
  color: #272526;
  background: #e9eef2;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-secondary-tiny:not([disabled]):not(.disabled):hover, .btn-secondary-tiny:not([disabled]):not(.disabled):active {
    color: #272526;
    background: white;
    border-color: #272526; }
  .btn-secondary-tiny:not([disabled]):not(.disabled):active {
    background: #e9eef2; }
  .btn-secondary-tiny.disabled, .btn-secondary-tiny[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f7f9fa;
    color: #b3b3b3; }
    .btn-secondary-tiny.disabled:hover, .btn-secondary-tiny.disabled:active, .btn-secondary-tiny[disabled]:hover, .btn-secondary-tiny[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-secondary-small {
  color: #272526;
  background: #e9eef2;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-secondary-small:not([disabled]):not(.disabled):hover, .btn-secondary-small:not([disabled]):not(.disabled):active {
    color: #272526;
    background: white;
    border-color: #272526; }
  .btn-secondary-small:not([disabled]):not(.disabled):active {
    background: #e9eef2; }
  .btn-secondary-small.disabled, .btn-secondary-small[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f7f9fa;
    color: #b3b3b3; }
    .btn-secondary-small.disabled:hover, .btn-secondary-small.disabled:active, .btn-secondary-small[disabled]:hover, .btn-secondary-small[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-secondary {
  color: #272526;
  background: #e9eef2;
  border: 2px solid transparent;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-secondary:not([disabled]):not(.disabled):hover, .btn-secondary:not([disabled]):not(.disabled):active {
    color: #272526;
    background: white;
    border-color: #272526; }
  .btn-secondary:not([disabled]):not(.disabled):active {
    background: #e9eef2; }
  .btn-secondary.disabled, .btn-secondary[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f7f9fa;
    color: #b3b3b3; }
    .btn-secondary.disabled:hover, .btn-secondary.disabled:active, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-secondary-large {
  color: #272526;
  background: #e9eef2;
  border: 2px solid transparent;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-secondary-large:not([disabled]):not(.disabled):hover, .btn-secondary-large:not([disabled]):not(.disabled):active {
    color: #272526;
    background: white;
    border-color: #272526; }
  .btn-secondary-large:not([disabled]):not(.disabled):active {
    background: #e9eef2; }
  .btn-secondary-large.disabled, .btn-secondary-large[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f7f9fa;
    color: #b3b3b3; }
    .btn-secondary-large.disabled:hover, .btn-secondary-large.disabled:active, .btn-secondary-large[disabled]:hover, .btn-secondary-large[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-secondary-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-secondary-big {
  color: #272526;
  background: #e9eef2;
  border: 2px solid transparent;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-secondary-big:not([disabled]):not(.disabled):hover, .btn-secondary-big:not([disabled]):not(.disabled):active {
    color: #272526;
    background: white;
    border-color: #272526; }
  .btn-secondary-big:not([disabled]):not(.disabled):active {
    background: #e9eef2; }
  .btn-secondary-big.disabled, .btn-secondary-big[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f7f9fa;
    color: #b3b3b3; }
    .btn-secondary-big.disabled:hover, .btn-secondary-big.disabled:active, .btn-secondary-big[disabled]:hover, .btn-secondary-big[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-secondary-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-secondary-v2-tiny {
  color: #1770aa;
  background: #e9eef2;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-secondary-v2-tiny:not([disabled]):not(.disabled):hover, .btn-secondary-v2-tiny:not([disabled]):not(.disabled):active {
    color: #1770aa;
    background: white;
    border-color: #1770aa; }
  .btn-secondary-v2-tiny:not([disabled]):not(.disabled):active {
    background: #e9eef2; }
  .btn-secondary-v2-tiny.disabled, .btn-secondary-v2-tiny[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f7f9fa;
    color: #aecde1; }
    .btn-secondary-v2-tiny.disabled:hover, .btn-secondary-v2-tiny.disabled:active, .btn-secondary-v2-tiny[disabled]:hover, .btn-secondary-v2-tiny[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-secondary-v2-small {
  color: #1770aa;
  background: #e9eef2;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-secondary-v2-small:not([disabled]):not(.disabled):hover, .btn-secondary-v2-small:not([disabled]):not(.disabled):active {
    color: #1770aa;
    background: white;
    border-color: #1770aa; }
  .btn-secondary-v2-small:not([disabled]):not(.disabled):active {
    background: #e9eef2; }
  .btn-secondary-v2-small.disabled, .btn-secondary-v2-small[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f7f9fa;
    color: #aecde1; }
    .btn-secondary-v2-small.disabled:hover, .btn-secondary-v2-small.disabled:active, .btn-secondary-v2-small[disabled]:hover, .btn-secondary-v2-small[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-secondary-v2 {
  color: #1770aa;
  background: #e9eef2;
  border: 2px solid transparent;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-secondary-v2:not([disabled]):not(.disabled):hover, .btn-secondary-v2:not([disabled]):not(.disabled):active {
    color: #1770aa;
    background: white;
    border-color: #1770aa; }
  .btn-secondary-v2:not([disabled]):not(.disabled):active {
    background: #e9eef2; }
  .btn-secondary-v2.disabled, .btn-secondary-v2[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f7f9fa;
    color: #aecde1; }
    .btn-secondary-v2.disabled:hover, .btn-secondary-v2.disabled:active, .btn-secondary-v2[disabled]:hover, .btn-secondary-v2[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-secondary-v2-large {
  color: #1770aa;
  background: #e9eef2;
  border: 2px solid transparent;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-secondary-v2-large:not([disabled]):not(.disabled):hover, .btn-secondary-v2-large:not([disabled]):not(.disabled):active {
    color: #1770aa;
    background: white;
    border-color: #1770aa; }
  .btn-secondary-v2-large:not([disabled]):not(.disabled):active {
    background: #e9eef2; }
  .btn-secondary-v2-large.disabled, .btn-secondary-v2-large[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f7f9fa;
    color: #aecde1; }
    .btn-secondary-v2-large.disabled:hover, .btn-secondary-v2-large.disabled:active, .btn-secondary-v2-large[disabled]:hover, .btn-secondary-v2-large[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-secondary-v2-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-secondary-v2-big {
  color: #1770aa;
  background: #e9eef2;
  border: 2px solid transparent;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-secondary-v2-big:not([disabled]):not(.disabled):hover, .btn-secondary-v2-big:not([disabled]):not(.disabled):active {
    color: #1770aa;
    background: white;
    border-color: #1770aa; }
  .btn-secondary-v2-big:not([disabled]):not(.disabled):active {
    background: #e9eef2; }
  .btn-secondary-v2-big.disabled, .btn-secondary-v2-big[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f7f9fa;
    color: #aecde1; }
    .btn-secondary-v2-big.disabled:hover, .btn-secondary-v2-big.disabled:active, .btn-secondary-v2-big[disabled]:hover, .btn-secondary-v2-big[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-secondary-v2-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-basic-tiny {
  color: #272526;
  background: #ffffff;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-basic-tiny:not([disabled]):not(.disabled):hover, .btn-basic-tiny:not([disabled]):not(.disabled):active {
    color: #272526;
    background: white;
    border-color: #272526; }
  .btn-basic-tiny:not([disabled]):not(.disabled):active {
    background: #ffffff; }
  .btn-basic-tiny.disabled, .btn-basic-tiny[disabled] {
    cursor: default;
    pointer-events: none;
    background: white;
    color: #b3b3b3; }
    .btn-basic-tiny.disabled:hover, .btn-basic-tiny.disabled:active, .btn-basic-tiny[disabled]:hover, .btn-basic-tiny[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-basic-small {
  color: #272526;
  background: #ffffff;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-basic-small:not([disabled]):not(.disabled):hover, .btn-basic-small:not([disabled]):not(.disabled):active {
    color: #272526;
    background: white;
    border-color: #272526; }
  .btn-basic-small:not([disabled]):not(.disabled):active {
    background: #ffffff; }
  .btn-basic-small.disabled, .btn-basic-small[disabled] {
    cursor: default;
    pointer-events: none;
    background: white;
    color: #b3b3b3; }
    .btn-basic-small.disabled:hover, .btn-basic-small.disabled:active, .btn-basic-small[disabled]:hover, .btn-basic-small[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-basic {
  color: #272526;
  background: #ffffff;
  border: 2px solid transparent;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-basic:not([disabled]):not(.disabled):hover, .btn-basic:not([disabled]):not(.disabled):active {
    color: #272526;
    background: white;
    border-color: #272526; }
  .btn-basic:not([disabled]):not(.disabled):active {
    background: #ffffff; }
  .btn-basic.disabled, .btn-basic[disabled] {
    cursor: default;
    pointer-events: none;
    background: white;
    color: #b3b3b3; }
    .btn-basic.disabled:hover, .btn-basic.disabled:active, .btn-basic[disabled]:hover, .btn-basic[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-basic-large {
  color: #272526;
  background: #ffffff;
  border: 2px solid transparent;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-basic-large:not([disabled]):not(.disabled):hover, .btn-basic-large:not([disabled]):not(.disabled):active {
    color: #272526;
    background: white;
    border-color: #272526; }
  .btn-basic-large:not([disabled]):not(.disabled):active {
    background: #ffffff; }
  .btn-basic-large.disabled, .btn-basic-large[disabled] {
    cursor: default;
    pointer-events: none;
    background: white;
    color: #b3b3b3; }
    .btn-basic-large.disabled:hover, .btn-basic-large.disabled:active, .btn-basic-large[disabled]:hover, .btn-basic-large[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-basic-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-basic-big {
  color: #272526;
  background: #ffffff;
  border: 2px solid transparent;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-basic-big:not([disabled]):not(.disabled):hover, .btn-basic-big:not([disabled]):not(.disabled):active {
    color: #272526;
    background: white;
    border-color: #272526; }
  .btn-basic-big:not([disabled]):not(.disabled):active {
    background: #ffffff; }
  .btn-basic-big.disabled, .btn-basic-big[disabled] {
    cursor: default;
    pointer-events: none;
    background: white;
    color: #b3b3b3; }
    .btn-basic-big.disabled:hover, .btn-basic-big.disabled:active, .btn-basic-big[disabled]:hover, .btn-basic-big[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-basic-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-basic-nobtn-tiny {
  color: #272526;
  background: #ffffff;
  border: 2px solid transparent;
  cursor: default;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }

.btn-basic-nobtn-small {
  color: #272526;
  background: #ffffff;
  border: 2px solid transparent;
  cursor: default;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }

.btn-basic-nobtn {
  color: #272526;
  background: #ffffff;
  border: 2px solid transparent;
  cursor: default;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }

.btn-basic-nobtn-large {
  color: #272526;
  background: #ffffff;
  border: 2px solid transparent;
  cursor: default;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  @media all and (max-width: 34.3em) {
    .btn-basic-nobtn-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-basic-nobtn-big {
  color: #272526;
  background: #ffffff;
  border: 2px solid transparent;
  cursor: default;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  @media all and (max-width: 34.3em) {
    .btn-basic-nobtn-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-positive-tiny {
  color: #fff;
  background: #8aa913;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-positive-tiny:not([disabled]):not(.disabled):hover, .btn-positive-tiny:not([disabled]):not(.disabled):active {
    color: #8aa913;
    background: white;
    border-color: #8aa913; }
  .btn-positive-tiny:not([disabled]):not(.disabled):active {
    background: #e2eac4; }
  .btn-positive-tiny.disabled, .btn-positive-tiny[disabled] {
    cursor: default;
    pointer-events: none;
    background: #d6e1ac;
    color: white; }
    .btn-positive-tiny.disabled:hover, .btn-positive-tiny.disabled:active, .btn-positive-tiny[disabled]:hover, .btn-positive-tiny[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-positive-small {
  color: #fff;
  background: #8aa913;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-positive-small:not([disabled]):not(.disabled):hover, .btn-positive-small:not([disabled]):not(.disabled):active {
    color: #8aa913;
    background: white;
    border-color: #8aa913; }
  .btn-positive-small:not([disabled]):not(.disabled):active {
    background: #e2eac4; }
  .btn-positive-small.disabled, .btn-positive-small[disabled] {
    cursor: default;
    pointer-events: none;
    background: #d6e1ac;
    color: white; }
    .btn-positive-small.disabled:hover, .btn-positive-small.disabled:active, .btn-positive-small[disabled]:hover, .btn-positive-small[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-positive {
  color: #fff;
  background: #8aa913;
  border: 2px solid transparent;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-positive:not([disabled]):not(.disabled):hover, .btn-positive:not([disabled]):not(.disabled):active {
    color: #8aa913;
    background: white;
    border-color: #8aa913; }
  .btn-positive:not([disabled]):not(.disabled):active {
    background: #e2eac4; }
  .btn-positive.disabled, .btn-positive[disabled] {
    cursor: default;
    pointer-events: none;
    background: #d6e1ac;
    color: white; }
    .btn-positive.disabled:hover, .btn-positive.disabled:active, .btn-positive[disabled]:hover, .btn-positive[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-positive-large {
  color: #fff;
  background: #8aa913;
  border: 2px solid transparent;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-positive-large:not([disabled]):not(.disabled):hover, .btn-positive-large:not([disabled]):not(.disabled):active {
    color: #8aa913;
    background: white;
    border-color: #8aa913; }
  .btn-positive-large:not([disabled]):not(.disabled):active {
    background: #e2eac4; }
  .btn-positive-large.disabled, .btn-positive-large[disabled] {
    cursor: default;
    pointer-events: none;
    background: #d6e1ac;
    color: white; }
    .btn-positive-large.disabled:hover, .btn-positive-large.disabled:active, .btn-positive-large[disabled]:hover, .btn-positive-large[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-positive-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-positive-big {
  color: #fff;
  background: #8aa913;
  border: 2px solid transparent;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-positive-big:not([disabled]):not(.disabled):hover, .btn-positive-big:not([disabled]):not(.disabled):active {
    color: #8aa913;
    background: white;
    border-color: #8aa913; }
  .btn-positive-big:not([disabled]):not(.disabled):active {
    background: #e2eac4; }
  .btn-positive-big.disabled, .btn-positive-big[disabled] {
    cursor: default;
    pointer-events: none;
    background: #d6e1ac;
    color: white; }
    .btn-positive-big.disabled:hover, .btn-positive-big.disabled:active, .btn-positive-big[disabled]:hover, .btn-positive-big[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-positive-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-negative-tiny {
  color: #fff;
  background: #fe0000;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-negative-tiny:not([disabled]):not(.disabled):hover, .btn-negative-tiny:not([disabled]):not(.disabled):active {
    color: #fe0000;
    background: white;
    border-color: #fe0000; }
  .btn-negative-tiny:not([disabled]):not(.disabled):active {
    background: #ffbfbf; }
  .btn-negative-tiny.disabled, .btn-negative-tiny[disabled] {
    cursor: default;
    pointer-events: none;
    background: #ffa6a6;
    color: white; }
    .btn-negative-tiny.disabled:hover, .btn-negative-tiny.disabled:active, .btn-negative-tiny[disabled]:hover, .btn-negative-tiny[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-negative-small {
  color: #fff;
  background: #fe0000;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-negative-small:not([disabled]):not(.disabled):hover, .btn-negative-small:not([disabled]):not(.disabled):active {
    color: #fe0000;
    background: white;
    border-color: #fe0000; }
  .btn-negative-small:not([disabled]):not(.disabled):active {
    background: #ffbfbf; }
  .btn-negative-small.disabled, .btn-negative-small[disabled] {
    cursor: default;
    pointer-events: none;
    background: #ffa6a6;
    color: white; }
    .btn-negative-small.disabled:hover, .btn-negative-small.disabled:active, .btn-negative-small[disabled]:hover, .btn-negative-small[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-negative {
  color: #fff;
  background: #fe0000;
  border: 2px solid transparent;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-negative:not([disabled]):not(.disabled):hover, .btn-negative:not([disabled]):not(.disabled):active {
    color: #fe0000;
    background: white;
    border-color: #fe0000; }
  .btn-negative:not([disabled]):not(.disabled):active {
    background: #ffbfbf; }
  .btn-negative.disabled, .btn-negative[disabled] {
    cursor: default;
    pointer-events: none;
    background: #ffa6a6;
    color: white; }
    .btn-negative.disabled:hover, .btn-negative.disabled:active, .btn-negative[disabled]:hover, .btn-negative[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-negative-large {
  color: #fff;
  background: #fe0000;
  border: 2px solid transparent;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-negative-large:not([disabled]):not(.disabled):hover, .btn-negative-large:not([disabled]):not(.disabled):active {
    color: #fe0000;
    background: white;
    border-color: #fe0000; }
  .btn-negative-large:not([disabled]):not(.disabled):active {
    background: #ffbfbf; }
  .btn-negative-large.disabled, .btn-negative-large[disabled] {
    cursor: default;
    pointer-events: none;
    background: #ffa6a6;
    color: white; }
    .btn-negative-large.disabled:hover, .btn-negative-large.disabled:active, .btn-negative-large[disabled]:hover, .btn-negative-large[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-negative-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-negative-big {
  color: #fff;
  background: #fe0000;
  border: 2px solid transparent;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-negative-big:not([disabled]):not(.disabled):hover, .btn-negative-big:not([disabled]):not(.disabled):active {
    color: #fe0000;
    background: white;
    border-color: #fe0000; }
  .btn-negative-big:not([disabled]):not(.disabled):active {
    background: #ffbfbf; }
  .btn-negative-big.disabled, .btn-negative-big[disabled] {
    cursor: default;
    pointer-events: none;
    background: #ffa6a6;
    color: white; }
    .btn-negative-big.disabled:hover, .btn-negative-big.disabled:active, .btn-negative-big[disabled]:hover, .btn-negative-big[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-negative-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-facebook-tiny {
  background-color: #395899;
  color: #fff;
  min-height: 50px;
  min-height: 5rem;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-facebook-tiny .svg-icon {
    position: absolute;
    left: .8em;
    bottom: 0;
    height: 100%;
    width: 1em;
    padding: 0 .4em 0 0;
    border-right: 1px solid #1b3b75;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-sizing: initial;
            box-sizing: initial; }
  .btn-facebook-tiny .svg-loginicon-spacer {
    margin-right: 2em; }
  .btn-facebook-tiny:hover {
    outline: 1px solid #fff;
    -webkit-box-shadow: 0 0 4px 2px rgba(57, 88, 153, .45);
            box-shadow: 0 0 4px 2px rgba(57, 88, 153, .45); }

.btn-facebook-small {
  background-color: #395899;
  color: #fff;
  min-height: 50px;
  min-height: 5rem;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-facebook-small .svg-icon {
    position: absolute;
    left: .8em;
    bottom: 0;
    height: 100%;
    width: 1em;
    padding: 0 .4em 0 0;
    border-right: 1px solid #1b3b75;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-sizing: initial;
            box-sizing: initial; }
  .btn-facebook-small .svg-loginicon-spacer {
    margin-right: 2em; }
  .btn-facebook-small:hover {
    outline: 1px solid #fff;
    -webkit-box-shadow: 0 0 4px 2px rgba(57, 88, 153, .45);
            box-shadow: 0 0 4px 2px rgba(57, 88, 153, .45); }

.btn-facebook {
  background-color: #395899;
  color: #fff;
  min-height: 50px;
  min-height: 5rem;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-facebook .svg-icon {
    position: absolute;
    left: .8em;
    bottom: 0;
    height: 100%;
    width: 1em;
    padding: 0 .4em 0 0;
    border-right: 1px solid #1b3b75;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-sizing: initial;
            box-sizing: initial; }
  .btn-facebook .svg-loginicon-spacer {
    margin-right: 2em; }
  .btn-facebook:hover {
    outline: 1px solid #fff;
    -webkit-box-shadow: 0 0 4px 2px rgba(57, 88, 153, .45);
            box-shadow: 0 0 4px 2px rgba(57, 88, 153, .45); }

.btn-facebook-large {
  background-color: #395899;
  color: #fff;
  min-height: 50px;
  min-height: 5rem;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-facebook-large .svg-icon {
    position: absolute;
    left: .8em;
    bottom: 0;
    height: 100%;
    width: 1em;
    padding: 0 .4em 0 0;
    border-right: 1px solid #1b3b75;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-sizing: initial;
            box-sizing: initial; }
  .btn-facebook-large .svg-loginicon-spacer {
    margin-right: 2em; }
  .btn-facebook-large:hover {
    outline: 1px solid #fff;
    -webkit-box-shadow: 0 0 4px 2px rgba(57, 88, 153, .45);
            box-shadow: 0 0 4px 2px rgba(57, 88, 153, .45); }
  @media all and (max-width: 34.3em) {
    .btn-facebook-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-facebook-big {
  background-color: #395899;
  color: #fff;
  min-height: 50px;
  min-height: 5rem;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-facebook-big .svg-icon {
    position: absolute;
    left: .8em;
    bottom: 0;
    height: 100%;
    width: 1em;
    padding: 0 .4em 0 0;
    border-right: 1px solid #1b3b75;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-sizing: initial;
            box-sizing: initial; }
  .btn-facebook-big .svg-loginicon-spacer {
    margin-right: 2em; }
  .btn-facebook-big:hover {
    outline: 1px solid #fff;
    -webkit-box-shadow: 0 0 4px 2px rgba(57, 88, 153, .45);
            box-shadow: 0 0 4px 2px rgba(57, 88, 153, .45); }
  @media all and (max-width: 34.3em) {
    .btn-facebook-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-google-tiny {
  background-color: #dd4b39;
  color: #fff;
  min-height: 50px;
  min-height: 5rem;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-google-tiny .svg-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 1.6em;
    padding: 0 .3em 0 .5em;
    border-right: 1px solid #bc4031;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-sizing: initial;
            box-sizing: initial; }
  .btn-google-tiny .svg-loginicon-spacer {
    margin-right: 2em; }
  .btn-google-tiny:hover {
    outline: 1px solid #fff;
    -webkit-box-shadow: 0 0 4px 2px rgba(221, 75, 57, .45);
            box-shadow: 0 0 4px 2px rgba(221, 75, 57, .45); }

.btn-google-small {
  background-color: #dd4b39;
  color: #fff;
  min-height: 50px;
  min-height: 5rem;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-google-small .svg-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 1.6em;
    padding: 0 .3em 0 .5em;
    border-right: 1px solid #bc4031;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-sizing: initial;
            box-sizing: initial; }
  .btn-google-small .svg-loginicon-spacer {
    margin-right: 2em; }
  .btn-google-small:hover {
    outline: 1px solid #fff;
    -webkit-box-shadow: 0 0 4px 2px rgba(221, 75, 57, .45);
            box-shadow: 0 0 4px 2px rgba(221, 75, 57, .45); }

.btn-google {
  background-color: #dd4b39;
  color: #fff;
  min-height: 50px;
  min-height: 5rem;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-google .svg-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 1.6em;
    padding: 0 .3em 0 .5em;
    border-right: 1px solid #bc4031;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-sizing: initial;
            box-sizing: initial; }
  .btn-google .svg-loginicon-spacer {
    margin-right: 2em; }
  .btn-google:hover {
    outline: 1px solid #fff;
    -webkit-box-shadow: 0 0 4px 2px rgba(221, 75, 57, .45);
            box-shadow: 0 0 4px 2px rgba(221, 75, 57, .45); }

.btn-google-large {
  background-color: #dd4b39;
  color: #fff;
  min-height: 50px;
  min-height: 5rem;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-google-large .svg-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 1.6em;
    padding: 0 .3em 0 .5em;
    border-right: 1px solid #bc4031;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-sizing: initial;
            box-sizing: initial; }
  .btn-google-large .svg-loginicon-spacer {
    margin-right: 2em; }
  .btn-google-large:hover {
    outline: 1px solid #fff;
    -webkit-box-shadow: 0 0 4px 2px rgba(221, 75, 57, .45);
            box-shadow: 0 0 4px 2px rgba(221, 75, 57, .45); }
  @media all and (max-width: 34.3em) {
    .btn-google-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-google-big {
  background-color: #dd4b39;
  color: #fff;
  min-height: 50px;
  min-height: 5rem;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-google-big .svg-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 1.6em;
    padding: 0 .3em 0 .5em;
    border-right: 1px solid #bc4031;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-box-sizing: initial;
            box-sizing: initial; }
  .btn-google-big .svg-loginicon-spacer {
    margin-right: 2em; }
  .btn-google-big:hover {
    outline: 1px solid #fff;
    -webkit-box-shadow: 0 0 4px 2px rgba(221, 75, 57, .45);
            box-shadow: 0 0 4px 2px rgba(221, 75, 57, .45); }
  @media all and (max-width: 34.3em) {
    .btn-google-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-share-fb-tiny {
  color: #fff;
  background: #3a5999;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-share-fb-tiny:not([disabled]):not(.disabled):hover, .btn-share-fb-tiny:not([disabled]):not(.disabled):active {
    color: #3a5999;
    background: white;
    border-color: #3a5999; }
  .btn-share-fb-tiny:not([disabled]):not(.disabled):active {
    background: #ced6e6; }
  .btn-share-fb-tiny.disabled, .btn-share-fb-tiny[disabled] {
    cursor: default;
    pointer-events: none;
    background: #bac5db;
    color: white; }
    .btn-share-fb-tiny.disabled:hover, .btn-share-fb-tiny.disabled:active, .btn-share-fb-tiny[disabled]:hover, .btn-share-fb-tiny[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-fb-small {
  color: #fff;
  background: #3a5999;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-share-fb-small:not([disabled]):not(.disabled):hover, .btn-share-fb-small:not([disabled]):not(.disabled):active {
    color: #3a5999;
    background: white;
    border-color: #3a5999; }
  .btn-share-fb-small:not([disabled]):not(.disabled):active {
    background: #ced6e6; }
  .btn-share-fb-small.disabled, .btn-share-fb-small[disabled] {
    cursor: default;
    pointer-events: none;
    background: #bac5db;
    color: white; }
    .btn-share-fb-small.disabled:hover, .btn-share-fb-small.disabled:active, .btn-share-fb-small[disabled]:hover, .btn-share-fb-small[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-fb {
  color: #fff;
  background: #3a5999;
  border: 2px solid transparent;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-share-fb:not([disabled]):not(.disabled):hover, .btn-share-fb:not([disabled]):not(.disabled):active {
    color: #3a5999;
    background: white;
    border-color: #3a5999; }
  .btn-share-fb:not([disabled]):not(.disabled):active {
    background: #ced6e6; }
  .btn-share-fb.disabled, .btn-share-fb[disabled] {
    cursor: default;
    pointer-events: none;
    background: #bac5db;
    color: white; }
    .btn-share-fb.disabled:hover, .btn-share-fb.disabled:active, .btn-share-fb[disabled]:hover, .btn-share-fb[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-fb-large {
  color: #fff;
  background: #3a5999;
  border: 2px solid transparent;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-share-fb-large:not([disabled]):not(.disabled):hover, .btn-share-fb-large:not([disabled]):not(.disabled):active {
    color: #3a5999;
    background: white;
    border-color: #3a5999; }
  .btn-share-fb-large:not([disabled]):not(.disabled):active {
    background: #ced6e6; }
  .btn-share-fb-large.disabled, .btn-share-fb-large[disabled] {
    cursor: default;
    pointer-events: none;
    background: #bac5db;
    color: white; }
    .btn-share-fb-large.disabled:hover, .btn-share-fb-large.disabled:active, .btn-share-fb-large[disabled]:hover, .btn-share-fb-large[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-share-fb-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-share-fb-big {
  color: #fff;
  background: #3a5999;
  border: 2px solid transparent;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-share-fb-big:not([disabled]):not(.disabled):hover, .btn-share-fb-big:not([disabled]):not(.disabled):active {
    color: #3a5999;
    background: white;
    border-color: #3a5999; }
  .btn-share-fb-big:not([disabled]):not(.disabled):active {
    background: #ced6e6; }
  .btn-share-fb-big.disabled, .btn-share-fb-big[disabled] {
    cursor: default;
    pointer-events: none;
    background: #bac5db;
    color: white; }
    .btn-share-fb-big.disabled:hover, .btn-share-fb-big.disabled:active, .btn-share-fb-big[disabled]:hover, .btn-share-fb-big[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-share-fb-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-share-tw-tiny {
  color: #fff;
  background: #43a8da;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-share-tw-tiny:not([disabled]):not(.disabled):hover, .btn-share-tw-tiny:not([disabled]):not(.disabled):active {
    color: #43a8da;
    background: white;
    border-color: #43a8da; }
  .btn-share-tw-tiny:not([disabled]):not(.disabled):active {
    background: #d0e9f6; }
  .btn-share-tw-tiny.disabled, .btn-share-tw-tiny[disabled] {
    cursor: default;
    pointer-events: none;
    background: #bde1f2;
    color: white; }
    .btn-share-tw-tiny.disabled:hover, .btn-share-tw-tiny.disabled:active, .btn-share-tw-tiny[disabled]:hover, .btn-share-tw-tiny[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-tw-small {
  color: #fff;
  background: #43a8da;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-share-tw-small:not([disabled]):not(.disabled):hover, .btn-share-tw-small:not([disabled]):not(.disabled):active {
    color: #43a8da;
    background: white;
    border-color: #43a8da; }
  .btn-share-tw-small:not([disabled]):not(.disabled):active {
    background: #d0e9f6; }
  .btn-share-tw-small.disabled, .btn-share-tw-small[disabled] {
    cursor: default;
    pointer-events: none;
    background: #bde1f2;
    color: white; }
    .btn-share-tw-small.disabled:hover, .btn-share-tw-small.disabled:active, .btn-share-tw-small[disabled]:hover, .btn-share-tw-small[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-tw {
  color: #fff;
  background: #43a8da;
  border: 2px solid transparent;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-share-tw:not([disabled]):not(.disabled):hover, .btn-share-tw:not([disabled]):not(.disabled):active {
    color: #43a8da;
    background: white;
    border-color: #43a8da; }
  .btn-share-tw:not([disabled]):not(.disabled):active {
    background: #d0e9f6; }
  .btn-share-tw.disabled, .btn-share-tw[disabled] {
    cursor: default;
    pointer-events: none;
    background: #bde1f2;
    color: white; }
    .btn-share-tw.disabled:hover, .btn-share-tw.disabled:active, .btn-share-tw[disabled]:hover, .btn-share-tw[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-tw-large {
  color: #fff;
  background: #43a8da;
  border: 2px solid transparent;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-share-tw-large:not([disabled]):not(.disabled):hover, .btn-share-tw-large:not([disabled]):not(.disabled):active {
    color: #43a8da;
    background: white;
    border-color: #43a8da; }
  .btn-share-tw-large:not([disabled]):not(.disabled):active {
    background: #d0e9f6; }
  .btn-share-tw-large.disabled, .btn-share-tw-large[disabled] {
    cursor: default;
    pointer-events: none;
    background: #bde1f2;
    color: white; }
    .btn-share-tw-large.disabled:hover, .btn-share-tw-large.disabled:active, .btn-share-tw-large[disabled]:hover, .btn-share-tw-large[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-share-tw-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-share-tw-big {
  color: #fff;
  background: #43a8da;
  border: 2px solid transparent;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-share-tw-big:not([disabled]):not(.disabled):hover, .btn-share-tw-big:not([disabled]):not(.disabled):active {
    color: #43a8da;
    background: white;
    border-color: #43a8da; }
  .btn-share-tw-big:not([disabled]):not(.disabled):active {
    background: #d0e9f6; }
  .btn-share-tw-big.disabled, .btn-share-tw-big[disabled] {
    cursor: default;
    pointer-events: none;
    background: #bde1f2;
    color: white; }
    .btn-share-tw-big.disabled:hover, .btn-share-tw-big.disabled:active, .btn-share-tw-big[disabled]:hover, .btn-share-tw-big[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-share-tw-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-share-gp-tiny {
  color: #fff;
  background: #df4a32;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-share-gp-tiny:not([disabled]):not(.disabled):hover, .btn-share-gp-tiny:not([disabled]):not(.disabled):active {
    color: #df4a32;
    background: white;
    border-color: #df4a32; }
  .btn-share-gp-tiny:not([disabled]):not(.disabled):active {
    background: #f7d2cc; }
  .btn-share-gp-tiny.disabled, .btn-share-gp-tiny[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f4c0b7;
    color: white; }
    .btn-share-gp-tiny.disabled:hover, .btn-share-gp-tiny.disabled:active, .btn-share-gp-tiny[disabled]:hover, .btn-share-gp-tiny[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-gp-small {
  color: #fff;
  background: #df4a32;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-share-gp-small:not([disabled]):not(.disabled):hover, .btn-share-gp-small:not([disabled]):not(.disabled):active {
    color: #df4a32;
    background: white;
    border-color: #df4a32; }
  .btn-share-gp-small:not([disabled]):not(.disabled):active {
    background: #f7d2cc; }
  .btn-share-gp-small.disabled, .btn-share-gp-small[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f4c0b7;
    color: white; }
    .btn-share-gp-small.disabled:hover, .btn-share-gp-small.disabled:active, .btn-share-gp-small[disabled]:hover, .btn-share-gp-small[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-gp {
  color: #fff;
  background: #df4a32;
  border: 2px solid transparent;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-share-gp:not([disabled]):not(.disabled):hover, .btn-share-gp:not([disabled]):not(.disabled):active {
    color: #df4a32;
    background: white;
    border-color: #df4a32; }
  .btn-share-gp:not([disabled]):not(.disabled):active {
    background: #f7d2cc; }
  .btn-share-gp.disabled, .btn-share-gp[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f4c0b7;
    color: white; }
    .btn-share-gp.disabled:hover, .btn-share-gp.disabled:active, .btn-share-gp[disabled]:hover, .btn-share-gp[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-gp-large {
  color: #fff;
  background: #df4a32;
  border: 2px solid transparent;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-share-gp-large:not([disabled]):not(.disabled):hover, .btn-share-gp-large:not([disabled]):not(.disabled):active {
    color: #df4a32;
    background: white;
    border-color: #df4a32; }
  .btn-share-gp-large:not([disabled]):not(.disabled):active {
    background: #f7d2cc; }
  .btn-share-gp-large.disabled, .btn-share-gp-large[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f4c0b7;
    color: white; }
    .btn-share-gp-large.disabled:hover, .btn-share-gp-large.disabled:active, .btn-share-gp-large[disabled]:hover, .btn-share-gp-large[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-share-gp-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-share-gp-big {
  color: #fff;
  background: #df4a32;
  border: 2px solid transparent;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-share-gp-big:not([disabled]):not(.disabled):hover, .btn-share-gp-big:not([disabled]):not(.disabled):active {
    color: #df4a32;
    background: white;
    border-color: #df4a32; }
  .btn-share-gp-big:not([disabled]):not(.disabled):active {
    background: #f7d2cc; }
  .btn-share-gp-big.disabled, .btn-share-gp-big[disabled] {
    cursor: default;
    pointer-events: none;
    background: #f4c0b7;
    color: white; }
    .btn-share-gp-big.disabled:hover, .btn-share-gp-big.disabled:active, .btn-share-gp-big[disabled]:hover, .btn-share-gp-big[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-share-gp-big {
      font-size: 2.2rem;
      font-weight: 600; } }

.btn-share-wa-tiny {
  color: #fff;
  background: #31ae22;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 80px;
  min-width: 8rem; }
  .btn-share-wa-tiny:not([disabled]):not(.disabled):hover, .btn-share-wa-tiny:not([disabled]):not(.disabled):active {
    color: #31ae22;
    background: white;
    border-color: #31ae22; }
  .btn-share-wa-tiny:not([disabled]):not(.disabled):active {
    background: #ccebc8; }
  .btn-share-wa-tiny.disabled, .btn-share-wa-tiny[disabled] {
    cursor: default;
    pointer-events: none;
    background: #b7e3b2;
    color: white; }
    .btn-share-wa-tiny.disabled:hover, .btn-share-wa-tiny.disabled:active, .btn-share-wa-tiny[disabled]:hover, .btn-share-wa-tiny[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-wa-small {
  color: #fff;
  background: #31ae22;
  border: 2px solid transparent;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  padding: 2px 14px;
  padding: 0.2rem 1.4rem;
  min-width: 110px;
  min-width: 11rem; }
  .btn-share-wa-small:not([disabled]):not(.disabled):hover, .btn-share-wa-small:not([disabled]):not(.disabled):active {
    color: #31ae22;
    background: white;
    border-color: #31ae22; }
  .btn-share-wa-small:not([disabled]):not(.disabled):active {
    background: #ccebc8; }
  .btn-share-wa-small.disabled, .btn-share-wa-small[disabled] {
    cursor: default;
    pointer-events: none;
    background: #b7e3b2;
    color: white; }
    .btn-share-wa-small.disabled:hover, .btn-share-wa-small.disabled:active, .btn-share-wa-small[disabled]:hover, .btn-share-wa-small[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-wa {
  color: #fff;
  background: #31ae22;
  border: 2px solid transparent;
  padding: 3px 16px;
  padding: 0.3rem 1.6rem;
  min-width: 160px;
  min-width: 16rem; }
  .btn-share-wa:not([disabled]):not(.disabled):hover, .btn-share-wa:not([disabled]):not(.disabled):active {
    color: #31ae22;
    background: white;
    border-color: #31ae22; }
  .btn-share-wa:not([disabled]):not(.disabled):active {
    background: #ccebc8; }
  .btn-share-wa.disabled, .btn-share-wa[disabled] {
    cursor: default;
    pointer-events: none;
    background: #b7e3b2;
    color: white; }
    .btn-share-wa.disabled:hover, .btn-share-wa.disabled:active, .btn-share-wa[disabled]:hover, .btn-share-wa[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.btn-share-wa-large {
  color: #fff;
  background: #31ae22;
  border: 2px solid transparent;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  padding: 3px 18px;
  padding: 0.3rem 1.8rem;
  min-width: 180px;
  min-width: 18rem; }
  .btn-share-wa-large:not([disabled]):not(.disabled):hover, .btn-share-wa-large:not([disabled]):not(.disabled):active {
    color: #31ae22;
    background: white;
    border-color: #31ae22; }
  .btn-share-wa-large:not([disabled]):not(.disabled):active {
    background: #ccebc8; }
  .btn-share-wa-large.disabled, .btn-share-wa-large[disabled] {
    cursor: default;
    pointer-events: none;
    background: #b7e3b2;
    color: white; }
    .btn-share-wa-large.disabled:hover, .btn-share-wa-large.disabled:active, .btn-share-wa-large[disabled]:hover, .btn-share-wa-large[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-share-wa-large {
      font-size: 2rem;
      font-weight: 400; } }

.btn-share-wa-big {
  color: #fff;
  background: #31ae22;
  border: 2px solid transparent;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 4px 20px;
  padding: 0.4rem 2rem;
  min-width: 200px;
  min-width: 20rem; }
  .btn-share-wa-big:not([disabled]):not(.disabled):hover, .btn-share-wa-big:not([disabled]):not(.disabled):active {
    color: #31ae22;
    background: white;
    border-color: #31ae22; }
  .btn-share-wa-big:not([disabled]):not(.disabled):active {
    background: #ccebc8; }
  .btn-share-wa-big.disabled, .btn-share-wa-big[disabled] {
    cursor: default;
    pointer-events: none;
    background: #b7e3b2;
    color: white; }
    .btn-share-wa-big.disabled:hover, .btn-share-wa-big.disabled:active, .btn-share-wa-big[disabled]:hover, .btn-share-wa-big[disabled]:active {
      cursor: default;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  @media all and (max-width: 34.3em) {
    .btn-share-wa-big {
      font-size: 2.2rem;
      font-weight: 600; } }

[class*="btns-"] {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  [class*="btns-"] [class*="btn-"] {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
    @media only screen and (max-width: 31.2em) {
      [class*="btns-"] [class*="btn-"] {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; } }
  @media only screen and (max-width: 31.2em) {
    [class*="btns-"] {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.btns-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .btns-left [class*="btn-"] {
    margin-right: 10px;
    margin-right: 10px;
    margin-right: 1rem; }
    .btns-left [class*="btn-"]:last-child {
      margin-right: 0; }

.btns-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .btns-right [class*="btn-"] {
    margin-left: 10px;
    margin-left: 10px;
    margin-left: 1rem; }
    .btns-right [class*="btn-"]:first-child {
      margin-left: 0; }

.btn-more {
  border-bottom: 0;
  background-image: none;
  display: block;
  padding-top: calc(0.5em - 1px);
  padding-bottom: calc(0.5em - 1px);
  border: 1px solid #1770aa;
  border-radius: 3px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  color: #1770aa !important;
  text-transform: uppercase;
  text-decoration: none; }
  .btn-more:hover {
    border: 1px solid #1770aa;
    -webkit-transition: background 0.15s, color 0.15s;
    transition: background 0.15s, color 0.15s;
    background-color: #d9eef8; }

/**
 * DO NOT USE THIS MIXINS!
 * This mixins are from compass that added browser specific prefixed.
 * Since we are using postcss now, compass is not needed anymore.
 * However, I was to lazy to remove all compass. Therefore, this mixins exists.
 * If you touch a scss file that use one these mixins please remove it. ~ Daniil.
 */
/* ------------------------------------------------------------------------ */
/* For browsers that don't support "background-size" (e.g. IE8)             */
/* ------------------------------------------------------------------------ */
.no-backgroundsize .navTopLogo,
.no-backgroundsize .headerWithNavMenuBtn .navTopLogo {
  background-image: url("/img/nav/ie8.logo.png?v=2");
  background-position: 0 0;
  width: 245px;
  height: 47px; }

.no-backgroundsize .navTopRightSearch > span {
  background-image: url("/img/nav/ie8.search.white.png");
  background-position: 0 0;
  width: 28px;
  height: 28px; }

.no-backgroundsize .navTopRightSearch:hover {
  background-color: transparent; }

.no-backgroundsize .navTopRightSearch:hover > span {
  background-position: 0 0; }

/* ------------------------------------------------------------------------ */
/* General Variables                                                        */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* General Mixins                                                           */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* General Styles                                                           */
/* ------------------------------------------------------------------------ */
.headerMain {
  position: relative;
  z-index: 6848; }

.navSearchContainer {
  display: none; }

.navSearchForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #aaa;
  background-color: white; }

.navSearchInputFocus {
  -webkit-box-shadow: 0px 0px 1px 1px #1770aa;
          box-shadow: 0px 0px 1px 1px #1770aa;
  border: 1px solid #e9eef2; }

.navSearchInputWrapper {
  -ms-flex: 1 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .navSearchInputWrapper > input {
    width: 100%;
    height: 48px;
    padding-left: 5px;
    padding-left: 0.5rem;
    padding-right: 5px;
    padding-right: 0.5rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #666;
    text-decoration: none;
    border: 0; }

.navSearchInputSubmit {
  height: 38px;
  padding: 10px 8.5px;
  padding: 1rem 0.85rem;
  border-radius: 3px;
  border: 0px;
  cursor: pointer;
  background: #1770aa;
  text-transform: uppercase;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem;
  -webkit-appearance: none;
  background-color: #1770aa;
  -ms-flex: 0 0 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-right: 4px; }
  @media all and (max-width: 34.3em) {
    .navSearchInputSubmit {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    .navSearchInputSubmit {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

.navSearchInputSubmit:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

/* ------------------------------------------------------------------------ */
/* Top - Primary links                                                      */
/* ------------------------------------------------------------------------ */
.navTopContainer {
  background-color: #1770aa;
  background-image: -webkit-gradient(linear, left top, right top, from(#1756ab), to(#1770aa));
  background-image: linear-gradient(to right, #1756ab 0%, #1770aa 100%); }

.navTop {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 70px;
  height: 7rem; }

.navTopMenu {
  vertical-align: middle;
  display: none; }

.headerWithNavMenuBtn .navTopMenu {
  display: table-cell; }

.navTopLeft {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  overflow-x: hidden; }

.navTopPlain .navTopLeft {
  text-align: center; }

.navTopRight {
  display: table-cell;
  height: 100%;
  text-align: right;
  vertical-align: middle;
  width: 203px; }
  .navTopLoggedIn .navTopRight {
    width: 149px; }

.headerWithNavMenuBtn .navTopLeft {
  width: 224px; }

.headerWithNavMenuBtn .navTopRight {
  width: auto !important;
  white-space: nowrap; }

.headerWithNavMenuBtn .navTopLoggedIn .navTopLogo,
.headerWithNavMenuBtn .navTopLoggedOut .navTopLogo {
  background-size: 300px;
  width: 156px;
  height: 24px;
  /* Add top/bottom padding to increase click-region */
  padding-top: 9px;
  padding-bottom: 9px;
  background-position: -69px 0px; }

.navTopMenuBtn {
  border-bottom: 0;
  background-image: none;
  display: inline-block;
  height: 39px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid white;
  border-radius: 3px;
  background-color: transparent;
  cursor: pointer;
  border: 0;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  text-align: center; }
  .navTopMenuBtn:hover {
    background-color: transparent; }

.navTopMenuBtn:hover,
.navTopMenuBtn:hover {
  -webkit-box-shadow: 0px 0px 4px 2px rgba(255, 255, 255, .45);
          box-shadow: 0px 0px 4px 2px rgba(255, 255, 255, .45); }

.navTopMenuBtn:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.navTopMenuBtn:before {
  font-family: 'selection_androidpit';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity .8 */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* No underline if icon is used in <a> element */
  text-decoration: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  -webkit-font-feature-settings: "liga","dlig";
  -ms-font-feature-settings: "liga","dlig";
  -o-font-feature-settings: "liga","dlig";
  font-feature-settings: "liga","dlig", normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  content: '\F0C9';
  margin: 8px 10px 0;
  font-size: 28px;
  font-size: 2.8rem;
  color: white;
  vertical-align: sub; }

html.no-fontface .navTopMenuBtn:before {
  display: none; }

html.no-fontface .navTopMenuBtn {
  padding: 10px; }

html.no-fontface .navTopMenuBtn > span {
  display: inline-block;
  width: 23px;
  height: 20px;
  vertical-align: middle;
  background-image: url("/img/nav/sprite-v2opt.png");
  background-repeat: no-repeat;
  background-position: -552px -46px; }

.navTopFull .navTopLogo,
.errorPageHeader .navTopLogo {
  border-bottom: 0;
  background-image: none;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  background-image: url("/img/nav/sprite-v2opt.png");
  background-repeat: no-repeat;
  background-size: 340px;
  height: 48px;
  background-position: -80px 0;
  width: 173px; }
  .navTopFull .navTopLogo:hover,
  .errorPageHeader .navTopLogo:hover {
    background-color: transparent; }

.navTopPlain .navTopLogo {
  border-bottom: 0;
  background-image: none; }
  .navTopPlain .navTopLogo:hover {
    background-color: transparent; }
  .navTopPlain .navTopLogo .svg-icon {
    height: 26px; }

.navTopLogo:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.navTopLogo > span {
  position: absolute;
  left: -2000em;
  top: -2000em; }

.navTopFull .navTopLeftLink {
  display: inline-block;
  height: 40px;
  height: 4rem;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 5px;
  font-family: Hind, Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  border-bottom: 0;
  background-image: none;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 2px solid transparent; }
  @media all and (max-width: 34.3em) {
    .navTopFull .navTopLeftLink {
      font-weight: 500; } }
  @media all and (max-width: 34.3em) {
    .navTopFull .navTopLeftLink {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  .navTopFull .navTopLeftLink a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(76%, rgba(23, 112, 170, 0)), color-stop(76%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
    background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 76%, #1770aa 76%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .navTopFull .navTopLeftLink a:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(7.2%, rgba(23, 112, 170, 0)), color-stop(7.2%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 7.2%, #1770aa 7.2%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .navTopFull .navTopLeftLink a:hover {
      background-color: transparent; }
  .navTopFull .navTopLeftLink:hover {
    background-color: transparent; }

.headerWithNavMenuBtn .navTopLeftLink {
  visibility: hidden; }

.navTopLeftLinkActive,
.navTopFull .navTopLeftLink:hover {
  color: white;
  border-bottom-color: white; }

.navTopFull .navTopLeftLink > span {
  display: inline-block;
  margin-top: 11px; }

.navTopFull .navTopLeftLink:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.navTopRightIcon > span {
  position: absolute;
  left: -2000em;
  top: -2000em; }

.navTopRightIcon {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  background-image: url("/img/nav/sprite-v2opt.png"); }

.navTopRightSearch {
  border-bottom: 0;
  background-image: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  right: 3px;
  width: 39px;
  height: 39px;
  vertical-align: middle;
  /* ensures SignIn button is middle aligned */
  border-radius: 5px;
  border: 1px solid #fff; }
  .navTopRightSearch:hover {
    background-color: transparent; }
  .navTopLoggedOut .navTopRightSearch {
    right: 11px; }

.navTopRightSearch > span {
  height: 23px;
  width: 25px;
  margin-top: -12px;
  margin-left: -12px;
  background-size: 320px;
  background-position: -295px 0; }

.navTopRightSearch:hover {
  background-color: white; }

.navTopRightSearch:hover > span {
  background-position: -295px -23px; }

.navTopRightSearch:active > span {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.navTop .navSearchContainer {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(23, 86, 171, .8)), to(#1770aa));
  background-image: linear-gradient(to right, rgba(23, 86, 171, .8) 0%, #1770aa 100%);
  cursor: pointer; }

.navTop .navSearchContainer:before {
  font-family: 'selection_androidpit';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity .8 */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* No underline if icon is used in <a> element */
  text-decoration: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  -webkit-font-feature-settings: "liga","dlig";
  -ms-font-feature-settings: "liga","dlig";
  -o-font-feature-settings: "liga","dlig";
  font-feature-settings: "liga","dlig", normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  content: '\2715';
  color: white;
  font-size: 25px;
  font-size: 2.5rem;
  margin-right: 0.35em; }

.navTop .navSearchForm {
  width: 300px;
  margin-right: 10px;
  margin-right: 1rem; }

.navTop.navTopShowSearch .navSearchContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.navTopRightSignIn {
  border-bottom: 0;
  background-image: none;
  display: inline-block;
  height: 39px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid white;
  border-radius: 3px;
  background-color: transparent;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  vertical-align: middle; }
  .navTopRightSignIn:hover {
    background-color: transparent; }

.navTopRightSignIn > span {
  line-height: 1;
  display: inline-block;
  padding: 0 10px;
  text-transform: uppercase;
  color: white;
  line-height: 39px;
  vertical-align: -1px;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }

.navTopRightSignIn:hover {
  -webkit-box-shadow: 0px 0px 4px 2px rgba(255, 255, 255, .45);
          box-shadow: 0px 0px 4px 2px rgba(255, 255, 255, .45); }

.navTopRightSignIn:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.navTopRightUser {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  /* ensures user button is middle aligned */
  height: 100%;
  width: 71px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 0;
  padding: 0 8px;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden; }

.navTopRightUser:hover,
.navTopShowUserMenu .navTopRightUser {
  background-color: white; }

.navTopRightUserImg {
  position: absolute;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 71px;
  height: 39px;
  top: 50%;
  right: 8px;
  margin-top: -20.5px;
  background-size: contain;
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: #1770aa;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
  padding-left: 35px;
  line-height: 39px; }

.navTopRightUser:active > .navTopRightUserImg {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.navTopRightUserText {
  position: absolute;
  left: 100%; }

.navTopRightUserMenu {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  padding-left: 90px;
  padding-left: 9rem;
  padding-bottom: 70px;
  padding-bottom: 7rem;
  padding-right: 60px;
  margin-right: -51px;
  margin-right: calc(1rem - 61px);
  z-index: 102; }

.navTopRightUserMenuList {
  right: 10px;
  right: 1rem;
  right: calc(1rem - 1px);
  min-width: 120px;
  min-width: 12rem;
  border-left: 1px solid #1770aa;
  border-right: 1px solid #1770aa;
  border-bottom: 1px solid #1770aa;
  background-color: white;
  text-align: right; }
  .navTopRightUserMenuList > a {
    display: block;
    padding: 10px 15px;
    padding: 1rem 1.5rem;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #272526;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    border-bottom: 0;
    background-image: none;
    text-decoration: none; }
    @media all and (max-width: 34.3em) {
      .navTopRightUserMenuList > a {
        font-weight: 400; } }
    @media all and (max-width: 34.3em) {
      .navTopRightUserMenuList > a {
        font-size: 1.2rem;
        line-height: 1.8rem; } }
    .navTopRightUserMenuList > a:hover {
      background-color: transparent; }
  .navTopRightUserMenuList > a:not(:last-of-type) {
    border-bottom: 1px solid #e9eef2; }
  .navTopRightUserMenuList > a:hover {
    background-color: #d9eef8;
    color: #272526; }
  .navTopRightUserMenuList .navUserMenuMinorItem,
  .navTopRightUserMenuList .navUserMenuMinorItem:hover {
    color: #666; }

.navTopShowUserMenu .navTopRightUserMenu {
  display: block; }

@media screen and (max-width: 1140px) {
  .navTopLoggedOut .navTopLogo {
    background-size: 300px;
    width: 156px;
    height: 24px;
    /* Add top/bottom padding to increase click-region */
    padding-top: 9px;
    padding-bottom: 9px;
    background-position: -69px 0px; } }

@media screen and (max-width: 1040px) {
  .navTopLoggedIn .navTopLogo {
    background-size: 300px;
    width: 156px;
    height: 24px;
    /* Add top/bottom padding to increase click-region */
    padding-top: 9px;
    padding-bottom: 9px;
    background-position: -69px 0px; } }

@media all and (max-width: 760px) {
  .navTop {
    height: 6rem; }
  .headerWithNavMenuBtn .navTopRight {
    display: none; }
  .headerWithNavMenuBtn {
    /* logged out/in classes added to increase specificity */ }
    .headerWithNavMenuBtn .navTopLoggedOut .navTopLogo,
    .headerWithNavMenuBtn .navTopLoggedIn .navTopLogo {
      width: 182px;
      height: 32px;
      padding-top: 0;
      padding-bottom: 0;
      background-size: 243px;
      background-position: 0 0;
      width: 126px;
      background-position: -56px 0; }
    .headerWithNavMenuBtn .navTopLeft {
      width: 126px; }
  .navTopMenuBtn:before {
    font-size: 2.4rem; } }

/* ------------------------------------------------------------------------ */
/* Top - Subnav                                                             */
/* ------------------------------------------------------------------------ */
.subnavTopContainer {
  background-color: #f8f8f8;
  border-bottom: 2px solid #e9eef2; }

.headerWithNavMenuBtn .subnavTopContainer {
  display: none; }

.subnavTopContainerAlwaysShow.subnavTopContainer {
  display: block; }

.subnavTop {
  padding-top: 10px; }

.subnavTopContainer > .onepcssgrid-1200-noborder {
  padding-top: 0; }

.subnavTop > a {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #666;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 33px;
  line-height: 3.3rem;
  line-height: 2;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 2px;
  margin-bottom: 8px;
  vertical-align: middle;
  border-bottom: 0;
  background-image: none;
  border-bottom: 2px solid transparent; }
  @media all and (max-width: 34.3em) {
    .subnavTop > a {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    .subnavTop > a {
      font-size: 1.6rem;
      line-height: 2.2rem; } }
  .subnavTop > a:hover {
    background-color: transparent; }

.onepcssgrid-1200-noborder .subnavTopLink {
  line-height: 2.5;
  margin-bottom: -2px; }

.subnavTop > a:last-of-type {
  margin-right: 0px; }

.headerMain-apps .subnavTop > a:hover,
.headerMain-apps .subnavTop > a.subnavTopLinkActive {
  color: #8aa913;
  border-bottom-color: #8aa913; }

.headerMain-apps .subnavTop > .subnavTopMoreBtn:hover,
.headerMain-apps .subnavTop > .subnavTopLessBtn:hover {
  color: #8aa913; }

.headerMain-news .subnavTop > a:hover,
.headerMain-news .subnavTop > a.subnavTopLinkActive {
  color: #1770aa;
  border-bottom-color: #1770aa; }

.headerMain-news .subnavTop > .subnavTopMoreBtn:hover,
.headerMain-news .subnavTop > .subnavTopLessBtn:hover {
  color: #1770aa; }

.headerMain-deals .subnavTop > a:hover,
.headerMain-deals .subnavTop > a.subnavTopLinkActive {
  color: #1770aa;
  border-bottom-color: #1770aa; }

.headerMain-deals .subnavTop > .subnavTopMoreBtn:hover,
.headerMain-deals .subnavTop > .subnavTopLessBtn:hover {
  color: #1770aa; }

.headerMain-cellphoneplans .subnavTop > a:hover,
.headerMain-cellphoneplans .subnavTop > a.subnavTopLinkActive {
  color: #1770aa;
  border-bottom-color: #1770aa; }

.headerMain-cellphoneplans .subnavTop > .subnavTopMoreBtn:hover,
.headerMain-cellphoneplans .subnavTop > .subnavTopLessBtn:hover {
  color: #1770aa; }

.headerMain-hardware .subnavTop > a:hover,
.headerMain-hardware .subnavTop > a.subnavTopLinkActive {
  color: #525774;
  border-bottom-color: #525774; }

.headerMain-hardware .subnavTop > .subnavTopMoreBtn:hover,
.headerMain-hardware .subnavTop > .subnavTopLessBtn:hover {
  color: #525774; }

.headerMain-community .subnavTop > a:hover,
.headerMain-community .subnavTop > a.subnavTopLinkActive {
  color: #fe351b;
  border-bottom-color: #fe351b; }

.headerMain-community .subnavTop > .subnavTopMoreBtn:hover,
.headerMain-community .subnavTop > .subnavTopLessBtn:hover {
  color: #fe351b; }

.subnavTopLink:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.subnavTopOneLine .subnavTop {
  white-space: nowrap;
  overflow: hidden; }

.subnavTopWithMoreBtn .subnavTopLinkExcess {
  visibility: hidden; }

.subnavTopMoreBtn,
.subnavTopLessBtn {
  display: none; }

.subnavTopWithMoreBtn .subnavTopMoreBtn,
.subnavTopWithLessBtn .subnavTopLessBtn {
  display: inline-block; }

.subnavTop > .subnavTopMoreBtn,
.subnavTop > .subnavTopLessBtn {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #666;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 33px;
  line-height: 3.3rem;
  float: right;
  position: relative;
  height: 33px;
  height: 3.3rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 0;
  background-color: #f8f8f8; }
  @media all and (max-width: 34.3em) {
    .subnavTop > .subnavTopMoreBtn,
    .subnavTop > .subnavTopLessBtn {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    .subnavTop > .subnavTopMoreBtn,
    .subnavTop > .subnavTopLessBtn {
      font-size: 1.6rem;
      line-height: 2.2rem; } }

.subnavTopMoreBtn:before,
.subnavTopLessBtn:before {
  font-family: 'selection_androidpit';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity .8 */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* No underline if icon is used in <a> element */
  text-decoration: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  -webkit-font-feature-settings: "liga","dlig";
  -ms-font-feature-settings: "liga","dlig";
  -o-font-feature-settings: "liga","dlig";
  font-feature-settings: "liga","dlig", normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
  margin-left: 70px; }

.subnavTopMoreBtn:before {
  content: '\F107'; }

.subnavTopLessBtn:before {
  content: '\F106'; }

/* ------------------------------------------------------------------------ */
/* Powerbar                                                                 */
/* ------------------------------------------------------------------------ */
.powerbarContainer {
  background-color: #e9eef2; }

.powerbar {
  display: table;
  table-layout: fixed;
  width: 100%; }

.powerbarLinks {
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 0; }
  .powerbarLinks > a {
    display: inline-block;
    margin-right: 20px;
    margin-right: 2rem;
    padding: 5px 0;
    padding: 0.5rem 0;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #aaa;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    border-bottom: 0;
    background-image: none; }
    @media all and (max-width: 34.3em) {
      .powerbarLinks > a {
        font-weight: 400; } }
    @media all and (max-width: 34.3em) {
      .powerbarLinks > a {
        font-size: 1.2rem;
        line-height: 1.8rem; } }
    .powerbarLinks > a:hover {
      background-color: transparent; }
  .powerbarLinks > a:hover {
    color: #272526;
    text-decoration: underline; }
  .powerbarLinks > a:active {
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }

@media all and (max-width: 600px) {
  .powerbarLinks {
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .powerbarLinks > a {
      white-space: normal;
      margin-bottom: 0;
      margin-right: 0; }
  .no-html .powerbarLinks {
    display: block; }
  .no-flexbox .powerbarLinks > a {
    margin-right: 1em; } }

/* ------------------------------------------------------------------------ */
/* Left                                                                     */
/* ------------------------------------------------------------------------ */
.navLeftContainer {
  display: none;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  max-width: 90%;
  max-width: calc(100% - 5rem);
  width: 260px;
  width: 26rem;
  background-color: white;
  z-index: 6850;
  overflow-y: auto;
  -webkit-transform: translateX(-26rem);
          transform: translateX(-26rem);
  -webkit-transition: visibility 0s 0.3s, -webkit-transform 0.3s ease-out;
  transition: visibility 0s 0.3s, -webkit-transform 0.3s ease-out;
  transition: visibility 0s 0.3s, transform 0.3s ease-out;
  transition: visibility 0s 0.3s, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  will-change: transform, visibility;
  /* New property not in stable channels yet but should improve performance once it is. USE SPARINGLY */ }

@-moz-document url-prefix() {
  .navLeftContainer {
    position: relative; } }

.navLeftLogin {
  margin-right: 10px !important;
  min-width: 0;
  background: #1770aa; }

.navLeftHome {
  padding-top: 30px;
  padding-top: 3rem;
  padding-bottom: 30px;
  padding-bottom: 3rem; }

.navLeftHome,
.navLeftSectionHeading {
  padding-left: 10px;
  padding-left: 1rem;
  padding-right: 10px;
  padding-right: 1rem; }

.navLeftUserLink,
.navLeftSectionLink {
  margin-left: 30px;
  margin-left: 3rem;
  padding-right: 10px;
  padding-right: 1rem;
  line-height: 2; }

.navLeftSection {
  margin-bottom: 25px;
  margin-bottom: 2.5rem; }

.navLeftContainer .navSearchContainer {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px; }

.navLeftUser {
  display: none; }

.navLeftUserLink {
  border-bottom: 0;
  background-image: none;
  display: block;
  color: #666;
  border-bottom: 1px solid #e9eef2;
  text-decoration: none; }
  .navLeftUserLink:hover {
    background-color: transparent; }

.navLeftUserLink:hover {
  color: #769c11;
  border-color: #769c11; }

.navLeftUserLink:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.navLeftUserName {
  white-space: nowrap;
  position: relative; }

.navLeftUserNameText {
  width: 100%;
  display: block;
  padding-right: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis; }

.navLeftUserNameImg {
  position: absolute;
  display: inline-block;
  height: 31px;
  top: 50%;
  margin-top: -16px;
  right: 8px;
  background-size: auto 31px;
  background-repeat: no-repeat;
  background-color: #1770aa;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem;
  line-height: 31px !important;
  padding-right: 2px;
  padding-left: 31px;
  text-align: center; }
  @media all and (max-width: 34.3em) {
    .navLeftUserNameImg {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    .navLeftUserNameImg {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

.navLeftHomeAndSignIn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.navLeftHome {
  white-space: nowrap;
  display: block;
  -ms-flex: 1 0; }

.no-flexbox .navLeftHomeAndSignIn,
.no-flexbox .navLeftHome {
  display: block; }

.navLeftHome {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-bottom: 0;
  background-image: none;
  color: #666; }
  .navLeftHome:hover {
    background-color: transparent; }

.navLeftHome:hover {
  color: #aaa; }

.navLeftHome:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.navLeftHome:before {
  position: relative;
  vertical-align: middle;
  top: -2px;
  top: -0.2rem;
  display: inline-block;
  content: '\A0';
  width: 29px;
  height: 23px;
  margin-right: 3px;
  background-image: url("/img/nav/sprite-v2opt.png");
  background-size: 350px;
  background-position: -293px 0;
  background-repeat: no-repeat; }

.navLeftHomeAndSignIn > button {
  height: 38px;
  padding: 10px 8.5px;
  padding: 1rem 0.85rem;
  border-radius: 3px;
  border: 0px;
  cursor: pointer;
  background: #1770aa;
  text-transform: uppercase;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem;
  -webkit-appearance: none;
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px; }
  @media all and (max-width: 34.3em) {
    .navLeftHomeAndSignIn > button {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    .navLeftHomeAndSignIn > button {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

.navLeftHomeAndSignIn > button:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.navLeftSectionHeading:active,
.navLeftSectionLink:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.navLeftSectionHeading {
  display: block;
  padding-top: 4px;
  border-bottom: 0;
  background-image: none;
  font-family: Hind, Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  line-height: 34px;
  line-height: 3.4rem;
  background-color: #1770aa;
  text-transform: uppercase;
  text-decoration: none; }
  .navLeftSectionHeading:hover {
    background-color: transparent; }
  @media all and (max-width: 34.3em) {
    .navLeftSectionHeading {
      font-weight: 500; } }
  @media all and (max-width: 34.3em) {
    .navLeftSectionHeading {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  .navLeftSectionHeading a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(76%, rgba(23, 112, 170, 0)), color-stop(76%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
    background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 76%, #1770aa 76%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .navLeftSectionHeading a:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(7.2%, rgba(23, 112, 170, 0)), color-stop(7.2%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 7.2%, #1770aa 7.2%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .navLeftSectionHeading a:hover {
      background-color: transparent; }

.navLeftSectionHeading {
  position: relative;
  padding-right: 22.4px;
  padding-right: 2.24rem; }

.navLeftSectionHeading:after {
  font-family: 'selection_androidpit';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity .8 */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* No underline if icon is used in <a> element */
  text-decoration: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  -webkit-font-feature-settings: "liga","dlig";
  -ms-font-feature-settings: "liga","dlig";
  -o-font-feature-settings: "liga","dlig";
  font-feature-settings: "liga","dlig", normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  content: '\F105';
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 5.6px;
  right: 0.56rem;
  margin-top: -14px;
  margin-top: -1.4rem;
  text-align: right;
  font-size: 28px;
  font-size: 2.8rem;
  color: white; }

.navLeftSectionLink {
  border-bottom: 0;
  background-image: none;
  display: block;
  color: #666;
  border-bottom: 1px solid #e9eef2;
  text-decoration: none; }
  .navLeftSectionLink:hover {
    background-color: transparent; }

.navLeftSection-apps .navLeftSectionHeading:hover {
  color: white;
  background-color: #8aa913; }

.navLeftSection-apps .navLeftSectionLink:hover {
  color: #8aa913;
  border-bottom: 1px solid #8aa913; }

.navLeftSection-news .navLeftSectionHeading:hover {
  color: white;
  background-color: #1770aa; }

.navLeftSection-news .navLeftSectionLink:hover {
  color: #1770aa;
  border-bottom: 1px solid #1770aa; }

.navLeftSection-hardware .navLeftSectionHeading:hover {
  color: white;
  background-color: #525774; }

.navLeftSection-hardware .navLeftSectionLink:hover {
  color: #525774;
  border-bottom: 1px solid #525774; }

.navLeftSection-community .navLeftSectionHeading:hover {
  color: white;
  background-color: #fe351b; }

.navLeftSection-community .navLeftSectionLink:hover {
  color: #fe351b;
  border-bottom: 1px solid #fe351b; }

.navLeftSection-deals .navLeftSectionHeading:hover {
  color: white;
  background-color: #1770aa; }

.navLeftSection-deals .navLeftSectionLink:hover {
  color: #1770aa;
  border-bottom: 1px solid #1770aa; }

.navLeftSection-cellphoneplans .navLeftSectionHeading:hover {
  color: white;
  background-color: #1770aa; }

.navLeftSection-cellphoneplans .navLeftSectionLink:hover {
  color: #1770aa;
  border-bottom: 1px solid #1770aa; }

.navLeftUser .navLeftSectionHeading:hover {
  background-color: #769c11;
  color: white; }

.showLeftNav .navLeftContainer {
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  display: block; }

.container:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 6849;
  background-color: rgba(0, 0, 0, .7);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s; }

.showLeftNav .container {
  z-index: 6849; }

.showLeftNav .container:after {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

@media all and (max-width: 760px) {
  .navLeftContainer .navLeftUser {
    display: block; }
  .navLeftContainer .navSearchContainer {
    display: block; }
  .navLeftHomeAndSignIn > button {
    display: inherit; }
  html.no-flexbox .navLeftHomeAndSignIn:before,
  html.no-flexbox .navLeftHomeAndSignIn:after {
    content: "";
    display: table; }
  html.no-flexbox .navLeftHomeAndSignIn:after {
    clear: both; }
  html.no-flexbox .navLeftHomeAndSignIn {
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */ }
  html.no-flexbox .navLeftHomeWithoutSignIn:before,
  html.no-flexbox .navLeftHomeWithoutSignIn:after {
    content: "";
    display: table; }
  html.no-flexbox .navLeftHomeWithoutSignIn:after {
    clear: both; }
  html.no-flexbox .navLeftHomeWithoutSignIn {
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */ }
  html.no-flexbox .navLeftHome {
    float: left;
    width: 83px; }
  html.no-flexbox .navLeftHome:before {
    display: none; }
  html.no-flexbox .navLeftHomeAndSignIn > button {
    float: right;
    margin-top: 22px;
    width: 122px;
    padding-left: 5px;
    padding-right: 5px; }
  html.no-flexbox .navLeftContainer .navSearchForm:before,
  html.no-flexbox .navLeftContainer .navSearchForm:after {
    content: "";
    display: table; }
  html.no-flexbox .navLeftContainer .navSearchForm:after {
    clear: both; }
  html.no-flexbox .navLeftContainer .navSearchForm {
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */ }
  html.no-flexbox .navLeftContainer .navSearchForm {
    display: block; }
  html.no-flexbox .navSearchInputWrapper {
    float: left; }
    html.no-flexbox .navSearchInputWrapper > input {
      max-width: 100px; }
  html.no-flexbox .navSearchInputSubmit {
    float: right;
    width: 120px;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px; } }

.user-notes {
  position: fixed;
  z-index: 50000;
  top: 0;
  width: 100%;
  padding-left: 10px;
  padding-left: 1rem;
  padding-right: 10px;
  padding-right: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media all and (max-width: 34.3em) {
    .user-notes {
      padding-left: 0.5rem;
      padding-right: 0.5rem; } }

.user-notes--has-msg:before {
  position: absolute;
  top: 0;
  display: block;
  content: '';
  left: -10px;
  left: -1rem;
  right: -10px;
  right: -1rem;
  height: 120%;
  min-height: 100px;
  min-height: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .7)), to(transparent));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .7) 0%, transparent 100%); }

.user-notes__list {
  margin: 0 auto;
  max-width: 900px;
  max-width: 90rem; }

.user-notes__msg {
  margin-top: 10px;
  margin-top: 1rem;
  background-color: white;
  color: #666;
  -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, .5);
          box-shadow: 0px 4px 5px rgba(0, 0, 0, .5); }
  @media all and (max-width: 34.3em) {
    .user-notes__msg {
      margin-top: 0.5rem; } }

.user-notes__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 10px;
  padding: 1rem; }

.user-notes__text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.user-notes__msg-close {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  width: 4rem;
  padding: 0;
  border: 0;
  text-align: center;
  background-color: transparent;
  cursor: pointer; }

.user-notes__msg-close:before {
  font-family: 'selection_androidpit';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity .8 */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* No underline if icon is used in <a> element */
  text-decoration: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  -webkit-font-feature-settings: "liga","dlig";
  -ms-font-feature-settings: "liga","dlig";
  -o-font-feature-settings: "liga","dlig";
  font-feature-settings: "liga","dlig", normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  content: '\2715';
  color: #666; }

.no-flexbox .user-notes__content {
  display: block !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 40px;
  margin-right: 4rem; }

.no-flexbox .user-notes__msg-close {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 40px;
  height: 4rem; }

.msg-game {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 20px 0 10px 20px;
  padding: 2rem 0 1rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #d9eef8;
  color: #666; }
  @media all and (max-width: 34.3em) {
    .msg-game {
      padding: 1rem 0 1rem 1rem; } }

.msg-game_small {
  padding: 0; }

.msg-game__graphic {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 65px; }
  @media all and (max-width: 34.3em) {
    .msg-game__graphic {
      width: 48px; } }

.msg-game_small > .msg-game__graphic {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background-color: #1770aa; }

.msg-game_small > .msg-game__graphic > .msg-game__points {
  -ms-flex-item-align: center;
      align-self: center; }

.msg-game__awarded-by-link,
.msg-game__awarded-by {
  width: 100%;
  display: block; }

.msg-game__points {
  display: block;
  width: 100%;
  padding: 5px 0 7px;
  padding: 0.5rem 0 0.7rem;
  text-align: center;
  background-color: #1770aa; }

.msg-game__points-number {
  display: block;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: white;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 34px;
  line-height: 3.4rem;
  line-height: 1 !important; }
  @media all and (max-width: 34.3em) {
    .msg-game__points-number {
      font-weight: 600; } }
  @media all and (max-width: 34.3em) {
    .msg-game__points-number {
      font-size: 2rem;
      line-height: 3rem; } }

.msg-game__points-text {
  display: block;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem;
  line-height: 1 !important;
  margin-top: 3px;
  margin-top: 0.3rem; }
  @media all and (max-width: 34.3em) {
    .msg-game__points-text {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    .msg-game__points-text {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

.msg-game__text {
  padding-left: 20px;
  padding-left: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 3px;
  margin-top: 0.3rem; }
  @media all and (max-width: 34.3em) {
    .msg-game__text {
      padding-left: 1rem; } }

.msg-game_small > .msg-game__text {
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 0;
  padding-top: 5px;
  padding-top: 0.5rem;
  padding-bottom: 5px;
  padding-bottom: 0.5rem; }
  .msg-game_small > .msg-game__text > p {
    margin: 0;
    line-height: 1.8; }

.msg-game__close {
  margin-top: -20px;
  margin-top: -2rem; }
  .msg-game_small > .msg-game__close {
    margin-top: 0;
    -ms-flex-item-align: center;
        align-self: center; }
  @media all and (max-width: 34.3em) {
    .msg-game__close {
      margin-top: -1rem; } }

.msg-receive-credit__headline {
  font-weight: 600;
  margin: 0; }
  @media all and (max-width: 34.3em) {
    .msg-receive-credit__headline {
      margin-top: -0.3rem;
      margin-bottom: 1rem; } }

.msg-receive-credit__rba-text {
  margin: 0; }

.msg-receive-credit__rl-text {
  margin: 10px 0 0;
  margin: 1rem 0 0; }
  @media all and (max-width: 34.3em) {
    .msg-receive-credit__rl-text {
      margin-bottom: 0.5rem; } }

.msg-receive-credit__cta {
  margin-top: 10px;
  margin-top: 1rem;
  text-align: center; }
  @media all and (max-width: 34.3em) {
    .msg-receive-credit__cta {
      margin-top: 1rem; } }
  .msg-receive-credit__cta > p {
    margin: 0; }
    @media all and (max-width: 40em) {
      .msg-receive-credit__cta > p {
        font-size: 1.2rem;
        font-weight: 400; } }

.msg-receive-credit_best-answer > .msg-receive-credit__cta {
  margin-top: 40px;
  margin-top: 4rem; }

.no-flexbox .msg-game:before,
.no-flexbox .msg-game:after {
  content: "";
  display: table; }

.no-flexbox .msg-game:after {
  clear: both; }

.no-flexbox .msg-game {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

.no-flexbox .msg-game__graphic {
  float: left;
  width: 10%; }

.no-flexbox .msg-game__text {
  float: left;
  width: 75%; }

.no-flexbox .msg-game__close {
  position: relative;
  float: left;
  width: 10%;
  margin-top: 0; }

.msg-success > .user-notes__content {
  border: 1px solid #769c11;
  background-color: white; }

.form, .form * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.form fieldset + fieldset {
  margin-top: 33px;
  margin-top: 3.3rem; }

.form label {
  display: inline-block;
  text-transform: none;
  margin: 0 0 .3em 0; }

.form input[type=text],
.form input[type=password],
.form input[type=email],
.form input[type=url],
.form input[type=date],
.form input[type=month],
.form input[type=time],
.form input[type=datetime],
.form input[type=datetime-local],
.form input[type=week],
.form input[type=number],
.form input[type=search],
.form input[type=tel],
.form input[type=color],
.form select,
.form textarea {
  padding: .3em .5em;
  border: 1px solid #666;
  -webkit-transition: border-color 0.15s;
  transition: border-color 0.15s; }
  .form input[type=text]:focus,
  .form input[type=password]:focus,
  .form input[type=email]:focus,
  .form input[type=url]:focus,
  .form input[type=date]:focus,
  .form input[type=month]:focus,
  .form input[type=time]:focus,
  .form input[type=datetime]:focus,
  .form input[type=datetime-local]:focus,
  .form input[type=week]:focus,
  .form input[type=number]:focus,
  .form input[type=search]:focus,
  .form input[type=tel]:focus,
  .form input[type=color]:focus,
  .form select:focus,
  .form textarea:focus {
    border: 1px solid #1770aa; }

.form select {
  margin-bottom: 10px;
  margin-bottom: 10px;
  margin-bottom: 1rem; }

.form input[type=checkbox],
.form input[type=radio] {
  margin: 10px 0 0 0;
  padding: 0;
  vertical-align: middle;
  position: absolute; }
  .form input[type=checkbox] + label,
  .form input[type=radio] + label {
    position: relative;
    padding-left: 20px;
    padding-left: 20px;
    padding-left: 2rem;
    display: block;
    cursor: pointer; }

.form legend {
  margin: .5em 0; }

.form .error {
  color: #CF2347 !important;
  display: block;
  padding: .5em 0; }

.form .error:before {
  display: none !important; }

.form input.Error,
.form textarea.Error {
  border-color: #CF2347 !important; }

.form .errorsFound > strong:before,
.form .error:not(:empty):before {
  font-family: 'selection_androidpit';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity .8 */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* No underline if icon is used in <a> element */
  text-decoration: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  -webkit-font-feature-settings: "liga","dlig";
  -ms-font-feature-settings: "liga","dlig";
  -o-font-feature-settings: "liga","dlig";
  font-feature-settings: "liga","dlig", normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  content: '\2715';
  margin-right: 0.256em; }

.form .errorsFound {
  text-align: center;
  padding: 4px;
  padding: 4px;
  padding: .4rem;
  background-color: #CF2347;
  color: white; }

.form .hint {
  margin-top: 8.25px;
  margin-top: 0.825rem;
  margin-bottom: 16.5px;
  margin-bottom: 1.65rem;
  color: #666; }

.form legend + .hint {
  margin-top: 0; }

.form .field {
  position: relative; }
  .form .field label {
    display: block; }
    .form .field label span {
      vertical-align: middle; }
  .form .field .optional {
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #aaa;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem; }
    @media all and (max-width: 34.3em) {
      .form .field .optional {
        font-weight: 400; } }
    @media all and (max-width: 34.3em) {
      .form .field .optional {
        font-size: 1.2rem;
        line-height: 1.8rem; } }
  .form .field.fluid input,
  .form .field.fluid textarea,
  .form .field.fluid select {
    width: 100%; }
  .form .field input[type=checkbox] + label {
    display: inline-block;
    margin: 0;
    vertical-align: middle; }

.form .field + .field {
  margin-top: 33px;
  margin-top: 3.3rem; }

.form fieldset .field + .field {
  margin-top: 0; }

/* ERROR COLOURS */
.userErrorRow input, .userErrorRow select, .userErrorRow textarea {
  border: 1px solid #CF2347; }

.userErrorField {
  color: #CF2347;
  display: block !important;
  /* Hacky fix: When jQuery .show()s an element with this class, in IE it shows with display: inline for some reason */
  margin: 1em 0; }

.userErrorField:not(:empty):before {
  font-family: 'selection_androidpit';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity .8 */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* No underline if icon is used in <a> element */
  text-decoration: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  -webkit-font-feature-settings: "liga","dlig";
  -ms-font-feature-settings: "liga","dlig";
  -o-font-feature-settings: "liga","dlig";
  font-feature-settings: "liga","dlig", normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  content: '\2715';
  margin-right: 0.256em; }

.errorsFound {
  text-align: center;
  padding: 4px;
  background-color: #CF2347;
  color: white; }

.errorsFound > span {
  padding-left: 25px;
  background-image: url("img/icoErrorWhite.png");
  background-repeat: no-repeat;
  background-position: 5px 0; }

.sessionExpired {
  text-align: center;
  padding: 4px;
  background-color: #CF2347; }

.sessionExpired > span {
  padding-left: 25px;
  background-image: url("img/icoErrorWhite.png");
  background-repeat: no-repeat;
  background-position: 5px 1px;
  color: white; }

.sessionExpired > .sessionExpiredInput {
  background-color: white;
  margin-top: 4px;
  padding: 8px; }

.shareLinkGroupSmallOnMobile {
  margin-top: -8.25px;
  margin-top: -0.825rem;
  margin-bottom: -8.25px;
  margin-bottom: -0.825rem; }
  .shareLinkGroupSmallOnMobile > a,
  .shareLinkGroupSmallOnMobile > span {
    margin-top: 8.25px;
    margin-top: 0.825rem;
    margin-bottom: 8.25px;
    margin-bottom: 0.825rem; }

[class*=svg-shareiconparent] {
  position: relative; }

.shareLinkText {
  display: inline-block;
  padding: 0 16.5px;
  padding: 0 1.65rem; }
  @media all and (max-width: 34.3em) {
    .shareLinkText {
      padding: 0; } }

.svg-shareicon {
  position: absolute;
  top: 50%;
  left: 16.5px;
  left: 1.65rem; }
  @media all and (max-width: 34.3em) {
    .shareLinkGroupSmallOnMobile .svg-shareicon {
      left: 50%; } }

.svg-shareicon-spacer {
  display: inline-block; }
  .svg-shareiconparent-hoverswitch .svg-shareicon-spacer ~ .svg-shareicon-spacer {
    display: none; }

[class*=svg-shareicon-fb] {
  width: 10px;
  width: 1rem;
  height: 18px;
  height: 1.8rem;
  margin-top: -9px;
  margin-top: -0.9rem; }
  [class*=svg-shareicon-fb] + .svg-shareicon-spacer {
    width: 13.25px;
    width: 1.325rem; }
  @media all and (max-width: 34.3em) {
    .shareLinkGroupSmallOnMobile [class*=svg-shareicon-fb] {
      margin-left: -0.5rem; } }

[class*=svg-shareicon-tw] {
  width: 18px;
  width: 1.8rem;
  height: 15px;
  height: 1.5rem;
  margin-top: -7.5px;
  margin-top: -0.75rem; }
  [class*=svg-shareicon-tw] + .svg-shareicon-spacer {
    width: 17.25px;
    width: 1.725rem; }
  @media all and (max-width: 34.3em) {
    .shareLinkGroupSmallOnMobile [class*=svg-shareicon-tw] {
      margin-left: -0.9rem; } }

[class*=svg-shareicon-gp] {
  width: 17px;
  width: 1.7rem;
  height: 18px;
  height: 1.8rem;
  margin-top: -9px;
  margin-top: -0.9rem; }
  [class*=svg-shareicon-gp] + .svg-shareicon-spacer {
    width: 16.75px;
    width: 1.675rem; }
  @media all and (max-width: 34.3em) {
    .shareLinkGroupSmallOnMobile [class*=svg-shareicon-gp] {
      margin-left: -0.85rem; } }

[class*=svg-shareicon-wa] {
  width: 17px;
  width: 1.7rem;
  height: 17px;
  height: 1.7rem;
  margin-top: -8.5px;
  margin-top: -0.85rem; }
  [class*=svg-shareicon-wa] + .svg-shareicon-spacer {
    width: 16.75px;
    width: 1.675rem; }
  @media all and (max-width: 34.3em) {
    .shareLinkGroupSmallOnMobile [class*=svg-shareicon-wa] {
      margin-left: -0.85rem; } }

[class*=svg-icon-svg-share-] {
  width: 17px;
  width: 1.7rem;
  height: 17px;
  height: 1.7rem;
  margin-top: -8.5px;
  margin-top: -0.85rem; }
  [class*=svg-icon-svg-share-] + .svg-shareicon-spacer {
    width: 16.75px;
    width: 1.675rem; }
  @media all and (max-width: 34.3em) {
    .shareLinkGroupSmallOnMobile [class*=svg-icon-svg-share-] {
      margin-left: -0.85rem; } }

.svg-shareiconparent-hoverswitch .svg-shareicon:nth-of-type(2) {
  display: none; }

.svg-shareiconparent-hoverswitch:hover .svg-shareicon:nth-of-type(1) {
  display: none; }

.svg-shareiconparent-hoverswitch:hover .svg-shareicon:nth-of-type(2) {
  display: inline-block; }

@media all and (max-width: 34.3em) {
  .shareLinkGroupSmallOnMobile > a .shareLinkText,
  .shareLinkGroupSmallOnMobile .shareTotal svg,
  .shareLinkGroupSmallOnMobile .svg-shareicon-spacer {
    display: none; } }

/* ------------------------------------------------------------------------ */
/* Mini User Profile                                                        */
/* ------------------------------------------------------------------------ */
.userMiniProfile {
  min-width: 400px;
  padding: 20px;
  background: #fff !important;
  border-radius: 0 !important;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, .35) !important;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, .35) !important; }
  @media only screen and (max-width: 48em) {
    .userMiniProfile {
      min-width: 300px; } }
  @media only screen and (max-width: 20em) {
    .userMiniProfile {
      min-width: 220px; } }
  .userMiniProfile h2 {
    font-family: Hind, Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #272526;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 42px;
    line-height: 4.2rem; }
    @media all and (max-width: 34.3em) {
      .userMiniProfile h2 {
        font-weight: 600; } }
    @media all and (max-width: 34.3em) {
      .userMiniProfile h2 {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
    .userMiniProfile h2 a {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(72%, rgba(23, 112, 170, 0)), color-stop(72%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 72%, #1770aa 72%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
      .userMiniProfile h2 a:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9.2%, rgba(23, 112, 170, 0)), color-stop(9.2%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
        background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 9.2%, #1770aa 9.2%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
      .userMiniProfile h2 a:hover {
        background-color: transparent; }
  .userMiniProfile .user-avatar {
    max-width: 80px;
    display: inline-block; }

.fancybox-mini-profile .userMiniProfile + .fancybox-ap-btn-close {
  display: block; }

.userMiniProfileTable {
  width: 100%; }
  .userMiniProfileTable td {
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #272526;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 34px;
    line-height: 3.4rem;
    padding: .2em 0;
    vertical-align: middle; }
    @media all and (max-width: 34.3em) {
      .userMiniProfileTable td {
        font-weight: 600; } }
    @media all and (max-width: 34.3em) {
      .userMiniProfileTable td {
        font-size: 2rem;
        line-height: 3rem; } }
    .userMiniProfileTable td:last-child {
      text-align: right; }

/* ------------------------------------------------------------------------ */
/* Staff Mini-Profile                                                      */
/* ------------------------------------------------------------------------ */
.staff-mini-profile {
  width: 450px; }
  @media only screen and (max-width: 48em) {
    .staff-mini-profile {
      width: auto;
      min-width: 300px; } }
  @media only screen and (max-width: 20em) {
    .staff-mini-profile {
      width: auto;
      min-width: 220px; } }
  .fancybox-ap-body .staff-mini-profile__header {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top-left-radius: 10px;
    border-top-left-radius: 1rem;
    border-top-right-radius: 10px;
    border-top-right-radius: 1rem;
    position: relative;
    padding: 14px;
    padding: 1.4rem;
    padding-top: 64px;
    background-image: -webkit-gradient(linear, left top, right top, from(#1756ab), to(#1770aa));
    background-image: linear-gradient(to right, #1756ab 0%, #1770aa 100%); }
    .fancybox-ap-body .staff-mini-profile__header h1, .fancybox-ap-body .staff-mini-profile__header h2 {
      margin: 0;
      padding: 0;
      text-align: center; }
    .fancybox-ap-body .staff-mini-profile__header h1 span {
      font-family: Hind, Helvetica, Arial, sans-serif;
      font-weight: 500;
      color: #272526;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      line-height: 2.4rem;
      -webkit-box-decoration-break: clone;
      -moz-box-decoration-break: clone;
      -ms-box-decoration-break: clone;
      -o-box-decoration-break: clone;
      box-decoration-break: clone;
      padding: 0.17em 10px 0;
      padding: 0.17em 1rem 0;
      line-height: 1.2 !important;
      text-transform: uppercase;
      color: white;
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 37, 38, 0)), color-stop(14%, rgba(39, 37, 38, 0)), color-stop(14%, #272526), color-stop(90%, #272526), color-stop(90%, rgba(39, 37, 38, 0)), to(rgba(39, 37, 38, 0)));
      background-image: linear-gradient(to bottom, rgba(39, 37, 38, 0) 0%, rgba(39, 37, 38, 0) 14%, #272526 14%, #272526 90%, rgba(39, 37, 38, 0) 90%, rgba(39, 37, 38, 0) 100%); }
      @media all and (max-width: 34.3em) {
        .fancybox-ap-body .staff-mini-profile__header h1 span {
          font-weight: 500; } }
      @media all and (max-width: 34.3em) {
        .fancybox-ap-body .staff-mini-profile__header h1 span {
          font-size: 1.8rem;
          line-height: 2.4rem; } }
      .fancybox-ap-body .staff-mini-profile__header h1 span a {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(76%, rgba(23, 112, 170, 0)), color-stop(76%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
        background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 76%, #1770aa 76%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
        .fancybox-ap-body .staff-mini-profile__header h1 span a:hover {
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(7.2%, rgba(23, 112, 170, 0)), color-stop(7.2%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
          background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 7.2%, #1770aa 7.2%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
        .fancybox-ap-body .staff-mini-profile__header h1 span a:hover {
          background-color: transparent; }
    .fancybox-ap-body .staff-mini-profile__header h2 {
      font-family: Hind, Helvetica, Arial, sans-serif;
      font-weight: 600;
      color: white;
      font-size: 36px;
      font-size: 3.6rem;
      line-height: 42px;
      line-height: 4.2rem; }
      @media all and (max-width: 34.3em) {
        .fancybox-ap-body .staff-mini-profile__header h2 {
          font-weight: 600; } }
      @media all and (max-width: 34.3em) {
        .fancybox-ap-body .staff-mini-profile__header h2 {
          font-size: 2.6rem;
          line-height: 3.2rem; } }
      .fancybox-ap-body .staff-mini-profile__header h2 a {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(72%, rgba(23, 112, 170, 0)), color-stop(72%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
        background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 72%, #1770aa 72%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
        .fancybox-ap-body .staff-mini-profile__header h2 a:hover {
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9.2%, rgba(23, 112, 170, 0)), color-stop(9.2%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
          background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 9.2%, #1770aa 9.2%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
        .fancybox-ap-body .staff-mini-profile__header h2 a:hover {
          background-color: transparent; }
  .staff-mini-profile__image {
    position: relative;
    width: 118px;
    height: 118px;
    margin: 0 auto;
    border: 5px solid white;
    border-radius: 50%;
    background-size: cover;
    margin-bottom: -64px;
    z-index: 1; }
  .staff-mini-profile__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 14px;
    padding: 1rem 1.4rem;
    background-color: transparent;
    border: 0; }
    .staff-mini-profile__close:before {
      content: "\2716";
      font-weight: bold;
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1;
      text-shadow: 1px 0 0 white, 0 1px 0 white, -1px 0 white, 0 -1px 0 white, 2px 0 0 white, 0 2px 0 white, -2px 0 white, 0 -2px 0 white, 3px 0 3px rgba(0, 0, 0, .4), 0 3px 3px rgba(0, 0, 0, .4), -3px 0 3px rgba(0, 0, 0, .4), 0 -3px 3px rgba(0, 0, 0, .4);
      color: white; }
    .staff-mini-profile__close:hover {
      cursor: pointer; }
    .staff-mini-profile__close:hover:before {
      text-shadow: 1px 0 0 white, 0 1px 0 white, -1px 0 white, 0 -1px 0 white, 2px 0 0 white, 0 2px 0 white, -2px 0 white, 0 -2px 0 white, 3px 0 3px black, 0 3px 3px black, -3px 0 3px black, 0 -3px 3px black; }
  .staff-mini-profile__email {
    margin: 0;
    text-align: center;
    color: white; }
  .staff-mini-profile__social {
    background-color: #fff;
    height: 40px;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .staff-mini-profile__social__link {
      border-bottom: 0;
      background-image: none;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: center;
      height: 100%; }
      .staff-mini-profile__social__link .svg-shareicon {
        left: auto;
        right: auto; }
    .staff-mini-profile__social_twitter, .staff-mini-profile__social_twitter:hover {
      background-color: #43a8da; }
    .staff-mini-profile__social_google, .staff-mini-profile__social_google:hover {
      background-color: #df4a32; }
    .staff-mini-profile__social_facebook, .staff-mini-profile__social_facebook:hover {
      background-color: #3a5999; }
  .staff-mini-profile__content {
    padding: 20px;
    padding: 2rem;
    background-color: #fff;
    text-align: center; }
    .staff-mini-profile__content .ellipsis {
      display: block;
      max-height: 200px;
      text-overflow: ellipsis;
      overflow: hidden;
      margin: 0; }
      @media only screen and (max-width: 48em) {
        .staff-mini-profile__content .ellipsis {
          max-height: 66px; } }
    .staff-mini-profile__content__link {
      margin-top: 20px;
      margin-top: 2rem;
      text-align: right; }
      .staff-mini-profile__content__link > a {
        text-decoration: none; }
        .staff-mini-profile__content__link > a:after {
          font-family: 'selection_androidpit';
          font-style: normal;
          font-weight: normal;
          speak: none;
          display: inline-block;
          text-decoration: inherit;
          width: 1em;
          text-align: center;
          /* opacity .8 */
          /* For safety - reset parent styles, that can break glyph codes*/
          font-variant: normal;
          text-transform: none;
          /* No underline if icon is used in <a> element */
          text-decoration: none;
          /* fix buttons height, for twitter bootstrap */
          line-height: 1em;
          /* Animation center compensation - margins should be symmetric */
          /* remove if not needed */
          /* you can be more comfortable with increased icons size */
          /* font-size: 120%; */
          /* Uncomment for 3D effect */
          /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
          -webkit-font-feature-settings: "liga","dlig";
          -ms-font-feature-settings: "liga","dlig";
          -o-font-feature-settings: "liga","dlig";
          font-feature-settings: "liga","dlig", normal;
          text-rendering: optimizeLegibility;
          -webkit-font-smoothing: antialiased;
          content: '\F105'; }

/* ------------------------------------------------------------------------ */
/* Mini Profile                                                             */
/* ------------------------------------------------------------------------ */
.fancybox-mini-profile .fancybox-ap-body {
  padding: 0; }

.fancybox-mini-profile .fancybox-ap-btn-close {
  display: none; }

.fancybox-mini-profile .fancybox-skin {
  background: transparent !important;
  -webkit-box-shadow: 0 0 0 0 !important;
          box-shadow: 0 0 0 0 !important; }

.avatar {
  width: 40px; }

.avatar_large {
  width: 155px; }

.avatar__link {
  border-bottom: 0;
  background-image: none;
  display: block; }
  .avatar__link:hover {
    background-color: transparent; }

.avatar__image-wrap_svg {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 0; }

.avatar__image-wrap_has-badge {
  padding: 5%;
  background-color: #1770aa; }

.avatar__image {
  background-size: cover;
  background-position: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  padding-bottom: 100%; }

.avatar__image-wrap,
.avatar__image {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%; }

.avatar__image_svg {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  background-color: transparent; }

.avatar__avatar-level {
  position: relative;
  display: block;
  width: 45%;
  margin-top: -5%;
  margin-left: auto;
  margin-right: auto; }

.avatar-level__circle {
  fill: #1770aa; }

.avatar-level__text {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  fill: #fff; }
  @media all and (max-width: 34.3em) {
    .avatar-level__text {
      font-weight: 400; } }

.user-badges {
  display: inline-block; }
  .user-badges li {
    display: inline-block;
    margin-bottom: 2px; }

.user-badge {
  position: relative;
  top: 2px;
  display: inline-block;
  padding-right: 5px;
  padding-right: 5px;
  padding-right: .5rem;
  color: #1770aa;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle; }
  .user-badge .svg-icon {
    height: 1.6em;
    width: 1.6em;
    vertical-align: middle; }
  .user-badge span {
    vertical-align: middle; }

.user-badge > svg {
  position: relative;
  top: -1px; }

.user-badge-communityAdmin > svg,
.user-badge-moderator > svg {
  top: -2px; }

.user-badge-blogger > svg {
  top: 1px; }

.user-level-bar {
  position: relative;
  background-color: #aaa; }

.user-level-bar__progress {
  height: 100%;
  position: absolute;
  background-color: #1770aa; }
  .user-level-bar_green > .user-level-bar__progress {
    background-color: #769c11; }

.user-level-bar__level,
.user-level-bar__points {
  position: relative;
  display: inline-block;
  width: 45%;
  padding: 0 .3em;
  vertical-align: middle; }
  @media only screen and (max-width: 48em) {
    .user-level-bar__level,
    .user-level-bar__points {
      width: auto; } }

.user-level-bar__level {
  font-family: Hind, Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: white;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 42px;
  line-height: 4.2rem;
  line-height: 1.8;
  top: 0.1em; }
  @media all and (max-width: 34.3em) {
    .user-level-bar__level {
      font-weight: 600; } }
  @media all and (max-width: 34.3em) {
    .user-level-bar__level {
      font-size: 2.6rem;
      line-height: 3.2rem; } }
  .user-level-bar__level a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(72%, rgba(23, 112, 170, 0)), color-stop(72%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
    background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 72%, #1770aa 72%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
    .user-level-bar__level a:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9.2%, rgba(23, 112, 170, 0)), color-stop(9.2%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 9.2%, #1770aa 9.2%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
    .user-level-bar__level a:hover {
      background-color: transparent; }

.user-level-bar_small > .user-level-bar__level {
  font-family: Hind, Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem; }
  @media all and (max-width: 34.3em) {
    .user-level-bar_small > .user-level-bar__level {
      font-weight: 500; } }
  @media all and (max-width: 34.3em) {
    .user-level-bar_small > .user-level-bar__level {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  .user-level-bar_small > .user-level-bar__level a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(76%, rgba(23, 112, 170, 0)), color-stop(76%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
    background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 76%, #1770aa 76%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .user-level-bar_small > .user-level-bar__level a:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(7.2%, rgba(23, 112, 170, 0)), color-stop(7.2%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 7.2%, #1770aa 7.2%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .user-level-bar_small > .user-level-bar__level a:hover {
      background-color: transparent; }

.user-level-bar__points {
  text-align: right;
  color: #fff; }

.cookinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.cookinfo__message {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  color: #fff; }

.cookinfo__button {
  margin: 0;
  border: 0;
  color: #fff;
  background-color: #8aa913;
  text-align: center;
  cursor: pointer; }

.cookinfo_bottom {
  position: fixed;
  padding: 12.375px 33px;
  padding: 1.2375rem 3.3rem;
  z-index: 2147483647;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1770aa; }

.cookinfo__link-inline {
  color: #fff;
  text-decoration: underline; }
  .cookinfo__link-inline:hover, .cookinfo__link-inline:active {
    color: #8aa913;
    text-decoration: underline; }

.cookinfo__button_bottom {
  min-width: 120px;
  min-width: 12rem;
  padding: 12.375px 16.5px;
  padding: 1.2375rem 1.65rem;
  border-radius: 5px; }

.cookinfo_top {
  display: none;
  background: #000; }

.cookinfo_top > .cookinfo__button-container {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.cookinfo__link-full {
  color: #fff; }

.cookinfo_top > .cookinfo__message {
  padding: 4.125px;
  padding: 0.4125rem; }

.cookinfo__arrow {
  width: 16.5px;
  width: 1.65rem;
  height: 16.5px;
  height: 1.65rem;
  vertical-align: -2px;
  vertical-align: -0.2rem; }

.cookinfo__button_top {
  width: 66px;
  width: 6.6rem; }

@media all and (max-width: 760px) {
  .cookinfo_bottom {
    display: none; }
  .cookinfo_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.no-flexbox .cookinfo {
  text-align: center; }

.no-flexbox .cookinfo_bottom {
  display: block;
  text-align: center; }

.no-flexbox .cookinfo_bottom > .cookinfo__message {
  margin-bottom: 16.5px;
  margin-bottom: 1.65rem; }

.no-flexbox .cookinfo_top > .cookinfo__button-container {
  display: block;
  padding-bottom: 4.125px;
  padding-bottom: 0.4125rem; }

.no-flexbox .cookinfo__button_top {
  margin: 4.125px 0;
  margin: 0.4125rem 0;
  padding: 4.125px 0;
  padding: 0.4125rem 0; }

@media all and (max-width: 760px) {
  .no-flexbox .cookinfo_bottom {
    display: none; }
  .no-flexbox .cookinfo_top {
    display: block; } }

.dividerWrapper {
  width: 100%;
  position: relative; }
  .dividerWrapper .dividerHeadline {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 10px;
    padding: 0 10px;
    padding: 0 1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1;
    /* more than &:after */
    font-family: Hind, Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #272526;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 42px;
    line-height: 4.2rem;
    word-break: break-word; }
    @media all and (max-width: 34.3em) {
      .dividerWrapper .dividerHeadline {
        font-weight: 600; } }
    @media all and (max-width: 34.3em) {
      .dividerWrapper .dividerHeadline {
        font-size: 2.6rem;
        line-height: 3.2rem; } }
    .dividerWrapper .dividerHeadline a {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(72%, rgba(23, 112, 170, 0)), color-stop(72%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 72%, #1770aa 72%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
      .dividerWrapper .dividerHeadline a:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9.2%, rgba(23, 112, 170, 0)), color-stop(9.2%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
        background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 9.2%, #1770aa 9.2%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
      .dividerWrapper .dividerHeadline a:hover {
        background-color: transparent; }
    @media only screen and (max-width: 330px) {
      .dividerWrapper .dividerHeadline {
        width: 100%;
        border-bottom: 1px solid #aaa; } }
  .dividerWrapper .dividerWithSubtitle {
    display: inline-block;
    padding: 0 10px;
    padding: 0 10px;
    padding: 0 1rem;
    background-color: #fff;
    z-index: 1; }
    .dividerWrapper .dividerWithSubtitle li {
      display: inline-block;
      vertical-align: middle; }
      @media only screen and (max-width: 330px) {
        .dividerWrapper .dividerWithSubtitle li {
          width: 100%; } }
    .dividerWrapper .dividerWithSubtitle .dividerSubtitle {
      text-align: left;
      padding-left: 10px;
      padding-left: 10px;
      padding-left: 1rem; }
  @media only screen and (max-width: 550px) {
    .dividerWrapper h2 {
      max-width: 380px;
      min-width: 100px; } }

.dividerWrapperNoText {
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
  width: auto; }

.dividerWrapper:before,
.dividerWrapper:after {
  content: "";
  display: table; }

.dividerWrapper:after {
  clear: both; }

.dividerWrapper {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

.divider {
  width: 100%;
  text-align: center; }
  .divider:before, .divider:after {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: 50%;
    margin-top: -1px; }
  .divider:before {
    background-color: #aaa;
    /* fallback */
    background: -webkit-gradient(linear, left top, right top, from(#aaa), color-stop(66%, #aaa), to(white));
    background: linear-gradient(to right, #aaa 0%, #aaa 66%, white 100%);
    left: 0; }
  .divider:after {
    background-color: #aaa;
    /* fallback */
    background: -webkit-gradient(linear, right top, left top, from(#aaa), color-stop(66%, #aaa), to(white));
    background: linear-gradient(to left, #aaa 0%, #aaa 66%, white 100%);
    z-index: 0;
    right: 0; }

.greyDivider {
  color: #666;
  background-color: #fff; }

/* ------------------------------------------------------------------------ */
/* Footer                                                                   */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* Mixins                                                                   */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* Variables                                                                */
/* ------------------------------------------------------------------------ */
.site-footer-ad {
  margin: 33px 0;
  margin: 3.3rem 0;
  text-align: center; }

.footerMain,
.footerMain a,
.footerMain a:hover {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem;
  text-decoration: none; }
  @media all and (max-width: 34.3em) {
    .footerMain,
    .footerMain a,
    .footerMain a:hover {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    .footerMain,
    .footerMain a,
    .footerMain a:hover {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

.footerMain {
  padding-top: 10px;
  padding-top: 1rem;
  min-height: 30px;
  background: #1756AB;
  background-image: -webkit-gradient(linear, left top, right top, from(#1756ab), to(#1770aa));
  background-image: linear-gradient(to right, #1756ab 0%, #1770aa 100%); }

.footerMainTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.footerMainCategories {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 auto;
          flex: 2 1 auto; }
  html:not(.no-flexbox) .footerMainCategories {
    min-height: 200px;
    min-height: 20rem; }
    @media all and (max-width: 35em) {
      html:not(.no-flexbox) .footerMainCategories {
        min-height: 0; } }

.footerMainInt {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-left: 10px;
  margin-left: 1rem; }

.footerMain h2 {
  margin-top: 0;
  margin-bottom: 5px;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  font-family: Hind, Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-weight: 600;
  line-height: 42px;
  line-height: 4.2rem;
  border-bottom: 1px solid #fff; }
  @media all and (max-width: 34.3em) {
    .footerMain h2 {
      font-weight: 500; } }
  @media all and (max-width: 34.3em) {
    .footerMain h2 {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  .footerMain h2 a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(76%, rgba(23, 112, 170, 0)), color-stop(76%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
    background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 76%, #1770aa 76%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .footerMain h2 a:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(7.2%, rgba(23, 112, 170, 0)), color-stop(7.2%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 7.2%, #1770aa 7.2%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .footerMain h2 a:hover {
      background-color: transparent; }
  @media all and (max-width: 34.3em) {
    .footerMain h2 {
      font-weight: 600; } }
  @media all and (max-width: 34.3em) {
    .footerMain h2 {
      line-height: 3.2rem; } }

.footerMainCategories a {
  display: block;
  padding: 7px 20px 7px 0;
  padding: 7px 20px 7px 0;
  padding: 0.7rem 2rem 0.7rem 0;
  border-bottom: 0;
  background-image: none; }
  .footerMainCategories a:hover {
    background-color: transparent; }

.footerMainCategories a:hover {
  text-shadow: 4px 0 4px rgba(0, 0, 0, .5);
  -webkit-transition: text-shadow 0.15s linear;
  transition: text-shadow 0.15s linear; }

.footerMainCategories a > strong {
  font-family: Hind, Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  vertical-align: middle;
  text-transform: uppercase; }
  @media all and (max-width: 34.3em) {
    .footerMainCategories a > strong {
      font-weight: 500; } }
  @media all and (max-width: 34.3em) {
    .footerMainCategories a > strong {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  .footerMainCategories a > strong a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(76%, rgba(23, 112, 170, 0)), color-stop(76%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
    background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 76%, #1770aa 76%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .footerMainCategories a > strong a:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(7.2%, rgba(23, 112, 170, 0)), color-stop(7.2%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 7.2%, #1770aa 7.2%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .footerMainCategories a > strong a:hover {
      background-color: transparent; }
  @media all and (max-width: 34.3em) {
    .footerMainCategories a > strong {
      font-size: 1.6rem; } }
  @media all and (max-width: 34.3em) {
    .footerMainCategories a > strong {
      font-weight: 400; } }

.footerMainInt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.footerMainInt h2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  margin-bottom: 0; }

.footerMainIntLang {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  z-index: 1; }

.footerMainIntLogo {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.footerMainIntLogoImg {
  border-bottom: 0;
  background-image: none;
  display: inline-block;
  background-image: url("/img/nav/sprite-v2opt.png");
  background-repeat: no-repeat;
  width: 182px;
  height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  background-size: 243px;
  background-position: 0 0;
  width: 126px;
  background-position: -56px 0;
  height: 46px;
  position: relative;
  overflow: hidden; }
  .footerMainIntLogoImg:hover {
    background-color: transparent; }

.footerMainIntLogoImg > span {
  position: absolute;
  left: 150%; }

.footerMainMore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  margin-top: 0.8rem;
  padding-top: 15px;
  padding-top: 1.5rem;
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
  border-top: 1px solid white; }

.footerMainMoreSocial,
.footerMainMoreLinks {
  -ms-flex-item-align: center;
      align-self: center; }

.footerMainMoreSocial {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.footerMainMoreLinks {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 auto;
          flex: 2 1 auto;
  text-align: right;
  overflow: hidden; }

.footerMainMoreSocial > span {
  display: inline-block;
  padding-right: 7px;
  padding-right: 0.7rem;
  vertical-align: middle; }

.followButton {
  border-bottom: 0;
  background-image: none;
  display: inline-block;
  margin-right: 7px;
  margin-right: 0.7rem;
  width: 32px;
  height: 32px;
  text-indent: -99999px;
  vertical-align: middle;
  background: url("img/follow_icons_2014-opt.png") no-repeat; }
  .followButton:hover {
    background-color: transparent; }
  .followButton:hover {
    -webkit-transition: unset;
    transition: unset; }

.followYoutube {
  background-position: 0 0; }

.followYoutube:hover {
  background-position: 0 -32px; }

.followFacebook {
  background-position: -32px 0; }

.followFacebook:hover {
  background-position: -32px -32px; }

.followGoogle {
  background-position: -64px 0; }

.followGoogle:hover {
  background-position: -64px -32px; }

.followTwitter {
  background-position: -96px 0; }

.followTwitter:hover {
  background-position: -96px -32px; }

.followRSS {
  background-position: -128px 0; }

.followRSS:hover {
  background-position: -128px -32px; }

.footerMainMoreLinks > a {
  display: inline-block;
  padding: 7px 0 7px 8px;
  padding: 0.7rem 0 0.7rem 8px;
  position: relative;
  right: -13px;
  border-bottom: 0;
  background-image: none; }
  .footerMainMoreLinks > a:hover {
    background-color: transparent; }

.footerMainMoreLinks > a:after {
  display: inline-block;
  content: '';
  height: 15px;
  border-right: 1px solid #aaa;
  padding-right: 12px;
  vertical-align: -3px; }

html.no-flexbox .footerMainCategories {
  float: left;
  width: 350px;
  width: 35rem; }

html.no-flexbox .footerMainInt {
  margin-left: 360px;
  margin-left: 36rem; }

html.no-flexbox .footerMainIntLogo {
  clear: right;
  float: right;
  margin-top: 40px; }

html.no-flexbox .footerMainMore {
  clear: both;
  display: table;
  width: 100%; }

html.no-flexbox .footerMainMoreSocial {
  display: table-cell;
  min-width: 330px;
  vertical-align: middle; }

html.no-flexbox .footerMainMoreLinks {
  display: table-cell;
  vertical-align: middle; }

html.no-flexbox .footerMain {
  clear: both; }

html.no-backgroundsize .footerMainIntLogoImg {
  background-image: url("/img/nav/ie8.logo.footer.png");
  background-position: 0 0;
  width: 200px;
  height: 50px; }

/* ------------------------------------------------------------------------ */
/* Language selection (in hint bar and footer)                              */
/* ------------------------------------------------------------------------ */
.footerMain {
  /* this contains the UL, but as the UL is position:absolute, this also needs a width! */ }
  .footerMain .langSelection {
    float: right;
    margin-right: 213px;
    margin-right: 213px;
    margin-right: 21.3rem;
    margin-top: 35px;
    margin-top: 35px;
    margin-top: 3.5rem;
    position: relative; }
  .footerMain .langSelection > ul {
    position: absolute;
    width: 210px;
    width: 210px;
    width: 21rem;
    height: 23px;
    height: 2.3rem;
    padding: 0;
    margin: 0; }
  .footerMain .langSelection > ul {
    bottom: 0;
    border: 1px solid white;
    background: transparent; }
  .footerMain .langSelection > ul.hover > li {
    background: #1770aa;
    border: 1px solid white;
    margin-left: -1px;
    margin-top: -1px;
    margin-right: -1px; }
  .footerMain .footerMain .langSelection > ul.hover {
    height: auto; }
  .footerMain .langSelection ul li {
    min-height: 23px;
    min-height: 2.3rem; }
  .footerMain .langSelection ul li ul.options {
    display: none;
    margin: 0;
    padding: 0; }
  .footerMain .langSelection ul.hover li ul.options {
    display: block;
    margin: 0; }
  .footerMain .langSelection > ul.hover .options + span {
    display: none; }
  .footerMain .langSelection ul.hover li ul.options a {
    color: white; }
  .footerMain .langSelection ul.hover li ul.options a:hover {
    text-shadow: 4px 0 4px rgba(0, 0, 0, .5);
    -webkit-transition: text-shadow 0.15s linear;
    transition: text-shadow 0.15s linear; }
  .footerMain .langSelection a,
  .footerMain .langSelection span.selector {
    position: relative;
    display: block;
    padding: 0 0 0 25px;
    text-decoration: none;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #272526;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    line-height: 23px !important;
    line-height: 2.3rem !important;
    cursor: pointer;
    border-bottom: 0;
    background-image: none; }
    @media all and (max-width: 34.3em) {
      .footerMain .langSelection a,
      .footerMain .langSelection span.selector {
        font-weight: 400; } }
    @media all and (max-width: 34.3em) {
      .footerMain .langSelection a,
      .footerMain .langSelection span.selector {
        font-size: 1.2rem;
        line-height: 1.8rem; } }
    .footerMain .langSelection a:hover,
    .footerMain .langSelection span.selector:hover {
      background-color: transparent; }
  .footerMain .langSelection span.selector {
    color: #FFF; }
  .footerMain .langSelection ul.hover span.selector {
    margin: 0 0 5px 0; }
  .footerMain .langSelection span.selector > span span:after {
    content: "\F107";
    margin-left: 5px;
    font-family: selection_androidpit; }

.langSelection a:before,
.langSelection span.selector:before {
  position: absolute;
  content: ' ';
  display: inline-block;
  width: 14px;
  height: 12px;
  left: 5px;
  top: 50%;
  margin-top: -6px;
  background: url("img/icoFlags-opt.png") no-repeat; }

.footerdomain {
  float: right;
  width: 113px; }

.langSelection .de:before {
  background-position: 0 0 !important; }

.langSelection .en:before {
  background-position: 0 -12px !important; }

.langSelection .es:before {
  background-position: 0 -24px !important; }

.langSelection .pt:before {
  background-position: 0 -36px !important; }

.langSelection .fr:before {
  background-position: 0 -60px !important; }

.langSelection .tr:before {
  background-position: 0 -72px !important; }

.langSelection .it:before {
  background-position: 0 -84px !important; }

@media all and (max-width: 35em) {
  .footerMainTop {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .footerMainCategories a {
    padding-right: 0; }
  .footerMainInt {
    margin-left: 0;
    margin-top: 2rem;
    width: 100%; }
    .footerMainInt h2 {
      text-align: left; }
  .footerMainIntLogo,
  .footerMainIntLang {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .footerMainIntLang .langSelection {
    float: left; }
  .footerMainIntLogo {
    margin-top: 2.5rem;
    margin-bottom: 0.5rem; }
  .footerMainMore {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 10px;
    padding-top: 1rem; }
  .footerMainMoreSocial {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-top: 10px;
    padding-top: 1rem; }
  .footerMainMoreLinks {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    text-align: left; }
  .footerMain .langSelection > ul.hover > li {
    background: #1756AB; }
  .footerMainMoreLinks > a {
    padding-left: 0;
    padding-right: 8px;
    right: auto;
    left: -13px; }
  .footerMainMoreLinks > a:after {
    display: none; }
  .footerMainMoreLinks > a:before {
    display: inline-block;
    content: '';
    height: 15px;
    border-left: 1px solid #aaa;
    padding-left: 12px;
    vertical-align: -3px; } }

@media all and (max-width: 40em) {
  html.no-flexbox .footerMainCategories {
    float: none;
    width: auto; }
  html.no-flexbox .footerMainInt {
    margin-left: 0;
    margin-top: 15px; }
    html.no-flexbox .footerMainInt > h2 {
      text-align: left; }
  html.no-flexbox .footerMainIntLang .langSelection {
    float: left; }
  html.no-flexbox .footerMainIntLogo {
    clear: left;
    float: left;
    margin-top: 30px;
    padding-bottom: 20px; }
  html.no-flexbox .footerMainMore {
    display: block; }
  html.no-flexbox .footerMainMoreSocial {
    display: block;
    min-width: auto; }
  html.no-flexbox .footerMainMoreLinks {
    display: block;
    margin-top: 20px;
    text-align: left; }
  html.no-flexbox .footerMainMoreLinks > a {
    padding-left: 0;
    padding-right: 8px;
    right: auto;
    left: -13px; }
  html.no-flexbox .footerMainMoreLinks > a:after {
    display: none; }
  html.no-flexbox .footerMainMoreLinks > a:before {
    display: inline-block;
    content: '';
    height: 15px;
    border-left: 1px solid #aaa;
    padding-left: 12px;
    vertical-align: -3px; } }

.no-flexbox .onepcssgrid-1200,
.iefix-stickyfooter .onepcssgrid-1200 {
  min-height: 700px;
  min-height: 70vh; }

.iefix-smallfooter .onepcssgrid-1200 {
  min-height: 890px;
  min-height: 89.1vh; }

.onepcssgrid-1200,
.onepcssgrid-1200-notMainContent {
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
  background: white;
  border-left: 1px solid #e9eef2;
  border-right: 1px solid #e9eef2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media all and (max-width: 1220px) {
    .onepcssgrid-1200,
    .onepcssgrid-1200-notMainContent {
      border-left: 0;
      border-right: 0; } }

.onepcssgrid-1200-noborder {
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.onepcssgrid-1200,
.onepcssgrid-1200-noborder {
  position: relative;
  min-height: 100%;
  padding: 20px 0 0;
  padding: 20px 0 0;
  padding: 2rem 0 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media only screen and (max-width: 20em) {
    .onepcssgrid-1200,
    .onepcssgrid-1200-noborder {
      padding: 10px 0;
      padding: 1rem 0; } }

.onepcssgrid-1200-fullvert {
  padding: 0; }
  @media only screen and (max-width: 20em) {
    .onepcssgrid-1200-fullvert {
      padding: 0; } }

.onerow {
  clear: both;
  padding: 0 10px;
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%; }

.onerow-fullwidth {
  padding-left: 0;
  padding-right: 0; }

.onerow:before,
.onerow:after {
  content: "";
  display: table; }

.onerow:after {
  clear: both; }

.onerow {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

.col1, .col1-nest,
.col2, .col2-nest,
.col3, .col3-nest,
.col4, .col4-nest,
.col5, .col5-nest,
.col6, .col6-nest,
.col7, .col7-nest,
.col8, .col8-nest,
.col9, .col9-nest,
.col10, .col10-nest,
.col11, .col11-nest,
.col12 {
  float: left;
  margin: 0 1.58% 0 0; }
  .col1 img, .col1-nest img,
  .col2 img, .col2-nest img,
  .col3 img, .col3-nest img,
  .col4 img, .col4-nest img,
  .col5 img, .col5-nest img,
  .col6 img, .col6-nest img,
  .col7 img, .col7-nest img,
  .col8 img, .col8-nest img,
  .col9 img, .col9-nest img,
  .col10 img, .col10-nest img,
  .col11 img, .col11-nest img,
  .col12 img {
    width: 100%;
    height: auto;
    display: block; }
  .col1.last, .col1-nest.last,
  .col2.last, .col2-nest.last,
  .col3.last, .col3-nest.last,
  .col4.last, .col4-nest.last,
  .col5.last, .col5-nest.last,
  .col6.last, .col6-nest.last,
  .col7.last, .col7-nest.last,
  .col8.last, .col8-nest.last,
  .col9.last, .col9-nest.last,
  .col10.last, .col10-nest.last,
  .col11.last, .col11-nest.last,
  .col12.last {
    margin-right: 0 !important; }
  .col1.centered, .col1-nest.centered,
  .col2.centered, .col2-nest.centered,
  .col3.centered, .col3-nest.centered,
  .col4.centered, .col4-nest.centered,
  .col5.centered, .col5-nest.centered,
  .col6.centered, .col6-nest.centered,
  .col7.centered, .col7-nest.centered,
  .col8.centered, .col8-nest.centered,
  .col9.centered, .col9-nest.centered,
  .col10.centered, .col10-nest.centered,
  .col11.centered, .col11-nest.centered,
  .col12.centered {
    margin: 0 auto !important;
    float: none !important;
    display: block !important; }

.col12 {
  width: 100%;
  margin: 0;
  float: none; }

.col1 {
  width: 6.885%; }

.col2 {
  width: 15.35%; }

.col3 {
  width: 23.815%; }

.col4 {
  width: 32.28%; }

.col5 {
  width: 40.745%; }

.col6 {
  width: 49.21%; }

.col7 {
  width: 57.675%; }

.col8 {
  width: 66.14%; }

.col9 {
  width: 74.605%; }

.col10 {
  width: 83.07%; }

.col11 {
  width: 91.535%; }

.offset1 {
  margin-left: 8.465%; }

.offset2 {
  margin-left: 16.93%; }

.offset3 {
  margin-left: 25.395%; }

.offset4 {
  margin-left: 33.86%; }

.offset5 {
  margin-left: 42.325%; }

.offset6 {
  margin-left: 50.79%; }

.offset7 {
  margin-left: 59.255%; }

.offset8 {
  margin-left: 67.72%; }

.offset9 {
  margin-left: 76.185%; }

.offset10 {
  margin-left: 84.65%; }

.offset11 {
  margin-left: 93.115%; }

.col2 .col1-nest {
  width: 44.85342%;
  margin-right: 10.29316%; }

.col2 .offset1-nest {
  margin-left: 55.14658%; }

.col3 .col1-nest {
  width: 28.91035%;
  margin-right: 6.63447%; }

.col3 .offset1-nest {
  margin-left: 35.54482%; }

.col3 .col2-nest {
  width: 64.45518%;
  margin-right: 6.63447%; }

.col3 .offset2-nest {
  margin-left: 71.08965%; }

.col4 .col1-nest {
  width: 21.329%;
  margin-right: 4.89467%; }

.col4 .offset1-nest {
  margin-left: 26.22367%; }

.col4 .col2-nest {
  width: 47.55266%;
  margin-right: 4.89467%; }

.col4 .offset2-nest {
  margin-left: 52.44734%; }

.col4 .col3-nest {
  width: 73.77633%;
  margin-right: 4.89467%; }

.col4 .offset3-nest {
  margin-left: 78.671%; }

.col5 .col1-nest {
  width: 16.89778%;
  margin-right: 3.87778%; }

.col5 .offset1-nest {
  margin-left: 20.77556%; }

.col5 .col2-nest {
  width: 37.67333%;
  margin-right: 3.87778%; }

.col5 .offset2-nest {
  margin-left: 41.55111%; }

.col5 .col3-nest {
  width: 58.44889%;
  margin-right: 3.87778%; }

.col5 .offset3-nest {
  margin-left: 62.32667%; }

.col5 .col4-nest {
  width: 79.22444%;
  margin-right: 3.87778%; }

.col5 .offset4-nest {
  margin-left: 83.10222%; }

.col6 .col1-nest {
  width: 13.99106%;
  margin-right: 3.21073%; }

.col6 .offset1-nest {
  margin-left: 17.20179%; }

.col6 .col2-nest {
  width: 31.19285%;
  margin-right: 3.21073%; }

.col6 .offset2-nest {
  margin-left: 34.40358%; }

.col6 .col3-nest {
  width: 48.39464%;
  margin-right: 3.21073%; }

.col6 .offset3-nest {
  margin-left: 51.60536%; }

.col6 .col4-nest {
  width: 65.59642%;
  margin-right: 3.21073%; }

.col6 .offset4-nest {
  margin-left: 68.80715%; }

.col6 .col5-nest {
  width: 82.79821%;
  margin-right: 3.21073%; }

.col6 .offset5-nest {
  margin-left: 86.00894%; }

.col7 .col1-nest {
  width: 11.93758%;
  margin-right: 2.73949%; }

.col7 .offset1-nest {
  margin-left: 14.67707%; }

.col7 .col2-nest {
  width: 26.61465%;
  margin-right: 2.73949%; }

.col7 .offset2-nest {
  margin-left: 29.35414%; }

.col7 .col3-nest {
  width: 41.29172%;
  margin-right: 2.73949%; }

.col7 .offset3-nest {
  margin-left: 44.03121%; }

.col7 .col4-nest {
  width: 55.96879%;
  margin-right: 2.73949%; }

.col7 .offset4-nest {
  margin-left: 58.70828%; }

.col7 .col5-nest {
  width: 70.64586%;
  margin-right: 2.73949%; }

.col7 .offset5-nest {
  margin-left: 73.38535%; }

.col7 .col6-nest {
  width: 85.32293%;
  margin-right: 2.73949%; }

.col7 .offset6-nest {
  margin-left: 88.06242%; }

.col8 .col1-nest {
  width: 10.40974%;
  margin-right: 2.38887%; }

.col8 .offset1-nest {
  margin-left: 12.79861%; }

.col8 .col2-nest {
  width: 23.20835%;
  margin-right: 2.38887%; }

.col8 .offset2-nest {
  margin-left: 25.59722%; }

.col8 .col3-nest {
  width: 36.00695%;
  margin-right: 2.38887%; }

.col8 .offset3-nest {
  margin-left: 38.39583%; }

.col8 .col4-nest {
  width: 48.80556%;
  margin-right: 2.38887%; }

.col8 .offset4-nest {
  margin-left: 51.19444%; }

.col8 .col5-nest {
  width: 61.60417%;
  margin-right: 2.38887%; }

.col8 .offset5-nest {
  margin-left: 63.99305%; }

.col8 .col6-nest {
  width: 74.40278%;
  margin-right: 2.38887%; }

.col8 .offset6-nest {
  margin-left: 76.79165%; }

.col8 .col7-nest {
  width: 87.20139%;
  margin-right: 2.38887%; }

.col8 .offset7-nest {
  margin-left: 89.59026%; }

.col9 .col1-nest {
  width: 9.2286%;
  margin-right: 2.11782%; }

.col9 .offset1-nest {
  margin-left: 11.34642%; }

.col9 .col2-nest {
  width: 20.57503%;
  margin-right: 2.11782%; }

.col9 .offset2-nest {
  margin-left: 22.69285%; }

.col9 .col3-nest {
  width: 31.92145%;
  margin-right: 2.11782%; }

.col9 .offset3-nest {
  margin-left: 34.03927%; }

.col9 .col4-nest {
  width: 43.26788%;
  margin-right: 2.11782%; }

.col9 .offset4-nest {
  margin-left: 45.3857%; }

.col9 .col5-nest {
  width: 54.6143%;
  margin-right: 2.11782%; }

.col9 .offset5-nest {
  margin-left: 56.73212%; }

.col9 .col6-nest {
  width: 65.96073%;
  margin-right: 2.11782%; }

.col9 .offset6-nest {
  margin-left: 68.07855%; }

.col9 .col7-nest {
  width: 77.30715%;
  margin-right: 2.11782%; }

.col9 .offset7-nest {
  margin-left: 79.42497%; }

.col9 .col8-nest {
  width: 88.65358%;
  margin-right: 2.11782%; }

.col9 .offset8-nest {
  margin-left: 90.7714%; }

.col10 .col1-nest {
  width: 8.28819%;
  margin-right: 1.90201%; }

.col10 .offset1-nest {
  margin-left: 10.1902%; }

.col10 .col2-nest {
  width: 18.47839%;
  margin-right: 1.90201%; }

.col10 .offset2-nest {
  margin-left: 20.3804%; }

.col10 .col3-nest {
  width: 28.66859%;
  margin-right: 1.90201%; }

.col10 .offset3-nest {
  margin-left: 30.5706%; }

.col10 .col4-nest {
  width: 38.85879%;
  margin-right: 1.90201%; }

.col10 .offset4-nest {
  margin-left: 40.7608%; }

.col10 .col5-nest {
  width: 49.04899%;
  margin-right: 1.90201%; }

.col10 .offset5-nest {
  margin-left: 50.95101%; }

.col10 .col6-nest {
  width: 59.2392%;
  margin-right: 1.90201%; }

.col10 .offset6-nest {
  margin-left: 61.14121%; }

.col10 .col7-nest {
  width: 69.4294%;
  margin-right: 1.90201%; }

.col10 .offset7-nest {
  margin-left: 71.33141%; }

.col10 .col8-nest {
  width: 79.6196%;
  margin-right: 1.90201%; }

.col10 .offset8-nest {
  margin-left: 81.52161%; }

.col10 .col9-nest {
  width: 89.8098%;
  margin-right: 1.90201%; }

.col10 .offset9-nest {
  margin-left: 91.71181%; }

.col11 .col1-nest {
  width: 7.52171%;
  margin-right: 1.72612%; }

.col11 .offset1-nest {
  margin-left: 9.24783%; }

.col11 .col2-nest {
  width: 16.76954%;
  margin-right: 1.72612%; }

.col11 .offset2-nest {
  margin-left: 18.49566%; }

.col11 .col3-nest {
  width: 26.01737%;
  margin-right: 1.72612%; }

.col11 .offset3-nest {
  margin-left: 27.74349%; }

.col11 .col4-nest {
  width: 35.2652%;
  margin-right: 1.72612%; }

.col11 .offset4-nest {
  margin-left: 36.99131%; }

.col11 .col5-nest {
  width: 44.51303%;
  margin-right: 1.72612%; }

.col11 .offset5-nest {
  margin-left: 46.23914%; }

.col11 .col6-nest {
  width: 53.76086%;
  margin-right: 1.72612%; }

.col11 .offset6-nest {
  margin-left: 55.48697%; }

.col11 .col7-nest {
  width: 63.00869%;
  margin-right: 1.72612%; }

.col11 .offset7-nest {
  margin-left: 64.7348%; }

.col11 .col8-nest {
  width: 72.25651%;
  margin-right: 1.72612%; }

.col11 .offset8-nest {
  margin-left: 73.98263%; }

.col11 .col9-nest {
  width: 81.50434%;
  margin-right: 1.72612%; }

.col11 .offset9-nest {
  margin-left: 83.23046%; }

.col11 .col10-nest {
  width: 90.75217%;
  margin-right: 1.72612%; }

.col11 .offset10-nest {
  margin-left: 92.47829%; }

.col12 .col1-nest {
  width: 6.885%;
  margin-right: 1.58%; }

.col12 .offset1-nest {
  margin-left: 8.465%; }

.col12 .col2-nest {
  width: 15.35%;
  margin-right: 1.58%; }

.col12 .offset2-nest {
  margin-left: 16.93%; }

.col12 .col3-nest {
  width: 23.815%;
  margin-right: 1.58%; }

.col12 .offset3-nest {
  margin-left: 25.395%; }

.col12 .col4-nest {
  width: 32.28%;
  margin-right: 1.58%; }

.col12 .offset4-nest {
  margin-left: 33.86%; }

.col12 .col5-nest {
  width: 40.745%;
  margin-right: 1.58%; }

.col12 .offset5-nest {
  margin-left: 42.325%; }

.col12 .col6-nest {
  width: 49.21%;
  margin-right: 1.58%; }

.col12 .offset6-nest {
  margin-left: 50.79%; }

.col12 .col7-nest {
  width: 57.675%;
  margin-right: 1.58%; }

.col12 .offset7-nest {
  margin-left: 59.255%; }

.col12 .col8-nest {
  width: 66.14%;
  margin-right: 1.58%; }

.col12 .offset8-nest {
  margin-left: 67.72%; }

.col12 .col9-nest {
  width: 74.605%;
  margin-right: 1.58%; }

.col12 .offset9-nest {
  margin-left: 76.185%; }

.col12 .col10-nest {
  width: 83.07%;
  margin-right: 1.58%; }

.col12 .offset10-nest {
  margin-left: 84.65%; }

.col12 .col11-nest {
  width: 91.535%;
  margin-right: 1.58%; }

.col12 .offset11-nest {
  margin-left: 93.115%; }

.col12,
.col6 + .col6,
.col1 + .col11,
.col2 + .col10,
.col3 + .col9,
.col4 + .col8,
.col5 + .col7,
.col6 + .col6,
.col7 + .col5,
.col8 + .col4,
.col9 + .col3,
.col10 + .col2,
.col11 + .col1 {
  margin-right: 0; }

@media all and (max-width: 48em) {
  .col1,
  .col1-nest {
    float: none !important;
    width: 100% !important; }
  .offset1,
  .offset1-nest {
    margin-left: 0 !important; }
  .col2,
  .col2-nest {
    float: none !important;
    width: 100% !important; }
  .offset2,
  .offset2-nest {
    margin-left: 0 !important; }
  .col3,
  .col3-nest {
    float: none !important;
    width: 100% !important; }
  .offset3,
  .offset3-nest {
    margin-left: 0 !important; }
  .col4,
  .col4-nest {
    float: none !important;
    width: 100% !important; }
  .offset4,
  .offset4-nest {
    margin-left: 0 !important; }
  .col5,
  .col5-nest {
    float: none !important;
    width: 100% !important; }
  .offset5,
  .offset5-nest {
    margin-left: 0 !important; }
  .col6,
  .col6-nest {
    float: none !important;
    width: 100% !important; }
  .offset6,
  .offset6-nest {
    margin-left: 0 !important; }
  .col7,
  .col7-nest {
    float: none !important;
    width: 100% !important; }
  .offset7,
  .offset7-nest {
    margin-left: 0 !important; }
  .col8,
  .col8-nest {
    float: none !important;
    width: 100% !important; }
  .offset8,
  .offset8-nest {
    margin-left: 0 !important; }
  .col9,
  .col9-nest {
    float: none !important;
    width: 100% !important; }
  .offset9,
  .offset9-nest {
    margin-left: 0 !important; }
  .col10,
  .col10-nest {
    float: none !important;
    width: 100% !important; }
  .offset10,
  .offset10-nest {
    margin-left: 0 !important; }
  .col11,
  .col11-nest {
    float: none !important;
    width: 100% !important; }
  .offset11,
  .offset11-nest {
    margin-left: 0 !important; } }

.bottommargin10,
.bottommargin20,
.bottommargin40,
.topmargin10,
.topmargin20,
.topmargin40 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.bottommargin10 {
  margin-bottom: 10px !important;
  margin-bottom: 1rem !important; }
  @media screen and (max-width: 20em) {
    .bottommargin10 {
      margin-bottom: .5rem !important; } }

.bottommargin20 {
  margin-bottom: 20px !important;
  margin-bottom: 2rem !important; }
  @media screen and (max-width: 20em) {
    .bottommargin20 {
      margin-bottom: 1rem !important; } }

.bottommargin40 {
  margin-bottom: 40px !important;
  margin-bottom: 4rem !important; }
  @media screen and (max-width: 20em) {
    .bottommargin40 {
      margin-bottom: 2rem !important; } }

.topmargin10 {
  margin-top: 10px !important;
  margin-top: 1rem !important; }
  @media screen and (max-width: 20em) {
    .topmargin10 {
      margin-top: .5rem !important; } }

.topmargin20 {
  margin-top: 20px !important;
  margin-top: 2rem !important; }
  @media screen and (max-width: 20em) {
    .topmargin20 {
      margin-top: 1rem !important; } }

.topmargin40 {
  margin-top: 40px !important;
  margin-top: 4rem !important; }
  @media screen and (max-width: 20em) {
    .topmargin40 {
      margin-top: 2rem !important; } }

.sticky-element-fixed-top {
  position: fixed !important;
  bottom: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important; }

.sticky-element-fixed-bot {
  position: fixed !important;
  top: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important; }

.sticky-element-fixed-footer {
  position: absolute !important;
  top: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.sticky-element-fixed-static {
  position: absolute !important;
  bottom: auto !important;
  margin-bottom: 0 !important; }

/* ------------------------------------------------------------------------ */
/* Banners                                                                  */
/* ------------------------------------------------------------------------ */
.outside120SkyAd {
  display: none; }
  @media all and (min-width: 1275px) and (max-width: 1354px) {
    .outside120SkyAd {
      display: block; } }

.outsideSkyscraperBanner,
.outside160SkyAd {
  display: none; }
  @media all and (min-width: 1355px) {
    .outsideSkyscraperBanner,
    .outside160SkyAd {
      display: block; } }

.bannerBorder {
  border: 2px solid #e9eef2;
  background: white !important;
  /* to override tile background */
  text-align: center;
  margin-bottom: 20px; }

.tabletBanner,
.mobileBanner,
.mobileAd {
  display: none;
  text-align: center; }

#mobileBannerFlag {
  display: none;
  position: absolute; }

/* STICKY AD */
.stickySky,
.stickySkyRight {
  position: absolute;
  width: 160px;
  top: 0; }
  .forumWrapper .stickySky, .forumWrapper
  .stickySkyRight {
    top: auto; }

.stickySky {
  right: 100%;
  margin-right: 5px;
  text-align: right; }

.stickySkyRight {
  left: 100%;
  margin-left: 5px;
  text-align: left; }

.skyLeft,
.skyRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  width: 300px; }
  .forumWrapper .skyLeft, .forumWrapper
  .skyRight {
    top: auto; }

.skyLeft {
  right: 100%;
  margin-right: 5px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.skyRight {
  left: 100%;
  margin-left: 5px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.bottom-sticky-ad {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6800;
  padding: 1px 0;
  background-color: #e9eef2; }
  .bottom-sticky-ad[data-google-query-id] ~ .container > .footerMain {
    margin-bottom: 50px; }
  .bottom-sticky-ad[data-google-query-id] ~ .notificationBar {
    bottom: 0; }
  .bottom-sticky-ad[data-google-query-id] ~ .notificationBar .notificationBarMessage {
    min-height: 50px; }
  .bottom-sticky-ad[data-google-query-id] ~ .testerOverlay,
  .bottom-sticky-ad[data-google-query-id] ~ #openTesterOverlay {
    bottom: 55px; }

.enableFocusStyles *:focus {
  outline-offset: 3px;
  outline: #8aa913 dashed 2px; }

.commentsBubble, .commentsUnreadBubble, .commentsReadBubble {
  display: inline-block;
  min-width: 35px;
  padding: 1px 4px 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #1770aa;
  position: relative;
  border-radius: 2px;
  text-align: center;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem; }
  @media all and (max-width: 34.3em) {
    .commentsBubble, .commentsUnreadBubble, .commentsReadBubble {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

.commentsBubble:before, .commentsUnreadBubble:before, .commentsReadBubble:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid #1770aa;
  border-right: 8px solid transparent;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -3px; }

.commentsReadBubble {
  background: #666; }

.commentsReadBubble:before {
  border-top-color: #666; }

.unreadCountBubble {
  display: inline-block;
  position: absolute;
  right: -6px;
  top: -32px;
  padding: 0px 4px 0px;
  min-width: 1em;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: white;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem;
  background: #e20018;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e20018), to(#bd0102));
  background-image: linear-gradient(#e20018, #bd0102);
  border-radius: 4px;
  background-clip: padding-box;
  border: 2px solid white;
  text-align: center; }
  @media all and (max-width: 34.3em) {
    .unreadCountBubble {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    .unreadCountBubble {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

.commentsWithUnreadContainer {
  position: relative;
  font-size: 0; }

.notificationBar {
  position: fixed;
  display: block;
  bottom: 1em;
  width: 100%;
  z-index: 50000; }

.notificationBarMessage {
  position: relative;
  background-color: #e9eef2;
  width: 90%;
  max-width: 40em;
  margin: 0 auto;
  padding: 0.5em 3em 0.5em 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666;
  border: 1px solid #949697;
  -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2); }
  .notificationBarMessage > p {
    margin: 0; }

.notificationBarError > .notificationBarMessage {
  background-color: #CF2347;
  border: 1px solid #eeb2bf; }
  .notificationBarError > .notificationBarMessage p {
    color: white; }
  .notificationBarError > .notificationBarMessage a {
    color: white;
    text-decoration: underline; }

.notificationBarSuccess > .notificationBarMessage {
  background-color: #769c11;
  border: 1px solid #cfdcac; }
  .notificationBarSuccess > .notificationBarMessage p {
    color: white; }
  .notificationBarSuccess > .notificationBarMessage a {
    color: white;
    text-decoration: underline; }

.notificationBarClose {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5em;
  text-align: center;
  height: 2.5em;
  border-bottom: 0;
  background-image: none; }
  .notificationBarClose:hover {
    background-color: transparent; }

.notificationBarCloseIcon {
  display: inline-block;
  position: relative;
  top: 0.6em;
  color: #666; }

.notificationBarError .notificationBarCloseIcon,
.notificationBarSuccess .notificationBarCloseIcon {
  color: white; }

/*
 *
 * Copyright (C) 2016 Fonpit AG
 * 
 */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

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

.left {
  float: left !important; }

.right {
  float: right !important; }

.clear {
  clear: both;
  height: 0;
  line-height: 0; }

body {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #272526;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 33px;
  line-height: 3.3rem;
  background-color: #FFF; }
  @media all and (max-width: 34.3em) {
    body {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    body {
      font-size: 1.6rem;
      line-height: 2.2rem; } }

center, isindex, menu, dir, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline; }

/* Override webkit defaults */
figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline; }

/* Remember to define focus styles! */
:focus {
  outline: 0; }

ul, ol, dl {
  position: relative; }

ul, ol {
  list-style-type: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal; }

button, input, textarea, select {
  font-family: inherit;
  font-size: inherit; }

address {
  font-style: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after {
  content: none; }

blockquote {
  quotes: none; }

/* better readability */
a:visited {
  text-decoration: none; }

/* font for jQuery dialogs */
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400; }
  @media all and (max-width: 34.3em) {
    .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
      font-weight: 400; } }

/* ------------------------------------------------------------------------ */
/* General definitions                                                      */
/* ------------------------------------------------------------------------ */
html {
  font-size: 62.5%; }

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden; }

.containerContent,
#containerContent {
  padding: 30px 0 50px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.containerBigContent,
#containerBigContent {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #272526;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 33px;
  line-height: 3.3rem;
  background: #f8f8f8; }
  @media all and (max-width: 34.3em) {
    .containerBigContent,
    #containerBigContent {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    .containerBigContent,
    #containerBigContent {
      font-size: 1.6rem;
      line-height: 2.2rem; } }
  .containerBigContent button:active,
  .containerBigContent a:active,
  .containerBigContent input[type=submit]:active,
  #containerBigContent button:active,
  #containerBigContent a:active,
  #containerBigContent input[type=submit]:active {
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }

.containerBigContent-noborder {
  background: transparent; }

html.no-flexbox .containerContent,
html.no-flexbox #containerContent {
  min-height: 700px;
  min-height: 70vh; }

#containerContent:before,
#containerContent:after {
  content: "";
  display: table; }

#containerContent:after {
  clear: both; }

#containerContent {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

html.iefix-stickyfooter {
  min-height: 700px;
  min-height: 70vh; }
  html.iefix-stickyfooter .containerContent,
  html.iefix-stickyfooter #containerContent {
    min-height: 700px;
    min-height: 70vh; }

.containerContent img {
  border: none; }

.wrapper {
  position: relative;
  width: 998px;
  margin: 0 auto;
  padding: 0 10px;
  padding: 0 1rem;
  overflow: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.wrapperWide {
  position: relative;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 10px;
  padding: 0 1rem;
  overflow: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.containerContent .wrapper {
  z-index: 100; }

a {
  color: #272526;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(90%, rgba(23, 112, 170, 0)), color-stop(90%, #1770aa), color-stop(100%, #1770aa), to(rgba(23, 112, 170, 0)));
  background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 90%, #1770aa 90%, #1770aa 100%, rgba(23, 112, 170, 0) 100%);
  text-decoration: none; }
  a:hover {
    text-decoration: none;
    border-color: transparent;
    background-color: #1770aa;
    color: white;
    -webkit-transition: background 0.15s, color 0.15s, border 0.15s;
    transition: background 0.15s, color 0.15s, border 0.15s; }

h1 {
  margin: 0 0 33px;
  margin: 0 0 3.3rem;
  font-family: Hind, Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #272526;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 48px;
  line-height: 4.8rem; }
  @media all and (max-width: 34.3em) {
    h1 {
      font-weight: 700; } }
  @media all and (max-width: 34.3em) {
    h1 {
      font-size: 3.2rem;
      line-height: 3.8rem; } }
  h1 a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(72%, rgba(23, 112, 170, 0)), color-stop(72%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
    background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 72%, #1770aa 72%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
    h1 a:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9.2%, rgba(23, 112, 170, 0)), color-stop(9.2%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 9.2%, #1770aa 9.2%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
    h1 a:hover {
      background-color: transparent; }
  @media all and (max-width: 34.3em) {
    h1 {
      margin: 0 0 1.4rem 0; } }

h2 {
  margin: 66px 0 0;
  margin: 6.6rem 0 0;
  font-family: Hind, Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #272526;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 42px;
  line-height: 4.2rem; }
  @media all and (max-width: 34.3em) {
    h2 {
      font-weight: 600; } }
  @media all and (max-width: 34.3em) {
    h2 {
      font-size: 2.6rem;
      line-height: 3.2rem; } }
  h2 a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(72%, rgba(23, 112, 170, 0)), color-stop(72%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
    background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 72%, #1770aa 72%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
    h2 a:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9.2%, rgba(23, 112, 170, 0)), color-stop(9.2%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 9.2%, #1770aa 9.2%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
    h2 a:hover {
      background-color: transparent; }
  @media all and (max-width: 34.3em) {
    h2 {
      margin: 2.8rem 0 1.4rem 0; } }

h3 {
  margin: 33px 0 0;
  margin: 3.3rem 0 0;
  font-family: Hind, Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #272526;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 34px;
  line-height: 3.4rem; }
  @media all and (max-width: 34.3em) {
    h3 {
      font-weight: 600; } }
  @media all and (max-width: 34.3em) {
    h3 {
      font-size: 2.2rem;
      line-height: 2.8rem; } }
  h3 a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(76%, rgba(23, 112, 170, 0)), color-stop(76%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
    background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 76%, #1770aa 76%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    h3 a:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(7.2%, rgba(23, 112, 170, 0)), color-stop(7.2%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 7.2%, #1770aa 7.2%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    h3 a:hover {
      background-color: transparent; }
  @media all and (max-width: 34.3em) {
    h3 {
      margin: 2.8rem 0 1.4rem 0; } }

h4 {
  margin: 33px 0 0;
  margin: 3.3rem 0 0;
  font-family: Hind, Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #272526;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem; }
  @media all and (max-width: 34.3em) {
    h4 {
      font-weight: 500; } }
  @media all and (max-width: 34.3em) {
    h4 {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  h4 a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(76%, rgba(23, 112, 170, 0)), color-stop(76%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
    background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 76%, #1770aa 76%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    h4 a:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(7.2%, rgba(23, 112, 170, 0)), color-stop(7.2%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 7.2%, #1770aa 7.2%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    h4 a:hover {
      background-color: transparent; }

p {
  margin: 33px 0 33px;
  margin: 3.3rem 0 3.3rem;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #272526;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 33px;
  line-height: 3.3rem; }
  @media all and (max-width: 34.3em) {
    p {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    p {
      font-size: 1.6rem;
      line-height: 2.2rem; } }
  @media all and (max-width: 34.3em) {
    p {
      margin: 3.3rem 0 3.3rem 0; } }

p + ul,
p + ol {
  margin-top: -16.5px;
  margin-top: -1.65rem; }

h1 + *,
h2 + *,
h3 + *,
h4 + * {
  margin-top: 0; }

small {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem; }
  @media all and (max-width: 34.3em) {
    small {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    small {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

/* When resource keys are highlighted... */
sup.resourceKey {
  vertical-align: super;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #525774;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem;
  text-transform: none; }
  @media all and (max-width: 34.3em) {
    sup.resourceKey {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    sup.resourceKey {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

/* ------------------------------------------------------------------------ */
/* Hint bar - used in header.ftl                                            */
/* ------------------------------------------------------------------------ */
.hintBar {
  position: relative;
  z-index: 1000;
  overflow: visible;
  padding: 12px 0;
  border-bottom: 1px solid #ffe100;
  background: #fff8bf;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #272526;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem; }
  @media all and (max-width: 34.3em) {
    .hintBar {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    .hintBar {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

.hintBar .wrapper {
  position: relative;
  z-index: 1000;
  text-align: center;
  line-height: 1.0; }

.hintBar .wrapper > table {
  margin: 0 auto;
  padding: 0 10px 0 20px;
  /* It's 10px less at the right, as the "close" button at the right side has a 10px padding */
  display: inline-block;
  text-align: left; }

.hintBar .wrapper > table td {
  vertical-align: top; }

.hintBar p {
  margin: 0;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #272526;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem; }
  @media all and (max-width: 34.3em) {
    .hintBar p {
      font-weight: 400; } }
  @media all and (max-width: 34.3em) {
    .hintBar p {
      font-size: 1.2rem;
      line-height: 1.8rem; } }

.hintBar p:first-child {
  margin-top: 5px;
  font-weight: 600; }

.hintBar p.margin {
  margin-top: 5px; }

.hintBar a.closeBtn {
  display: inline-block;
  width: 7px;
  height: 7px;
  padding: 8px 10px;
  margin: 0 0 0 20px;
  text-indent: -99999px;
  background: url("/styles/img/icoCloseHint.png") no-repeat 10px 8px; }

/* ------------------------------------------------------------------------ */
/* General errors                                                           */
/* ------------------------------------------------------------------------ */
p.error, span.error {
  color: #CF2347; }

fieldset.errors {
  margin: 0 0 10px 0 !important;
  padding: 5px 0 !important;
  background: #CF2347 !important; }

fieldset.errors p {
  margin: 0 !important;
  padding: 0 10px !important;
  color: #FFF !important; }

fieldset.error input[type="text"],
fieldset.error input[type="email"],
fieldset.error input[type="password"],
fieldset.error select,
fieldset.error textarea {
  border: 1px solid #CF2347 !important; }

.gamification-modal {
  max-width: 280px; }
  .gamification-modal .btn-primary.fancybox-ap-btn-close.icon-cancel {
    display: none; }
  .gamification-modal-header {
    height: 140px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/styles/img/user/modal_background.jpg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
  .gamification-modal-body {
    margin-top: 140px; }
  .gamification-modal_level {
    width: 25%; }
    .no-flexbox .gamification-modal_level {
      margin-top: 10%; }
  .gamification-modal .user-level-wrapper {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    top: 50%;
    margin-top: -30px; }
  .gamification-modal .user-level {
    background-color: #aaa; }
    .gamification-modal .user-level:after {
      background-color: #fff; }
  .gamification-modal .svg-user-level .svg-user-level-text {
    fill: #1770aa; }
  .gamification-modal p {
    color: #666; }
  .gamification-modal .earnedPoints {
    display: table;
    width: 80px;
    height: 80px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -40px;
    color: #1770aa;
    text-align: center; }
    .gamification-modal .earnedPoints > span {
      display: table-cell;
      vertical-align: middle;
      line-height: 1 !important; }
      .gamification-modal .earnedPoints > span > span {
        font-family: Hind, Helvetica, Arial, sans-serif;
        font-weight: 600;
        color: #1770aa;
        font-size: 36px;
        font-size: 3.6rem;
        line-height: 42px;
        line-height: 4.2rem;
        line-height: 1 !important; }
        @media all and (max-width: 34.3em) {
          .gamification-modal .earnedPoints > span > span {
            font-weight: 600; } }
        @media all and (max-width: 34.3em) {
          .gamification-modal .earnedPoints > span > span {
            font-size: 2.6rem;
            line-height: 3.2rem; } }
        .gamification-modal .earnedPoints > span > span a {
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(72%, rgba(23, 112, 170, 0)), color-stop(72%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
          background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 72%, #1770aa 72%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
          .gamification-modal .earnedPoints > span > span a:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9.2%, rgba(23, 112, 170, 0)), color-stop(9.2%, #1770aa), color-stop(77%, #1770aa), color-stop(77%, rgba(23, 112, 170, 0)));
            background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 9.2%, #1770aa 9.2%, #1770aa 77%, rgba(23, 112, 170, 0) 77%); }
          .gamification-modal .earnedPoints > span > span a:hover {
            background-color: transparent; }

.authPage label {
  padding-left: 5px;
  width: 90%; }

.authPage h1 {
  text-align: center;
  margin-top: 30px;
  margin-top: 30px;
  margin-top: 3rem; }

.authPage .or {
  text-align: center; }

.authPage input[type=checkbox] {
  margin-top: 5px;
  vertical-align: top; }

.fancybox-ap-body .authPage h2 {
  text-align: center; }

.fancybox-ap-body .authPage.withCaptcha {
  min-height: 360px; }

.fancybox-ap-body .authPage input[type='text'],
.fancybox-ap-body .authPage input[type='password'],
.fancybox-ap-body .authPage input[type='email'] {
  width: 100%; }

.fancybox-ap-body .authPage span.subLabel {
  padding-left: 20px;
  padding-left: 20px;
  padding-left: 2rem;
  display: inline-block;
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 18px;
  line-height: 1.8rem; }

/* Nag screen */
#nagScreenForm {
  width: 600px; }

#nagScreenCheckboxes {
  float: left;
  width: 310px;
  margin: 0 20px 0 0; }

#nagScreenCheckboxes input[type='checkbox'] {
  float: left; }

#nagScreenCheckboxes label {
  float: none;
  display: block;
  margin: 0 10px 20px 25px; }

#nagScreenCheckboxes label:last-child {
  margin-bottom: 0; }

#nagScreenCheckboxes h3 {
  margin: 0 0 5px 0; }

#nagScreenSocial {
  float: left;
  width: 270px; }

#nagScreenSocial > p {
  margin: 0 0 10px 0; }

#nagScreenForm .fb_iframe_widget iframe {
  position: fixed; }

/* ------------------------------------------------------------------------ */
/* HTTP Error Pages & Empty Footer styles                                   */
/* ------------------------------------------------------------------------ */
.httpErrorContainerContent {
  padding-bottom: 80px; }

.errorPageHeader,
.errorPageFooter {
  background: #1756AB;
  background-image: -webkit-gradient(linear, left top, right top, from(#1756ab), to(#1770aa));
  background-image: linear-gradient(to right, #1756ab 0%, #1770aa 100%); }

.errorPageHeader a {
  margin-top: 12px;
  margin-top: 1.2rem;
  margin-bottom: 10px;
  margin-bottom: 1rem; }

.errorPageFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px; }

/* responsive on smaller screens */
@media screen and (max-width: 998px) {
  .httpErrorContainerContent > .wrapper,
  .errorPageHeader > .wrapper {
    width: 100%; } }

@media screen and (max-width: 700px) {
  .httpErrorRight {
    margin-left: 130px; }
  .httpErrorFooter {
    padding-top: 10px; } }

@media screen and (max-width: 500px) {
  .httpErrorLeft {
    margin-left: -30px;
    padding-top: 0; }
  .httpErrorRight {
    margin-left: 80px;
    padding-top: 0; } }

@media screen and (max-width: 760px) {
  .errorPageHeader .navTopLogo {
    width: 182px;
    height: 32px;
    padding-top: 0;
    padding-bottom: 0;
    background-size: 243px;
    background-position: 0 0;
    width: 126px;
    background-position: -56px 0; } }

/* ********************************************************
 * 
 * Functional/General Purpose Classes
 * 
 * ********************************************************
 */
.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/* NO WRAP:
 * 
 * Keeps text to one line and adds an ellipsis (...) if text is too long.
 
 * Especially useful for buttons with potentially long translations.
 * 
 * I recommend adding the button text in the 'title' attribute as well
 * so users can see the full text on hover.
 * 
 * (Note: I believe the parent width must be set for it to be effective)  
 */
/* Inline: Use for elements with property (or default) of display: inline */
.nowrapInline {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

.text-align-right {
  text-align: right; }

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

/*
 * User image with level
 */
.user-avatar {
  position: relative;
  font-family: Hind, Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #272526;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem; }
  @media all and (max-width: 34.3em) {
    .user-avatar {
      font-weight: 500; } }
  @media all and (max-width: 34.3em) {
    .user-avatar {
      font-size: 1.8rem;
      line-height: 2.4rem; } }
  .user-avatar a {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(76%, rgba(23, 112, 170, 0)), color-stop(76%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
    background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 76%, #1770aa 76%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .user-avatar a:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(7.2%, rgba(23, 112, 170, 0)), color-stop(7.2%, #1770aa), color-stop(82%, #1770aa), color-stop(82%, rgba(23, 112, 170, 0)));
      background-image: linear-gradient(to bottom, rgba(23, 112, 170, 0) 7.2%, #1770aa 7.2%, #1770aa 82%, rgba(23, 112, 170, 0) 82%); }
    .user-avatar a:hover {
      background-color: transparent; }
  .user-avatar a {
    display: block;
    text-decoration: none;
    /* Microsoft Edge fix */
    border-bottom: 0;
    background-image: none; }
    .user-avatar a:hover {
      background-color: transparent; }

.user-level {
  position: absolute;
  background-color: #d9eef8;
  width: 1.2em;
  height: 1.2em;
  text-align: center; }
  .user-level.level-bottom {
    margin-top: -.6em;
    margin-left: -.6em;
    position: absolute;
    left: 50%; }
  .user-level.level-right {
    right: -.6em;
    margin-top: -.6em;
    top: 50%; }
    .threadPostHeaderWithBadge .user-level.level-right {
      right: -0.8em; }
  .user-level.level-middle {
    width: 100%;
    height: 100%; }
  .user-level:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #1770aa;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0; }
  .user-level span {
    font-size: 100%;
    color: #ffffff;
    position: relative;
    z-index: 10; }

.svg-user-level {
  position: absolute;
  z-index: 10;
  left: 0;
  width: 100%; }
  .svg-user-level .svg-user-level-text {
    fill: #fff;
    font-size: 800px; }
    html.no-svg .svg-user-level .svg-user-level-text {
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 400;
      color: white; }

/* ------------------------------------------------------------------------ */
/* SEO box (public name is "Page info Box")                                 */
/* ------------------------------------------------------------------------ */
.pageInfoBox {
  margin-top: 28px;
  margin-top: 28px;
  margin-top: 2.8rem;
  background: #e9eef2;
  padding: 12px;
  color: #666; }
  .pageInfoBox > h3 {
    margin-top: 0; }

.onepSeoBox {
  background-color: transparent;
  padding: 0; }

.pageInfoBox h1:first-child,
.pageInfoBox h2:first-child,
.pageInfoBox h3:first-child,
.pageInfoBox p:first-child {
  margin-top: 0; }

.pageInfoBox h1:last-child,
.pageInfoBox h2:last-child,
.pageInfoBox h3:last-child,
.pageInfoBox p:last-child {
  margin-bottom: 0; }

#seoBoxEditLink {
  margin-top: 15px; }

#seoBoxEditLink > a {
  color: #666;
  font-weight: 600;
  border-bottom: 0;
  background-image: none; }
  #seoBoxEditLink > a:hover {
    background-color: transparent; }

#seoBoxEditor {
  background: #e9eef2;
  color: #666; }

#seoBoxEditor label {
  color: #272526; }

#seoBoxEditor span.error {
  color: #CF2347; }

#cke_seoBoxContent {
  width: 98% !important; }

/* ------------------------------------------------------------------------ */
/* Used to "encrypt" e-mail addresses, e.g. in aboutSite.ftl */
.wonderful1 {
  unicode-bidi: bidi-override;
  direction: rtl; }

.wonderful2 {
  display: none; }

@media screen and (max-width: 1018px) and (min-width: 800px) {
  /* ------------------------------------------------------------------------ */
  /* Container + Wrapper                                                      */
  /* ------------------------------------------------------------------------ */
  .wrapper {
    width: 100%;
    max-width: 998px; } }

@media screen and (max-width: 50em) and (min-width: 34.3em) {
  /* ------------------------------------------------------------------------ */
  /* Hint bar                                                                 */
  /* ------------------------------------------------------------------------ */
  .hintBar {
    padding: 10px 0; }
  /* ------------------------------------------------------------------------ */
  /* Container + Wrapper                                                      */
  /* ------------------------------------------------------------------------ */
  /* 17px is also the minimum size at which the browser doesn't zoom in on clicking on an edit field */
  .containerContent {
    padding-top: 20px; }
  .wrapper {
    width: 100%;
    max-width: 998px; }
  /* ------------------------------------------------------------------------ */
  /* Banners                                                                  */
  /* ------------------------------------------------------------------------ */
  .outsideSkyscraperBanner,
  .desktopBanner,
  .mobileBanner,
  .mobileAd,
  #mobileBannerFlag {
    display: none; }
  ins.desktopBanner,
  ins.mobileBanner,
  ins.mobileAd {
    display: none !important; }
  .tabletBanner {
    display: block; }
  /* ------------------------------------------------------------------------ */
  /* fancyBox general                                                         */
  /* ------------------------------------------------------------------------ */
  /* The Nexus 7 requires 17px in input fields in order not to zoom in on focus. */
  .fancybox-ap-body input[type='text'],
  .fancybox-ap-body input[type='email'],
  .fancybox-ap-body input[type='password'],
  .fancybox-ap-body textarea {
    font-size: 17px;
    font-size: 1.7rem; }
  /* ------------------------------------------------------------------------ */
  /* Nag screen                                                               */
  /* ------------------------------------------------------------------------ */
  #nagScreenForm {
    width: 100%;
    max-width: 460px; }
  #nagScreenCheckboxes {
    float: none;
    width: 100%;
    margin: 0 20px 0 0; }
  #nagScreenCheckboxes label:last-child {
    margin-bottom: 20px; }
  #nagScreenSocial {
    float: none;
    width: 100%;
    border-top: 1px solid #aaa;
    padding-top: 20px; }
  #nagScreenSocial > .fb-line {
    margin-bottom: 0px; }
  /* ------------------------------------------------------------------------ */
  /* SEO box (public name is "Page info Box")                                 */
  /* ------------------------------------------------------------------------ */
  .pageInfoBox {
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px; } }

@media screen and (max-width: 549px) {
  /* ------------------------------------------------------------------------ */
  /* Hint bar                                                                 */
  /* ------------------------------------------------------------------------ */
  .hintBar {
    padding: 8px 0; }
  .hintBar .wrapper > table {
    padding: 0 2px 0 12px;
    /* It's 10px less at the right, as the "close" button at the right side has a 10px padding */ }
  /* ------------------------------------------------------------------------ */
  /* Container + Wrapper                                                      */
  /* ------------------------------------------------------------------------ */
  .containerContent {
    padding-top: 16px; }
  .wrapper {
    width: 100%;
    max-width: 998px; }
  /* ------------------------------------------------------------------------ */
  /* Banners                                                                  */
  /* ------------------------------------------------------------------------ */
  .outsideSkyscraperBanner,
  .desktopBanner,
  .desktopAd,
  .tabletBanner {
    display: none; }
  ins.desktopBanner,
  ins.desktopAd,
  ins.tabletBanner {
    display: none !important; }
  .mobileBanner,
  .mobileAd,
  #mobileBannerFlag {
    display: block; }
  /* ------------------------------------------------------------------------ */
  /* fancyBox general                                                         */
  /* ------------------------------------------------------------------------ */
  .fancybox-ap-body hr {
    margin: 16px 0; }
  /* The Sony LT30p (Xperia T) and Sony C6603 (Xperia Z) require 15px in input fields in order not to zoom in on focus. */
  .fancybox-ap-body input[type='text'],
  .fancybox-ap-body input[type='email'],
  .fancybox-ap-body input[type='password'],
  .fancybox-ap-body textarea {
    font-size: 15px;
    font-size: 1.5rem; }
  /* ------------------------------------------------------------------------ */
  /* Contact form                                                             */
  /* ------------------------------------------------------------------------ */
  #contactForm label {
    display: block;
    text-align: left;
    width: auto; }
  #contactForm select {
    width: auto; }
  /* ------------------------------------------------------------------------ */
  /* Nag screen                                                               */
  /* ------------------------------------------------------------------------ */
  #nagScreenForm {
    width: 100%;
    max-width: 460px; }
  #nagScreenCheckboxes {
    float: none;
    width: 100%;
    margin: 0 20px 0 0; }
  #nagScreenCheckboxes label {
    margin-bottom: 16px; }
  #nagScreenCheckboxes label:last-child {
    margin-bottom: 16px; }
  #nagScreenSocial {
    float: none;
    width: 100%;
    border-top: 1px solid #aaa;
    padding-top: 16px; }
  #nagScreenSocial > .fb-line {
    margin-bottom: 0px; }
  /* ------------------------------------------------------------------------ */
  /* SEO box (public name is "Page info Box")                                 */
  /* ------------------------------------------------------------------------ */
  .pageInfoBox {
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px; }
  /* ------------------------------------------------------------------------ */
  /* Fancy information, confirmation, prompt boxes                            */
  /* ------------------------------------------------------------------------ */
  .fancyConfirmBox {
    min-width: 256px;
    /* 320 - 2 x (10 + 2 + 20) */ }
  .fancyConfirmButtons {
    text-align: center; } }

@media screen and (max-width: 359px) {
  /* ------------------------------------------------------------------------ */
  /* Hint bar                                                                 */
  /* ------------------------------------------------------------------------ */
  .hintBar {
    padding: 6px 0; }
  /* ------------------------------------------------------------------------ */
  /* Container + Wrapper                                                      */
  /* ------------------------------------------------------------------------ */
  .containerContent {
    padding-top: 12px; }
  /* ------------------------------------------------------------------------ */
  /* fancyBox general                                                         */
  /* ------------------------------------------------------------------------ */
  /* The XPeria U doesn't zoom at 14px, so we don't need to increase the input box text size. */
  .fancybox-ap-body input[type='text'],
  .fancybox-ap-body input[type='email'],
  .fancybox-ap-body input[type='password'],
  .fancybox-ap-body textarea {
    font-size: 14px;
    font-size: 1.4rem; } }