@charset "UTF-8";

/* don't show underline under linked images in news ( case 35899 )  */
.text a.c-image-link:link, .text a.c-image-link:visited {
    background-image:  none; }

.c-font-silver {
  color: #f7f7f7; }

.c-font-lightgrey {
  color: #e6e6e6; }

.c-font-grey {
  color: #cccccc; }

.c-font-darkergrey {
  color: #b2b3b3; }

.c-font-almostblack {
  color: #333; }

.c-font-red {
  color: #de0011; }

.c-font-marine {
  color: #253039; }

.c-font-darkblue {
  color: #4c6473; }

.c-font-green {
  color: #008580; }

.c-font-jade {
  color: #008580; }

.c-text-regular {
  font-family: "univers-regular", sans-serif; }

.c-text-medium {
  font-family: "univers-medium", sans-serif; }

.c-text-bold {
  font-family: "univers-bold", sans-serif; }

.c-text-light {
  font-family: "univers-light", sans-serif; }

.c-text-ultralight {
  font-family: "univers-ultra-light", sans-serif; }

.c-text-weight-normal {
  font-weight: normal; }

.c-text-weight-bold {
  font-weight: bold; }

.rte-text {
  overflow-y: auto;
  margin: 1em 0em; }

.rte-img-left {
  margin: 0 1em 1em 0; }

.c-checkbox {
  position: relative;
  line-height: 20px;
  white-space: nowrap;
  padding-left: 25px;
  margin-bottom: 7px;
  margin-top: 7px;
  font-family: "univers-regular", sans-serif;
  font-size: 1em; }
  .c-checkbox:before {
    color: #1a1a1a;
    font-weight: 400;
    border-radius: 0;
    border: 1px solid #e6e6e6;
    border-top-color: #e6e6e6;
    border-bottom-color: #e6e6e6;
    background-color: white;
    background-image: -webkit-linear-gradient(top, white 0%, white 100%);
    background-image: linear-gradient(to bottom, white 0%, white 100%);
    -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 white, 0 2px 3px transparent;
    box-shadow: inset 0 1px 0 white, inset 0 -1px 0 white, 0 2px 3px transparent;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
    padding: 0;
    height: 25px;
    content: "";
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25px;
    position: absolute;
    left: 0;
    font-size: 13px;
    text-align: center; }
  .c-checkbox .v-readonly > label {
    cursor: default; }
    .c-checkbox .v-readonly > label > .v-icon {
      cursor: default; }
  .c-checkbox .v-readonly > .v-icon {
    cursor: default; }
  .c-checkbox .v-readonly > input ~ label:after {
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .c-checkbox .v-readonly > input:active ~ label:after {
    background: transparent; }
  .c-checkbox .v-disabled > label, .c-checkbox .v-disabled > .v-icon {
    cursor: default;
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .c-checkbox .v-disabled > input:active ~ label:after {
    background: transparent; }
  .c-checkbox .label {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    cursor: pointer;
    display: inline-block; }
  .c-checkbox .v-has-width label {
    white-space: normal; }
  .c-checkbox > label {
    display: inline-block; }
    .c-checkbox > label .v-icon {
      margin: 0 6px 0 3px;
      min-width: 1em;
      cursor: pointer; }
    .c-checkbox > label > .v-icon {
      cursor: default; }
  .c-checkbox > input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    left: 0.2em;
    /*top: 0.2em;*/
    z-index: 0;
    margin: 0;
    outline: none; }
    .c-checkbox > input ~ label {
      margin-left: 10px;
      display: inline-block;
      word-wrap: normal;
      white-space: normal; }
      .c-checkbox > input ~ label:before {
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 25px;
        height: 25px;
        position: absolute;
        line-height: 1.5;
        left: 1px;
        border-radius: 0;
        font-size: 16px;
        text-align: center;
        content: "\f00c";
        font-family: FontAwesome;
        color: transparent;
        -webkit-transition: color 100ms;
        -moz-transition: color 100ms;
        transition: color 100ms; }
    .c-checkbox > input:checked ~ label:before {
      color: #008580; }
    .c-checkbox > input:focus:before {
      border-color: #e6e6e6;
      -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 white, 0 2px 3px transparent;
      box-shadow: inset 0 1px 0 white, inset 0 -1px 0 white, 0 2px 3px transparent; }
    .c-checkbox > input:active {
      background-color: rgba(128, 128, 128, 0.2); }
  .c-checkbox > .v-icon {
    margin: 0 6px 0 3px;
    min-width: 1em;
    cursor: pointer; }

.c-button-margin-right {
  margin-right: 15px !important; }

.c-button {
  display: inline-block;
  vertical-align: middle !important;
  zoom: 1 !important;
  font-size: 18px !important;
  font-size: 1.8rem !important;
  font-family: "univers-regular", sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin: 0;
  padding: 12px 20px 10px 20px !important;
  text-align: center !important;
  outline: none !important;
  color: #fff !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
  cursor: pointer !important;
  text-decoration: none !important; }
  .c-button:hover span {
    text-decoration: none !important; }
  .c-button.c-primary {
    border: 1px solid #de0011;
    background-color: #de0011; }
    .c-button.c-primary:hover {
      border: 1px solid #af000d;
      background-color: #af000d;
      color: #fff; }
    .c-button.c-primary:disabled, .c-button.c-primary.disabled {
      border: 1px solid #ed7f88;
      background-color: #ed7f88;
      cursor: auto; }
  .c-button.c-secondary {
    border: 1px solid #4c6473;
    background-color: #4c6473; }
    .c-button.c-secondary:hover {
      border: 1px solid #3e505d;
      background-color: #3e505d;
      color: #fff; }
    .c-button.c-secondary:disabled, .c-button.c-secondary.disabled {
      border: 1px solid #a6b1b9;
      background-color: #a6b1b9;
      cursor: auto; }
  .c-button.c-tertiary {
    border: 1px solid #008580;
    background-color: #008580; }
    .c-button.c-tertiary:hover {
      border: 1px solid #00716c;
      background-color: #00716c;
      color: #fff; }
    .c-button.c-tertiary:disabled, .c-button.c-tertiary.disabled {
      border: 1px solid #7fc2bf;
      background-color: #7fc2bf;
      cursor: auto; }

.c-close-button:after {
  background: url("img/delete.svg");
  position: absolute;
  top: 5px;
  right: 5px;
  outline: none;
  background-size: 10px;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: inline-block;
  content: ""; }

.c-button-width-full {
  width: 100%; }

.c-info-question-cell {
  width: 98%; }

.c-info-question-icon {
  display: inline-block; }
  .c-info-question-icon.c-tooltip {
    border-bottom: none !important;
    cursor: pointer; }
  .c-info-question-icon:after {
    font-size: 1.8rem;
    padding: 10px;
    line-height: 2;
    color: #929292;
    font-family: FontAwesome;
    content: '\f059'; }

.c-pib-button {
  margin: 20px 0 !important; }

@media (max-width: 1024px) {
  .c-close-button:after {
    width: 44px;
    height: 44px; } }
@media (max-width: 550px) {
  .c-button-margin-right {
    margin-right: 0 !important; } }
@media (max-width: 1024px) {
  .c-checkbox > input ~ label:after {
    top: 3px; } }
@media (max-width: 640px) {
  .rte-text table {
    font-size: 1.3rem; } }
.actions {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0;
  background-color: #fff; }

.nav-tray__toggle {
  padding-right: 20px; }
  .nav-tray__toggle:after {
    content: "\feff\29bf";
    font-family: pwsicons, Arial;
    border-right: 0;
    border-left: 1px solid #d9d9d9;
    padding-left: 5px;
    line-height: 35px; }

.nav-tray--open .nav-tray__toggle .icon:after {
  content: "\feff\29bb";
  line-height: 0; }
.nav-tray--open .nav-tray__toggle:after {
  content: "";
  border-left: 0; }

.market-analysis-cta__body-text {
  padding-top: 30px; }

fa:before {
  color: #de0011;
  position: relative;
  top: 2px; }

@media (max-width: 959px) {
  .actions {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 20px; }

  .header--shrunk .header__primary {
    min-height: 0; } }
@media (max-width: 640px) {
  .actions {
    padding: 20px 13px; } }
@media (max-width: 1120px) {
  .page {
    padding-top: 25px; } }
.c-layout-item {
  margin-bottom: 30px; }

.faq .nav_tab_navigation, .home .nav_tab_navigation, .video .nav_tab_navigation {
  padding: 10px 0;
  border-bottom: 1px solid #cccccc; }
  .faq .nav_tab_navigation li, .home .nav_tab_navigation li, .video .nav_tab_navigation li {
    font-size: 0.9em;
    display: inline-block;
    padding: 12px 0;
    margin: -12px -6px; }
    .faq .nav_tab_navigation li span, .home .nav_tab_navigation li span, .video .nav_tab_navigation li span {
      border-right: 1px solid #cccccc;
      padding: 0 30px; }
  .faq .nav_tab_navigation .selected, .home .nav_tab_navigation .selected, .video .nav_tab_navigation .selected {
    background-color: #FFF;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-top: 5px solid #de0011;
    padding: 12px 0;
    margin: -12px -6px; }
    .faq .nav_tab_navigation .selected span, .home .nav_tab_navigation .selected span, .video .nav_tab_navigation .selected span {
      border: none; }

.clear:after {
  content: "";
  display: table;
  clear: both; }

.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.c-collapsable-text {
  position: relative;
  max-height: 120px;
  overflow: hidden; }
  .c-collapsable-text:after {
    content: '';
    width: 100%;
    height: 80px;
    left: 0;
    bottom: 0;
    position: absolute;
    background: linear-gradient(180deg, transparent, white 40px);
    z-index: 1; }
  .c-collapsable-text:before {
    content: '\feff\2304';
    font-family: pwsicons, Arial;
    font-size: 3em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
    color: #de0011; }
  .c-collapsable-text.opened:before {
    content: '\feff\02f0'; }

.bgimg {
  bottom: 0;
  display: block;
  height: auto;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
  background-repeat: no-repeat;
  background-image: url("../assets/PWS171/images/backgrounds/background.jpg"); }

.carousel-wrapper {
  margin-top: 40px;
  margin-bottom: 15px !important; }

.carousel-item {
  background-color: #fff;
  display: inline-block;
  max-width: 32.3%;
  margin: 0 8px 0 8px; }
  .carousel-item:focus {
    outline: none; }
  .carousel-item img {
    width: 100% !important; }
  .carousel-item .double-line-para {
    padding-bottom: 20px;
    display: inline-block;
    font-size: 0.875em;
    margin: 0;
    word-break: normal; }
  .carousel-item .subline {
    display: inline-block;
    font-size: 0.75em;
    padding: 5px 0 20px 20px;
    color: #706f77; }
  .carousel-item .top-content {
    padding: 6px 6px 0 6px;
    /*height: 168px;
    overflow: hidden;*/ }
  .carousel-item .top-content {
    margin-bottom: 17px; }
  .carousel-item .bottom-content {
    padding: 0 18px 0 18px;
    height: 147px; }
  .carousel-item a {
    font-family: "univers-light", sans-serif;
    font-weight: normal;
    font-size: 1.75em;
    /*text-decoration: underline;*/ }
    .carousel-item a i.icon:after {
      color: #de0011; }
  .carousel-item .market-analysis-cta__heading span {
    color: #000;
    text-decoration: none; }

.slick-dots {
  text-align: center;
  padding-top: 7px;
  top: 5px; }
  .slick-dots li {
    display: inline-block;
    background-color: #FFF;
    cursor: pointer;
    height: 4px;
    margin-right: 10px;
    width: 26px; }
    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent; }
  .slick-dots .slick-active {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #DD000C;
    background-image: none;
    background-origin: padding-box;
    background-repeat: repeat;
    background-size: auto auto; }

.carousel-controls button {
  position: absolute;
  width: 50px;
  height: 110px;
  opacity: 1;
  background: none repeat scroll 0 0 rgba(0,0,0,0);
  border: medium none;
  color: #fff;
  font-size: 2.50em !important;
  font-family: pwsicons, Arial !important;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }
  .carousel-controls button:focus {
    outline: none; }
.carousel-container--standard-page .carousel-controls button {
  background: none repeat scroll 0 0 #253038; }

.carousel-container--standard-page {
    background-color: #253038;
	padding: 40px 10px 20px 10px; }

.content-container--full-width {
	background-color: #253038;
	width: 100%; }

.carousel-controls .slick-prev {
  top: 32%;
  left: -50px; }
  .carousel-controls .slick-prev:before {
    content: "\003C";
    display: block;
    margin-top: -7px; }
.carousel-controls .slick-next {
  top: 32%;
  right: -50px; }
  .carousel-controls .slick-next:before {
    content: "\003E";
    display: block;
    margin-top: -7px; }

@media (max-width: 1319px) and (min-width: 320px) {
  .slick-dots {
    position: relative; }

  .carousel {
    margin-bottom: -30px; }

  .contentWrapper {
	margin-top: 60px; }
	
  .carousel-container--standard-page {
	background-color: #253038;
	padding: 40px 25px 45px 25px; }

  .carousel-controls {
    position: relative;
    display: block; }
    .carousel-controls button {
      font-size: 20px !important;
      height: auto;
      width: 50px; }
    .carousel-controls .slick-prev {
      top: 0;
      left: 0;
      margin: 5px 0 0 8px; }
      .carousel-controls .slick-prev:before {
        content: "\003C";
        display: block; }
    .carousel-controls .slick-next {
      top: 0;
      right: 0;
      margin: 5px 8px 0 0;
      float: right; }
      .carousel-controls .slick-next:before {
        content: "\003E";
        display: block; } }
@media (max-width: 1100px) {
  .carousel-item .market-analysis-cta__heading span {
    font-size: 0.8em; } }
@media (max-width: 960px) {
  .bgimg {
    display: none;
    background-image: none;
    display: none; }

  .carousel-wrapper {
    background-color: #253038;
    margin: 10px 17px 0 17px;
	padding: 40px 25px 45px 25px; }
	
	.carousel-controls button {
		background: none repeat scroll 0 0 #253038;
	}

  .carousel-item .market-analysis-cta__heading span {
    font-size: 0.7em; } }
@media (max-width: 520px) {
  .bgimg {
    display: none;
    background-image: none; }

  .slick-dots {
    top: 0;
    margin: 0 30px 0 30px;
    z-index: 2; }

  .carousel-wrapper {
    margin: 0;
    padding: 20px 5px 35px 5px; }

  .carousel-controls {
    position: relative;
    display: block;
    margin: 0 8px 0 8px;
    padding-top: 10px;
    z-index: 1; }
    .carousel-controls button {
      font-size: 25px !important;
      height: auto;
      background: none;
      width: auto; }
    .carousel-controls .slick-prev {
      top: 0;
      left: -7px;
      padding: 0;
      margin: 5px 0 0 0; }
      .carousel-controls .slick-prev:before {
        content: "\003C";
        display: block; }
    .carousel-controls .slick-next {
      top: 0;
      right: -7px;
      padding: 0;
      margin: 5px 0 0 0;
      float: right; }
      .carousel-controls .slick-next:before {
        content: "\003E";
        display: block; }

  .carousel-item .market-analysis-cta__heading span {
    font-size: 0.6em; } }
.news .heading--top {
  color: #333 !important;
  font-size: 1.7em; }
.news .accordion__heading {
  font-size: 1.5em; }

.slider-nav-wrapper {
  background: #e6e6e6;
  padding: 20px 0;
  min-height: 80px;
  position: relative;
  margin-bottom: 50px; }

.slider-nav {
  position: relative;
  max-width: 1180px;
  margin: 0 auto; }

.slider-nav-items {
  width: 80%;
  margin: 0 auto; }
  .slider-nav-items button:after {
    content: "\feff\3c";
    line-height: 0;
    font-size: 6.6em; }

.slider-item {
  width: 32%;
  color: #4c4c4c;
  display: table; }
  .slider-item:focus {
    outline: none;
    cursor: pointer; }
  .slider-item .slider-item-content-left {
    display: table-cell;
    min-width: 150px;
    text-align: center;
    border-right: 1px solid #000;
    padding-right: 3%; }
    .slider-item .slider-item-content-left .slider-date-top {
      font-family: "univers-regular",sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 2rem;
      text-transform: uppercase;
      word-wrap: break-word;
      width: 100%;
      padding-top: 25px; }
    .slider-item .slider-item-content-left .slider-date-bottom {
      position: relative;
      font-family: "univers-thin",sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 78px;
      font-size: 7.8rem;
      letter-spacing: -6px;
      margin-bottom: -30px;
      bottom: 20px; }
  .slider-item .slider-item-content-right {
    display: table-cell;
    vertical-align: top;
    padding: 20px 0 0 15px;
    line-height: 1.15;
    font-family: "univers-medium",sans-serif;
    font-size: 1.8rem; }
    .slider-item .slider-item-content-right .slider-date-head {
      color: #b2b3b3; }
    .slider-item .slider-item-content-right .slider-abstract {
      padding-top: 8px; }

.current {
  color: #000; }

button.slider-nav-button {
  opacity: 1;
  background: transparent;
  border: medium none;
  color: #000;
  font-size: 6.6rem !important;
  font-weight: normal !important;
  font-style: normal !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 10%;
  position: absolute;
  top: 50%;
  line-height: 1;
  margin-top: -50px; }
  button.slider-nav-button:focus {
    outline: none; }
  button.slider-nav-button.slick-prev {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto; }
    button.slider-nav-button.slick-prev .icon:before {
      content: "\003C"; }
  button.slider-nav-button.slick-next {
    right: 0px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }
    button.slider-nav-button.slick-next .label {
	  margin-right: 30px;
      text-align: right; }
    button.slider-nav-button.slick-next .icon:before {
      content: "\003E"; }
  button.slider-nav-button .icon {
    font-family: pwsicons, Arial !important; }
  button.slider-nav-button .label {
    display: none;
    text-transform: uppercase;
    font-size: 1.3rem;
    cursor: pointer;
    color: #333;
    max-width: 100px;
    word-wrap: break-word;
    text-align: left;
    line-height: 15px; }
    button.slider-nav-button .label:hover {
      text-decoration: underline; }

.accordion__heading .c-collapse:after {
  content: "" !important; }
.accordion__heading .c-opened {
  background-color: #000 !important;
  color: #FFF !important;
  transition: background 0.2s ease;
  transition-property: background;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: initial; }
  .accordion__heading .c-opened .icon:after {
	content: "\feff\2f0" !important; }
	
@media (max-width: 1200px) and (min-width: 480px) {
	button.slider-nav-button.slick-prev .label {
		float: right; }
	button.slider-nav-button.slick-next .label {
		float: left; }
      
	button.slider-nav-button .label {
	  display: block;
	  text-transform: uppercase;
	  font-size: 1.3rem;
	  cursor: pointer;
	  color: #333;
	  text-align: left;
	  line-height: 15px;
	  margin-top: 30px; }
	  button.slider-nav-button .label:hover {
		text-decoration: underline; } 
}

@media (max-width: 1200px){
  .slider-nav, .slider-nav-items {
    width: 100%;
    margin: 0;
    max-width: none;
    padding-bottom: 40px; }

  button.slider-nav-button {
    line-height: 1;
    width: auto;
    bottom: 0;
    top: auto; }
    button.slider-nav-button:focus {
      outline: none; }
    
    button.slider-nav-button.slick-next {
      right: 0; }}
.video {
  margin-bottom: 50px; }
  .video .content-header__meta {
    font-family: "univers-regular",sans-serif !important;
    font-weight: normal !important;
    font-style: normal !important;
    margin-top: 25px !important;
    width: 100% !important; }
  .video .slider-nav-wrapper {
    margin-bottom: 20px; }

.layout--graphite-dark {
  background: #272727; }

.layout--padded {
  padding-top: 30px;
  padding-bottom: 30px; }

.layout--extra-bottom-margin {
  margin-bottom: 40px; }

[class^="layout--"], [class*=" layout--"] {
  zoom: 1;
  display: block;
  clear: both;
  margin-bottom: 20px; }

.layout--spaced-medium {
  margin-bottom: 65px; }

.content-label--block {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  font-family: "univers-regular",sans-serif;
  font-weight: normal;
  font-style: normal;
  background-color: #fff;
  float: left;
  padding: 12px 15px; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video .nav_tab_navigation_wrapper {
  margin: 0 0 20px 0; }
  .video .nav_tab_navigation_wrapper .c-fancy-select {
    display: block; }
.video .video-item {
  float: left;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 1%;
  padding-top: 11px;
  border-top: 7px solid #4c4c4c;
  height: 350px; }
  .video .video-item .video-image {
    position: relative; }
    .video .video-item .video-image img {
      display: block; }
    .video .video-item .video-image:after {
      background: url("../images/buttons/btn_play-black.jpg") right bottom no-repeat;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      content: "";
      display: block;
      position: absolute; }
  .video .video-item .date {
    font-family: "univers-light",sans-serif;
    font-style: italic;
    font-size: 0.8em;
    color: #333;
    text-transform: uppercase;
    padding-top: 20px; }
  .video .video-item a {
    font-family: "univers-regular",sans-serif;
    color: #333;
    font-size: 1.4em;
    cursor: pointer; }
    .video .video-item a .icon:after {
      content: "\003E";
      font-family: pwsicons, Arial;
      font-size: 1.2em;
      color: #de0011;
      line-height: 1; }
.video .slider-item {
  max-width: 1100px; }
  .video .slider-item .slider-content {
    max-width: 500px;
    margin: 0 auto; }
    .video .slider-item .slider-content .slider-item-content-right {
      vertical-align: middle;
      padding: 0 0 0 15px; }

@media only screen and (max-width: 961px) {
  .video .video-item {
    float: left;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 4%; }
    .video .video-item .thumbnail {
      width: 100%; } }
@media only screen and (max-width: 520px) {
  .video .video-item {
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15%; }
  .video .playbutton {
    margin-bottom: 6px; } }
.nav_tab_navigation_wrapper {
  background-color: #f7f7f7;
  margin: 50px 0; }
  .nav_tab_navigation_wrapper .c-fancy-select {
    display: none; }

@media (max-width: 1080px) {
  .faq .layout__primary {
    width: 100% !important; }
  .faq .layout__secondary {
    float: left !important;
    width: 100% !important; } }
/* styles for desktop */
.tinynav {
  display: none; }

@media (max-width: 890px) {
  .nav_tab_navigation_wrapper .c-fancy-select {
    display: block; }

  .tinynav {
    display: block;
    background-color: #f7f7f7; }
    .tinynav select {
      font-size: 13px;
      font-family: "univers-regular",sans-serif;
      font-weight: normal;
      font-style: normal; }
    .tinynav:before {
      background-color: #f7f7f7; }

  .nav {
    display: none; } }
.glossar .nav_tab_navigation_wrapper,
.tabpage .nav_tab_navigation_wrapper {
  margin: 0;
  padding: 0; }
.glossar .nav_tab_navigation,
.tabpage .nav_tab_navigation {
  overflow: auto; }
  .glossar .nav_tab_navigation .selected,
  .tabpage .nav_tab_navigation .selected {
    background-color: #FFF;
    border-top: 5px solid #de0011;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    padding: 12px 0; }
    .glossar .nav_tab_navigation .selected span,
    .tabpage .nav_tab_navigation .selected span {
      border-right: none; }
  .glossar .nav_tab_navigation li,
  .tabpage .nav_tab_navigation li {
    display: inline-block;
    float: left;
    padding: 17px 0 12px 0;
    margin-right: -1px; }
    .glossar .nav_tab_navigation li span,
    .tabpage .nav_tab_navigation li span {
      padding: 0 10px;
      border-right: 1px solid #c6c6c6; }

@media (max-width: 1080px) {
  .glossar .layout__primary {
    width: 100% !important; }
  .glossar .layout__secondary {
    float: left !important;
    width: 100% !important; } }
.contentwrapper {
  background-color: #fff;
  padding: 10px 20px;
  margin-top: 60px; }

#c-external-link-dialog {
  cursor: default;
  background-color: #F7F7F7;
  font-family: "univers-regular",sans-serif;
  font-size: 15px;
  color: #333 !important;
  border: 1px solid #c0c1c3;
  border-radius: 5px;
  padding: 7px;
  position: absolute;
  max-width: 260px;
  z-index: 2147483647; }
  #c-external-link-dialog a {
    color: #4c4c4c;
    font-size: 1.3em; }
    #c-external-link-dialog a i:after {
      color: #de0011;
      font-size: 1.2em; }

.c-warning-msg {
  background-color: #ededed;
  border: none;
  margin: 0;
  overflow: auto;
  padding: 16px;
  position: relative;
  width: auto !important; }
  .c-warning-msg .warning-msg-text {
    margin-left: 20px; }
    .c-warning-msg .warning-msg-text p {
      width: 100% !important; }
    .c-warning-msg .warning-msg-text a {
      text-decoration: underline; }

.c-warning-msg em {
  color: #9F6D0A;
  float: left;
  font-size: 1.4em;
  left: 10px;
  margin: 0;
  position: absolute;
  top: 27px; }

.icon-information {
  font-family: pwsicons, Arial !important;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased; }
  .icon-information:before {
    content: "\e60d"; }

.home {
  /* Toggle Button */
  /* . Toggle Button */ }
  .home .float-right {
    float: right; }
  .home .row {
    margin: 12px 0 35px 0;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    width: 100%; }
  .home .row:before, .home .row:after {
    content: "";
    display: table; }
  .home .column, .home .columns {
    float: left;
    min-height: 1px;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important; }
  .home .v-tabsheet-content-small {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6; }
  .home .v-tabsheet-tabitemcell-selected {
    /*border-left: 1px solid $lightgrey;*/
    border-top: 5px solid #de0011; }
  .home .item-headline {
    margin-bottom: 20px;
    font-size: 30px;
    font-size: 3rem;
    margin-top: 0px;
    margin-bottom: 21px;
    line-height: 1;
    font-family: "univers-light",sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase; }
  .home input[type="number"] {
    border: 1px solid #e6e6e6;
    height: 35px;
    width: 100%; }
  .home input[type="number"] + .right {
    float: right; }
  .home .nav_tab_navigation_wrapper {
    margin-top: 0; }
  .home .toggle-button {
    width: 100%;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none; }
  .home .toggle-button button {
    cursor: pointer;
    outline: 0;
    display: block;
    margin-left: 15px;
    vertical-align: middle;
    width: 140px;
    height: 30px;
    background-color: transparent;
    border: none;
    transition: left 0.3s; }
  .home .toggle-button .toggle-button-selected {
    background-color: white;
    border: 1px solid #4c4c4c; }
  .home .toggle-button .left {
    float: left; }
  .home .toggle-button .right {
    float: right; }
  .home .toggle-button-selected button {
    left: 90px;
    top: 0;
    margin: 0;
    border: none;
    width: 140px;
    height: 30px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
  .home .c-table table {
    border-collapse: separate;
    border-style: hidden; }
    .home .c-table table thead {
      white-space: nowrap; }
    .home .c-table table th {
      background: none; }
    .home .c-table table td {
      background: none; }
    .home .c-table table .icon {
      font-family: pwsicons, Arial; }
      .home .c-table table .icon:after {
        color: #de0011;
        font-size: 1.6em;
        content: "\feff\3e"; }
  .home .c-table .footable-header {
    background-color: #cccccc !important;
    color: #4c6473; }
  .home .c-table .footable-detail-row td:first-child {
    border-left: 5px solid #008580; }
  .home .c-table .footable-detail-row .footable-details {
    margin-left: 8px; }
    .home .c-table .footable-detail-row .footable-details tr {
      width: 150px;
      background: none !important; }
    .home .c-table .footable-detail-row .footable-details th {
      background: none;
      text-align: left !important;
      color: #4c6473;
      width: 150px; }
    .home .c-table .footable-detail-row .footable-details td {
      text-align: left !important;
      padding: 0; }
  .home .c-table [data-expanded] {
    background-color: #253039 !important;
    color: #FFF; }
    .home .c-table [data-expanded] td:first-child {
      border-left: 5px solid #008580; }
      .home .c-table [data-expanded] td:first-child span {
        margin-left: -5px; }
    .home .c-table [data-expanded] .fooicon {
      color: #FFF; }
  .home .grey {
    color: #333; }

@media (max-width: 975px) {
  .home .teaser-grey .video-container .thumbnail {
    max-width: 100%; }
  .home .teaser-grey .news-nav-teaser-slider .news-item {
    max-width: 100%; } }
@media (min-width: 961px) {
  .row .l-twelve.columns {
    width: 100%; } }
.fa {
  font-size: 1.3em !important; }
  .fa:before {
    position: relative;
    top: 4px;
    color: #de0011; }

.share-actions__item:hover .fa:before {
  color: #fff; }

@media (max-width: 640px) {
  .share-actions__item a {
    width: 50px;
    height: 50px; } }
.footer h2 {
  color: #fff !important; }

.teaser-white {
  background-color: #FFF;
  border: 1px solid #e6e6e6;
  padding: 30px 20px;
  height: 440px;
  font-size: 0.8em; }
  .teaser-white .grey {
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6; }
  .teaser-white .button-unit {
    margin-top: 15px; }
  .teaser-white .cta {
    width: 100%;
    text-align: center; }
    .teaser-white .cta .v-button-wrap {
      background-color: #de0011 !important;
      width: 100%;
      padding: 14px 0;
      display: block;
      color: white;
      font-size: 1.1em; }
  .teaser-white .button-container {
    width: 100%; }

.teaser-grey {
  background-color: #f7f7f7;
  padding: 30px 20px;
  height: 450px;
  position: relative;
  /* Video Container */
  /* . Video Container */
  /* Nav Controls */
  /* . Nav Controls */ }
  .teaser-grey h3 {
    font-size: 1.1em;
    padding: 0 !important;
    margin: 0 !important; }
  .teaser-grey .headline-container {
    padding-bottom: 36px; }
  .teaser-grey .video-container {
    margin: 0 -20px 0 -20px; }
    .teaser-grey .video-container .video-item {
      position: relative; }
      .teaser-grey .video-container .video-item h3 {
        padding: 0 20px 30px 20px !important; }
        .teaser-grey .video-container .video-item h3 a:hover {
          text-decoration: underline !important; }
    .teaser-grey .video-container .thumbnail {
      width: 100%;
      max-width: 377px; }
    .teaser-grey .video-container .playbutton {
      position: absolute;
      bottom: 0;
      right: 0; }
  .teaser-grey .nav-controls {
    height: 80px;
    padding-bottom: 10px; }
    .teaser-grey .nav-controls button {
      padding: 0;
      display: block;
      opacity: 1;
      background: transparent;
      border: medium none;
      color: #000;
      font-size: 6.6rem !important;
      line-height: 1;
      font-weight: normal !important;
      font-style: normal !important;
      text-decoration: none !important;
      cursor: pointer;
      margin-bottom: -5px; }
      .teaser-grey .nav-controls button:focus {
        outline: none; }
    .teaser-grey .nav-controls .prev {
      float: left;
      margin-left: -20px; }
      .teaser-grey .nav-controls .prev .icon:after {
        content: "\003C"; }
      .teaser-grey .nav-controls .prev .label {
        margin-left: -30px; }
    .teaser-grey .nav-controls .next {
      float: right;
      margin-right: -20px; }
      .teaser-grey .nav-controls .next .icon:after {
        content: "\003E"; }
      .teaser-grey .nav-controls .next .label {
        margin-right: -30px; }
    .teaser-grey .nav-controls .icon {
      font-family: pwsicons, Arial !important; }
    .teaser-grey .nav-controls .label {
      text-transform: uppercase;
      font-size: 1.3rem;
      cursor: pointer;
      color: #333;
      /*max-width: 70px;*/
      text-align: left;
      line-height: 15px;
      display: inline-block; }
      .teaser-grey .nav-controls .label:hover {
        text-decoration: underline; }
  .teaser-grey .news-nav-teaser-slider {
    margin: 0; }
    .teaser-grey .news-nav-teaser-slider .news-item .news-row {
      width: 100%; }
    .teaser-grey .news-nav-teaser-slider .news-item .news-col {
      width: 100%; }
    .teaser-grey .news-nav-teaser-slider .news-item .news-col-1 {
      width: 33%;
      float: left; }
    .teaser-grey .news-nav-teaser-slider .news-item .news-col-2 {
      width: 60%;
      border-left: 1px solid #000;
      float: left;
      font-family: "univers-medium",sans-serif;
      font-size: 1.7rem;
      padding-left: 15px; }
    .teaser-grey .news-nav-teaser-slider .news-item .date-top-left {
      font-family: "univers-regular",sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.6rem;
      text-transform: uppercase;
      word-wrap: break-word;
      width: 100%;
      text-align: center; }
    .teaser-grey .news-nav-teaser-slider .news-item .date-bottom-left {
      position: relative;
      font-family: "univers-thin",sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 6.5rem;
      letter-spacing: -6px;
      text-align: center;
      margin-top: -15px; }
    .teaser-grey .news-nav-teaser-slider .news-item .date-top-right {
      color: #b2b3b3; }
    .teaser-grey .news-nav-teaser-slider .news-item .source {
      text-transform: uppercase;
      color: #b2b3b3; }
    .teaser-grey .news-nav-teaser-slider .news-item .abstract {
      padding-top: 20px; }
  .teaser-grey .trading-info {
    padding-bottom: 15px; }
  .teaser-grey .subheadline {
    padding-top: 6px;
    margin: 0;
    line-height: 1;
    font-size: 0.9em; }
  .teaser-grey .button-wrapper {
    position: absolute;
    bottom: 0;
    width: 90%; }
  .teaser-grey .button-container a[role="button"] {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "univers-regular", sans-serif;
    color: #fff;
    text-align: center; }
    .teaser-grey .button-container a[role="button"]:focus {
      outline: none; }

.c-product-teaser {
  max-width: 25%;
  display: inline-block;
  vertical-align: top;
  margin-right: 8%;
  padding-bottom: 30px; }
  .c-product-teaser .market-analysis-cta__heading {
    outline: none;
    word-wrap: break-word; }
    .c-product-teaser .market-analysis-cta__heading span {
      text-transform: none;
      color: #333; }
    .c-product-teaser .market-analysis-cta__heading .icon:after {
      font-family: pwsicons, Arial, Arial;
      color: #de0011; }

.c-1col-teaser .c-copy {
  font-size: 16px; }
.c-1col-teaser.c-col-n,
.c-1col-teaser .c-col-n {
  float: none !important; }

.c-download-col,
.c-2col-teaser,
.c-1col-teaser {
  display: inline-block;
  float: left;
  width: 200px; }
  .c-download-col .c-label,
  .c-2col-teaser .c-label,
  .c-1col-teaser .c-label {
    min-height: 35px; }
  .c-download-col .c-store-teaser,
  .c-2col-teaser .c-store-teaser,
  .c-1col-teaser .c-store-teaser {
    margin-top: 40px; }
  .c-download-col.c-col-n,
  .c-download-col .c-col-n,
  .c-2col-teaser.c-col-n,
  .c-2col-teaser .c-col-n,
  .c-1col-teaser.c-col-n,
  .c-1col-teaser .c-col-n {
    width: auto;
    max-width: 400px;
    float: left;
    margin-right: 40px; }
    .c-download-col.c-col-n input,
    .c-download-col .c-col-n input,
    .c-2col-teaser.c-col-n input,
    .c-2col-teaser .c-col-n input,
    .c-1col-teaser.c-col-n input,
    .c-1col-teaser .c-col-n input {
      width: 100%; }
  .c-download-col .c-button-wrapper,
  .c-2col-teaser .c-button-wrapper,
  .c-1col-teaser .c-button-wrapper {
    margin-top: 30px; }
  .c-download-col .c-appstore-button,
  .c-2col-teaser .c-appstore-button,
  .c-1col-teaser .c-appstore-button {
    padding-top: 20px; }
  .c-download-col .c-button[role="button"],
  .c-2col-teaser .c-button[role="button"],
  .c-1col-teaser .c-button[role="button"] {
    padding: 15px;
    margin-bottom: 15px;
    margin-top: 20px; }
    .c-download-col .c-button[role="button"] a,
    .c-2col-teaser .c-button[role="button"] a,
    .c-1col-teaser .c-button[role="button"] a {
      color: #fff !important; }
      .c-download-col .c-button[role="button"] a:hover,
      .c-2col-teaser .c-button[role="button"] a:hover,
      .c-1col-teaser .c-button[role="button"] a:hover {
        color: #fff !important; }
  .c-download-col .c-col-item,
  .c-2col-teaser .c-col-item,
  .c-1col-teaser .c-col-item {
    margin-bottom: 10px;
    display: block; }
    .c-download-col .c-col-item .hsbc-dfpanel,
    .c-2col-teaser .c-col-item .hsbc-dfpanel,
    .c-1col-teaser .c-col-item .hsbc-dfpanel {
      border: 1px solid #000;
      min-width: 300px;}
      .c-download-col .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header,
      .c-2col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header,
      .c-1col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header {
        font-family: "univers-regular", sans-serif;
        font-size: 1.6rem; }
        .c-download-col .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-prvmon,
        .c-2col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-prvmon,
        .c-1col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-prvmon {
          font-size: 0; }
          .c-download-col .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-prvmon:hover:before,
          .c-2col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-prvmon:hover:before,
          .c-1col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-prvmon:hover:before {
            color: #333; }
          .c-download-col .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-prvmon:before,
          .c-2col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-prvmon:before,
          .c-1col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-prvmon:before {
            cursor: pointer;
            font-family: FontAwesome;
            content: "\f100";
            font-size: 2.2rem;
            color: #de0011; }
        .c-download-col .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-nxtmon,
        .c-2col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-nxtmon,
        .c-1col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-nxtmon {
          font-size: 0; }
          .c-download-col .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-nxtmon:hover:after,
          .c-2col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-nxtmon:hover:after,
          .c-1col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-nxtmon:hover:after {
            color: #333; }
          .c-download-col .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-nxtmon:after,
          .c-2col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-nxtmon:after,
          .c-1col-teaser .c-col-item .hsbc-dfpanel .hsbc-dfpanel-header .id-nxtmon:after {
            cursor: pointer;
            font-family: FontAwesome;
            content: "\f101";
            font-size: 2.2rem;
            color: #de0011; }
      .c-download-col .c-col-item .hsbc-dfpanel thead tr th,
      .c-2col-teaser .c-col-item .hsbc-dfpanel thead tr th,
      .c-1col-teaser .c-col-item .hsbc-dfpanel thead tr th {
        text-align: center !important;
        padding: 10px 0;
        font-family: "univers-light", sans-serif;
        font-size: 1.4rem; }
      .c-download-col .c-col-item .hsbc-dfpanel tbody,
      .c-2col-teaser .c-col-item .hsbc-dfpanel tbody,
      .c-1col-teaser .c-col-item .hsbc-dfpanel tbody {
        color: #b2b3b3; }
        .c-download-col .c-col-item .hsbc-dfpanel tbody .hsbc-dfpanel-selected,
        .c-2col-teaser .c-col-item .hsbc-dfpanel tbody .hsbc-dfpanel-selected,
        .c-1col-teaser .c-col-item .hsbc-dfpanel tbody .hsbc-dfpanel-selected {
          border: 1px solid #000; }
        .c-download-col .c-col-item .hsbc-dfpanel tbody .hsbc-dfpanel-clickable,
        .c-2col-teaser .c-col-item .hsbc-dfpanel tbody .hsbc-dfpanel-clickable,
        .c-1col-teaser .c-col-item .hsbc-dfpanel tbody .hsbc-dfpanel-clickable {
          color: #4c4c4c; }
        .c-download-col .c-col-item .hsbc-dfpanel tbody tr,
        .c-2col-teaser .c-col-item .hsbc-dfpanel tbody tr,
        .c-1col-teaser .c-col-item .hsbc-dfpanel tbody tr {
          border-bottom: 1px solid #e6e6e6; }
          .c-download-col .c-col-item .hsbc-dfpanel tbody tr td,
          .c-2col-teaser .c-col-item .hsbc-dfpanel tbody tr td,
          .c-1col-teaser .c-col-item .hsbc-dfpanel tbody tr td {
            text-align: center !important;
            padding: 10px 0;
            font-family: "univers-regular", sans-serif;
            font-size: 1.5rem; }
      .c-download-col .c-col-item .hsbc-dfpanel table,
      .c-2col-teaser .c-col-item .hsbc-dfpanel table,
      .c-1col-teaser .c-col-item .hsbc-dfpanel table {
        }
    .c-download-col .c-col-item h2,
    .c-2col-teaser .c-col-item h2,
    .c-1col-teaser .c-col-item h2 {
      margin-bottom: 5px; }
  .c-download-col a[role="button"],
  .c-2col-teaser a[role="button"],
  .c-1col-teaser a[role="button"] {
    margin-bottom: 15px; }
  .c-download-col .c-brand-icon-wrapper img,
  .c-2col-teaser .c-brand-icon-wrapper img,
  .c-1col-teaser .c-brand-icon-wrapper img {
    margin-right: 10px;
    vertical-align: middle; }
  .c-download-col .c-brand-icon-wrapper:before,
  .c-2col-teaser .c-brand-icon-wrapper:before,
  .c-1col-teaser .c-brand-icon-wrapper:before {
    display: inline-block;
    content: "";
    height: 100%; }

.c-2col-teaser {
  width: auto;
  max-width: 400px;
  float: left;
  margin-left: 200px;
  margin-top: 40px; }

@media (max-width: 1024px) {
  .c-product-teaser {
    max-width: 40%; }

  .c-download-calendar {
    display: none !important; }

  .c-download-col {
    width: 100%;
    margin-top: 15px; }

  .c-2col-teaser {
    margin-left: 0;
    width: 100%; }
    .c-2col-teaser .c-col-n {
      display: block;
      float: none; } }
@media (max-width: 768px) {
  .c-product-teaser {
    max-width: 100%;
    margin-right: 0; } }
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait */
/* Landscape */
.c-brand-layer {
  margin-bottom: 40px;
  width: 134px; }
  .c-brand-layer img {
    width: 100%;
    max-width: none;
    height: auto; }

.c-medium-copy {
  font-family: "univers-medium", sans-serif; }

.c-label {
  margin-bottom: 15px; }

.c-checkbox-wrapper {
  margin-bottom: 20px; }

.c-dialog-divider {
  margin: 40px 0; }

.c-disclaimer-dialog {
  max-width: 830px !important; }
  .c-disclaimer-dialog label a {
    color: #008580 !important;
    text-decoration: underline; }
  .c-disclaimer-dialog .leaving-confirmation__heading {
    margin-bottom: 0; }
  .c-disclaimer-dialog .leaving-confirmation__copy {
    margin-bottom: 20px; }

@media only screen and (max-height: 420px), only screen and (max-width: 420px) {
  .c-disclaimer-dialog .leaving-confirmation__heading {
    font-size: 22px;
    font-size: 2.2rem; }
  .c-disclaimer-dialog .leaving-confirmation__copy {
    font-size: 16px;
    font-size: 1.6rem; }
  .c-disclaimer-dialog .c-label {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px !important; }
  .c-disclaimer-dialog .c-checkbox > input ~ label {
    font-size: 16px;
    font-size: 1.6rem; }
  .c-disclaimer-dialog .c-dialog-cta .c-button {
    font-size: 1.2rem !important; } }
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .c-disclaimer-dialog.lightbox {
    padding-bottom: 5px !important; }
  .c-disclaimer-dialog .leaving-confirmation__copy {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5; }
  .c-disclaimer-dialog .c-checkbox-wrapper {
    width: 55%;
    float: left;
    margin-bottom: 0; }
    .c-disclaimer-dialog .c-checkbox-wrapper .c-checkbox {
      margin: 0; }
      .c-disclaimer-dialog .c-checkbox-wrapper .c-checkbox label {
        font-size: 13px;
        font-size: 1.3rem; }
  .c-disclaimer-dialog .c-dialog-cta {
    float: right; }
    .c-disclaimer-dialog .c-dialog-cta .c-button {
      font-size: 14px;
      font-size: 1.4rem; }
  .c-disclaimer-dialog .c-label {
    font-size: 14px;
    font-size: 1.4rem; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 359px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .c-disclaimer-dialog .leaving-confirmation__copy {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5; }
  .c-disclaimer-dialog .c-fancy-select {
    margin-bottom: 0; }
  .c-disclaimer-dialog .c-checkbox-wrapper {
    margin-bottom: 5px; }
    .c-disclaimer-dialog .c-checkbox-wrapper .c-checkbox label {
      font-size: 13px;
      font-size: 1.3rem; }
  .c-disclaimer-dialog .c-dialog-cta .c-button {
    font-size: 14px;
    font-size: 1.4rem; }
  .c-disclaimer-dialog .c-label {
    font-size: 14px;
    font-size: 1.4rem; } }
.c-button-margin-right {
  margin-right: 15px !important; }

.c-button {
  display: inline-block;
  vertical-align: middle !important;
  zoom: 1 !important;
  font-size: 18px !important;
  font-size: 1.8rem !important;
  font-family: "univers-regular", sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin: 0;
  padding: 12px 20px 10px 20px !important;
  text-align: center !important;
  outline: none !important;
  color: #fff !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
  cursor: pointer !important;
  text-decoration: none !important; }
  .c-button:hover span {
    text-decoration: none !important; }
  .c-button.c-primary {
    border: 1px solid #de0011;
    background-color: #de0011; }
    .c-button.c-primary:hover {
      border: 1px solid #af000d;
      background-color: #af000d;
      color: #fff; }
    .c-button.c-primary:disabled, .c-button.c-primary.disabled {
      border: 1px solid #ed7f88;
      background-color: #ed7f88;
      cursor: auto; }
  .c-button.c-secondary {
    border: 1px solid #4c6473;
    background-color: #4c6473; }
    .c-button.c-secondary:hover {
      border: 1px solid #3e505d;
      background-color: #3e505d;
      color: #fff; }
    .c-button.c-secondary:disabled, .c-button.c-secondary.disabled {
      border: 1px solid #a6b1b9;
      background-color: #a6b1b9;
      cursor: auto; }
  .c-button.c-tertiary {
    border: 1px solid #008580;
    background-color: #008580; }
    .c-button.c-tertiary:hover {
      border: 1px solid #00716c;
      background-color: #00716c;
      color: #fff; }
    .c-button.c-tertiary:disabled, .c-button.c-tertiary.disabled {
      border: 1px solid #7fc2bf;
      background-color: #7fc2bf;
      cursor: auto; }

.c-close-button:after {
  background: url("img/delete.svg");
  position: absolute;
  top: 5px;
  right: 5px;
  outline: none;
  background-size: 10px;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: inline-block;
  content: ""; }

.c-button-width-full {
  width: 100%; }

.c-info-question-cell {
  width: 98%; }

.c-info-question-icon {
  display: inline-block; }
  .c-info-question-icon.c-tooltip {
    border-bottom: none !important;
    cursor: pointer; }
  .c-info-question-icon:after {
    font-size: 1.8rem;
    padding: 10px;
    line-height: 2;
    color: #929292;
    font-family: FontAwesome;
    content: '\f059'; }

.c-pib-button {
  margin: 20px 0 !important; }

@media (max-width: 1024px) {
  .c-close-button:after {
    width: 44px;
    height: 44px; } }
@media (max-width: 550px) {
  .c-button-margin-right {
    margin-right: 0 !important; } }
.doormat-nav__item.doormat-nav__item--active .doormat__heading {
  text-decoration: none; }

.doormat-nav__section-details {
  padding-top: 12px; }
  .doormat-nav__section-details a {
    display: block;
    padding-bottom: 10px; }

.doormat-nav__item {
  padding-bottom: 0; }

.doormat-link-list {
  margin-top: 0 !important; }

.header--shrunk .header__primary {
  padding-top: 8px; }

.nav-tray__back-button:target {
  margin-left: 276px; }

.nav-tray__sub-heading {
  color: #fff; }

@media (max-width: 959px) {
  .header__primary {
    padding-bottom: 6px !important;
    min-height: 0; } }
@media screen and (max-width: 767px) {
  .hide-for-small {
    display: none !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (min-width: 1024px) {
  .hide-for-large {
    display: none !important; } }

.watchlist-login .login-panel,
.watchlist-login .register-panel {
  float: left;
  min-height: 1px;
  padding: 0; }

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.form-item:after, .watchlist-add:after, .td--delete__item:after, .c-dialog-close:after, .watchlist-account-dialog .watchlist-dialog__item:after, .watchlist-phone__number:after, .watchlist-kaufkurs:after, .watchlist-alert:after, .dialog-alert:after, .dialog-alert-actions:after, .dialog-alert-actions-disabled:after {
  content: "";
  display: table;
  clear: both; }

.form-item {
  display: block !important; }

.form-item__label {
  color: #000;
  font-size: 18px;
  float: left;
  line-height: 21px; }
  @media (max-width: 767px) {
    .form-item__label {
      margin-bottom: 11px; } }
  @media only screen and (min-width: 768px) {
    .form-item__label {
      line-height: 40px; } }
  @media only screen and (min-width: 1024px) {
    .form-item__label {
      font-size: 16px; } }

.form-item__input {
  border: 1px solid #cccccc;
  font-size: 14px;
  padding: 13px 14px;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media only screen and (min-width: 768px) {
    .form-item__input {
      padding: 13px 18px; } }
  @media only screen and (min-width: 1024px) {
    .form-item__input {
      padding: 11px 15px; } }

::-webkit-input-placeholder {
  color: #717171; }

:-moz-placeholder {
  color: #717171; }

::-moz-placeholder {
  color: #717171; }

:-ms-input-placeholder {
  color: #717171; }

a.c-link {
  color: #000 !important;
  text-decoration: underline; }

.c-link {
  color: #000 !important;
  text-decoration: underline; }

.c-link[role*=button] {
  padding-top: 10px;
  margin-right: 20px; }

.c-icon {
  content: '';
  display: block; }

.c-icon-button {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 0 !important;
  outline: none;
  padding: 0; }

.c-checkbox {
  display: inline-block; }

div[location="password"] .v-widget {
  display: block !important; }
  div[location="password"] .v-widget.captcha-renew {
    display: inline-block !important; }
  div[location="password"] .v-widget.captcha-generator img {
    display: inline-block !important; }
  div[location="password"] .v-widget.forgotpass-panel__request .c-button {
    display: inline-block !important; }

.meta-help {
  margin-bottom: 40px !important; }

.watchlist-login .error-info,
.watchlist-password-forgot .error-info,
.watchlist-password-reset .error-info,
.watchlist-register .error-info,
.watchlist-watchlist .error-info {
  display: flex;
  align-items: center;
  justify-content: center; }
.watchlist-login .header-area--tertiary,
.watchlist-password-forgot .header-area--tertiary,
.watchlist-password-reset .header-area--tertiary,
.watchlist-register .header-area--tertiary,
.watchlist-watchlist .header-area--tertiary {
  display: inherit; }
.watchlist-login .page-description__heading,
.watchlist-password-forgot .page-description__heading,
.watchlist-password-reset .page-description__heading,
.watchlist-register .page-description__heading,
.watchlist-watchlist .page-description__heading {
  line-height: normal; }
  @media only screen and (min-width: 320px) {
    .watchlist-login .page-description__heading,
    .watchlist-password-forgot .page-description__heading,
    .watchlist-password-reset .page-description__heading,
    .watchlist-register .page-description__heading,
    .watchlist-watchlist .page-description__heading {
      margin-top: 18px;
      margin-bottom: 28px; } }
  @media only screen and (min-width: 768px) {
    .watchlist-login .page-description__heading,
    .watchlist-password-forgot .page-description__heading,
    .watchlist-password-reset .page-description__heading,
    .watchlist-register .page-description__heading,
    .watchlist-watchlist .page-description__heading {
      margin-bottom: 36px;
      margin-top: 0; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-login .page-description__heading,
    .watchlist-password-forgot .page-description__heading,
    .watchlist-password-reset .page-description__heading,
    .watchlist-register .page-description__heading,
    .watchlist-watchlist .page-description__heading {
      font-size: 72px !important;
      margin-bottom: 15px; } }
.watchlist-login .page-description__summary,
.watchlist-password-forgot .page-description__summary,
.watchlist-password-reset .page-description__summary,
.watchlist-register .page-description__summary,
.watchlist-watchlist .page-description__summary {
  font-size: 18px;
  line-height: 24px; }
  @media only screen and (min-width: 768px) {
    .watchlist-login .page-description__summary,
    .watchlist-password-forgot .page-description__summary,
    .watchlist-password-reset .page-description__summary,
    .watchlist-register .page-description__summary,
    .watchlist-watchlist .page-description__summary {
      margin-bottom: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-login .page-description__summary,
    .watchlist-password-forgot .page-description__summary,
    .watchlist-password-reset .page-description__summary,
    .watchlist-register .page-description__summary,
    .watchlist-watchlist .page-description__summary {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .watchlist-login .c-button,
  .watchlist-password-forgot .c-button,
  .watchlist-password-reset .c-button,
  .watchlist-register .c-button,
  .watchlist-watchlist .c-button {
    text-align: center;
    width: 100%; } }

.register-panel__register,
.forgotpass-panel__request,
.resetpass-panel__request {
  margin-bottom: 22px;
  display: block !important; }
  @media only screen and (min-width: 768px) {
    .register-panel__register,
    .forgotpass-panel__request,
    .resetpass-panel__request {
      margin-bottom: 34px; } }
  @media only screen and (min-width: 1024px) {
    .register-panel__register,
    .forgotpass-panel__request,
    .resetpass-panel__request {
      margin-bottom: 30px; } }

.contact-section {
  padding-top: 12px; }
  @media only screen and (max-width: 767px) {
    .contact-section {
      display: none !important; } }
  @media only screen and (min-width: 768px) {
    .contact-section {
      position: absolute; } }

.contact-section__heading {
  font-size: 28px;
  padding-left: 17px;
  margin-bottom: 15px;
  line-height: 1;
  position: relative; }
  @media only screen and (min-width: 1024px) {
    .contact-section__heading {
      font-size: 18px; } }
  .contact-section__heading:before {
    background: #de0011;
    bottom: 3px;
    content: ' ';
    left: 0;
    position: absolute;
    top: 2px;
    width: 5px; }

.contact-section__body {
  padding: 15px 0 12px 0; }
  @media only screen and (min-width: 1024px) {
    .contact-section__body {
      border-bottom: 1px solid #d7d8d6;
      border-top: 1px solid #d7d8d6; } }

.contact-section__item--primary {
  font-size: 16px;
  font-family: "univers-bold", sans-serif; }

.contact-section__item--secondary {
  font-size: 40px;
  font-family: "univers-ultra-light", sans-serif;
  line-height: normal; }

@media only screen and (min-width: 1024px) {
  .help-section {
    border-bottom: 1px solid #d7d8d6; } }

.help-section__item {
  position: relative;
  margin-bottom: 14px; }
  @media only screen and (min-width: 768px) {
    .help-section__item {
      margin-bottom: 18px; } }
  @media only screen and (min-width: 1024px) {
    .help-section__item {
      margin-bottom: 15px; } }

.help-section__link {
  font-size: 18px;
  padding-left: 14px; }
  @media only screen and (min-width: 768px) {
    .help-section__link {
      font-size: 24px;
      padding-left: 18px; } }
  @media only screen and (min-width: 1024px) {
    .help-section__link {
      font-size: 18px;
      padding-left: 15px; } }
  .help-section__link:before {
    background: #de0011;
    bottom: 3px;
    content: ' ';
    left: 0;
    position: absolute;
    top: 2px;
    width: 5px; }

.panel__summary {
  color: #000;
  font-size: 18px;
  line-height: 24px; }
  @media only screen and (min-width: 1024px) {
    .panel__summary {
      font-size: 16px;
      line-height: 21px; } }

.panel__heading {
  font-size: 30px;
  font-family: "univers-light", sans-serif;
  line-height: 36px;
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .panel__heading {
      line-height: 30px;
      margin-bottom: 36px; } }
  @media only screen and (min-width: 1024px) {
    .panel__heading {
      font-size: 28px;
      line-height: 28px;
      margin-bottom: 30px; } }

.watchlist-login .login-panel,
.watchlist-login .register-panel {
  width: 100%; }
  @media only screen and (min-width: 1024px) {
    .watchlist-login .login-panel,
    .watchlist-login .register-panel {
      width: 50%; } }

@media only screen and (max-width: 767px) {
  .watchlist-login .login-panel {
    margin-bottom: 42px; } }
@media only screen and (max-width: 767px) and (max-width: 1023px) {
  .watchlist-login .login-panel {
    margin-bottom: 54px; } }
@media only screen and (min-width: 1024px) {
  .watchlist-login .login-panel {
    padding-right: 110px; } }
.watchlist-login .login-panel .form-item__label {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .watchlist-login .login-panel .form-item__label {
      width: 25%; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-login .login-panel .form-item__label {
      width: 40%; } }
.watchlist-login .login-panel .form-item__input {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .watchlist-login .login-panel .form-item__input {
      width: 75%; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-login .login-panel .form-item__input {
      width: 60%; } }
.watchlist-login .login-panel .panel__summary {
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-login .login-panel .panel__summary {
      margin-bottom: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-login .login-panel .panel__summary {
      margin-bottom: 30px; } }

.login-panel__form {
  margin-bottom: 28px;
  display: block !important; }
  @media only screen and (min-width: 768px) {
    .login-panel__form {
      margin-bottom: 36px; } }
  @media only screen and (min-width: 1024px) {
    .login-panel__form {
      margin-bottom: 30px; } }
  .login-panel__form .form-item:first-of-type {
    margin-bottom: 28px; }
    @media only screen and (min-width: 768px) {
      .login-panel__form .form-item:first-of-type {
        margin-bottom: 18px; } }
    @media only screen and (min-width: 1024px) {
      .login-panel__form .form-item:first-of-type {
        margin-bottom: 15px; } }

.login-panel__reset {
  text-align: center !important;
  display: block !important; }
  @media only screen and (min-width: 768px) {
    .login-panel__reset {
      text-align: right !important; } }
  .login-panel__reset .c-link {
    outline: none; }
    @media only screen and (max-width: 767px) {
      .login-panel__reset .c-link {
        display: block !important;
        margin-bottom: 28px; } }
    @media only screen and (min-width: 768px) {
      .login-panel__reset .c-link {
        margin-right: 18px; } }
    @media only screen and (min-width: 1024px) {
      .login-panel__reset .c-link {
        margin-right: 10px;
        padding-top: 12px; } }

@media only screen and (min-width: 1024px) {
  .watchlist-login .register-panel {
    padding-left: 10px; } }
@media only screen and (min-width: 768px) {
  .watchlist-login .register-panel .panel__heading {
    margin-bottom: 36px; } }

.register-panel__benefits {
  margin-bottom: 42px;
  margin-top: 42px; }
  @media only screen and (min-width: 768px) {
    .register-panel__benefits {
      margin-bottom: 54px;
      margin-top: 54px; } }
  @media only screen and (min-width: 1024px) {
    .register-panel__benefits {
      margin-top: 50px; } }
  .register-panel__benefits .c-icon {
    background: url(../images/icons/agree.svg) no-repeat center;
    background-size: 32px 32px;
    float: left;
    height: 24px;
    margin-right: 10px;
    width: 32px; }
    @media only screen and (min-width: 1024px) {
      .register-panel__benefits .c-icon {
        height: 21px; } }

.register-panel__benefits__item {
  overflow: hidden; }
  .register-panel__benefits__item:not(:last-of-type) {
    margin-bottom: 14px; }

.register-panel__benefits__item,
.register-panel__instructions__item {
  font-size: 18px;
  line-height: 24px; }
  @media only screen and (min-width: 1024px) {
    .register-panel__benefits__item,
    .register-panel__instructions__item {
      font-size: 16px;
      line-height: 21px; } }

@media only screen and (min-width: 1024px) {
  .watchlist-login .register-panel__benefits {
    margin-bottom: 50px; } }

@media only screen and (max-width: 1023px) {
  .watchlist-login .register-panel__instructions {
    float: left; } }
@media only screen and (min-width: 1024px) {
  .watchlist-login .register-panel__instructions > div {
    float: left;
    margin-right: 5px; } }

.watchlist-login .register-panel__instructions {
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-login .register-panel__instructions {
      margin-bottom: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-login .register-panel__instructions {
      margin-bottom: 30px; } }

.register-panel__register {
  text-align: right !important;
  display: block !important; }

.register-panel__confirmation .form-item {
  margin-bottom: 30px; }

.forgotpass-panel {
  display: block !important; }
  @media only screen and (min-width: 1024px) {
    .forgotpass-panel {
      width: 50% !important; } }
  .forgotpass-panel .form-item {
    margin-bottom: 28px; }
    @media only screen and (min-width: 768px) {
      .forgotpass-panel .form-item {
        margin-bottom: 36px; } }
    @media only screen and (min-width: 1024px) {
      .forgotpass-panel .form-item {
        margin-bottom: 30px; } }
  .forgotpass-panel .form-item__label {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .forgotpass-panel .form-item__label {
        width: 32%; } }
  .forgotpass-panel .form-item__input {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .forgotpass-panel .form-item__input {
        width: 68%; } }
  @media only screen and (min-width: 768px) {
    .forgotpass-panel .captcha-info {
      float: left;
      width: 30%; } }
  @media only screen and (min-width: 768px) {
    .forgotpass-panel .captcha-generator {
      float: left;
      width: 70%; } }

.captcha-renew {
  height: 70px;
  width: 40px;
  padding-left: 10px;
  background-color: #F4F8FB;
  outline: none;
  display: inline-block !important; }
  .captcha-renew span:before {
    height: 100%;
    display: inline-block;
    content: "";
    vertical-align: middle; }
  .captcha-renew span img {
    width: 100%; }

.captcha-info {
  color: #000;
  font-size: 18px;
  line-height: normal; }
  @media only screen and (max-width: 767px) {
    .captcha-info {
      margin-bottom: 14px; } }
  @media only screen and (min-width: 1024px) {
    .captcha-info {
      font-size: 16px; } }

@media only screen and (min-width: 768px) {
  .captcha-generator {
    text-align: right !important; } }

.resetpass-panel {
  display: block !important; }
  @media only screen and (min-width: 1024px) {
    .resetpass-panel {
      width: 50%; } }
  .resetpass-panel .resetpass__form {
    display: block !important; }
  .resetpass-panel .form-item {
    margin-bottom: 28px;
    display: block !important; }
    @media only screen and (min-width: 768px) {
      .resetpass-panel .form-item {
        margin-bottom: 36px; } }
    @media only screen and (min-width: 1024px) {
      .resetpass-panel .form-item {
        margin-bottom: 30px; }
        .resetpass-panel .form-item.form-item__password-confirm .form-item__label {
          line-height: normal; } }
  .resetpass-panel .form-item__label {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .resetpass-panel .form-item__label {
        width: 32%; } }
  .resetpass-panel .form-item__input {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .resetpass-panel .form-item__input {
        width: 68%; } }

.resetpass-panel__request,
.forgotpass-panel__request {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .resetpass-panel__request,
    .forgotpass-panel__request {
      text-align: right !important; } }

.watchlist-register .register-panel,
.watchlist-register .register-panel__form {
  display: block !important; }
  @media only screen and (min-width: 1024px) {
    .watchlist-register .register-panel,
    .watchlist-register .register-panel__form {
      width: 50%; } }

@media only screen and (min-width: 1024px) {
  .watchlist-register .register-panel__benefits {
    margin-bottom: 30px; } }

.watchlist-register .register-panel__instructions {
  margin-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    .watchlist-register .register-panel__instructions {
      margin-bottom: 54px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-register .register-panel__instructions {
      margin-bottom: 50px; } }

.register-panel__form__wrapper {
  display: block !important; }
  .register-panel__form__wrapper .form-item:not(.form-item__captcha) {
    margin-bottom: 14px; }
    @media only screen and (min-width: 768px) {
      .register-panel__form__wrapper .form-item:not(.form-item__captcha) {
        margin-bottom: 18px; } }
    @media only screen and (min-width: 1024px) {
      .register-panel__form__wrapper .form-item:not(.form-item__captcha) {
        margin-bottom: 15px; }
        .register-panel__form__wrapper .form-item:not(.form-item__captcha).form-item__password-confirm .form-item__label {
          line-height: normal; } }
  .register-panel__form__wrapper .form-item:last-of-type {
    margin-bottom: 28px; }
    @media only screen and (min-width: 768px) {
      .register-panel__form__wrapper .form-item:last-of-type {
        margin-bottom: 36px; } }
    @media only screen and (min-width: 1024px) {
      .register-panel__form__wrapper .form-item:last-of-type {
        margin-bottom: 30px; } }
  .register-panel__form__wrapper .form-item__captcha {
    margin-bottom: 28px;
    margin-top: 28px; }
    @media only screen and (min-width: 768px) {
      .register-panel__form__wrapper .form-item__captcha {
        margin-bottom: 36px;
        margin-top: 36px; } }
    @media only screen and (min-width: 1024px) {
      .register-panel__form__wrapper .form-item__captcha {
        margin-bottom: 30px;
        margin-top: 30px; } }
  .register-panel__form__wrapper .form-item__label {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .register-panel__form__wrapper .form-item__label {
        width: 32%; } }
  .register-panel__form__wrapper .form-item__input {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .register-panel__form__wrapper .form-item__input {
        width: 68%; } }
  @media only screen and (min-width: 768px) {
    .register-panel__form__wrapper .captcha-info {
      float: left;
      width: 29%; } }
  @media only screen and (min-width: 768px) {
    .register-panel__form__wrapper .captcha-generator {
      float: right;
      width: 68%; } }

.watchlist-add {
  background-color: #f7f7f7;
  padding: 28px 14px; }
  @media only screen and (min-width: 768px) {
    .watchlist-add {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 36px 0; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-add {
      padding: 30px 0; } }
  @media only screen and (min-width: 768px) {
    .watchlist-add .form-item {
      padding-right: 18px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-add .form-item {
      padding-right: 15px; } }
  @media only screen and (min-width: 768px) {
    .watchlist-add .form-item .form-item__label {
      margin-right: 18px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-add .form-item .form-item__label {
      margin-right: 15px; } }
  @media screen and (max-width: 767px) {
    .watchlist-add .form-item .form-item__label,
    .watchlist-add .form-item .form-item__input {
      margin-bottom: 14px;
      width: 100%; } }

@media screen and (max-width: 767px) {
  .watchlist-add__item {
    width: 100%; } }
@media only screen and (min-width: 768px) {
  .watchlist-add__item .form-item__input {
    width: 235px; } }
@media only screen and (min-width: 1024px) {
  .watchlist-add__item .form-item__input {
    width: 338px; } }

.pager-and-results {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  margin-bottom: 28px;
  margin-top: 8px; }
  @media only screen and (min-width: 768px) {
    .pager-and-results {
      margin-bottom: 36px;
      margin-top: 16px; } }
  .pager-and-results .c-select {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    flex: 0 1 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%; }
    .pager-and-results .c-select .c-select__text {
      flex: 0 0 auto;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      padding: 12px 10px 12px 30px; }
      @media only screen and (min-width: 768px) {
        .pager-and-results .c-select .c-select__text {
          font-size: 16px; } }
      @media only screen and (min-width: 1024px) {
        .pager-and-results .c-select .c-select__text {
          font-size: 13px; } }
    @media only screen and (min-width: 768px) {
      .pager-and-results .c-select .c-select__action,
      .pager-and-results .c-select .c-select__results {
        flex: 0 0 35%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%; } }
    @media only screen and (min-width: 1024px) {
      .pager-and-results .c-select .c-select__action,
      .pager-and-results .c-select .c-select__results {
        flex: 0 0 40%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%; } }
    @media only screen and (min-width: 768px) {
      .pager-and-results .c-select .c-select__action {
        padding-right: 18px; } }
    @media only screen and (min-width: 1024px) {
      .pager-and-results .c-select .c-select__action {
        padding-right: 30px; } }
    .pager-and-results .c-select .c-select__results .form-item__select {
      font-size: 14px; }

@media only screen and (min-width: 1024px) {
  .pager-and-results__top {
    margin-bottom: 40px;
    margin-top: 40px; } }

@media only screen and (min-width: 1024px) {
  .pager-and-results__bottom {
    margin-bottom: 30px;
    margin-top: 30px; } }

.watchlist-watchlist .c-table {
  margin-bottom: 0 !important; }
  .watchlist-watchlist .c-table table {
    border-collapse: separate;
    border-style: hidden; }
    .watchlist-watchlist .c-table table thead {
      white-space: nowrap; }
    .watchlist-watchlist .c-table table th {
      background: none; }
    .watchlist-watchlist .c-table table td {
      background: none;
      vertical-align: top;
      padding-bottom: 28px;
      padding-top: 28px; }
      @media only screen and (min-width: 768px) {
        .watchlist-watchlist .c-table table td {
          padding-bottom: 18px;
          padding-top: 18px; } }
      @media only screen and (min-width: 1024px) {
        .watchlist-watchlist .c-table table td {
          padding-bottom: 20px;
          padding-top: 20px; } }
  .watchlist-watchlist .c-table .footable-header {
    background-color: #cccccc !important;
    color: #4c6473; }
  .watchlist-watchlist .c-table .footable-detail-row td:first-child {
    border-left: 5px solid #008580; }
  .watchlist-watchlist .c-table .footable-detail-row .footable-details {
    margin-left: 8px; }
    .watchlist-watchlist .c-table .footable-detail-row .footable-details tr {
      background: none !important; }
    .watchlist-watchlist .c-table .footable-detail-row .footable-details th {
      background: none;
      text-align: left !important;
      color: #4c6473; }
    .watchlist-watchlist .c-table .footable-detail-row .footable-details td {
      text-align: left !important;
      padding: 0; }
  .watchlist-watchlist .c-table [data-expanded] {
    background-color: #253039 !important;
    color: #FFF; }
    .watchlist-watchlist .c-table [data-expanded] td:first-child {
      border-left: 5px solid #008580; }
      .watchlist-watchlist .c-table [data-expanded] td:first-child span {
        margin-left: -5px; }
    .watchlist-watchlist .c-table [data-expanded] .fooicon {
      color: #FFF; }
    .watchlist-watchlist .c-table [data-expanded] .td--alert .c-icon:not(.c-icon--disabled) {
      background: url(../images/icons/alert-white.svg) no-repeat center;
      background-size: 20px 20px;
      height: 20px;
      width: 20px; }
    .watchlist-watchlist .c-table [data-expanded] .td--settings .c-icon {
      background: url(../images/icons/settings-white.svg) no-repeat center;
      background-size: 25px 25px;
      float: right;
      height: 25px;
      width: 25px; }
  .watchlist-watchlist .c-table .footable-toggle {
    float: left;
    margin-top: -3px; }
  @media only screen and (max-width: 767px) {
    .watchlist-watchlist .c-table .footable-details th {
      vertical-align: top; } }
  @media only screen and (min-width: 768px) {
    .watchlist-watchlist .c-table .footable-details th {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .watchlist-watchlist .c-table .footable-details td {
      padding: 12px 0 !important; } }
  @media only screen and (min-width: 768px) {
    .watchlist-watchlist .c-table .footable-details td {
      padding-bottom: 36px;
      padding-top: 36px; } }
  @media only screen and (max-width: 767px) {
    .watchlist-watchlist .c-table .footable-details tr:not(:last-of-type) {
      margin-bottom: 28px; } }

.th--properties {
  width: 25%; }

@media only screen and (min-width: 768px) {
  .td-multi__item:not(:last-of-type) {
    margin-bottom: 18px; } }
@media only screen and (min-width: 1024px) {
  .td-multi__item:not(:last-of-type) {
    margin-bottom: 15px; } }

.td--alert .c-icon {
  background: url(../images/icons/alert-active.svg) no-repeat center;
  background-size: 20px 20px;
  height: 20px;
  width: 20px; }
.td--alert .c-icon--disabled {
  background: url(../images/icons/alert-disabled.svg) no-repeat center;
  background-size: 20px 20px;
  height: 20px;
  width: 20px; }
@media only screen and (min-width: 768px) {
  .td--alert .td-multi__item--secondary {
    margin-top: 18px;
    margin-bottom: 18px;
    margin-left: 36px !important; } }
@media only screen and (min-width: 1024px) {
  .td--alert .td-multi__item--secondary {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 20px !important; } }

.td--delete__item .td-multi__item--primary,
.td--delete__item .td-multi__item--secondary {
  float: left;
  text-align: right; }
.td--delete__item .td-multi__item--primary {
  width: 50%; }
.td--delete__item .td-multi__item--secondary {
  width: 40%; }
.td--delete__item .c-icon-button {
  background: url(../images/icons/circle-delete-solid.svg) no-repeat center;
  background-size: 20px 20px;
  content: '';
  float: right;
  height: 20px;
  width: 20px; }

@media only screen and (max-width: 767px) {
  .footable-details tbody > tr > th:nth-child(1) {
    width: 50% !important; }
  .footable-details tbody > tr:nth-of-type(3) td .td-multi__item--primary {
    color: #4c6473;
    font-family: "univers-bold", sans-serif;
    text-align: left;
    width: 100%;
    word-break: break-word; }
  .footable-details tbody > tr:nth-of-type(3) td .td-multi__item--secondary {
    padding: 0 0 12px 0;
    width: auto;
    text-align: left;
    word-break: break-word; }
  .footable-details tbody div {
    word-break: break-word; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footable-details .td--delete {
    position: relative; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footable-details .td--delete__wrapper {
    float: left;
    width: 50%; } }

@media only screen and (min-width: 768px) {
  .footable-details .td--collapse {
    text-align: center; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footable-details .td--collapse {
    bottom: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; } }

@media only screen and (min-width: 1024px) {
  .td--collapse {
    margin-top: 20px;
    padding-left: 18%; } }
.td--collapse .td-multi__item--secondary {
  font-size: 14px;
  margin-left: 5px;
  line-height: 30px; }
  @media only screen and (min-width: 1024px) {
    .td--collapse .td-multi__item--secondary {
      font-size: 12px; } }
.td--collapse .c-icon {
  background: url(../images/icons/circle-delete.svg) no-repeat center;
  background-size: 30px 30px;
  float: left;
  height: 30px;
  width: 30px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.td--settings {
  vertical-align: middle !important; }
  .td--settings .c-icon {
    background: url(../images/icons/settings.svg) no-repeat center;
    background-size: 25px 25px;
    float: right;
    height: 25px;
    width: 25px; }
    @media only screen and (min-width: 1024px) {
      .td--settings .c-icon {
        background-size: 35px 35px;
        height: 35px;
        width: 35px; } }

.td--chevron {
  vertical-align: middle !important;
  padding-left: 0 !important; }
  .td--chevron .c-icon {
    background: url(../images/icons/chevron-right-red.svg) no-repeat center;
    background-size: 15px 15px;
    float: left;
    height: 15px;
    width: 15px; }

.c-pager__placeholder {
  display: block;
  background: url(../images/pager-small.png) no-repeat center;
  height: 44px;
  width: 101px; }
  @media only screen and (min-width: 1024px) {
    .c-pager__placeholder {
      background: url(../images/pager-large.png) no-repeat center;
      height: 26px;
      width: 314px; } }

.lightbox.lightbox--custom {
  margin-bottom: 50px;
  padding: 14px 14px 28px 14px !important; }
  @media only screen and (min-width: 768px) {
    .lightbox.lightbox--custom {
      padding: 18px 18px 36px 18px !important; } }
  @media only screen and (min-width: 1024px) {
    .lightbox.lightbox--custom {
      padding: 20px 20px 40px 20px !important; } }

.lightbox--custom.lightbox--active {
  position: absolute !important;
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  bottom: auto;
  left: 50%;
  width: 95% !important; }
  @media only screen and (min-width: 768px) {
    .lightbox--custom.lightbox--active {
      width: 85% !important; } }

.lightbox-overlay--custom {
  display: inherit !important; }

.c-dialog-close__link {
  background: url(../images/icons/close.svg) no-repeat center;
  background-size: 14px 14px;
  content: '';
  cursor: pointer;
  display: block;
  font-size: 0;
  float: right;
  height: 14px;
  width: 14px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .c-dialog-close__link {
      background-size: 25px 25px;
      height: 25px;
      width: 25px; } }

.watchlist-dialog .c-brand-layer {
  margin-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    .watchlist-dialog .c-brand-layer {
      margin-bottom: 54px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-dialog .c-brand-layer {
      margin-bottom: 60px; } }

.watchlist-dialog__heading {
  font-size: 32px;
  font-family: "univers-light", sans-serif;
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-dialog__heading {
      margin-bottom: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-dialog__heading {
      font-size: 38px;
      margin-bottom: 40px; } }

.watchlist-dialog__subheading {
  font-size: 24px;
  font-family: "univers-light", sans-serif;
  margin-bottom: 28px;
  display: block !important; }
  @media only screen and (min-width: 768px) {
    .watchlist-dialog__subheading {
      margin-bottom: 18px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-dialog__subheading {
      font-size: 28px;
      margin-bottom: 30px; } }

.watchlist-dialog__heading,
.watchlist-dialog__subheading {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.watchlist-dialog__copy {
  display: block !important;
  font-size: 18px;
  font-family: "univers-light", sans-serif;
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-dialog__copy {
      font-size: 16px;
      margin-bottom: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-dialog__copy {
      font-size: 18px;
      margin-bottom: 30px; } }

.watchlist-form__wrapper {
  padding: 36px 18px !important; }

.watchlist-dialog__table:not(:last-of-type) {
  margin-bottom: 14px !important; }
  @media only screen and (min-width: 768px) {
    .watchlist-dialog__table:not(:last-of-type) {
      margin-bottom: 18px !important; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-dialog__table:not(:last-of-type) {
      margin-bottom: 20px !important; } }
  .watchlist-dialog__table:not(:last-of-type).c-closed {
    margin-bottom: 28px !important; }
    @media only screen and (min-width: 768px) {
      .watchlist-dialog__table:not(:last-of-type).c-closed {
        margin-bottom: 36px !important; } }
    @media only screen and (min-width: 1024px) {
      .watchlist-dialog__table:not(:last-of-type).c-closed {
        margin-bottom: 40px !important; } }
.watchlist-dialog__table:last-of-type {
  margin-bottom: 0 !important; }
.watchlist-dialog__table .c-caption {
  font-size: 18px;
  padding: 24px 30px 24px 28px; }
  @media only screen and (min-width: 1024px) {
    .watchlist-dialog__table .c-caption {
      padding: 16px 30px 16px 20px; } }
.watchlist-dialog__table tr {
  background-color: #f7f7f7 !important; }
.watchlist-dialog__table td {
  padding: 28px 14px !important; }
  @media only screen and (min-width: 768px) {
    .watchlist-dialog__table td {
      padding: 36px 18px !important; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-dialog__table td {
      padding-bottom: 40px !important;
      padding-top: 40px !important; } }

.watchlist-dialog__table__inner {
  margin-bottom: 0 !important; }
  .watchlist-dialog__table__inner td {
    padding-bottom: 0 !important; }

.watchlist-account-dialog .watchlist-dialog__item .form-item:not(:last-of-type):not(.form-item__captcha) {
  margin-bottom: 14px; }
  @media only screen and (min-width: 768px) {
    .watchlist-account-dialog .watchlist-dialog__item .form-item:not(:last-of-type):not(.form-item__captcha) {
      margin-bottom: 18px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-account-dialog .watchlist-dialog__item .form-item:not(:last-of-type):not(.form-item__captcha) {
      margin-bottom: 20px; } }
.watchlist-account-dialog .watchlist-dialog__item .form-item.form-actions {
  margin-top: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-account-dialog .watchlist-dialog__item .form-item.form-actions {
      margin-top: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-account-dialog .watchlist-dialog__item .form-item.form-actions {
      margin-top: 30px; } }
.watchlist-account-dialog .watchlist-dialog__item .form-item .form-item__label,
.watchlist-account-dialog .watchlist-dialog__item .form-item .captcha-info {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .watchlist-account-dialog .watchlist-dialog__item .form-item .form-item__label,
    .watchlist-account-dialog .watchlist-dialog__item .form-item .captcha-info {
      width: 30%; } }
.watchlist-account-dialog .watchlist-dialog__item .form-item .form-item__input,
.watchlist-account-dialog .watchlist-dialog__item .form-item .captcha-generator {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .watchlist-account-dialog .watchlist-dialog__item .form-item .form-item__input,
    .watchlist-account-dialog .watchlist-dialog__item .form-item .captcha-generator {
      width: 70%; } }
@media only screen and (min-width: 768px) {
  .watchlist-account-dialog .watchlist-dialog__item .form-item .captcha-generator,
  .watchlist-account-dialog .watchlist-dialog__item .form-item .captcha-info {
    float: left; } }
.watchlist-account-dialog .watchlist-dialog__item .form-item.form-item__captcha {
  margin-bottom: 28px;
  margin-top: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-account-dialog .watchlist-dialog__item .form-item.form-item__captcha {
      margin-bottom: 36px;
      margin-top: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-account-dialog .watchlist-dialog__item .form-item.form-item__captcha {
      margin-bottom: 30px;
      margin-top: 30px; } }
.watchlist-account-dialog .watchlist-dialog__item .form-item .c-button {
  margin-left: 0 !important; }
  @media only screen and (min-width: 768px) {
    .watchlist-account-dialog .watchlist-dialog__item .form-item .c-button {
      float: right;
      margin-right: 0 !important;
      width: auto !important; } }

.watchlist-dialog__item {
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .watchlist-dialog__item .c-button {
      text-align: center;
      width: 100% !important; } }

@media only screen and (min-width: 1024px) {
  .watchlist-dialog__item--narrow {
    margin-left: auto;
    margin-right: auto;
    width: 80% !important;
    display: block !important; } }

.watchlist-dialog__item--bold {
  background-color: #c0c1c3;
  padding: 28px 14px;
  margin-top: 42px; }
  @media only screen and (max-width: 767px) {
    .watchlist-dialog__item--bold {
      margin-bottom: -32px;
      margin-left: -28px;
      margin-right: -28px; } }
  @media only screen and (min-width: 768px) {
    .watchlist-dialog__item--bold {
      padding: 36px 18px;
      margin-top: 54px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-dialog__item--bold {
      padding-bottom: 40px;
      padding-top: 40px;
      margin-top: 60px; } }

.watchlist-dialog__copy--bold {
  font-size: 30px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .watchlist-dialog__copy--bold {
      margin-bottom: 18px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-dialog__copy--bold {
      font-size: 28px; } }

.watchlist-phone__info {
  margin-bottom: 0; }

.watchlist-phone__number {
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-phone__number {
      margin-bottom: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-phone__number {
      margin-bottom: 30px; } }

.watchlist-phone__number--primary {
  float: left; }
  .watchlist-phone__number--primary:after {
    background: url(../images/icons/circle-delete-solid.svg) no-repeat center;
    background-size: 29px 29px;
    content: '';
    display: block;
    height: 29px;
    width: 29px;
    margin-right: 14px; }
    @media only screen and (min-width: 768px) {
      .watchlist-phone__number--primary:after {
        background-size: 20px 20px;
        height: 20px;
        margin-right: 9px;
        width: 20px; } }
    @media only screen and (min-width: 1024px) {
      .watchlist-phone__number--primary:after {
        margin-right: 7px; } }

.watchlist-phone__number--secondary {
  display: block;
  float: left;
  font-family: "univers-light", sans-serif;
  font-size: 18px;
  line-height: 30px; }
  @media only screen and (min-width: 768px) {
    .watchlist-phone__number--secondary {
      font-size: 16px;
      line-height: 21px; } }

.watchlist-options-dialog .watchlist-dialog__item:not(:last-of-type) {
  margin-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    .watchlist-options-dialog .watchlist-dialog__item:not(:last-of-type) {
      margin-bottom: 54px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-options-dialog .watchlist-dialog__item:not(:last-of-type) {
      margin-bottom: 40px; } }
.watchlist-options-dialog .watchlist-dialog__item .v-caption {
  display: block !important; }
  .watchlist-options-dialog .watchlist-dialog__item .v-caption .v-captiontext {
    font-size: 16px; }
.watchlist-options-dialog .watchlist-dialog__item .v-textarea {
  width: 300px;
  height: 150px; }
.watchlist-options-dialog .c-watchlist-dialog__alert-text {
  margin-top: 15px;
  vertical-align: bottom; }
  .watchlist-options-dialog .c-watchlist-dialog__alert-text .v-caption {
    display: block;
    font-weight: bold;
    margin-top: 10px;
    font-size: 16px; }
  .watchlist-options-dialog .c-watchlist-dialog__alert-text textarea {
    display: inline; }
  .watchlist-options-dialog .c-watchlist-dialog__alert-text .c-text-light {
    margin-left: 10px;
    font-size: 13px; }

.watchlist-dialog__subcopy {
  font-size: 16px;
  font-family: "univers-light", sans-serif;
  margin-bottom: 14px; }
  @media only screen and (min-width: 768px) {
    .watchlist-dialog__subcopy {
      margin-bottom: 18px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-dialog__subcopy {
      font-size: 18px;
      margin-bottom: 20px; } }

@media only screen and (min-width: 768px) {
  .watchlist-kaufkurs .form-item {
    float: left; }
    .watchlist-kaufkurs .form-item:not(:last-of-type) {
      padding-right: 18px; } }
@media only screen and (min-width: 1024px) {
  .watchlist-kaufkurs .form-item:not(:last-of-type) {
    padding-right: 15px; } }
@media only screen and (max-width: 767px) {
  .watchlist-kaufkurs .form-actions .c-primary {
    margin-bottom: 7px; } }

@media only screen and (max-width: 767px) {
  .watchlist-kaufkurs__price {
    margin-bottom: 14px; } }
.watchlist-kaufkurs__price .form-item__label {
  font-size: 16px;
  font-weight: "univers-light", sans-serif;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .watchlist-kaufkurs__price .form-item__label {
      margin-right: 10px;
      width: auto !important; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-kaufkurs__price .form-item__label {
      font-size: 18px; } }
.watchlist-kaufkurs__price .form-item__input {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .watchlist-kaufkurs__price .form-item__input {
      width: 120px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-kaufkurs__price .form-item__input {
      width: 150px; } }

.watchlist-notifications .c-icon-button {
  float: left;
  display: block !important; }
  .watchlist-notifications .c-icon-button:after {
    background: url(../images/icons/circle-delete-solid.svg) no-repeat center;
    background-size: 29px 29px;
    content: '';
    display: block;
    height: 29px;
    width: 29px;
    margin-right: 14px; }
    @media only screen and (min-width: 768px) {
      .watchlist-notifications .c-icon-button:after {
        margin-right: 18px; } }
    @media only screen and (min-width: 1024px) {
      .watchlist-notifications .c-icon-button:after {
        margin-right: 15px; } }

.watchlist-notifications--primary {
  display: block !important;
  margin-bottom: 14px; }
  @media only screen and (min-width: 768px) {
    .watchlist-notifications--primary {
      margin-bottom: 18px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-notifications--primary {
      margin-bottom: 15px; } }

.watchlist-notifications__text {
  font-size: 16px;
  font-family: "univers-light", sans-serif;
  padding-left: 44px;
  display: block !important; }
  @media only screen and (min-width: 768px) {
    .watchlist-notifications__text {
      font-size: 16px;
      line-height: 30px;
      padding-left: 47px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-notifications__text {
      font-size: 18px; } }

@media only screen and (max-width: 767px) {
  .watchlist-alert .form-item {
    margin-bottom: 14px; } }
@media only screen and (min-width: 768px) {
  .watchlist-alert .form-item {
    float: left;
    width: 50%;
    padding-bottom: 10px; } }
@media only screen and (min-width: 768px) {
  .watchlist-alert .form-item:not(:nth-last-of-type(2)):not(.form-actions) {
    padding-right: 18px; } }
@media only screen and (min-width: 1024px) {
  .watchlist-alert .form-item:not(:nth-last-of-type(2)):not(.form-actions) {
    padding-right: 15px; } }
.watchlist-alert .form-item__label {
  display: none !important; }
.watchlist-alert .form-item__input {
  width: 100%; }
.watchlist-alert .form-actions {
  margin-top: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-alert .form-actions {
      margin-top: 36px;
      text-align: right;
      width: 100%; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-alert .form-actions {
      margin-top: 30px; } }

.watchlist-options-actions .form-actions {
  display: block !important; }
  @media only screen and (min-width: 768px) {
    .watchlist-options-actions .form-actions {
      text-align: right; } }
  .watchlist-options-actions .form-actions:first-of-type {
    margin-bottom: 14px; }
    @media only screen and (min-width: 768px) {
      .watchlist-options-actions .form-actions:first-of-type {
        margin-bottom: 18px; } }
    @media only screen and (min-width: 1024px) {
      .watchlist-options-actions .form-actions:first-of-type {
        margin-bottom: 20px; } }

.dialog-alert {
  color: #810110;
  font-size: 14px;
  display: block !important; }
  .dialog-alert .c-icon {
    background: url(../images/icons/circle-error.svg) no-repeat center;
    background-size: 20px 20px;
    float: left;
    height: 20px;
    margin-right: 7px;
    width: 20px; }
    @media only screen and (min-width: 768px) {
      .dialog-alert .c-icon {
        margin-right: 9px; } }
    @media only screen and (min-width: 1024px) {
      .dialog-alert .c-icon {
        margin-right: 10px; } }

@media only screen and (max-width: 767px) {
  .dialog-alert__inner {
    margin-bottom: 28px;
    margin-top: 28px;
    padding: 0 15px; } }
@media only screen and (min-width: 768px) {
  .dialog-alert__inner {
    margin-bottom: 36px;
    margin-top: 18px;
    width: 50%; } }
@media only screen and (min-width: 1024px) {
  .dialog-alert__inner {
    margin-bottom: 30px;
    margin-top: 20px;
    width: 40%; } }

.dialog-alert__message {
  display: block;
  overflow: hidden; }

@media only screen and (max-width: 767px) {
  .dialog-alert-actions .c-button:first-of-type {
    margin-bottom: 14px; } }
@media only screen and (min-width: 768px) {
  .dialog-alert-actions .c-button:first-of-type {
    margin-right: 18px; } }
@media only screen and (min-width: 1024px) {
  .dialog-alert-actions .c-button:first-of-type {
    float: left;
    margin-right: 15px; } }

.dialog-alert-actions-disabled {
  margin-top: 28px; }
  @media only screen and (min-width: 768px) {
    .dialog-alert-actions-disabled {
      margin-top: 54px; } }
  @media only screen and (min-width: 1024px) {
    .dialog-alert-actions-disabled {
      margin-top: 20px; } }

@media only screen and (min-width: 768px) {
  .dialog-alert__inner,
  .dialog-alert-actions__inner,
  .dialog-alert-actions-disabled__inner {
    float: right;
    width: 50%; } }
@media only screen and (min-width: 1024px) {
  .dialog-alert__inner,
  .dialog-alert-actions__inner,
  .dialog-alert-actions-disabled__inner {
    text-align: left;
    width: 40%; } }

.watchlist-settings-dialog .watchlist-dialog__item:not(:last-of-type) {
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-settings-dialog .watchlist-dialog__item:not(:last-of-type) {
      margin-bottom: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-settings-dialog .watchlist-dialog__item:not(:last-of-type) {
      margin-bottom: 30px; } }
.watchlist-settings-dialog .c-checkbox label {
  font-size: 16px; }
  @media only screen and (min-width: 1024px) {
    .watchlist-settings-dialog .c-checkbox label {
      font-size: 18px; } }

.watchlist-notification-options--primary .c-checkbox-wrapper {
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-notification-options--primary .c-checkbox-wrapper:first-of-type {
      margin-bottom: 36px; }
    .watchlist-notification-options--primary .c-checkbox-wrapper:last-of-type {
      margin-bottom: 18px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-notification-options--primary .c-checkbox-wrapper:first-of-type {
      margin-bottom: 30px; }
    .watchlist-notification-options--primary .c-checkbox-wrapper:last-of-type {
      margin-bottom: 30px; } }

.watchlist-notification-options--secondary .notifications-options__channel {
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-notification-options--secondary .notifications-options__channel {
      margin-bottom: 18px;
      width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-notification-options--secondary .notifications-options__channel {
      margin-bottom: 15px; } }

@media only screen and (max-width: 767px) {
  .watchlist-performance-options .form-item__input {
    margin-left: 35px;
    margin-bottom: 28px;
    margin-top: 14px;
    /*width: 100%;*/ } }
@media only screen and (min-width: 768px) {
  .watchlist-performance-options .form-item__input {
    margin-left: 35px;
    margin-right: 18px;
    width: 110px; } }
@media only screen and (min-width: 1024px) {
  .watchlist-performance-options .form-item__input {
    margin-left: 35px;
    margin-right: 15px; } }

.watchlist-product-options .c-checkbox-wrapper {
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-product-options .c-checkbox-wrapper {
      margin-bottom: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-product-options .c-checkbox-wrapper {
      margin-bottom: 30px; } }

@media only screen and (min-width: 768px) {
  .watchlist-settings-actions {
    text-align: right; } }
@media only screen and (max-width: 767px) {
  .watchlist-settings-actions .c-button:first-of-type {
    margin-bottom: 7px; } }
@media only screen and (min-width: 768px) {
  .watchlist-settings-actions .c-button:first-of-type {
    margin-right: 28px; } }
@media only screen and (min-width: 1024px) {
  .watchlist-settings-actions .c-button:first-of-type {
    margin-right: 15px; } }

.watchlist-notifications-dialog .watchlist-dialog__item:not(:last-of-type) {
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-notifications-dialog .watchlist-dialog__item:not(:last-of-type) {
      margin-bottom: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-notifications-dialog .watchlist-dialog__item:not(:last-of-type) {
      margin-bottom: 40px; } }

.watchlist-notifications-alerts .c-icon {
  background: url(../images/icons/circle-error-solid.svg) no-repeat center;
  background-size: 25px 25px;
  float: left;
  height: 25px;
  margin-right: 14px;
  width: 25px; }
  @media only screen and (min-width: 768px) {
    .watchlist-notifications-alerts .c-icon {
      margin-right: 18px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-notifications-alerts .c-icon {
      margin-left: 20px;
      margin-right: 20px; } }
.watchlist-notifications-alerts .c-button {
  margin-top: 14px; }
  @media only screen and (min-width: 768px) {
    .watchlist-notifications-alerts .c-button {
      margin-left: 43px;
      margin-top: 18px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-notifications-alerts .c-button {
      margin-left: 65px;
      margin-top: 20px; } }

.watchlist-notifications-alerts__text {
  overflow: hidden;
  font-size: 16px;
  display: block !important; }
  @media only screen and (min-width: 1024px) {
    .watchlist-notifications-alerts__text {
      font-size: 18px; } }

.watchlist-notifications-actions {
  border-top: 1px solid #d7d8d6;
  padding-top: 28px; }
  @media only screen and (min-width: 768px) {
    .watchlist-notifications-actions {
      padding-top: 36px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-notifications-actions {
      padding-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .watchlist-notifications-actions .watchlist-notifications-settings {
      display: block;
      font-family: "univers-medium", sans-serif;
      font-size: 14px;
      margin-bottom: 28px; } }
  @media only screen and (min-width: 768px) {
    .watchlist-notifications-actions .watchlist-notifications-settings {
      font-size: 16px;
      margin-right: 18px; } }
  @media only screen and (min-width: 1024px) {
    .watchlist-notifications-actions .watchlist-notifications-settings {
      font-size: 14px;
      margin-right: 20px; } }
  .watchlist-notifications-actions .form-actions {
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .watchlist-notifications-actions .form-actions {
        text-align: right; } }

@media (max-width: 768px) {
  .c-watchlist-dialog .controls div {
    display: block !important; }
    .c-watchlist-dialog .controls div:nth-child(2) {
      margin-top: 20px; } }
.c-layout-3-cols {
  padding-top: 30px;
  padding-bottom: 20px; }

.c-tooltip {
  border-bottom: 1px dotted #000000; }

.c-footnotes {
  font-size: 12px; }

.c-link .c-icon:after, .c-link.c-icon:after,
.v-button .c-icon:after,
.v-button.c-icon:after {
  font-family: pwsicons, Arial;
  font-style: normal;
  color: #de0011;
  content: "\feff\3e";
  line-height: 0; }
.c-link:hover,
.v-button:hover {
  text-decoration: none; }
  .c-link:hover span,
  .v-button:hover span {
    text-decoration: underline; }

.c-link-download {
  box-sizing: border-box;
  padding-right: 30px;
  display: inline-block;
  position: relative;
  width: 100%; }
  .c-link-download:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    font-family: pwsicons, Arial;
    font-style: normal;
    font-size: 18px;
    color: #929292;
    line-height: 18px;
    content: "\feff\21d3"; }
  .c-link-download.c-left:after {
    left: 0 !important; }
  .c-link-download:hover:after {
    color: #333333; }

.c-link-external {
  box-sizing: border-box;
  padding-right: 30px;
  display: inline-block;
  position: relative;
  width: 100%; }
  .c-link-external:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    font-family: pwsicons, Arial;
    font-style: normal;
    font-size: 18px;
    color: #929292;
    line-height: 18px;
    content: "\feff\238b"; }
  .c-link-external:hover:after {
    color: #333333; }

.c-icon-secondary-market:before {
  display: inline-block;
  position: relative;
  top: -5px;
  margin-right: 10px;
  padding: 0 10px;
  background-color: #de0011;
  font-family: "univers-bold", sans-serif;
  font-style: normal;
  color: #FFFFFF;
  font-size: 77%;
  line-height: 1;
  content: "S"; }

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

.c-hidden {
  display: none; }

.c-hide-rows-action {
  display: none;
  text-align: center;
  font-size: 13px;
  color: #a2a2a2; }
  .c-hide-rows-action:hover {
    text-decoration: none;
    color: #333; }

.c-hide-rows tbody {
  /* vaadin sass compiler can't do this: tr:nth-child(20) ~ tr */ }
  .c-hide-rows tbody tr:nth-child(20) ~ tr {
    display: none; }
.c-hide-rows .c-hide-rows-action {
  display: block; }
  .c-hide-rows .c-hide-rows-action:before {
    content: "\feff\2304";
    display: block;
    font-family: pwsicons, Arial;
    font-size: 16px;
    color: #de0011; }

.c-table .c-button,
.c-content .c-button {
  box-sizing: border-box;
  font-size: 14px;
  font-family: "univers-medium", sans-serif;
  padding: 8px 12px 10px 15px;
  display: inline-block;
  background: #de0011;
  color: #fff;
  margin-left: 10px;
  text-align: center;
  vertical-align: middle; }
  .c-table .c-button:hover,
  .c-content .c-button:hover {
    background-color: #b1000e;
    text-decoration: none; }

.c-table {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid; }
  .c-table .c-fancy-select {
    padding: 0;
    background-color: #ededed;
    border: 0; }
    .c-table .c-fancy-select select {
      font-size: 13px;
      font-family: "univers-bold", sans-serif;
      font-weight: normal;
      font-style: normal; }
    .c-table .c-fancy-select:before {
      background-color: #ededed; }
  .c-table .c-collapse {
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 30px; }
    .c-table .c-collapse:after {
      content: "\feff\2304";
      font-size: 20px;
      font-family: pwsicons, Arial;
      right: 6px;
      position: absolute;
      top: 50%;
      margin-top: -16px;
      color: #de0011; }
    .c-table .c-collapse.c-closed:after {
      content: "\feff\2f0"; }
  .c-table.c-closed tbody {
    display: none; }
  .c-table.c-closed .c-caption:after {
    content: ">"; }
  .c-table table {
    font-size: 13px;
    margin: 0;
    width: 100%; }
  .c-table.c-has-buttons colgroup col:first-child {
    width: 30%; }
  .c-table.c-has-buttons colgroup col:last-child {
    width: 70%; }
  .c-table colgroup col:first-child {
    width: 60%; }
  .c-table colgroup col:last-child {
    width: 40%; }
  .c-table .footable-header {
    background-color: #cccccc !important;
    color: #4c6473; }
    .c-table .footable-header .footable-sortable .fooicon {
      opacity: 1;
      margin-left: 6px; }
    .c-table .footable-header .fooicon-sort {
      font-size: 1.1em;
      color: #e6e6e6; }
      .c-table .footable-header .fooicon-sort:before {
        content: "\f0dc" !important;
        font-family: 'FontAwesome';
        font-size: 1.5rem; }
    .c-table .footable-header .fooicon-sort-asc:after {
      content: "\f0de" !important;
      font-family: 'FontAwesome';
      color: #e6e6e6;
      font-size: 1.5rem;
      position: absolute;
      left: 0;
      top: 2px; }
    .c-table .footable-header .fooicon-sort-asc:before {
      content: "\f0dd" !important;
      font-family: 'FontAwesome';
      color: #de0011;
      font-size: 1.5rem; }
    .c-table .footable-header .fooicon-sort-desc:after {
      content: "\f0dd" !important;
      font-family: 'FontAwesome';
      color: #e6e6e6;
      font-size: 1.5rem; }
    .c-table .footable-header .fooicon-sort-desc:before {
      content: "\f0de" !important;
      font-family: 'FontAwesome';
      color: #de0011;
      font-size: 1.5rem;
      position: absolute;
      top: 2px; }
  .c-table tbody .fooicon-sort:before,
  .c-table tbody .fooicon-sort-asc:before,
  .c-table tbody .fooicon-sort-desc:before {
    content: ""; }
  .c-table tr:nth-child(odd) {
    background-color: #f7f7f7; }
  .c-table tr:nth-child(even) {
    background-color: #fff; }
  .c-table tr.c-hl {
    background-color: #ededed;
    font-family: "univers-bold", sans-serif; }
  .c-table tr.c-hl td:last-child {
    text-align: left; }
  .c-table tr.has-button td:last-child {
    padding-right: 0; }
  .c-table th {
    padding: 12px 10px;
    vertical-align: middle;
    text-align: left;
    background-color: #c0c1c3;
    font-family: "univers-bold", sans-serif; }
  .c-table td {
    padding: 12px 10px;
    vertical-align: middle;
    text-align: left; }
    .c-table td:last-child {
      text-align: left; }
    .c-table td:first-child {
      text-align: left; }
    .c-table td.c-copy {
      text-align: left; }
    .c-table td .c-button {
      margin-right: -10px; }
  .c-table .c-caption {
    position: relative;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 30px; }
    .c-table .c-caption:after {
      content: "\feff\2304";
      font-size: 20px;
      font-family: pwsicons, Arial;
      right: 6px;
      position: absolute;
      top: 50%;
      margin-top: -16px;
      color: #de0011; }
  .c-table .c-hl {
    background-color: #ededed;
    font-family: "univers-bold", sans-serif; }
    .c-table .c-hl td:last-child {
      text-align: left; }

/* PowerTip Plugin */
#c-tooltip {
  cursor: default;
  background-color: #F7F7F7;
  font-family: "univers-regular", sans-serif;
  font-size: 12px;
  color: #333333;
  border: 1px solid #c0c1c3;
  border-radius: 5px;
  padding: 7px;
  display: none;
  position: absolute;
  max-width: 260px;
  z-index: 2147483647; }
  #c-tooltip:before {
    content: "";
    position: absolute; }
  #c-tooltip.n:before, #c-tooltip.s:before {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    left: 50%;
    margin-left: -5px; }
  #c-tooltip.e:before, #c-tooltip.w:before {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    margin-top: -5px;
    top: 50%; }
  #c-tooltip.n:before {
    border-top: 10px solid #c0c1c3;
    bottom: -10px; }
  #c-tooltip.e:before {
    border-right: 10px solid #c0c1c3;
    left: -10px; }
  #c-tooltip.s:before {
    border-bottom: 10px solid #c0c1c3;
    top: -10px; }
  #c-tooltip.w:before {
    border-left: 10px solid #c0c1c3;
    right: -10px; }
  #c-tooltip.ne:before, #c-tooltip.se:before {
    border-right: 10px solid transparent;
    border-left: 0;
    left: 10px; }
  #c-tooltip.nw:before, #c-tooltip.sw:before {
    border-left: 10px solid transparent;
    border-right: 0;
    right: 10px; }
  #c-tooltip.ne:before, #c-tooltip.nw:before {
    border-top: 10px solid #c0c1c3;
    bottom: -10px; }
  #c-tooltip.se:before, #c-tooltip.sw:before {
    border-bottom: 10px solid #c0c1c3;
    top: -10px; }
  #c-tooltip.nw-alt:before, #c-tooltip.ne-alt:before, #c-tooltip.sw-alt:before, #c-tooltip.se-alt:before {
    border-top: 10px solid #c0c1c3;
    bottom: -10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 10px; }
  #c-tooltip.ne-alt:before {
    left: auto;
    right: 10px; }
  #c-tooltip.sw-alt:before, #c-tooltip.se-alt:before {
    border-top: none;
    border-bottom: 10px solid #c0c1c3;
    bottom: auto;
    top: -10px; }
  #c-tooltip.se-alt:before {
    left: auto;
    right: 10px; }

.form .form-wrapper .required {
	display: none;
}

.page .form {
  width: 74.57%;
  margin-bottom: 82px;
  overflow: hidden;
}
  .page .form .text {
    font-family: "univers-light", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 50px; }
  .form .text h1  {
    font-family: "univers-light", sans-serif;
    font-size: 30px;
    font-size: 3.0rem;
    margin-bottom: 18px;
    margin-top: 40px;
  }
  .page .form .error {

  }
    .page .form .text ul {
      margin: 24px 0; }
    .page .form .error h1 {
      color: red;
      font-weight: bold;
    }
    .page .form .error ul {
	
    margin: 10px 10px 10px 0px;
    border: 3px solid red;
    padding: 10px;
	width: 65vmin;
    background-color: white;

    }
      .page .form .text ul li {
        list-style-type: none; }
.page .form-row {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between; }
.page fieldset {
  border: none;
  padding: 0;
  margin: 0;
  /*
          .form-item-s {
              display: inherit;
          }
  
          label[for="zip"] {
              width: 200px;
          }
          input[name="zip"] {
              width: 78px;
          }
  
          input[name="city"] {
              width: 340px;
              margin-left: 20px;
          }
  
          input[name="street"] {
              width: 340px;
          }
  
          input[name="street_no"] {
              width: 78px;
              margin-left: 20px;
          }
  */ }
  .page fieldset legend {
    margin-bottom: 9px; }
  .page fieldset label + fieldset {
    display: inline-block;
    width: calc(100% - 200px); }
  .page fieldset h2 {
    font-family: "univers-light", sans-serif;
    font-size: 30px;
    font-size: 3.0rem;
    margin-bottom: 18px;
    margin-top: 40px; }
  .page fieldset label {
    width: 180px;
    display: inline-block;
    padding-top: 9px; }
    .page fieldset label em {
      display: none; }
  .page fieldset label[for="message"] {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden; }
  .page fieldset textarea {
    width: 100%;
    padding: 10px 15px 11px 15px;
    border: 1px solid #d7d8d6;
    font-family: "univers-regular", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #717171;
    background: #f2f2f2; }
  .page fieldset select {
    width: 100%;
    border: 1px solid #d7d8d6;
    font-family: "univers-regular", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #717171;
    padding: 10px 48px 11px 15px; }
  .page fieldset input[type="text"],
  .page fieldset input[type="email"],
  .page fieldset input[type="password"] {
    width: calc(100% - 200px);
    padding: 10px 15px 11px 15px;
    border: 1px solid #d7d8d6;
    font-family: "univers-regular", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #717171; }
  .page fieldset input[type="date"] {
    padding: 10px 15px 11px 15px;
    border: 1px solid #d7d8d6;
    font-family: "univers-regular", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #717171; }
  .page fieldset input[type="time"] {
    padding: 10px 15px 11px 15px;
    border: 1px solid #d7d8d6;
    font-family: "univers-regular", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #717171; }
  .page fieldset input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    left: 0.2em;
    z-index: 0;
    margin: 0;
    outline: none; }
    .page fieldset input[type="checkbox"] ~ label {
      margin-left: 35px;
      display: inline-block;
      word-wrap: normal;
      white-space: normal;
      width: auto; }
      .page fieldset input[type="checkbox"] ~ label:before {
        color: #00857f;
        font-weight: 400;
        border-radius: 0;
        border: 1px solid #d7d8d6;
        border-top-color: #d7d8d6;
        border-bottom-color: #d7d8d6;
        background-color: white;
        background-image: -webkit-linear-gradient(top, white 0%, white 100%);
        background-image: linear-gradient(to bottom, white 0%, white 100%);
        -webkit-box-shadow: inset 0 1px 0 white, inset 0 -1px 0 white, 0 2px 3px transparent;
        box-shadow: inset 0 1px 0 white, inset 0 -1px 0 white, 0 2px 3px transparent;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
        padding: 0;
        height: 25px;
        font-size: 16px;
        text-align: center;
        content: "";
        font-family: FontAwesome;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 25px;
        position: absolute;
        left: 0; }
    .page fieldset input[type="checkbox"]:checked ~ label:before {
      content: "\f00c"; }
  .page fieldset .error select,
  .page fieldset .error input[type="text"],
  .page fieldset .error input[type="email"],
  .page fieldset .error input[type="date"],
  .page fieldset .error input[type="time"] {
    border: 1px solid #de0011; }
  .page fieldset input[type="submit"] {
    background: none;
    font-family: "univers-regular", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    padding: 15px 18px 14px 18px;
    cursor: pointer; }
  .page fieldset input[type="submit"]:last-child {
    background: #db0011;
    color: #fff; }
  .page fieldset .button-wrapper {
    margin-top: 36px;
    text-align: right; }
  .page fieldset:nth-of-type(3) .form-row {
    display: inline-block;
    margin-right: 20px;
    width: auto; }
    .page fieldset:nth-of-type(3) .form-row label {
      width: auto;
      margin-right: 20px; }
    .page fieldset:nth-of-type(3) .form-row:first-child {
      display: block;
      margin-right: 0; }
      .page fieldset:nth-of-type(3) .form-row:first-child label {
        margin-left: 0; }

@media (max-width: 1024px) {
  .page .form {
    width: 95%; } }
@media (max-width: 800px) {
  .page .form {
    width: 100%; }
  .page .rtc {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
  .page .rtc__heading {
    font-family: "univers-light", sans-serif;
    font-size: 30px;
    font-size: 3.0rem;
    padding-left: 0; }
    .page .rtc__heading:before {
      content: none; }
  .page .rtc__section {
    border-bottom: 0;
    width: 48.5%; }
    .page .rtc__section:first-child {
      flex: 2 2 100%;
      width: 100%;
      border-bottom: none; }
    .page .rtc__section.rtc__body .rtc__body-item--primary {
      border-bottom: 1px solid #e2e2e1;
      padding-bottom: 10px;
      margin-bottom: 10px; }
  .page .rtc__body-item-address {
    font-size: 18px;
    font-size: 1.8rem; } }
@media (max-width: 640px) {
  .page .rtc {
    display: block; }
  .page .rtc__heading {
    font-size: 28px;
    font-size: 2.8rem; }
  .page .rtc__section {
    width: auto; } }
@media (max-width: 520px) {
  .page fieldset .form-row {
    display: block; }
  .page fieldset label {
    display: block;
    width: auto;
    padding-top: 0;
    margin-bottom: 9px; }
  .page fieldset textarea,
  .page fieldset select,
  .page fieldset input[type="text"],
  .page fieldset input[type="email"],
  .page fieldset input[type="date"],
  .page fieldset input[type="time"] {
    width: 100%; }
  .page fieldset:nth-of-type(3) .form-row {
    width: 100%;
    margin-right: 0; }
    .page fieldset:nth-of-type(3) .form-row label {
      width: auto;
      margin-right: 0; }
    .page fieldset:nth-of-type(3) .form-row:first-child {
      display: block;
      margin-right: 0; }
      .page fieldset:nth-of-type(3) .form-row:first-child label {
        margin-left: 0; } }
.hsbc.downloads p img {
  margin-right: 20px; }

.lightbox {
  padding: 20px 20px 40px 20px !important;
  max-width: 830px !important; }
  .lightbox.lightbox--active {
    -webkit-transform: translate3d(0, 0, 0) translateX(-50%) translateY(-50%);
    -moz-transform: translate3d(0, 0, 0) translateX(-50%) translateY(-50%);
    -ms-transform: translate3d(0, 0, 0) translateX(-50%) translateY(-50%);
    -o-transform: translate3d(0, 0, 0) translateX(-50%) translateY(-50%);
    transform: translate3d(0, 0, 0) translateX(-50%) translateY(-50%);
    top: 50% !important;
    left: 50% !important; }
  .lightbox p {
    margin-top: 0;
    margin-bottom: 11px; }
  .lightbox .lightbox__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 830px !important;
    background-color: #fff;
    padding: 20px 20px 0 20px;
    z-index: 100; }
    .lightbox .lightbox__header .logo {
      width: auto;
      height: 26px;
      display: block;
      margin-bottom: 20px; }
  .lightbox .lightbox__inner {
    overflow-y: auto;
    padding-right: 20px;
    scrollbar-base-color: #de0011;
    scrollbar-track-color: #f7f7f7;
    scrollbar-arrow-color: #de0011;
    scrollbar-shadow-color: #de0011;
    -ms-overflow-style: scrollbar; }
    .lightbox .lightbox__inner::-webkit-scrollbar {
      width: 6px; }
    .lightbox .lightbox__inner::-webkit-scrollbar-track {
      background: #f7f7f7; }
    .lightbox .lightbox__inner::-webkit-scrollbar-thumb {
      background-color: #de0011;
      outline: 1px solid #de0011; }
  .lightbox .lightbox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 0 20px 40px 20px;
    z-index: 100; }
  .lightbox .lightbox__footer_divider {
    margin: 40px 0 40px 0; }
  .lightbox .lightbox__close {
    top: 5px;
    right: 20px; }
  .lightbox .c-close-button {
    z-index: 9999;
    position: absolute;
    right: 10px;
    top: 10px; }

.lightbox--fullscreen.no-scroll {
  overflow: visible;
  height: auto; }
  .lightbox--fullscreen.no-scroll .site-wrapper {
    display: none; }
.lightbox--fullscreen .c-responsive-window {
  display: block; }
.lightbox--fullscreen .lightbox {
  display: block; }
  .lightbox--fullscreen .lightbox.lightbox--active {
    max-height: none;
    margin: 0 auto;
    overflow-y: auto;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    height: auto !important; }
  .lightbox--fullscreen .lightbox .lightbox__header {
    position: fixed;
    z-index: 100;
    margin: 0;
    padding: 10px 20px 10px 20px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fff; }
  .lightbox--fullscreen .lightbox .lightbox__inner {
    max-height: none !important;
    padding-right: 0; }
  .lightbox--fullscreen .lightbox .lightbox__footer {
    margin: 0;
    padding: 0 20px 20px 20px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff; }
    .lightbox--fullscreen .lightbox .lightbox__footer.lightbox__footer--fixed {
      position: fixed;
      left: 50%;
      bottom: 0;
      max-width: 830px; }
  .lightbox--fullscreen .lightbox .lightbox__close {
    top: 0;
    right: 10px;
    position: fixed; }
  .lightbox--fullscreen .lightbox .c-close-button {
    top: 0;
    right: 0;
    position: fixed; }
.lightbox--fullscreen .lightbox-overlay.lightbox-overlay--active {
  visibility: hidden; }

@media screen and (max-width: 800px) {
  .lightbox--fullscreen .lightbox .lightbox__header {
    padding: 10px 10px 10px 10px; }
  .lightbox--fullscreen .lightbox .lightbox__footer {
    padding: 0 10px 20px 10px; } }
@media screen and (max-width: 480px), screen and (max-height: 560px) {
  .lightbox .lightbox__header .logo {
    margin-bottom: 10px; }
  .lightbox .lightbox__footer {
    padding-bottom: 20px; }
  .lightbox .lightbox__footer_divider {
    display: none; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .lightbox--fullscreen .lightbox .lightbox__header {
    padding-bottom: 5px; }
    .lightbox--fullscreen .lightbox .lightbox__header .logo {
      height: 18px; }
  .lightbox--fullscreen .lightbox .lightbox__footer {
    padding: 0 10px 5px 10px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 359px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .lightbox--fullscreen .lightbox .lightbox__header .logo {
    margin-bottom: 10px; }
  .lightbox--fullscreen .lightbox .lightbox__footer {
    padding: 0 10px 10px 10px; } }
.iframe-wrapper {
  padding-bottom: 40px;
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
  height: 1200px; }
  .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media print {
  html {
    font-size: 8.75px; }

  body {
    margin: 0; }

  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
       http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }

  script,
  style {
    display: none; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  p {
    margin-top: 0 !important; }

  div {
    page-break-inside: auto; }

  h1, h2, h3, h4 {
    page-break-after: avoid;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    color: #000 !important; }

  h1, h2, h3 {
    margin-top: 0 !important; }

  h1,
  .page-description__heading {
    font-size: 48px !important; }

  .page-description__summary {
    font-size: 18px !important; }

  .text a:link,
  .text a:visited {
    color: #000;
    text-decoration: underline !important;
    /*
            text-decoration: none !important;
            &:after {
                content:" (" attr(href) ") ";
                font-size:0.8em;
                font-weight:normal;
            }
    */ }

  pre,
  blockquote {
    page-break-inside: avoid; }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group !important; }
    thead tr.footable-header,
    thead tr:last-child {
      border-bottom: 1px solid #000 !important; }

  tr,
  img {
    page-break-inside: auto; }

  img {
    max-width: 100% !important; }

  div[location="ampel"] {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }

  .nav-tray {
    display: none !important; }

  .header--fixed {
    display: block !important;
    position: static !important;
    margin: 0;
    padding: 0;
    border-bottom: none; }

  .header__primary {
    min-height: 0;
    margin: 0;
    padding: 0; }

  .primary-nav {
    display: none !important; }

  .header__secondary {
    display: none !important; }

  .header--wedge {
    display: none; }

  .logon-panel,
  .nav-tray__toggle {
    display: none; }

  .brand {
    position: static !important;
    top: 0;
    float: none;
    margin: 0; }

  .footer {
    display: none; }

  .page {
    position: relative;
    top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important; }
    .page .c-hide-rows {
      /*** hide show all rows link ***/ }
      .page .c-hide-rows .c-hide-rows-action {
        display: none !important; }
    .page .layout-container:first-child > .layout--spaced-top:first-child {
      padding-top: 0 !important; }

  /*** hide header image ***/
  .header-area--tertiary {
    display: none !important; }

  /*** show hidden content ***/
  .c-hidden {
    display: block !important; }

  /*** show all tables ***/
  .c-table.c-closed tbody {
    display: table-row-group !important; }

  /*** always hide share icons ***/
  .share-actions {
    display: none; }

  /*** open all accordions ***/
  .accordion__heading a {
    padding: 5px 0; }

  .accordion__heading + .accordion__content {
    display: block !important; }

  .page .c-content .c-collapse.c-closed:after,
  .page .c-content .c-collapse-collapsable.c-closed:after,
  .page .c-content-bottom-button .c-collapse.c-closed:after,
  .page .c-content-bottom-button .c-collapse-collapsable.c-closed:after {
    content: none; }

  .page .c-collapse .icon {
    display: none; }

  /*** background is always white ***/
  .content-header--inverted .content-header__main {
    background: none;
    color: #000;
    padding: 0 0 0 15px !important; }

  [class^="layout--"],
  [class*=" layout--"] {
    background: none;
    color: #000; }

  .layout--spaced-medium {
    margin-bottom: 20px; }

  .layout--12 .layout__primary {
    float: none !important; }

  .actions {
    display: none !important; }

  table {
    display: table !important;
    width: 100% !important;
    page-break-inside: auto; }

  tr {
    page-break-inside: avoid;
    page-break-after: auto; }

  col {
    width: auto !important; }

  .c-table {
    display: inline !important;
    page-break-inside: always; }
    .c-table table {
      border-collapse: collapse !important; }
    .c-table td, .c-table th {
      padding: 5px 5px !important;
      background: none !important; }
    .c-table tr {
      background: none !important;
      border-top: 1px solid #e0e0e0 !important; }
      .c-table tr:first-child {
        border-top: none; }
    .c-table .footable-header .footable-sortable .fooicon {
      display: none; }
    .c-table.c-has-buttons .c-button {
      display: none !important; }

  .c-button {
    color: #000 !important;
    border: 1px solid #000 !important; }

  .c-hl {
    padding: 5px 5px !important;
    background: none !important; }

  .v-label.c-hl {
    border-bottom: 1px solid #e0e0e0; }

  .c-item {
    width: 100%; }

  .c-js-columns-column {
    width: 100% !important;
    float: none !important;
    margin: 0 !important; }

  .c-content {
    height: auto !important;
    width: 100% !important; }

  .c-caption:after {
    content: none !important;
    margin: 0 !important; }

  .c-collapse:after {
    content: none !important; }

  .c-fancy-form-content {
    background: none !important; }

  .c-warning-msg {
    background: none;
    border: 1px solid #000; }

  .full-width-promo {
    display: none !important; }

  /*** News ***/
  .page.news .slider-nav-wrapper {
    display: none !important; }

  /*** Video ***/
  .page.video > .layout-container {
    display: none !important; }
  .page.video .nav_tab_navigation_wrapper {
    display: none !important; }
  .page.video .slider-nav-button {
    display: none !important; }
  .page.video .slider-item {
    display: none !important; }
    .page.video .slider-item:first-child, .page.video .slider-item.slick-current {
      display: block !important; }
    .page.video .slider-item .slider-content {
      margin: 0; }

  /*** Calculator ***/
  .page.calculator .region__query {
    background: none;
    margin: 0 0 50px;
    padding: 0 20px;
    text-align: left; }
    .page.calculator .region__query .button {
      display: none; }
  .page.calculator .region__data {
    background: none; }
    .page.calculator .region__data h2 {
      background: none;
      margin: 0; }
      .page.calculator .region__data h2 .icon {
        display: none; }
      .page.calculator .region__data h2 .c-opened,
      .page.calculator .region__data h2 .c-closed {
        background: none !important; }
    .page.calculator .region__data .accordion__content {
      padding-top: 0;
      background: none !important; }
      .page.calculator .region__data .accordion__content .layout__primary,
      .page.calculator .region__data .accordion__content .layout__secondary,
      .page.calculator .region__data .accordion__content .layout__tertiary {
        margin: 0;
        padding: 0; }
      .page.calculator .region__data .accordion__content .layout__primary tr:first-child {
        border-top: none; }
      .page.calculator .region__data .accordion__content table {
        margin: 0;
        padding: 0; }
      .page.calculator .region__data .accordion__content td {
        padding: 5px;
        width: 40%; }
        .page.calculator .region__data .accordion__content td:first-child {
          width: 60%; }
      .page.calculator .region__data .accordion__content th {
        padding: 5px;
        font-weight: normal; }
      .page.calculator .region__data .accordion__content tr {
        background: none !important;
        border-top: 1px solid #e0e0e0; }
  .page.calculator .region__scenarios .c-table {
    margin: 0; }
    .page.calculator .region__scenarios .c-table th {
      font-size: 10px; }
    .page.calculator .region__scenarios .c-table td {
      padding-left: 5px;
      font-size: 12px; }
    .page.calculator .region__scenarios .c-table input[type="text"] {
      padding: 0;
      border: none !important;
      font-size: 12px; }
  .page.calculator .region__scenarios .c-warning-msg {
    margin: 0; }

  /*** Watchlist ***/
  .page.watchlist-watchlist .help-section {
    display: none; }
  .page.watchlist-watchlist .watchlist-add label {
    display: inline-block !important;
    padding: 10px 15px 0 0; }
  .page.watchlist-watchlist .watchlist-add .c-button {
    display: none; }
  .page.watchlist-watchlist .pager-and-results {
    display: none !important; }
  .page.watchlist-watchlist .c-table th {
    font-size: 10px; }
  .page.watchlist-watchlist .c-table td {
    font-size: 10px;
    /*** hide "Eigenschaft hinzufügen" ***/ }
    .page.watchlist-watchlist .c-table td:nth-child(4) div:last-child {
      display: none !important; }
  .page.watchlist-watchlist .c-table .th--settings,
  .page.watchlist-watchlist .c-table .th--chevron,
  .page.watchlist-watchlist .c-table .td--settings,
  .page.watchlist-watchlist .c-table .td--chevron,
  .page.watchlist-watchlist .c-table .td--delete__item .c-icon-button {
    display: none !important; }
  .page.watchlist-watchlist .c-table .td-multi__item--primary,
  .page.watchlist-watchlist .c-table .td-multi__item--secondary {
    width: auto !important;
    float: none !important;
    text-align: left !important; }
  .page.watchlist-watchlist .c-table .td-multi__item--secondary {
    margin-bottom: 10px; }

  /*** search ***/
  .page .search-panel .v-widget {
    page-break-inside: auto !important; }
  .page .search-panel .c-search-box {
    display: none !important; }
    .page .search-panel .c-search-box + .button.cta {
      display: none !important; }
  .page .search-panel .c-table td,
  .page .search-panel .c-table th {
    font-size: 10px; }
    .page .search-panel .c-table td:last-child,
    .page .search-panel .c-table th:last-child {
      display: none !important; }
  .page .search-panel .c-pager {
    display: none !important; }

  /*** sidebar ***/
  .rtc {
    display: block !important; }

  .rtc__body-item--secondary {
    margin-top: 0 !important; }

  /*** magnolia form ***/
  .form-row {
    position: relative !important;
    display: block !important; }

  /*** Snapshot ***/
  .v-widget.c-layout-3-cols {
    display: inline; }

  .c-table.v-browserframe {
    display: inline-block !important; }

  .snapshot-anpassungssatz,
  .snapshot-downloads,
  .snapshot-analysen,
  .snapshot-pib-box {
    display: none !important; } }

  a {
    outline: 0 !important;
  }

/*# sourceMappingURL=custom.css.map */


/*********************TITLEIMAGE***********************/
@media (max-width: 800px) {
  .header-area__image {
    display: none;
  }
}


/**********************HEADER*********************************/
@media (min-width: 801px){
  .layout-header--no-image {
    margin-top: 60px;
  }
}

@media (max-width: 800px) {
  .layout-header {
    margin-top: 63px;
  }
}

/**********************SOCIAL MEDIA ACTIONS*******************************/
@media (min-width: 801px){
  .share-actions {
    position: absolute;
    top: -75px;
    right: 65px;
  }

  .share-actions--no-image {
    top: -69px;
  }
}

.layout-socialmedia--editMode {
  margin-top: 100px;
}

/************************TEXT FLEXIBEL*******************************************/
.page-description__heading {
  font-family: "univers-ultra-light", sans-serif;
  font-size: 72px;
}

@media (max-width: 640px) {
  .page-description__heading {
    font-size: 3.4rem;
    line-height: 1.2;
  }
}


.page-description__subheading {
  font-family: "univers-light", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 3rem;
  margin-top: 0px;
  line-height: 1;
  letter-spacing: -0.028em;
  margin-bottom: 30px;
}

@media (max-width: 640px) {
  .page-description__subheading {
    font-size: 2.4rem;
  }
}

#mgnlhp {
  display: none;
}

.division-nav {
	float: left;
}

.division-nav li {
	display: block;
	float: left;
}

.divisions-nav__title {
	font-size: 1.2rem;
	padding-left: 6px;
	line-height: 35px;
	color: #fff;
	-webkit-font-smoothing: subpixel-antialiased;
}

.button-table {
	margin-bottom: 35px;
}

.button-table a {
	margin-bottom: 10px;
}

/********************************* Teaser component ***********************************/
.teaser-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  margin-top: 37px;
}
.teaser-item img {
  height: auto;
  width: 100%;
  max-height: 430px;
  max-width: 430px;
}
.teaser-item {
  max-width: 100%;
  min-width: 100%;
  background-color: #fff;
  flex: 1 1;
  margin: 0 8px 0 8px;
}
  .teaser-item:focus {
    outline: none; }
  .teaser-item img {
    width: 100% !important; }
  .teaser-item .double-line-para {
    padding-bottom: 20px;
    display: inline-block;
    font-size: 0.875em;
    margin: 0;
    word-break: break-word; }
  .teaser-item .subline {
    display: inline-block;
    font-size: 0.75em;
    padding: 5px 0 20px 20px;
    color: #706f77; }
  .teaser-item .top-content {
    padding: 6px 6px 0 6px;
    /*height: 168px;
    overflow: hidden;*/ }
  .teaser-item .top-content {
    margin-bottom: 17px; }
  .teaser-item .bottom-content {
    padding: 0 30px 0 0;
	/*height: 100%; */
}
  .teaser-item a {
    font-family: "univers-light", sans-serif;
    font-weight: normal;
    font-size: 1.75em;
    /*text-decoration: underline;*/ }
    .teaser-item a i.icon:after {
      color: #de0011; }
  .teaser-item .market-analysis-cta__heading span {
    color: #000;
    text-decoration: none; }


@media screen and (min-width: 560px) {
  .teaser-item.two__items {
    max-width: 100%;
    min-width: 40%;
  }
}
/*
@media screen and (min-width: 560px) and (max-width: 767px) {
  .teaser-item.two__items {
    max-width: 40%;
    min-width: 40%;
  }
}
*/
@media screen and (min-width: 1100px) {
  .teaser-item.three__items {
    max-width: 30%;
    min-width: 20%;
  }
}

@media screen and (min-width: 560px) and (max-width: 1099px) {
  .teaser-item.three__items {
    max-width: 50%;
    min-width: 40%;
  }
  .teaser-container {
    justify-content: flex-start;
  }
}
/*
@media screen and (min-width: 560px) and (max-width: 767px) {
  .teaser-item.three__items {
    max-width: 30%;
    min-width: 30%;
  }
  .teaser-container {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 560px) and (max-width: 767px) {
  .teaser-item.three__items {
    max-width: 40%;
    min-width: 40%;
  }
}
*/
@media screen and (min-width: 1100px) {
  .teaser-item.four__items, .teaser-item.superfluous__items {
    max-width: 23%;
    min-width: 10%;
  }
}

@media screen and (min-width: 560px) and (max-width: 1099px) {
  .teaser-item.four__items, .teaser-item.superfluous__items  {
    max-width: 50%;
    min-width: 40%;
  }
}
.teaser-item.superfluous__items {
  border: solid red;
}

@media (max-width: 1100px) {
  .teaser-item .market-analysis-cta__heading span {
    font-size: 0.8em; } }
@media (max-width: 960px) {
  .bgimg {
    display: none;
    background-image: none;
    display: none; }

  .teaser-item .market-analysis-cta__heading span {
    font-size: 0.7em; } }
@media (max-width: 520px) {

  .teaser-item .market-analysis-cta__heading span {
	font-size: 0.6em; } 
}

/****************************LOGO HEADER****************************/
@media screen and (max-width: 1120px) and (min-width: 960px) {
	.brand__logo img {
		margin-top: -6px;
	}
}
/****************************FORM SELEKTION*************************/
.page .hsbc-form-selection {
	justify-content: flex-end;
	position: relative;
}

.page .hsbc-form-selection input[type="checkbox"] ~ label {
	float: right;
	margin-right: 35px;
}

.page .hsbc-form-selection input[type="checkbox"] ~ label::before {
	right: 0;
	left: auto;
}

/***********************TAB_CONTAINER******************************/

.hsbc .c-fancy-select select, .hsbc .c-fancy-select-white select {
	padding: 12px 10px 12px 8px;
	background: transparent;
	border: 0;
	cursor: pointer;
	position: relative;
	outline: 0;
	z-index: 1;
	appearance: none;
	-webkit-appearance: none;
	width: 110%;
	max-width: 110%;
	min-width: 110%;
	-moz-appearance: button;
	-moz-appearance: window;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
}

.hsbc select {
	padding: 10px 48px 10px 18px;
	color: #333333;
	background: transparent;
	font-size: 18px;
}

.hsbc select {
	font: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
	font-weight: 400;
	line-height: inherit;
	padding: 5px;
	margin: 0;
	border-radius: 0;
	border: 0px solid #333333;
	background-color: white;
	background-image: -webkit-linear-gradient(top, white 0%, white 100%);
	background-image: linear-gradient(to bottom,white 0%, white 100%);
	color: #474747;
}

.hsbc .c-fancy-select, .hsbc .c-fancy-select-white {
	padding: 0;
	overflow: hidden;
	position: relative;
	background-color: #FFF;
	border: 1px solid #d7d8d6;
	width: 100%;
}

.hsbc .c-fancy-select::before, .hsbc .c-fancy-select-white::before {
	border-left: 1px solid #d7d8d6;
	right: 0;
	width: 40px;
	bottom: 9px;
	content: "";
	position: absolute;
	z-index: 2;
	top: 9px;
	background-color: #FFF;
	pointer-events: none;
}

.hsbc .c-fancy-select::after, .hsbc .c-fancy-select-white::after {
	font-family: pwsicons, Arial;
	font-size: 16px;
	right: 13px;
	position: absolute;
	z-index: 3;
	top: 19px;
	pointer-events: none;
	content: "\feff\2304";
	line-height: 0;
}

option {
	font-weight: normal;
	display: block;
	white-space: pre;
	min-height: 1.2em;
	padding: 0px 2px 1px;
}

/**************************************TITLE*************************************/

.layout-header {
	margin-bottom: -10px;
	padding-top: 10px;
}

/**************************************custom_footable tr*************************************/
.home .custom_footable tr[data-expanded] td {
    background-color: #253039 !important;
    color: #FFF
  }


/**********************************PRIMARY FOOTER*****************************************/
.footer__primary__list .footer__item--download .icon--main:after {
	font-family: pwsicons, Arial;
	-moz-osx-font-smoothing: grayscale;
	font-size: 28px;
	font-size: 2.8rem;
	left: -6px;
	content: "\feff\21d3";
	line-height: 0;
}

/**********************************ACCORDIONS**********************************************/
.accordion-heading {
	margin-bottom: 28px;
}

.accordion__heading {
	font-size: 1.5em;
	font-family: univers-light, sans-serif;
}

.heading.heading--top {
	color: #333 !important;
	font-size: 1.7em;
	font-family: "univers-thin", sans-serif;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	line-height: 1;
}

/***********************************************TEXT&IMAGE***************************************/
.text_image_container {
	margin-top: 20px;
}

.text_image__image-left {
	float: left;
	margin-right: 15px;
}

.text_image__image-right {
	float: right;
	margin-left: 15px;
}

.text_image__image {
	max-width: 50%;
	margin-bottom: 20px;
}
  
.text_image__item {
	margin-right: 40px;
	margin-bottom: 20px;
}
  
.text_image__item .content-image-wrapper img {
	background-color: black;
	flex-grow: 1;
	max-width: 400px !important;
}

.text_image__image .image-credit {
	font-size: 1.4rem;
	font-style: italic;
}

/* media query for c-js-columns-column until slider is implemented */
@media screen and (min-width: 801px){
  .c-js-columns-column {
    float: left;
    width: 31.9444%;
    min-width: 500px;
  }
}
@media screen and (max-width: 800px) {
  .c-js-columns-column {
    width: 100%;
  }
}

/********************************TABLE*******************************/
table.footable.footable-22 > tbody > tr > td, table.footable > tbody > tr > th {
	display: table-cell;
}

/********************************NAV-MENU for content pages*******************/
/* border for nav icon - mobile view */
.nav-tray__back-button {
  border-right: 2px solid grey;
}

/* give more margin to left in nav menu headings */
.heading_secondary, .heading_tertiary {
  position:absolute;
  margin-left:20px;
}

/* no text-decoration by default in mobile nav */
.nav-tray a {
  text-decoration: none;
}

/* give colored underline to headings with content */
.nav-tray__top-bar .heading_contentful .nav-tray__sub-heading {
  text-decoration:underline;
  text-decoration-color:#23527c;
}

/* on hover etc change color for headings with content */
.heading_contentful .nav-tray__sub-heading:hover,
.heading_contentful .nav-tray__sub-heading:focus,
.heading_contentful:hover,
.heading_contentful:focus,
.heading_contentful:visited:hover,
.heading_contentful:visited:focus,
.doormat-nav__section-details > a:hover,
.doormat-nav__section-details > a:focus,
.doormat-nav__section-details > a:visited:hover,
.doormat-nav__section-details > a:visited:focus {
  color:#23527c;
}
/* default cursor for pages without content */
.nav-tray__top-bar a {
  cursor:default;
}

.primary-nav a {
  color:black
}
/* pointer cursor for pages without content */
.nav-tray__top-bar .heading_contentful {
  cursor:pointer;
}

/* gradient background on right to blur out */
.nav-tray__top-bar::after {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, transparent), color-stop(100%, #000000));
    background-image: -webkit-linear-gradient(left, transparent, #000000);
    background-image: -moz-linear-gradient(left, transparent, #000000);
    background-image: -o-linear-gradient(left, transparent, #000000);
    background-image: linear-gradient(left, transparent, #000000);
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    content: '';
}

#silk-content input[type=radio] {
  -webkit-appearance: radio;
}

#silk-content .fa:before {
  color: rgb(230, 230, 230);
  font-size: 15px;
  top: 0;
}



/*************************************NAVIGATION*****************************************/
.doormat__secondary-description {
	display: block;
	left: 0px;
	font-size: 1.4rem;
	position: absolute;
	top: 6px;
	width: 100%;
}


/***********************************HIGHCHARTS***********************************/
.hsbc-highchart {
	width: 100%; 
	height: 600px;
}

@media screen and (max-width: 800px) {
	.hsbc-highchart {
		height: 400px;
	}
}

@media screen and (max-width: 500px) {
	.hsbc-highchart {
		height: 350px;
	}
}


/*********************************PUBLIKUMSFONDS***********************************/
.footable .publikumsfonds-no::after {
    font-family: pwsicons, Arial;
	-moz-osx-font-smoothing: grayscale;
	font-size: 28px;
	font-size: 2.8rem;
	content: "\feff\29bb";
	line-height: 0;
}

.footable a:link, .footable a:visited {
	text-decoration: underline;
	font-family: "univers-bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, transparent), color-stop(50%, #de0011));
	background-image: -webkit-linear-gradient(transparent 50%, #de0011 50%);
	background-image: -moz-linear-gradient(transparent 50%, #de0011 50%);
	background-image: -o-linear-gradient(transparent 50%, #de0011 50%);
	background-image: linear-gradient(transparent 50%, #de0011 50%);
	background-repeat: repeat-x;
	background-size: 0.1em 0.1em;
	background-position: left 90%;
	text-decoration: none;
	color: #de0011;
	word-break: break-word;
}

.footable a:link:hover, .footable a:link:focus, .footable a:visited:hover, .footable a:visited:focus{
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, transparent), color-stop(50%, #b1000e));
    background-image: -webkit-linear-gradient(transparent 50%, #b1000e 50%);
    background-image: -moz-linear-gradient(transparent 50%, #b1000e 50%);
    background-image: -o-linear-gradient(transparent 50%, #b1000e 50%);
    background-image: linear-gradient(transparent 50%, #b1000e 50%);
    background-repeat: repeat-x;
    background-size: 0.1em 0.1em;
    background-position: left 90%;
    text-decoration: none;
    color: #b1000e;
}

.small-print {
	border-top: 1px solid #ccc;
	float: left;
	margin: 12px 0 0;
	padding: 18px 0 0;
	width: 100%;
    font-size: 80%;
    line-height: 16px;
    color: #696969;
}