/* ========== font definitions ========== */
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=795f9fe3-b1b0-43dd-9c43-dc8a5a3525ec");
@font-face { font-family: 'swis721_md_btmedium'; src: url("../fonts/0a72c688-cbf1-4545-b25d-dc6c6935a2b9.eot?#iefix"); src: url("../fonts/0a72c688-cbf1-4545-b25d-dc6c6935a2b9.eot?#iefix") format("eot"), url("../fonts/ea1567a4-8608-4bb1-a638-bc30606fc950.woff") format("woff"), url("../fonts/95c8bd18-b342-4b31-a039-d332be2affd5.ttf") format("truetype"), url("../fonts/70cfd5cd-d8dc-46c9-9457-197159711dd5.svg#70cfd5cd-d8dc-46c9-9457-197159711dd5") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'swis721_lt_btlight'; src: url("../fonts/8936dd78-6787-48e6-b578-0df6e400b3e1.eot?#iefix"); src: url("../fonts/8936dd78-6787-48e6-b578-0df6e400b3e1.eot?#iefix") format("eot"), url("../fonts/d1001ef9-2b8e-4cd1-99e7-9f48a6f7d356.woff") format("woff"), url("../fonts/0c9b7a6a-39da-4a63-8de4-3a91edeab5de.ttf") format("truetype"), url("../fonts/a3f40f07-8d2b-4630-a6c6-a6e1ceb4e1e7.svg#a3f40f07-8d2b-4630-a6c6-a6e1ceb4e1e7") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'swiss_721_swaroman'; src: url("../fonts/debae208-0c7b-4232-ba62-313e2d9d14c7.eot?#iefix"); src: url("../fonts/debae208-0c7b-4232-ba62-313e2d9d14c7.eot?#iefix") format("eot"), url("../fonts/19c307d6-6fd8-47d3-a56d-fa998322491a.woff") format("woff"), url("../fonts/61571c7a-d78e-4d50-822d-194e2b92a1f1.ttf") format("truetype"), url("../fonts/eafecdd5-35c6-4dc5-bc71-9b81010c7fa4.svg#eafecdd5-35c6-4dc5-bc71-9b81010c7fa4") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'swis721_btbold'; src: url("../fonts/5b9ccca5-47aa-44da-9a69-75a9c5b8f314.eot?#iefix"); src: url("../fonts/5b9ccca5-47aa-44da-9a69-75a9c5b8f314.eot?#iefix") format("eot"), url("../fonts/6f8c05f7-2d01-4282-ba89-505635df2953.woff") format("woff"), url("../fonts/3fa115a3-0515-4bbd-94cc-555dc6341889.ttf") format("truetype"), url("../fonts/d3755f1d-88db-4cd3-a42b-8226e3aeeaf4.svg#d3755f1d-88db-4cd3-a42b-8226e3aeeaf4") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'adobe_garamond_proregular'; src: url("../fonts/73fe293c-69da-4927-80ce-773ee1a1879c.eot?#iefix"); src: url("../fonts/73fe293c-69da-4927-80ce-773ee1a1879c.eot?#iefix") format("eot"), url("../fonts/859018fa-3c03-484b-8774-97bd6548d48d.woff") format("woff"), url("../fonts/abb87b70-21d4-4ac2-bf9f-41548a67e564.ttf") format("truetype"), url("../fonts/6e4e2084-ff69-479e-b179-92d90deb7885.svg#6e4e2084-ff69-479e-b179-92d90deb7885") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'zurich-icons'; src: url("../fonts/zurich-icons.eot?#iefix"); src: url("../fonts/zurich-icons.eot?#iefix") format("eot"), url("../fonts/zurich-icons.woff") format("woff"), url("../fonts/zurich-icons.ttf") format("truetype"), url("../fonts/zurich-icons.svg#zurich-icons") format("svg"); font-weight: normal; font-style: normal; }

/*SVG fonts for webkit, since it doesn't have anti-alising of woff */
@media (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: 'swis721_md_btmedium'; src: url("../fonts/70cfd5cd-d8dc-46c9-9457-197159711dd5.svg#70cfd5cd-d8dc-46c9-9457-197159711dd5") format("svg"); }
  @font-face { font-family: 'swis721_lt_btlight'; src: url("../fonts/a3f40f07-8d2b-4630-a6c6-a6e1ceb4e1e7.svg#a3f40f07-8d2b-4630-a6c6-a6e1ceb4e1e7") format("svg"); }
  @font-face { font-family: 'swiss_721_swaroman'; src: url("../fonts/eafecdd5-35c6-4dc5-bc71-9b81010c7fa4.svg#eafecdd5-35c6-4dc5-bc71-9b81010c7fa4") format("svg"); }
  @font-face { font-family: 'swis721_btbold'; src: url("../fonts/d3755f1d-88db-4cd3-a42b-8226e3aeeaf4.svg#d3755f1d-88db-4cd3-a42b-8226e3aeeaf4") format("svg"); }
  @font-face { font-family: 'adobe_garamond_proregular'; src: url("../fonts/6e4e2084-ff69-479e-b179-92d90deb7885.svg#6e4e2084-ff69-479e-b179-92d90deb7885") format("svg"); }
  @font-face { font-family: 'zurich-icons'; src: url("../fonts/zurich-icons.svg#zurich-icons") format("svg"); font-weight: normal; font-style: normal; } }
/* ========== font-family variables ========== */
/* ========== breakpoints ========== */
/* ========== variables ========== */
/* colors */
/* paddings */
/* animation speed */
/* margins between containers */
/* Here is pure magic: we want 24px between two paragraphs and other similar blocks. Standard font-size is 12px, and line-height is 18px (12px * 1.5). Which gives us letters of 9px height and 9px distance between paragraphs. To achieve 24px between paragraphs we have to add 15 more pixels. */
/* ========== mixins ========== */
/* JS sync with media queries */
html, body { font-family: 'xs'; min-width:320px;}
@media screen and (min-width: 768px) { html, body { font-family: 'sm'; } }
@media screen and (min-width: 992px) { html, body { font-family: 'md'; } }
@media screen and (min-width: 1200px) { html, body { font-family: 'lg'; } }

/* ========== load font sizes ========== */
/* font-size mix-ins */
/* ========== retina magic ========== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .scrollable-tabs-container .nav.nav-tabs li .indicator-arrow { background-image: url(../images/icons-sprite@2x.png); background-size: 40px 40px; } }
/* ========== basic layout ========== */
html, body { width: 100%; }

.container { width: auto !important; /* important for IE8 and respond.js */ max-width: 1362px; }
@media screen and (min-width: 768px) { .container { padding-left: 32px; padding-right: 32px; } }
@media screen and (min-width: 992px) { .container { padding-left: 56px; padding-right: 56px; } }

/* see mrm-zurich-container-fix.js */
.container-js-for-ie-wrapper { max-width: 1362px; padding: 0; margin: 0 auto; }

/* content inter-blocks margins */
.content { /** the last container should stick to the bottom */ /** duplicated specially for IE8 */ }
.content * + .row, .content * + .article-header, .content * + .container, .content * + .container-js-for-ie-wrapper { margin-top: 25px; }
@media screen and (min-width: 768px) { .content * + .row, .content * + .article-header, .content * + .container, .content * + .container-js-for-ie-wrapper { margin-top: 41px; } }
.content * + .focus-area-table { margin-top: 25px; margin-bottom: 15px; }
@media screen and (min-width: 768px) { .content * + .focus-area-table { margin-top: 41px; } }
.content * + .focus-area-table + .container { margin-top: 0; }
@media screen and (min-width: 768px) { .content * + .focus-area-table + .container { margin-top: 56px; } }
.content * + .container-js-for-ie-wrapper .focus-area-table { margin-bottom: 15px; }
.content * + .container-js-for-ie-wrapper:after { display: block; clear: both; }
.content * + .bg-container { margin-top: 25px; margin-bottom: 15px; }
@media screen and (min-width: 768px) { .content * + .bg-container { margin-top: 41px; } }
@media screen and (min-width: 768px) { .content * + .bg-container.padded-container, .content .component-location-map * + .bg-container.location-info, .component-location-map .content * + .bg-container.location-info { width: 100%; } }
@media screen and (min-width: 768px) { .content * + .bg-container { vertical-align: bottom; display: inline-block; width: 100%; } }
.content .tile-set + .row, .content .tile-set + .container, .content .tile-set + .container-js-for-ie-wrapper { margin-top: 0; }
@media screen and (min-width: 768px) { .content .tile-set + .bg-container { margin-top: 0; } }
.content > *:last-child { margin-bottom: -5px; }
@media screen and (min-width: 768px) { .content > *:last-child { padding-bottom: 46px; } }
.content > .last-child { zoom: 1; padding-bottom: 46px; margin-bottom: -5px; }
.content > .container > .row > .col-xs-12.col-md-8 + .col-xs-12.col-md-4, .content > .container > .row > .col-xs-12.col-md-4 + .col-xs-12.col-md-8 { margin-top: 28px; }
@media screen and (min-width: 768px) { .content > .container > .row > .col-xs-12.col-md-8 + .col-xs-12.col-md-4, .content > .container > .row > .col-xs-12.col-md-4 + .col-xs-12.col-md-8 { margin-top: 0; } }

/* component inter-blocks margins default */
.component { margin-top: 28px; /* component inter-blocks margins specials */ }
@media screen and (min-width: 768px) { .component { margin-top: 56px; } }
.component:first-child { margin-top: 0; }
@media screen and (min-width: 768px) { .component.component__knowledge-intro--wrapper + .component.component__knowledge-intro--wrapper, .component.component__contact-teaser--wrapper + .component.component__routing-tool--wrapper, .component.col-sm-6 + .component.col-sm-6, .component.col-sm-4 + .component.col-sm-8, .component .tile { margin-top: 0; } }
.component.component__resource-tags--wrapper + .component.component__component-share--wrapper, .component.component__linkedin--wrapper { margin-top: 0; }
.component.component__global-search-results-1--wrapper, .component.component__global-search-results-2--wrapper { margin-top: 24px; }
.component.component__global-search-results-1--wrapper + .component__location-address-content--wrapper, .component.component__global-search-results-2--wrapper + .component__location-address-content--wrapper { margin-top: 41px; }
@media screen and (max-width: 767px) { .component.component__citation-entry--wrapper { margin-top: 0; } }
@media screen and (max-width: 767px) { .component .links-well { margin-bottom: 0; } }
@media screen and (max-width: 767px) { .component.component__info-content--wrapper .colored-panel, .component.component__info-content--wrapper .bordered-panel { margin-bottom: 0; } }
@media screen and (max-width: 767px) { .component.component__routing-products--wrapper .col-xs-12 h2 { margin-top: 41px; }
  .component.component__routing-products--wrapper .col-xs-12:first-child h2 { margin-top: 0; } }

.placeholder_knowledge_library_placeholder--wrapper .component { margin-top: 0; }
@media screen and (min-width: 768px) { .placeholder_knowledge_library_placeholder--wrapper .component { margin-top: 30px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .placeholder_knowledge_library_placeholder--wrapper .component:first-child { margin-top: 0; } }
.placeholder_knowledge_library_placeholder--wrapper .link-container .tile { margin-bottom: 0; padding-bottom: 0; }
.placeholder_knowledge_library_placeholder--wrapper .link-container .tile p { color: #3e3e3e; }
.placeholder_knowledge_library_placeholder--wrapper .link-container .tile p.text-link, .placeholder_knowledge_library_placeholder--wrapper .link-container .tile p.show-more-link, .placeholder_knowledge_library_placeholder--wrapper .link-container .tile p.show-less-link { color: #4f90c8; }
.placeholder_knowledge_library_placeholder--wrapper .link-container .tile h4 + h3, .placeholder_knowledge_library_placeholder--wrapper .link-container .tile .component-comment .signin-hint p + h3, .component-comment .signin-hint .placeholder_knowledge_library_placeholder--wrapper .link-container .tile p + h3 { margin-top: 0; }
.placeholder_knowledge_library_placeholder--wrapper .link-container .tile.featured { z-index: 99; }
.placeholder_knowledge_library_placeholder--wrapper .link-container .tile.featured .row { position: relative; z-index: -1; }
.placeholder_knowledge_library_placeholder--wrapper .link-container .tile.featured .row div { position: relative; z-index: -1; }
.placeholder_knowledge_library_placeholder--wrapper .link-container .tile.featured .row div img { position: relative; z-index: -1; }
@media screen and (min-width: 768px) { .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.featured h3 { font-size: 24px; } }
@media screen and (max-width: 767px) { .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.featured h3 { margin-top: 15px; } }
@media screen and (max-width: 767px) { .placeholder_knowledge_library_placeholder--wrapper .link-container .tile h3 { margin-bottom: 10px; } }
@media screen and (min-width: 768px) { .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.featured h3.h4, .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.bordered-panel h3 { font-size: 18px; margin-bottom: 20px; } }
@media screen and (max-width: 767px) { .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.featured h3.h4, .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.bordered-panel h3 { margin-top: 0; font-size: 16px; } }
@media screen and (max-width: 767px) { .placeholder_knowledge_library_placeholder--wrapper .link-container .tile { padding-top: 10px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .placeholder_knowledge_library_placeholder--wrapper .link-container .tile p { margin-bottom: 24px; } }
@media screen and (min-width: 768px) { .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.colored-panel .media-container, .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.bordered-panel .media-container { margin: -28px -24px 20px; } }
@media screen and (max-width: 767px) { .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.bordered-panel { border-left-width: 0; border-right-width: 0; padding-top: 0; margin-top: 10px; }
  .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.bordered-panel .media-container, .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.colored-panel .media-container, .placeholder_knowledge_library_placeholder--wrapper .link-container .tile.bordered-panel .media-container { margin-top: 0; margin-bottom: 10px; } }

.content * + .row.placeholder_knowledge_library_placeholder--wrapper { margin-top: 0; }

@media screen and (min-width: 768px) { .project-facts-info .component__graphic-large--wrapper { margin-top: 0; } }

/* automated multi-column-containers */
.col-container-xs-2, .col-container-xs-3, .col-container-xs-4 { -webkit-column-gap: 30px; -moz-column-gap: 30px; -ms-column-gap: 30px; -o-column-gap: 30px; column-gap: 30px; column-fill: auto; }

.col-container-xs-2 { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; }

.col-container-xs-3 { -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; }

.col-container-xs-4 { -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; }

@media screen and (min-width: 768px) { .col-container-sm-2, .col-container-sm-3, .col-container-sm-4 { -webkit-column-gap: 30px; -moz-column-gap: 30px; -ms-column-gap: 30px; -o-column-gap: 30px; column-gap: 30px; column-fill: auto; }
  .col-container-sm-2 { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; }
  .col-container-sm-3 { -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; }
  .col-container-sm-4 { -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } }
@media screen and (min-width: 992px) { .col-container-md-2, .col-container-md-3, .col-container-md-4 { -webkit-column-gap: 30px; -moz-column-gap: 30px; -ms-column-gap: 30px; -o-column-gap: 30px; column-gap: 30px; column-fill: auto; }
  .col-container-md-2 { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; }
  .col-container-md-3 { -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; }
  .col-container-md-4 { -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } }
@media screen and (min-width: 1200px) { .col-container-lg-2, .col-container-lg-3, .col-container-lg-4 { -webkit-column-gap: 30px; -moz-column-gap: 30px; -ms-column-gap: 30px; -o-column-gap: 30px; column-gap: 30px; column-fill: auto; }
  .col-container-lg-2 { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; }
  .col-container-lg-3 { -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; }
  .col-container-lg-4 { -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } }
/* ========== auxiliary classes ========== */
/* animation */
.animated, .cssanimations.csstransitions .scrollable-tabs-container .nav.nav-tabs li.active .indicator-arrow, .slider-caption-wrapper .next-button-wrapper a.next-button:after, .slider-caption-wrapper .prev-button-wrapper a.prev-button:after, .slider-caption-wrapper .next-button-wrapper a.prev-button:after { -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; }

.animated-background-color, .scrollable-tabs-container .nav.nav-tabs li a { -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -ms-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease; }

/* icon font */
.icon-font { font-family: 'zurich-icons'; }
.icon-font.demo { color: #003399; font-size: 64px; line-height: 64px; }

.font-error { color: #e9635b !important; }

/* font-weights */
.font-light { font-weight: 100; font-weight: 100; font-family: "swis721_lt_btlight", "Helvetica Neue", Arial, sans-serif; }

.font-medium { font-weight: normal; font-weight: normal; font-family: "swis721_md_btmedium", "Helvetica Neue", Arial, sans-serif; }

.font-bold, .folding-table .xs-content .left-col, .component-comment .comments-list .comment .comment-author-name { font-weight: bold; font-weight: normal; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; }

/* further classes */
.clear { clear: both; }

.equalize-heights { height: 100%; position: relative; }

.skyline-blue { color: #009efe; }

.mid-blue { color: #4f90c8; }

/* ========== global elements ========== */
/* padded container */
@media screen and (max-width: 767px) { .padded-container, .component-location-map .location-info { margin-left: -15px; margin-right: -15px; padding: 26px 15px 9px; } }
@media screen and (min-width: 768px) { .padded-container, .component-location-map .location-info { padding: 40px 0 35px; } }

@media screen and (min-width: 768px) { .padded-container.bg-container, .component-location-map .bg-container.location-info { padding-left: 0; padding-right: 0; } }

.padded-container-small { padding: 10px 16px 14px 16px; }

/* colored panel */
.colored-panel, .bordered-panel { padding-bottom: 36px; padding-top: 34px; margin-bottom: 15px; background: #e6e6e6; }
.colored-panel.light-grey, .light-grey.bordered-panel { background: #f3f3f3; }
.colored-panel.mid-blue, .mid-blue.bordered-panel { background: #4f90c8; color: white; }
.colored-panel.mid-blue .credit, .mid-blue.bordered-panel .credit { color: white; }
.colored-panel.bottom-border, .bottom-border.bordered-panel { border-bottom: 6px solid #000066; }
@media screen and (max-width: 767px) { .colored-panel, .bordered-panel { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .colored-panel, .bordered-panel { margin-left: 0; margin-right: 0; padding-left: 32px; padding-right: 32px; } }
@media screen and (min-width: 992px) { .colored-panel, .bordered-panel { padding-left: 30px; padding-right: 30px; } }
.colored-panel:after, .bordered-panel:after { content: " "; display: table; clear: both; }
.colored-panel.no-oversize, .no-oversize.bordered-panel { margin-left: 0px; margin-right: 0px; }
@media screen and (min-width: 768px) { .colored-panel.no-oversize-sm, .no-oversize-sm.bordered-panel { margin-left: 0px; margin-right: 0px; } }

/* clickable container */
.clickable-container { cursor: pointer; }

/* separator */
.separator-line-bottom { margin-bottom: 0px; border-bottom: 1px solid #dadada; }

/* backgrounds */
.bg-light-grey, .media-container .caption.bg-light-grey { background: #f3f3f3; }

.bg-grey { background: #e6e6e6; }

.bg-blue { background: #4066b2; color: white; }

.bg-mid-blue, .media-container .caption.bg-mid-blue { background: #4f90c8; color: white; }

.bg-dark-blue { background: #000066; color: white; }

/* media container */
.media-container { margin-left: -15px; margin-right: -15px; margin-bottom: 15px; }
@media screen and (min-width: 768px) { .media-container { margin-left: 0; margin-right: 0; } }
.media-container.no-oversize { margin-left: 0; margin-right: 0; }

.media-container + .links-well { margin-top: 0; position: relative; }

.bg-container .media-container { margin-bottom: 0; }

/* grid modifier */
@media screen and (min-width: 992px) { .md-and-larger-pull-right { float: right !important; } }

/* control for collabblock js action */
.collabblock.collapse { display: none; }
@media screen and (max-width: 767px) { .collabblock.collapse-xs { display: none; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .collabblock.collapse-sm { display: none; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .collabblock.collapse-md { display: none; } }
@media screen and (min-width: 1200px) { .collabblock.collapse-lg { display: none; } }
.collabblock.collabblock--expanded { /* important is used because the collapsed block would not show on IE8 */ display: block !important; }

/* close button */
.btn-close { background: none; border: none; color: #8e8e8e; font-family: 'zurich-icons'; font-size: 21px; height: 21px; line-height: 1em; margin: 0; padding: 0; position: relative; width: auto; }
.btn-close:hover { color: #000066; }

/* sidebar */
.sidebar > .row > * + *, .sidebar > .row > .component.col-sm-6 + .component.col-sm-6 { margin-top: 40px; }
@media screen and (min-width: 768px) { .sidebar > .row > * + *, .sidebar > .row > .component.col-sm-6 + .component.col-sm-6 { margin-top: 32px; } }
@media screen and (max-width: 767px) { .sidebar *[rel="rearrange-content"] + * { margin-top: 0; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .sidebar .component__featured-content--wrapper { clear: both; } }
@media screen and (min-width: 768px) { .sidebar .colored-panel, .sidebar .bordered-panel { margin-bottom: 0; } }

@media screen and (min-width: 768px) and (max-width: 991px) { .content > .container > .row > .col-xs-12.col-md-8 + .col-xs-12.col-md-4.sidebar { margin-top: 56px; } }

/* ========== import components (must be LAST BLOCK of the file) ========== */
/* ========== E_001_text_elements ========== */
/* general */
body { font-weight: normal; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; color: #3e3e3e; font-size: 12px; line-height: 1.5; overflow: auto; }
@media screen and (min-width: 992px) { body { font-size: 14px; line-height: 1.4285714286; } }

i, em { font-style: normal; color: #8e8e8e; }

b, strong { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; color: #3e3e3e; font-weight: normal; }

input[type="text"] { -webkit-appearance: none; -moz-appearance: none; }

label, .label { font-weight: normal; }

ul, ol { list-style: none; margin: 0; padding: 0; }

p, ul, ol { margin-bottom: 15px; }

/* headlines */
h1, h2, h3, h4, .component-comment .signin-hint p, h5, h6, a h1, a h2, a h3, a h4, a .component-comment .signin-hint p, .component-comment .signin-hint a p, a h5, a h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 100; font-family: "swis721_lt_btlight", "Helvetica Neue", Arial, sans-serif; color: #8e8e8e; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, .component-comment .signin-hint p:first-child, h5:first-child, h6:first-child { margin-top: 0; }

/* special adjustment for h2-tags within content */
.h2 { margin-top: 25px; }
@media screen and (max-width: 767px) { .h2 { margin-bottom: 15px; margin-top: 22px; } }
@media screen and (min-width: 768px) { .h2:first-child { margin-top: -6px; } }

h1, .h1 { font-size: 24px; line-height: 26px; }
@media screen and (min-width: 768px) and (max-width: 991px) { h1, .h1 { font-size: 34px; line-height: 36px; } }
@media screen and (min-width: 992px) { h1, .h1 { font-size: 45px; line-height: 48px; } }

h2, .h2 { font-size: 24px; line-height: 26px; }
@media screen and (min-width: 768px) and (max-width: 991px) { h2, .h2 { font-size: 24px; line-height: 28px; } }
@media screen and (min-width: 992px) { h2, .h2 { font-size: 30px; line-height: 36px; } }

h3, .h3 { font-size: 24px; line-height: 26px; }
@media screen and (min-width: 768px) and (max-width: 991px) { h3, .h3 { font-size: 24px; line-height: 28px; } }
@media screen and (min-width: 992px) { h3, .h3 { font-size: 18px; line-height: 24px; } }

h4, .component-comment .signin-hint p, .h4 { font-size: 16px; line-height: 20px; }
@media screen and (min-width: 992px) { h4, .component-comment .signin-hint p, .h4 { font-size: 18px; line-height: 24px; } }

.font-mega { font-size: 16px; line-height: 20px; }
@media screen and (min-width: 992px) { .font-mega { font-size: 18px; line-height: 24px; } }

.font-giga { font-size: 24px; line-height: 26px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .font-giga { font-size: 24px; line-height: 28px; } }
@media screen and (min-width: 992px) { .font-giga { font-size: 30px; line-height: 36px; } }

.font-tera { font-size: 24px; line-height: 26px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .font-tera { font-size: 34px; line-height: 36px; } }
@media screen and (min-width: 992px) { .font-tera { font-size: 45px; line-height: 48px; } }

p .font-tera { display: inline-block; margin-top: 20px; }

h1, h2, h3, h4, .component-comment .signin-hint p, h5, h6 { margin-bottom: 24px; }

/* citation */
blockquote { color: inherit; text-indent: -0.15em; quotes: "\201C" "\201D"; border: 0; padding: 0; font-family: "adobe_garamond_proregular", "Times New Roman", "Times", serif; font-size: 20px; line-height: 25px; }
@media screen and (min-width: 768px) and (max-width: 991px) { blockquote { font-size: 16px; line-height: 22px; } }
@media screen and (min-width: 992px) { blockquote { font-size: 20px; line-height: 25px; } }
blockquote:before { content: open-quote; display: inline; vertical-align: baseline; font-family: 'zurich-icons'; font-size: 1.7em; line-height: inherit; padding-right: 0.25em; width: 0.5em; position: relative; top: 0.17em; }
blockquote:after { content: close-quote; display: none; }
blockquote.main-quote { font-size: 20px; line-height: 25px; }
@media screen and (min-width: 768px) { blockquote.main-quote { font-size: 24px; line-height: 32px; } }
@media screen and (min-width: 1200px) { blockquote.main-quote { font-size: 28px; line-height: 36px; } }
blockquote.center-quotation-block { text-align: center; }

.credit { color: #8e8e8e; }

/* E_001.20_footnote */
.font-footer-notes { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #8e8e8e; }

/* ========== E_001.12_table  ========== */
.folding-table { margin-bottom: 20px; width: 100%; /* mobile view */ /* tablet and desktop view */ }
.folding-table * { line-height: 18px; }
.folding-table thead { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-weight: normal; background-color: #000066; color: white; }
.folding-table thead tr td, .folding-table tbody tr td, .folding-table thead tr th, .folding-table tbody tr th { display: none; font: inherit; padding: 18px 15px 18px 15px; }
.folding-table tbody tr.xs-content .foldable { padding: 0; margin: 0; }
.folding-table tbody tr.xs-content .foldable tr td:first-child { padding-left: 30px; padding-right: 30px; }
.folding-table thead tr td:first-child, .folding-table tbody tr td:first-child, .folding-table thead tr th:first-child, .folding-table tbody tr th:first-child { display: block; }
.folding-table thead tr td:first-child, .folding-table thead tr th:first-child { display: table-cell; }
.folding-table tbody tr td:first-child, .folding-table tbody tr th:first-child { cursor: pointer; }
.folding-table tbody tr td:first-child:before, .folding-table tbody tr th:first-child:before { display: inline; margin-right: 4px; color: #4066b2; }
@media screen and (max-width: 767px) { .folding-table tbody tr td.xs-head:first-child:before, .folding-table tbody tr th.xs-head:first-child:before { content: "\e60d"; font-family: 'zurich-icons'; position: relative; top: 1px; }
  .folding-table tbody tr td.xs-head:first-child.open:before, .folding-table tbody tr th.xs-head:first-child.open:before { content: "\e61c"; }
  .folding-table > tbody > tr { border-bottom: 1px solid #d9d9d9; }
  .folding-table tbody tr td.xs-head.open { background-color: #f3f3f3; } }
.folding-table .xs-content table { width: 100%; }
.folding-table tbody tr.xs-content > td:first-child, .folding-table tbody tr.xs-content > td, .folding-table tbody tr.xs-content > th:first-child, .folding-table tbody tr.xs-content > th { padding: 0; border: 0; }
.folding-table tbody tr.xs-content td .foldable td:first-child, .folding-table tbody tr.xs-content td .foldable th:first-child, .folding-table tbody tr.xs-content th .foldable td:first-child, .folding-table tbody tr.xs-content th .foldable th:first-child { border: 0; }
.folding-table .xs-content .right-col { border-left: 1px solid #d9d9d9; width: 100%; display: table-cell; }
.folding-table .xs-content .left-col { display: table-cell; }
.folding-table .highlighted { background-color: #f3f3f3; }
@media screen and (min-width: 768px) { .folding-table .divider { border-bottom: 1px solid #d1d1d1; }
  .folding-table thead tr td, .folding-table tbody tr td, .folding-table thead tr th, .folding-table tbody tr th { display: table-cell; }
  .folding-table tbody tr td:first-child, .folding-table tbody tr th:first-child { border: 0; cursor: default; }
  .folding-table tbody tr td:first-child .arrow tbody tr th:first-child .arrow { display: none; }
  .folding-table .xs-screen-only { display: none !important; }
  .folding-table .highlighted { font-weight: normal; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; }
  .folding-table tbody tr td.xs-head:first-child:before, .folding-table tbody tr th.xs-head:first-child:before { content: ""; }
  .folding-table tbody tr td:first-child { min-width: 126px; } }
@media screen and (min-width: 1200px) { .folding-table tbody tr td:first-child { min-width: 0; } }

/* ========== E_002_interaction_elements ========== */
/* general */
a * { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; }

button { background: none; border: none; }

a, button { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; text-decoration: none; color: #4066b2; -webkit-tap-highlight-color: rgba(128, 128, 128, 0.5); }
a:hover, button:hover { text-decoration: none; color: #000066; }
a:focus, button:focus { color: inherit; text-decoration: none; }
a .link-count, button .link-count { color: #8e8e8e; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; }
a.text-link, a.show-more-link, a.show-less-link, .component__component-sitemap--wrapper .level-4 > li > a, button.text-link, button.show-more-link, button.show-less-link { background: none; border: 0; }

/* text link */
.text-link, .show-more-link, .show-less-link, .component__component-sitemap--wrapper .level-4 > li > a { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 15px; display: inline-block; padding-left: 1em; text-indent: -0.5em; }
@media screen and (min-width: 992px) { .text-link, .show-more-link, .show-less-link, .component__component-sitemap--wrapper .level-4 > li > a { font-size: 14px; line-height: 20px; } }
.text-link:before, .show-more-link:before, .show-less-link:before, .component__component-sitemap--wrapper .level-4 > li > a:before { content: "\e60d"; display: inline-block; font-family: 'zurich-icons'; font-size: inherit; height: 20px; left: -4px; line-height: inherit; position: relative; top: 1px; width: 0.5em; }

/* further link types */
.mail-link, .download-link, .media-link, .locate-link, .external-link, .video-link, .podcast-link, .info-link, .add-link { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; display: block; margin: 24px 0; padding-left: 34px; text-align: left; text-indent: -34px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
@media screen and (min-width: 992px) { .mail-link, .download-link, .media-link, .locate-link, .external-link, .video-link, .podcast-link, .info-link, .add-link { font-size: 14px; line-height: 20px; } }
@media screen and (min-width: 768px) { .mail-link, .download-link, .media-link, .locate-link, .external-link, .video-link, .podcast-link, .info-link, .add-link { margin: 0 0 15px; } }
.mail-link:before, .download-link:before, .media-link:before, .locate-link:before, .external-link:before, .video-link:before, .podcast-link:before, .info-link:before, .add-link:before { color: inherit; content: "\e616"; display: inline-block; font-family: 'zurich-icons'; font-size: 1.7em; height: auto; left: auto; margin-left: 0; margin-right: 0; position: static; text-align: left; text-indent: 0; top: auto; vertical-align: top; width: 34px; }

.download-link:before { content: "\e614"; }

.media-link:before { content: "\e620"; }

.locate-link:before { content: "\e61f"; }

.external-link:before { content: "\e624"; }

.video-link:before { content: "\e61a"; }

.podcast-link:before { content: "\e61b"; }

.info-link:before { content: "\e622"; font-size: 1.4em; margin-top: 0.05em; }

.add-link:before { content: "\e623"; font-size: 1.4em; margin-top: 0.05em; }

/* show more - show less */
.show-more-link, .show-less-link { padding-left: 1.2em; text-indent: -0.6em; }
.show-more-link:before, .show-less-link:before { content: "\e62c"; width: 0.6em; }

.show-less-link:before { content: "\e62d"; }

.btn-expand { display: block; }
.btn-expand span { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; }
.btn-expand .collapsed { display: none; }
.btn-expand .expanded { display: inline; }
.btn-expand.collapsed .collapsed { display: inline; }
.btn-expand.collapsed .expanded { display: none; }
.btn-expand.collapsed:after { content: "\e621"; }

/* links well (links in a range) */
.links-well { background: #e6e6e6; padding: 11px 15px; margin-left: -15px; margin-right: -15px; }
@media screen and (min-width: 768px) { .links-well { background: #e6e6e6; margin-left: 0; margin-right: 0; padding-bottom: 9px; padding-top: 9px; } }
@media screen and (min-width: 992px) { .links-well { margin-bottom: 25px; } }
.links-well.no-background { background: none; margin: 0; padding: 0; }

.links-well a { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 12px; color: #4066b2; display: inline-block; height: 20px; line-height: 20px; margin-right: 1.6em; }
@media screen and (min-width: 992px) { .links-well a { font-size: 14px; } }
@media screen and (min-width: 768px) { .links-well a { margin-right: 1em; } }
.links-well a.text-link, .links-well a.show-more-link, .links-well a.show-less-link, .links-well .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper .links-well .level-4 > li > a { margin-bottom: 0; }

.links-well a:hover { text-decoration: none; color: #000066; }

* + .links-well { margin-bottom: 15px; margin-top: 56px; }
@media screen and (max-width: 767px) { * + .links-well { margin-top: 0; } }
@media screen and (min-width: 768px) { * + .links-well { margin-top: 30px; } }

/* bottom aligend (home page) */
.links-well.bottom-aligned { bottom: auto; left: auto; margin-bottom: 0; position: static; right: auto; }
@media screen and (min-width: 768px) { .links-well.bottom-aligned { position: absolute; left: 15px; right: 15px; bottom: 0; } }

/* CTA button */
.action-link, .links-well .action-link { display: block; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 20px; color: #003399; vertical-align: middle; margin: 24px 0; }
@media screen and (min-width: 992px) { .action-link, .links-well .action-link { font-size: 18px; line-height: 24px; } }
@media screen and (min-width: 992px) { .action-link, .links-well .action-link { margin: 20px 0 15px 0; } }
.action-link:before, .links-well .action-link:before { display: inline-block; height: auto; width: auto; line-height: inherit; font-size: inherit; font-family: 'zurich-icons'; content: "\e60e"; /* call-to-action */ vertical-align: top; margin-right: 0.6em; }
.action-link:hover, .links-well .action-link:hover { color: #000066; }
.action-link:focus, .action-link:active, .links-well .action-link:focus, .links-well .action-link:active { color: #003399; }
.action-link.white-link, .links-well .action-link.white-link { color: white; }
.action-link.white-link:hover, .action-link.white-link:hover:before, .links-well .action-link.white-link:hover, .links-well .action-link.white-link:hover:before { color: #000066; }
.action-link.white-link:before, .links-well .action-link.white-link:before { color: #003399; }

button.action-link { background: transparent; border: 0; -webkit-appearance: none; }

/* ========== E_003_form_elements ============ */
/* general */
.form, form { margin-bottom: 15px; }
.form .form-table, form .form-table { width: 100%; margin-bottom: 15px; }
.form .form-table tr + tr, form .form-table tr + tr { border-top: 15px solid transparent; }
.form .form-table td + td, form .form-table td + td { border-left: 15px solid transparent; }
.form .form-table .control-label, form .form-table .control-label { min-width: 150px; }
.form .form-table td.form-control-cell, form .form-table td.form-control-cell { width: 100%; }
.form label.required:after, form label.required:after { content: "*"; display: inline; color: #4066b2; }
.form .form-control, .form .form-control-wrapper.has-error .form-control, form .form-control, form .form-control-wrapper.has-error .form-control { border-radius: 10px; border: 1px solid #d9d9d9; }
.form .form-control:focus, .form .form-control-wrapper.has-error .form-control:focus, form .form-control:focus, form .form-control-wrapper.has-error .form-control:focus { border-color: #d9d9d9; color: #3e3e3e; outline: none; }
.form .form-control-wrapper.has-error, form .form-control-wrapper.has-error { background: #4066b2; border-radius: 11px; margin-bottom: -16px; }
.form .form-control-wrapper.has-error:after, form .form-control-wrapper.has-error:after { display: block; text-align: center; content: attr(data-error-message); color: white; font-size: 12px; line-height: 16px; height: 16px; }
.form .action-link, form .action-link { margin: 0; }
.form .form-panel .text-link, .form .form-panel .show-more-link, .form .form-panel .show-less-link, .form .form-panel .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper .form .form-panel .level-4 > li > a, form .form-panel .text-link, form .form-panel .show-more-link, form .form-panel .show-less-link, form .form-panel .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper form .form-panel .level-4 > li > a { margin-bottom: 0; }
.form input::-ms-clear, form input::-ms-clear { display: none; }

@media screen and (min-width: 1200px) { .nopadding-lg { padding: 0 !important; } }

.content .form-row { margin-top: 15px; }
.content .form-row .col-xs-12 + .col-xs-12 { margin-top: 0; }

.form .form-control-wrapper.has-error, form .form-control-wrapper.has-error { background: transparent; }
.form .form-control-wrapper.has-error .form-control, form .form-control-wrapper.has-error .form-control { border: 1px solid #e9635b; background: #fad8d6; }
.form .form-control-wrapper.has-error:after, form .form-control-wrapper.has-error:after { text-align: left; color: #e9635b; }

@media screen and (max-width: 767px) { .form-panel { padding-top: 15px; } }
.form-panel.colored-panel, .form-panel.bordered-panel { padding-bottom: 30px; padding-top: 22px; }
.form-panel .checkbox, .form-panel .radio { position: relative; margin-bottom: 5px; margin-top: 5px; }
.form-panel .checkbox label, .form-panel .radio label { position: relative; padding-left: 20px; margin-left: -20px; z-index: 1; }
.form-panel .checkbox input[type="checkbox"], .form-panel .checkbox input[type="radio"], .form-panel .radio input[type="checkbox"], .form-panel .radio input[type="radio"] { opacity: 0; filter: alpha(opacity=0); margin-left: -19px; margin-top: 3px; width: 15px; height: 15px; }
.form-panel .checkbox .custom-checkbox, .form-panel .radio .custom-checkbox { position: absolute; left: 0; top: 9px; width: 14px; height: 14px; font-family: "zurich-icons"; font-size: 15px; }
.form-panel .checkbox .custom-radio, .form-panel .radio .custom-radio { position: relative; display: inline-block; top: 2px; left: 0; width: 15px; height: 15px; border-radius: 28px; margin-right: 2px; }
.form-panel .checkbox .custom-radio, .form-panel .checkbox .custom-checkbox, .form-panel .radio .custom-radio, .form-panel .radio .custom-checkbox { border: 1px solid #8e8e8e; }
.form-panel .radio { padding-left: 0; }
.form-panel .custom-checkbox.checked:before { position: absolute; line-height: inherit; font-size: 7px; content: "\e61e"; color: #003399; top: 1px; left: 3px; }
.form-panel input[type="checkbox"]:checked + .custom-checkbox:before { position: absolute; line-height: inherit; font-size: 11px; content: "\e61e"; color: #003399; top: -2px; left: 1px; }
.form-panel .custom-radio.checked:before { position: absolute; line-height: inherit; content: " "; height: 7px; width: 7px; background-color: #003399; top: 3px; left: 3px; border-radius: 10px; }
.form-panel input[type="radio"]:checked + .custom-radio:before { position: absolute; line-height: inherit; content: " "; height: 7px; width: 7px; background-color: #003399; top: 3px; left: 3px; border-radius: 10px; }

/* required field */
@media screen and (max-width: 767px) { .required-field { margin-top: 32px; } }

/* ie 8 fallback for radio-buttons */
.no-borderradius .radio .custom-radio { border: none !important; }
.no-borderradius .radio .custom-radio:after { position: absolute; top: 0; left: 0; content: "\25cb" !important; font-size: 16px; line-height: 1; color: #a6a6a6; font-family: "zurich-icons"; }
.no-borderradius input[type="radio"]:checked + .custom-radio:before { background-color: transparent !important; border: none !important; font-family: "zurich-icons"; font-size: 7px; top: 3px; left: 5px; content: "\e615" !important; }
.no-borderradius .custom-radio.checked:before { background-color: transparent !important; border: none !important; font-family: "zurich-icons"; font-size: 7px; top: 3px; left: 5px; content: "\e615" !important; position: absolute !important; }

/* horizontal */
.form-horizontal { padding-top: 4px; margin-bottom: 28px; font-size: 12px; /* cancelling hover styles for disabled select */ }
@media screen and (min-width: 992px) { .form-horizontal { margin-bottom: 0; } }
@media screen and (min-width: 992px) { .form-horizontal { font-size: 14px; } }
.form-horizontal .form-group { margin-bottom: 16px; line-height: 44px; }
@media screen and (min-width: 992px) { .form-horizontal .form-group { line-height: 35px; margin-bottom: 20px; } }
.form-horizontal .form-group .control-label.control-label { padding-top: 1px; }
.form-horizontal .form-row .control-label.control-label { padding-bottom: 5px; padding-top: 10px; }
@media screen and (min-width: 992px) { .form-horizontal .form-row .control-label.control-label { padding-bottom: 0; } }
.form-horizontal .control-label.control-label { text-align: left; font-size: inherit; padding-top: 10px; line-height: inherit; }
.form-horizontal .form-control { background: white; color: #3e3e3e; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; transition: none; font-size: inherit; display: block; width: 100%; height: 44px; }
@media screen and (min-width: 992px) { .form-horizontal .form-control { height: 36px; } }
.form-horizontal .form-control.mid-blue { background: #4f90c8; color: white; border-color: white; }
.form-horizontal .form-control.mid-blue span, .form-horizontal .form-control.mid-blue .selectboxit-options a { color: white; }
.form-horizontal .form-control::-ms-clear { display: none; }
.form-horizontal .form-control .text-link, .form-horizontal .form-control .show-more-link, .form-horizontal .form-control .show-less-link, .form-horizontal .form-control .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper .form-horizontal .form-control .level-4 > li > a { margin-bottom: 0; }
.form-horizontal .selectboxit-container { display: block; width: auto; }
.form-horizontal .selectboxit-container * { font: inherit; }
.form-horizontal .selectboxit-container .selectboxit-text, .form-horizontal .selectboxit-container .selectboxit-option-anchor { padding-left: 10px; }
.form-horizontal .selectboxit-container .selectboxit, .form-horizontal .selectboxit-container .selectboxit-options { border-radius: 10px; }
.form-horizontal .selectboxit-container .selectboxit.open { border: 0; margin-top: 0px; }
.form-horizontal .selectboxit-container .selectboxit-options.with-scrollbar { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.form-horizontal .selectboxit-container .selectboxit-options { border-color: #3e3e3e; margin-top: -44px; max-height: 360px; }
@media screen and (min-width: 992px) { .form-horizontal .selectboxit-container .selectboxit-options { margin-top: -36px; } }
.form-horizontal .selectboxit-container span, .form-horizontal .selectboxit-container .selectboxit-options a { height: 44px; line-height: 44px; color: #3e3e3e; }
@media screen and (min-width: 992px) { .form-horizontal .selectboxit-container span, .form-horizontal .selectboxit-container .selectboxit-options a { height: 36px; line-height: 36px; } }
.form-horizontal .selectboxit-container .selectboxit-option-icon-container { display: none; }
.form-horizontal .selectboxit-container .selectboxit-option-first { border-top-right-radius: 10px; border-top-left-radius: 10px; }
.form-horizontal .selectboxit-container .selectboxit-option-last { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.form-horizontal .selectboxit-container .custom-down-icon { background: none; height: 8px; margin-top: -4px; width: 30px; }
.form-horizontal .selectboxit-container .custom-down-icon:before { content: "\e61c"; /* arrow-down */ color: #4066b2; display: block; font-family: 'zurich-icons'; font-size: 16px; height: 8px; line-height: 8px; margin-left: 3px; text-align: left; width: auto; }
.form-horizontal .selectboxit-container:hover .custom-down-icon:before { color: #000066; }
.form-horizontal .selectboxit-container .mid-blue .custom-down-icon:before, .form-horizontal .selectboxit-container:hover .mid-blue .custom-down-icon:before { color: white; }
.form-horizontal .selectboxit-container .open .custom-down-icon:before { content: "\e621"; /* arrow-up */ }
.form-horizontal .selectboxit-container .dropdown-menu > li > a { color: #3e3e3e; }
.form-horizontal .selectboxit-container .dropdown-menu > li.selectboxit-option-first > a { color: #4066b2; }
.form-horizontal .selectboxit-container .dropdown-menu > li.selectboxit-option-first > a:before { float: right; margin-right: 8px; margin-top: 0; font-size: 16px; font-family: 'zurich-icons'; content: "\e621"; /* arrow-down */ }
.form-horizontal .selectboxit-container .dropdown-menu > .active > a, .form-horizontal .selectboxit-container .dropdown-menu > .active > a:hover, .form-horizontal .selectboxit-container .dropdown-menu > .active > a:focus { background: #4066b2; color: white !important; }
.form-horizontal .selectboxit-container .dropdown-menu > .active > a:before, .form-horizontal .selectboxit-container .dropdown-menu > .active > a:hover:before, .form-horizontal .selectboxit-container .dropdown-menu > .active > a:focus:before { color: white; }
.form-horizontal select[disabled] + .selectboxit-container:hover .custom-down-icon:before { color: #4066b2; }
@media screen and (max-width: 767px) { .form-horizontal .col-xs-12 + .col-xs-12 { margin-top: 28px; } }
.form-horizontal .required-field { margin-top: 40px; }
@media screen and (min-width: 992px) { .form-horizontal .required-field { margin-top: 56px; } }
.form-horizontal .required-field .font-footer-notes { margin-top: 40px; margin-bottom: -15px; }
@media screen and (min-width: 992px) { .form-horizontal .required-field .font-footer-notes { margin-top: 56px; margin-bottom: 15px; } }

/** IE8 and IE9:  color the input fields that show place holders */
input.placeholder, textarea.placeholder, input.form-control.placeholder, textarea.form-control.placeholder { color: #8e8e8e; }

/* inline form */
.form-inline { color: #8e8e8e; }
.form-inline .radio { display: inline-block; margin: 0; padding: 0; /* duplicated for IE8 */ }
.form-inline .radio input { opacity: 0; filter: alpha(opacity=0); width: 17px; display: inline-block; position: relative; z-index: 10; cursor: pointer; float: none; margin: 0; }
.form-inline .radio input[type='radio'] + label:before { margin-left: -22px; margin-right: 0.45em; display: inline-block; font-size: 15px; line-height: 100%; font-family: 'zurich-icons'; content: "\25cb"; color: inherit; }
.form-inline .radio input[type='radio']:checked + label:before { content: "\25cf"; }
.form-inline .radio input[type='radio'] + label.checked:before { content: "\25cf"; }
.form-inline .radio + .radio { margin-left: 1.3em; }

/* search form in the article-header */
.article-header .search-form { position: relative; margin-top: 28px; }
.article-header .search-form .btn-search { top: 1px; right: 5px; }

/* rearranged-search-bar, e.g. on calendar page, search results page, etc. */
/* classname is doubled to rise the specificity for IE8 and respond.js */
@media screen and (min-width: 992px) { .rearranged-search-bar.rearranged-search-bar { float: right; } }
.rearranged-search-bar.rearranged-search-bar.col-xs-12 + .col-xs-12.col-md-4 { margin-top: 0 !important; }

@media screen and (min-width: 992px) { .no-search-results .rearranged-search-bar.rearranged-search-bar, .no-search-results.rearranged-search-bar.rearranged-search-bar { float: left; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .no-search-results .rearranged-search-bar.rearranged-search-bar .search-bar, .no-search-results.rearranged-search-bar.rearranged-search-bar .search-bar { padding-bottom: 40px; } }
@media screen and (max-width: 767px) { .no-search-results .rearranged-search-bar.rearranged-search-bar .show-more-link, .no-search-results .rearranged-search-bar.rearranged-search-bar .show-less-link, .no-search-results.rearranged-search-bar.rearranged-search-bar .show-more-link, .no-search-results.rearranged-search-bar.rearranged-search-bar .show-less-link { display: none; } }

.no-search-results .filter-panels, .no-search-results.filter-panels { display: none; }

/* search bar */
.search-bar.search-bar { /* <- repeated selector to increase specificity to support ie8 */ padding-top: 32px; padding-bottom: 32px; margin: 0; /* mobile first is broken in case of a better ie8 support */ float: right; }
@media screen and (max-width: 767px), screen and (min-width: 768px) and (max-width: 991px) { .search-bar.search-bar { float: none; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .search-bar.search-bar { margin-left: -18px; margin-right: -18px; padding: 40px 32px 32px 32px; width: auto; float: none; }
  .search-bar.search-bar.bg-light-grey { padding-bottom: 1px; } }
@media screen and (min-width: 992px) { .search-bar.search-bar { padding-top: 0; padding-bottom: 0; background: transparent; border-bottom: 0; display: block; }
  .search-bar.search-bar.clearfix:before, .search-bar.search-bar.clearfix:after { display: inline; content: ""; }
  .search-bar.search-bar.bg-light-grey { background: transparent; border: none; } }
.search-bar.search-bar .category-filters-start { margin-top: 25px; }
.search-bar.search-bar .form, .search-bar.search-bar form { padding-top: 0; }
.search-bar.search-bar .text-link, .search-bar.search-bar .show-more-link, .search-bar.search-bar .show-less-link, .search-bar.search-bar .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper .search-bar.search-bar .level-4 > li > a { margin-bottom: 0; }

@media screen and (max-width: 767px) { .search-bar.separator-line-bottom { border-bottom: none; }
  .search-bar + .filter-panels { margin-top: 0 !important; } }
.btn-search { background: none; border: none; font-family: 'zurich-icons'; font-size: 19px; height: 100%; padding: 0; position: absolute; right: 20px; top: 0; width: 36px; }
.btn-search:hover { color: #4066b2; }

.external-web iframe { width: 100%; }

.link-container { display: block; z-index: 1; float: left; }

/* ========== C_001.1_header_desktop_tablet / C_001.2_header_mobile / C_001.6_navigation_mobile ========== */
/* desktop header logo */
@media screen and (min-width: 768px) { .big-logo { max-width: 100px; margin: 54px 54px 15px; } }
@media screen and (min-width: 992px) { .big-logo { max-width: 136px; } }

/* general navigation styles */
.navbar { background: white; border: none; margin: 0; }
@media screen and (min-width: 768px) { .navbar { background: transparent; } }
.navbar .nav-position-container { display: block; float: none; }
@media screen and (min-width: 768px) { .navbar .nav-position-container { display: inline-block; float: right; width: auto; min-width: 80%; }
  .navbar .nav-position-container .main-menu { width: 100%; } }
@media screen and (min-width: 1200px) { .navbar .nav-position-container { float: none; width: 100%; display: block; } }
@media screen and (max-width: 767px) { .navbar .subnav { width: 100%; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .navbar .subnav .subnav-header { padding: 32px 0 0 0; margin-bottom: 0; }
  .navbar .subnav .subnav-header a { color: #4066b2; font-weight: 400; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 24px; line-height: 26px; }
  .navbar .subnav .subnav-header:after { background: #003399; content: " "; display: block; height: 3px; margin: 18px 0 0; position: relative; width: 42px; } }
.navbar .navbar-nav { /* this is moved out, since respond.js is unable to parse media-queries with double min-width */ }
@media screen and (max-width: 767px) { .navbar .navbar-nav { margin: 8px 0 20px; }
  .navbar .navbar-nav.main-menu { margin-top: 20px; }
  .navbar .navbar-nav li a { padding: 11px 0; background: none; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 16px; }
  .navbar .navbar-nav li a.has-mobile-submenu:after { font-family: 'zurich-icons'; font-size: 22px; line-height: 22px; height: 22px; content: "\e618"; display: block; position: absolute; right: -6px; top: 50%; margin-top: -11px; }
  .navbar .navbar-nav li a:hover { background: none; }
  .navbar .navbar-nav.main-menu { position: relative; left: 0; width: 100%; } }
@media screen and (min-width: 768px) { .navbar .navbar-nav.main-menu { margin: 0; padding: 0; height: 37px; border-bottom: 6px solid #4066b2; }
  .navbar .navbar-nav.main-menu .separator { display: none; }
  .navbar .navbar-nav.main-menu li a { height: 41px; background: none; padding: 0 0 15px; margin: 0 10px -6px; border-bottom: 6px solid #4066b2; color: #4066b2; font: 100 12px/20px "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; }
  .navbar .navbar-nav.main-menu li:first-child a { margin-left: 0; }
  .navbar .navbar-nav.main-menu li:last-child a { margin-right: 0; }
  .navbar .navbar-nav.main-menu li.last-child a { margin-right: 0; }
  .navbar .navbar-nav.main-menu li a:hover, .navbar .navbar-nav.main-menu li a.active { color: #000066; }
  .navbar .navbar-nav.main-menu li a.selected { color: #8e8e8e; border-bottom-color: #a6a6a6; }
  .navbar .navbar-nav.main-menu .mega-drop-sidebar { /* hiding mega-drop sidebars inside main menu, to prevent visual artifacts while page loads */ display: none; } }
@media screen and (min-width: 992px) { .navbar .navbar-nav.main-menu li a { font-size: 14px; margin-left: 18px; margin-right: 18px; } }
@media screen and (min-width: 1200px) { .navbar .navbar-nav.main-menu { width: 100%; height:37px !important; float: none; }
  .navbar .navbar-nav.main-menu li a { font-family: "swiss_721_swaroman" !important;font-size: 17.92px !important; margin-right: 12px !important; /* 6px is maximum possible value here, otherwise overflow will happen, please change wisely*/ } }

/* desktop MainMenu underline bar */
.menu-blue-border-bg-wrapper { position: relative; }
.menu-blue-border-bg-wrapper .menu-blue-border-bg { position: absolute; width: auto; height: 6px; right: 0; bottom: 0; left: 50%; background: #4066b2; }
@media screen and (max-width: 767px), screen and (min-width: 1200px) { .menu-blue-border-bg-wrapper .menu-blue-border-bg { display: none; } }


.content { min-height: 750px; }

/* ========== C_001.2_header_mobile ========== */
.xs-nav-header { padding: 24px 0 16px; border-bottom: 1px solid #d9d9d9; }
.xs-nav-header .navbar-brand { padding: 0; }
.xs-nav-header .navbar-brand img { max-height: 30px; }
.xs-nav-header .navbar-toggle { font-family: 'zurich-icons'; font-size: 25px; border: 0 none; margin: 3px 0 2px 0; width: auto; height: 25px; line-height: 25px; /*outline: none;*/ position: relative; padding: 0; border-radius: 0; }

/* ========== Mobile Off Canvas Navigation ========== */
/* sliding mobile menu wrapper, it is inside the off-canvas panel */
@media screen and (min-width: 1200px) { .menu-sliders-container-wrapper { margin-left: -15px; margin-right: -15px; clear: both; }
  .menu-sliders-container-wrapper.after { display: table; content: " "; clear: both; } }
.menu-sliders-container-wrapper .menu-sliders-container { position: relative; width: 100%; overflow: hidden; }
@media screen and (min-width: 768px) { .menu-sliders-container-wrapper .menu-sliders-container { overflow: visible; float: right; } }
@media screen and (min-width: 1200px) { .menu-sliders-container-wrapper .menu-sliders-container { padding-left: 50px; padding-right: 15px; width: 83.3333333333%; /* 10-col width of 12-col layout */ } }

/* The following media-query block has all the classes which provide off-canvas layout and animation on mobile */
@media screen and (max-width: 767px) { html, body { overflow-x: hidden; }
  .container-offcanvas { position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-left: 0; margin-right: 0; right: 0; }
  .container-offcanvas-right .sidebar-offcanvas { right: -100%; }
  .container-offcanvas-left .sidebar-offcanvas { left: -100%; }
  .container-offcanvas-right.active { right: 100%; }
  .container-offcanvas-left.active { left: 100%; }
  .sidebar-offcanvas { position: absolute; top: 0; width: 100%; height: auto; } }
/* ========== search bar ========== */
.search-copyright-tab { font-family: "swis721_lt_btlight", "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 28px; }
@media screen and (min-width: 992px) { .search-copyright-tab { font-size: 18px; } }
@media screen and (max-width: 767px) { .search-copyright-tab { float: none; } }
@media screen and (min-width: 768px) { .search-copyright-tab { text-align: right; color: #8e8e8e; width: auto; max-width: 70%; padding: 27px 0; float: right; }
  .search-copyright-tab .search-copyright-wrapper { display: block; float: right; clear: right; width: auto; font: inherit; }
  .search-copyright-tab .separator { display: block; background: #8e8e8e; font-size: 0; line-height: 0; clear: both; float: right; height: 1px; width: 35px; margin: 8px 0; padding: 0; } }
@media screen and (min-width: 768px) { .search-copyright-tab *, .search-copyright-tab .copyright { display: inline-block; height: 28px; margin-left: 21px; vertical-align: bottom; }
  .search-copyright-tab *:first-child, .search-copyright-tab .copyright:first-child { margin-left: 0; } }
@media screen and (max-width: 767px) { .search-copyright-tab .copyright { display: none; } }
.search-copyright-tab .search-form { border: none; position: relative; margin-top: 0; margin-bottom: 0; }
@media screen and (max-width: 767px) { .search-copyright-tab .search-form { padding: 18px 15px; background: #f3f3f3; } }
@media screen and (min-width: 768px) { .search-copyright-tab .search-form { padding: 0; } }
.search-copyright-tab .search-form .btn-search { background: none; border: none; color: #8e8e8e; display: block; font-family: 'zurich-icons'; font-size: 22px; height: 22px; line-height: 22px; padding: 0; position: absolute; right: 23px; top: 23px; width: 22px; }
@media screen and (min-width: 768px) { .search-copyright-tab .search-form .btn-search { right: 5px; top: 5px; width: 18px; height: 18px; font-size: 18px; line-height: 18px; } }
.search-copyright-tab .search-form .btn-back { font-family: 'zurich-icons'; font-size: 28px; color: #4066b2; position: absolute; left: 7px; background: transparent; border: none; height: 28px; width: auto; top: 21px; /*outline: none;*/ margin: 0; padding: 0; border-radius: 0; }
.search-copyright-tab .search-form .form-group { margin-bottom: 0; margin-left: 30px; vertical-align: baseline; }
@media screen and (min-width: 768px) { .search-copyright-tab .search-form .form-group { margin: 0; padding: 0; } }
.search-copyright-tab .search-form .form-group .search-field { box-shadow: none; color: #8e8e8e; font-size: 16px; background: white; /*outline: none;*/ border-radius: 6px; border: 1px solid #d1d1d1; -webkit-appearance: none; }
.search-copyright-tab .search-form .form-group .search-field::-ms-clear { display: none; }
@media screen and (min-width: 768px) { .search-copyright-tab .search-form .form-group .search-field { font-size: 14px; padding: 6px 25px 4px 10px; height: 28px; } }

/* ========== C_001.5_navigation_desktop_tablet ========== */
.mega-drop { height: auto; min-height: 250px; width: 100%; /* can not use @extend here, since @extend will ignore styles inside nested media queries.*/ }
@media screen and (max-width: 767px) { .mega-drop { display: none; } }
@media screen and (min-width: 768px) { .mega-drop > .row { position: relative; } }
.mega-drop .subnav.level-2, .mega-drop .subnav.level-3 { display: block; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 22px; }
@media screen and (min-width: 992px) and (max-width: 1199px) { .mega-drop .subnav.level-2, .mega-drop .subnav.level-3 { font-size: 14px; line-height: 16px; } }
@media screen and (min-width: 1200px) { .mega-drop .subnav.level-2, .mega-drop .subnav.level-3 { font-size: 16px; line-height: 18px; } }
.mega-drop .subnav.level-2 .subnav-header, .mega-drop .subnav.level-3 .subnav-header { padding: 6px 0; font: inherit; margin-bottom: 0; }
.mega-drop .subnav.level-2 .navbar-nav, .mega-drop .subnav.level-3 .navbar-nav { float: none; font: inherit; }
.mega-drop .subnav.level-2 .navbar-nav li, .mega-drop .subnav.level-3 .navbar-nav li { display: block; float: none; border: 0 none; font: inherit; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -ms-column-break-inside: avoid; -o-column-break-inside: avoid; column-break-inside: avoid; /* see also "Firefox fix for column breaks" (just search across this document) */ break-inside: avoid-column; }
.mega-drop .subnav.level-2 .navbar-nav li a, .mega-drop .subnav.level-2 .navbar-nav li a:hover, .mega-drop .subnav.level-3 .navbar-nav li a, .mega-drop .subnav.level-3 .navbar-nav li a:hover { padding: 6px 0; font: inherit; }
@media screen and (min-width: 992px) { .mega-drop .subnav.level-2 .navbar-nav li a, .mega-drop .subnav.level-2 .navbar-nav li a:hover, .mega-drop .subnav.level-3 .navbar-nav li a, .mega-drop .subnav.level-3 .navbar-nav li a:hover { padding: 9px 0; } }
.mega-drop .subnav.level-2 .navbar-nav li + li, .mega-drop .subnav.level-3 .navbar-nav li + li { margin-top: 20px; }
@media screen and (min-width: 992px) { .mega-drop .subnav.level-2 .navbar-nav li + li, .mega-drop .subnav.level-3 .navbar-nav li + li { margin-top: 13px; } }
.mega-drop .subnav.level-3, .mega-drop .subnav.level-2.concatenated-item { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -ms-column-break-inside: avoid; -o-column-break-inside: avoid; column-break-inside: avoid; /* see also "Firefox fix for column breaks" (just search across this document) */ break-inside: avoid-column; }
.mega-drop .subnav.level-3 .navbar-nav li + li, .mega-drop .subnav.level-2.concatenated-item .navbar-nav li + li { /* the following media-screen statement is for respond.js, to always correctly override the value defined before inside media-query */ }
@media screen { .mega-drop .subnav.level-3 .navbar-nav li + li, .mega-drop .subnav.level-2.concatenated-item .navbar-nav li + li { margin-top: 0; } }
.mega-drop .subnav.level-3 .navbar-nav li a, .mega-drop .subnav.level-3 .navbar-nav li a:hover, .mega-drop .subnav.level-2.concatenated-item .navbar-nav li a, .mega-drop .subnav.level-2.concatenated-item .navbar-nav li a:hover { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 22px; }
@media screen and (min-width: 992px) and (max-width: 1199px) { .mega-drop .subnav.level-3 .navbar-nav li a, .mega-drop .subnav.level-3 .navbar-nav li a:hover, .mega-drop .subnav.level-2.concatenated-item .navbar-nav li a, .mega-drop .subnav.level-2.concatenated-item .navbar-nav li a:hover { font-size: 14px; line-height: 16px; } }
@media screen and (min-width: 1200px) { .mega-drop .subnav.level-3 .navbar-nav li a, .mega-drop .subnav.level-3 .navbar-nav li a:hover, .mega-drop .subnav.level-2.concatenated-item .navbar-nav li a, .mega-drop .subnav.level-2.concatenated-item .navbar-nav li a:hover { font-size: 16px; line-height: 18px; } }
.mega-drop .subnav.level-2.concatenated-item + .concatenated-item { margin-top: 35px; }
.mega-drop .mega-drop-sidebar-wrapper { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 26px; padding-bottom: 20px; }
.mega-drop .mega-drop-sidebar-wrapper .mega-drop-sidebar { width: 100%; height: 100%; padding: 0 30px 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #d1d1d1; color: #8e8e8e; }
.mega-drop .mega-drop-sidebar-wrapper .mega-drop-sidebar .action-link { margin: 25px 0; }
.mega-drop .mega-drop-multicol { height: auto; -webkit-column-gap: 30px; -moz-column-gap: 30px; -ms-column-gap: 30px; -o-column-gap: 30px; column-gap: 30px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; column-fill: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 28px; padding-bottom: 28px; }
@media screen and (min-width: 992px) { .mega-drop .mega-drop-multicol { -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; } }
.mega-drop .megadrop-column-reset { -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; -o-column-count: 1; column-count: 1; }
.mega-drop:after { content: " "; display: table; clear: both; }
.mega-drop a:focus { color: #000066; }
.mega-drop .btn-close { color: #4066b2; position: absolute; right: 2px; top: 16px; }
.mega-drop .btn-close:hover { color: #000066; }

.ie-column .navbar-nav li a { display: block; margin-right: 30px; }

/* wrappers */
@media screen and (min-width: 768px) { .mega-drop-anchor { clear: both; height: 0; position: relative; width: 100%; z-index: 10000; }
  .mega-drop-anchor .mega-drop-shader { background: rgba(0, 0, 0, 0.3); display: none; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4c000000', endColorstr='#4c000000'); /* IE8 */ height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }
  .mega-drop-anchor .mega-drop-outer-wrapper { height: 0; left: 0; margin: 0 auto; max-width: 1600px; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 2; }
  .mega-drop-anchor .mega-drop-outer-wrapper .mega-drop-wrapper { background: white; border-top: 1px solid #d1d1d1; }
  .mega-drop-anchor .mega-drop-outer-wrapper .megadrop-footer-wrapper { background: #e6e6e6; } }
/* spacings left and right */
@media screen and (min-width: 768px) and (max-width: 991px) { .mega-drop-outer-wrapper { padding-left: 15px; padding-right: 15px; } }
@media screen and (min-width: 992px) { .mega-drop-outer-wrapper { padding-left: 30px; padding-right: 30px; } }
@media (min-width: 1630px) { .mega-drop-outer-wrapper { padding-left: 0; padding-right: 0; } }
.mega-drop-outer-wrapper .mega-drop-wrapper { margin: 0 auto; }
.mega-drop-outer-wrapper .mega-drop-wrapper .mega-drop { max-width: 1300px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .mega-drop-outer-wrapper .mega-drop-wrapper .mega-drop { padding-left: 17px; padding-right: 17px; } }
@media screen and (min-width: 992px) { .mega-drop-outer-wrapper .mega-drop-wrapper .mega-drop { padding-left: 26px; padding-right: 26px; } }

/* menu */
@media screen and (max-width: 767px) { .megadrop-footer .row { background: #e6e6e6; } }
@media screen and (min-width: 768px) { .megadrop-footer .row { text-align: right; } }
.megadrop-footer .item { color: #4066b2; display: inline-block; left: -10px; line-height: 24px; padding-top: 25px; padding-bottom: 25px; position: relative; text-align: center; }
@media screen and (min-width: 768px) { .megadrop-footer .item { float: none; margin-left: 35px; padding-bottom: 15px; padding-top: 15px; width: auto; } }
.megadrop-footer .item:hover { color: #000066; }
.megadrop-footer .item .icon { color: inherit; display: inline-block; font-family: 'zurich-icons'; font-size: 26px; height: 26px; line-height: 26px; margin: 0; vertical-align: top; width: auto; }
.megadrop-footer .item .icon:before { content: attr(data-content); display: inline-block; speak: none; text-align: center; font-size: inherit; }
.megadrop-footer .item .label { color: inherit; display: inline-block; left: 6px; line-height: inherit; margin: 0; padding: 0; position: relative; top: 0; vertical-align: middle; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; }
@media screen and (min-width: 992px) and (max-width: 1199px) { .megadrop-footer .item .label { font-size: 14px; line-height: 18px; } }
@media screen and (min-width: 1200px) { .megadrop-footer .item .label { font-size: 16px; line-height: 20px; } }

/* Firefox fix for column breaks. Hopefully as soon as firefox drop support for this prefixed property they will also fix the multi column rendering. See also @mixin column-break-inside ($value). */
@-moz-document url-prefix() { .mega-drop .subnav.level-2 .navbar-nav li, .mega-drop .subnav.level-3 .navbar-nav li { display: table; }
  .mega-drop .subnav.level-3, .mega-drop .subnav.level-2.concatenated-item { display: table; } }

/* ========== C_001.3_footer_desktop_tablet / C_001.4_footer_mobile ========== */
.footer { font-size: 12px; line-height: 18px; background: #e6e6e6; bottom:0; width:100%;margin-top:30px; float:left; clear: both; }
@media screen and (max-width: 767px) { .footer { padding-bottom: 10px; /* increasing side-padding for footer, without spoiling inter-column spacings */ }
  .footer .separator { font-size: 0; line-height: 0; height: 1px; background: #d9d9d9; width: auto; padding: 0; }
  .footer .container { padding-left: 28px; padding-right: 28px; }
  .footer .separator { margin-left: -28px; margin-right: -28px; } }
@media screen and (min-width: 768px) { .footer .separator { display: none; } }
.footer .copyright { margin-top: 13px; margin-bottom: 12px; color: #8e8e8e; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; }
@media screen and (min-width: 768px) { .footer .copyright { clear: both; margin-top: 25px; margin-bottom: 10px; } }

/* menu */
.footer-menu { margin-top: 17px; margin-bottom: 16px; }
@media screen and (min-width: 768px) { .footer-menu { float: left; margin-top: 32px; margin-bottom: 5px; }
  .footer-menu .footer-menu-group { width: auto; display: inline-block; float: none; padding: 0 6px; }
  .footer-menu .footer-menu-group:first-child { padding-left: 15px; } }
   .footer-menu a, .footer-menu .footer_link {color: #8e8e8e;line-height: 40px;display: block;text-decoration: none;font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif;font-size: 12px;cursor:pointer;}
@media screen and (min-width: 768px) { .footer-menu a { line-height: 24px; display: inline-block; }
  .footer-menu a + a { margin-left: 30px; } }
.footer-menu a:hover { color: #000066; }
.footer-menu a:focus, .footer-menu a:active { color: #8e8e8e; text-decoration: none; }

.social-links-wrapper { padding-top: 14px; }
.social-links-wrapper h2 { color: #8e8e8e; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; }
.social-links-wrapper .social-links { text-align: justify; padding: 6px 0 16px; margin: 0; line-height: 10px; }
.social-links-wrapper .social-links li { display: inline-block; }
@media screen and (max-width: 767px) { .social-links-wrapper .social-links:after { /* forces justify of the previous element */ content: " "; display: inline-block; width: 100%; height: 1px; } }
@media screen and (min-width: 768px) { .social-links-wrapper { float: right; margin: 32px 0 0; padding-top: 0; }
  .social-links-wrapper h2 { display: inline-block; line-height: inherit; margin: 0; padding: 0; vertical-align: bottom; }
  .social-links-wrapper .social-links { text-align: left; display: inline-block; line-height: inherit; height: 21px; margin: 0 0 0 15px; padding: 0; vertical-align: bottom; }
  .social-links-wrapper .social-links li { display: inline-block; line-height: inherit; }    
  .social-links-wrapper .social-links li + li { margin-left: 23px; }
  .social-links-wrapper .social-links .link-item { display: block; width: 21px; height: 21px; } }
.social-links-wrapper .link-item { /*outline: none;*/ display: block; width: 21px; height: 21px; font-size: 21px; line-height: 21px; font-family: 'zurich-icons'; color: #8e8e8e; }
.social-links-wrapper .link-item:before { content: attr(data-content); display: inline-block; speak: none; text-align: center; font-size: inherit; }
.social-links-wrapper .link-item:hover { color: #000066; }

/* ========== wrapper for C_004.7_image_minislider Variations / P_022_multimedia_content_placeholder ========== */
.fixed-aspect-ratio { position: relative; }
.fixed-aspect-ratio.aspect-16-9 { height: 0; padding-bottom: 56.25%; /* = 9/16 * 100% */ }
.fixed-aspect-ratio.aspect-4-3 { height: 0; padding-bottom: 75%; /* = 3/4 * 100% */ }
.fixed-aspect-ratio.aspect-2-1 { height: 0; padding-bottom: 50%; /* = 1/2 * 100% */ }
.fixed-aspect-ratio.caption-padding { padding-top: 40px; }

.brightcove-container { position: relative; background: black; height: 0; }
.brightcove-container.crome-47 { padding-top: 47px; }
.brightcove-container.with-carousel-playlist { padding-top: 100px; }
.brightcove-container div, .brightcove-container embed, .brightcove-container object, .brightcove-container iframe { background: transparent; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; }
.brightcove-container .throbber { position: absolute; width: 100%; height: 16px; line-height: 16px; top: 50%; right: 0; bottom: auto; left: 0; margin-top: -8px; text-align: center; }

/* within a textblock */
.media-container.in-text { padding-bottom: 15px; }
@media screen and (max-width: 767px) { .media-container.in-text.pull-left, .media-container.in-text.pull-right { float: none !important; } }
@media screen and (min-width: 768px) { .media-container.in-text { padding-left: 15px; padding-right: 15px; }
  .media-container.in-text.pull-left { max-width: 50%; margin-left: -15px; margin-right: 15px; }
  .media-container.in-text.pull-right { max-width: 50%; margin-left: 15px; margin-right: -15px; } }

/* additional caption */
.media-container .caption { background: #4f90c8; color: white; min-height: 40px; padding: 10px 20px; }
.media-container .caption .cell-text { margin-bottom: 0; }
.media-container .caption.bg-light-grey { color: #3e3e3e; }
.media-container .caption.bg-none { background: transparent; color: #8e8e8e; }

/* ========== component info-box ========== */
.info-box { padding: 10px 15px; background: #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #3e3e3e; }
.info-box .row { font-size: 12px; }
@media screen and (min-width: 992px) { .info-box .row { font-size: 14px; } }
.info-box a { color: inherit; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; text-decoration: underline; }
.info-box a.text-link:hover, .info-box a.show-more-link:hover, .info-box a.show-less-link:hover, .info-box .component__component-sitemap--wrapper .level-4 > li > a:hover, .component__component-sitemap--wrapper .info-box .level-4 > li > a:hover { color: #000066; }
.info-box .btn-close { display: block; z-index: 10; }

/* ========== C_001.8_header_errormessages ========== */
.alert-line { color: #e9635b; }
.alert-line:before { content: "\e626"; display: inline-block; font-family: 'zurich-icons'; font-size: 2em; left: -0.15em; position: relative; top: 0.25em; }

.info-box.extended { padding-top: 10px; padding-bottom: 32px; background: #f3f3f3; border-bottom: 1px solid #e6e6e6; }
.info-box.extended .container { margin-top: 22px; }

.js .no-js-warning { display: none; }

.no-js .no-js-warning { display: block; }

.btn-simple, a.btn-simple { background: #e6e6e6; padding: 9px 25px; text-decoration: none; color: #4066b2; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; }
@media screen and (min-width: 992px) { .btn-simple, a.btn-simple { font-size: 14px; line-height: 20px; } }
.btn-simple.text-link, .btn-simple.show-more-link, .btn-simple.show-less-link, .component__component-sitemap--wrapper .level-4 > li > a.btn-simple, a.btn-simple.text-link, a.btn-simple.show-more-link, a.btn-simple.show-less-link, .component__component-sitemap--wrapper .level-4 > li > a.btn-simple { padding-left: 40px; }

.info-box .btn-simple { margin-bottom: 15px; }
.info-box .btn-simple + .btn-simple { margin-left: 0.5em; }

.info-box strong a { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; }

/* ========== C_002.1_headline_start ========== */
.article-header { margin-top: 26px; }
@media screen and (min-width: 768px) { .article-header { margin-top: 41px; } }

/* margin of the first article-header if there is no gadget bar */
.article-header:first-child { margin-top: 81px; }

.article-header h1, .article-header .h1 { margin-bottom: 15px; }
@media screen and (max-width: 767px) { .article-header h1, .article-header .h1 { margin-bottom: 0; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .article-header h1, .article-header .h1 { line-height: 40px; } }
.article-header h2, .article-header .h2 { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 7px; }
@media screen and (min-width: 992px) { .article-header h2, .article-header .h2 { font-size: 14px; line-height: 20px; } }
.article-header h1 { margin-bottom: 5px; margin-top: 0; }
.article-header .form-horizontal { margin-bottom: 15px; }

/* ========== C_002.14_headline_underline ========== */
@media screen and (max-width: 767px) { .underline-header { margin-bottom: 13px; } }
.underline-header h1, .underline-header .h1 { margin-bottom: 8px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .underline-header h1, .underline-header .h1 { line-height: 40px; } }
.underline-header h2, .underline-header .h2 { font-size: 12px; line-height: 18px; margin-top: 8px; /* margin is the same, and it will be collapsed to minimal value. So we just keep space in case we drop one of the headers */ margin-bottom: 0; }
@media screen and (min-width: 992px) { .underline-header h2, .underline-header .h2 { font-size: 14px; line-height: 20px; } }

/* ========== C_005.1_tab_bar_entry ========== */
.tab-content { min-height: 600px; }
@media screen and (min-width: 768px) { .tab-content .component { margin-top: 0; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .tab-content .component__citation-entry--wrapper { margin-top: 20px; } }

.scrollable-tabs-container { margin-top: 0; border-bottom: 1px solid #d1d1d1; position: relative; }
@media screen and (min-width: 768px) { .scrollable-tabs-container .container, .scrollable-tabs-container * + .container { margin-top: 0; } }
.scrollable-tabs-container h2.scrollable-tabs-header { text-align: left; color: #8e8e8e; margin-top: 29px; margin-bottom: 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; }
@media screen and (min-width: 992px) and (max-width: 1199px) { .scrollable-tabs-container h2.scrollable-tabs-header { font-size: 14px; line-height: 18px; } }
@media screen and (min-width: 1200px) { .scrollable-tabs-container h2.scrollable-tabs-header { font-size: 16px; line-height: 20px; } }
@media screen and (min-width: 768px) { .scrollable-tabs-container h2.scrollable-tabs-header { float: left; margin-top: 60px; margin-bottom: 15px; width: 90px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .scrollable-tabs-container h2.scrollable-tabs-header { margin-top: 43px; } }
@media screen and (min-width: 1200px) { .scrollable-tabs-container h2.scrollable-tabs-header { margin-bottom: 0; margin-top: 59px; padding-right: 60px; width: 215px; } }
.scrollable-tabs-container .scrollable-tabs-overflow-container { overflow-x: hidden; height: auto; margin-left: -15px; margin-right: -15px; /* arrow compensation */ padding-bottom: 11px; margin-bottom: -11px; }
@media screen and (min-width: 768px) { .scrollable-tabs-container .scrollable-tabs-overflow-container { padding-left: 15px; padding-right: 15px; } }
@media screen and (min-width: 768px) { .scrollable-tabs-container .scrollable-tabs-overflow-container { overflow: visible; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } }
.scrollable-tabs-container .nav.nav-tabs { position: relative; top: 0; left: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 0 none; }
@media screen and (max-width: 767px) { .scrollable-tabs-container .nav.nav-tabs { border-top: 1px solid #d9d9d9; } }
@media screen and (min-width: 768px) { .scrollable-tabs-container .nav.nav-tabs { padding-bottom: 0; margin-bottom: 0; text-align: right; font-size: 0; } }
@media screen and (min-width: 1200px) { .scrollable-tabs-container .nav.nav-tabs { text-align: left; } }
.scrollable-tabs-container .nav.nav-tabs li { color: #4066b2; }
@media screen and (max-width: 767px) { .scrollable-tabs-container .nav.nav-tabs li { margin-top: -1px; } }
@media screen and (min-width: 768px) { .scrollable-tabs-container .nav.nav-tabs li { display: inline-block; float: none; font-size: 16px; width: 16.6666666667%; /* width of 2 columns of 12-col layout*/ } }
@media screen and (min-width: 1200px) { .scrollable-tabs-container .nav.nav-tabs li { width: 160px; } }
.scrollable-tabs-container .nav.nav-tabs li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 88px; color: inherit; padding: 23px 18px 18px; margin: 0; border: 0 none; border-radius: 0; }
@media screen and (min-width: 768px) { .scrollable-tabs-container .nav.nav-tabs li a { padding: 30px 30px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }
@media screen and (min-width: 992px) { .scrollable-tabs-container .nav.nav-tabs li a { padding-top: 32px; } }
.scrollable-tabs-container .nav.nav-tabs li .icon { width: 44px; height: 30px; display: block; margin: 0 auto; font-family: 'zurich-icons'; font-size: 30px; line-height: 30px; text-align: center; }
@media screen and (min-width: 768px) { .scrollable-tabs-container .nav.nav-tabs li .icon { font-size: 36px; line-height: 36px; height: 36px; } }
.scrollable-tabs-container .nav.nav-tabs li .icon:before { content: attr(data-content); display: inline-block; speak: none; text-align: center; font-size: inherit; color: inherit; }
.scrollable-tabs-container .nav.nav-tabs li .label { display: block; margin: 14px auto 0; padding: 0; text-align: center; color: inherit; line-height: 1em; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; }
@media screen and (min-width: 992px) and (max-width: 1199px) { .scrollable-tabs-container .nav.nav-tabs li .label { font-size: 14px; } }
@media screen and (min-width: 1200px) { .scrollable-tabs-container .nav.nav-tabs li .label { font-size: 16px; } }
@media screen and (min-width: 992px) { .scrollable-tabs-container .nav.nav-tabs li .label { margin-top: 13px; } }
.scrollable-tabs-container .nav.nav-tabs li .indicator-arrow { background: url(../images/icons-sprite.png) no-repeat 0 0; position: absolute; width: 20px; height: 10px; bottom: 0; left: 50%; margin-left: -10px; visibility: hidden; }
.scrollable-tabs-container .nav.nav-tabs li.active { color: white; }
.scrollable-tabs-container .nav.nav-tabs li.active a, .scrollable-tabs-container .nav.nav-tabs li a:hover, .scrollable-tabs-container .nav.nav-tabs li a:focus { background: #4066b2; color: white; }
.scrollable-tabs-container .nav.nav-tabs li.active .indicator-arrow { display: block; bottom: -10px; visibility: visible; }
.scrollable-tabs-container .nav.nav-tabs li .nav.nav-tabs > li.active > a, .scrollable-tabs-container .nav.nav-tabs > li.active > a:hover, .scrollable-tabs-container .nav.nav-tabs > li.active > a:focus { border: 0 none; position: relative; }

.cssanimations.csstransitions .scrollable-tabs-container .nav.nav-tabs li .indicator-arrow { bottom: -6px; }
.cssanimations.csstransitions .scrollable-tabs-container .nav.nav-tabs li.active .indicator-arrow { bottom: -10px; }

.scrollable-tabs-container, .scrollable-tabs-container .nav.nav-tabs, .scrollable-tabs-container .nav.nav-tabs li, .scrollable-tabs-container .nav.nav-tabs li a { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }

@media screen and (min-width: 768px) { .tab-pane { padding-bottom: 36px; /* space for blue-panel */ }
  .tab-pane .contact-cell a.text-link, .tab-pane .contact-cell a.show-more-link, .tab-pane .contact-cell a.show-less-link, .tab-pane .contact-cell .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper .tab-pane .contact-cell .level-4 > li > a { display: inline-block; margin-top: 20px; } }
@media screen and (max-width: 767px) { .tab-pane .col-xs-12 + .col-xs-12 { margin-top: 0; } }
.tab-pane h2, .tab-pane .h2 { margin-top: 36px; margin-bottom: 23px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .tab-pane h2, .tab-pane .h2 { margin-top: 52px; margin-bottom: 27px; }
  .tab-pane h2:first-child, .tab-pane .h2:first-child { margin-top: 0; } }
@media screen and (min-width: 992px) { .tab-pane h2, .tab-pane .h2 { margin-top: 48px; margin-bottom: 24px; } }
.tab-pane .content-cell { margin-bottom: 0; }
.tab-pane .smaller-content-cell { margin-bottom: 0; }
@media screen and (min-width: 992px) { .tab-pane .smaller-content-cell h2 { margin-top: 34px; } }
.tab-pane .stock-quote .media-container { margin-top: 10px; margin-bottom: 10px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .tab-pane .stock-quote .media-container { margin-bottom: 56px; } }
.tab-pane .stock-quote .current-rate { font-weight: normal; font-family: "swis721_md_btmedium", "Helvetica Neue", Arial, sans-serif; }
.tab-pane .bordered { border: 2px solid #d1d1d1; }
@media screen and (min-width: 768px) and (max-width: 991px) { .tab-pane .smaller-content-cell { padding-bottom: 0; }
  .tab-pane .contact-cell { padding-bottom: 25px; }
  .tab-pane .contact-cell h2 { margin-top: 38px; }
  .tab-pane .contact-cell .links-well.bottom-aligned { position: relative; left: auto; right: auto; clear: both; } }
@media screen and (min-width: 768px) { .tab-pane .md-row + .md-row .component.smaller-content-cell { padding-bottom: 20px; } }
.tab-pane .media-container + .component-wysiwyg-editor, .tab-pane .media-container + .component-copy-content { margin-top: 15px; }
@media screen and (min-width: 768px) { .tab-pane .media-container + .component-wysiwyg-editor, .tab-pane .media-container + .component-copy-content { margin-top: 30px; } }
.tab-pane .links-well.overview-link { background: #4066b2; }
.tab-pane .links-well.overview-link a { color: white; }
.tab-pane .links-well.overview-link:hover { background: #000066; }

/* ========== COMPONENT C_002.12_tab ========== */
@media screen and (max-width: 767px) { .component-tabs .scrollable-tabs-overflow-container { overflow-x: hidden; margin-left: -15px; margin-right: -15px; } }
.component-tabs .nav-tabs { position: relative; top: 0; left: 0; border-bottom: 2px solid #000066; margin-bottom: 15px; }
.component-tabs .nav-tabs li { position: relative; margin-bottom: 0; bottom: -2px; }
.component-tabs .nav-tabs li a, .component-tabs .nav-tabs li a:hover, .component-tabs .nav-tabs li a:focus { border-radius: 0; border-top: 2px solid #000066; border-right: 2px solid #000066; border-bottom: 0 none; border-left: 0 none; padding: 12px 15px 19px 15px; background: #000066; color: white; margin-right: 0; height: 100%; }
@media screen and (min-width: 992px) { .component-tabs .nav-tabs li a, .component-tabs .nav-tabs li a:hover, .component-tabs .nav-tabs li a:focus { padding-left: 24px; padding-right: 24px; } }
.component-tabs .nav-tabs li.active a, .component-tabs .nav-tabs li.active a:hover, .component-tabs .nav-tabs li.active a:focus { background: white; color: #8e8e8e; }
.component-tabs .nav-tabs li + li > a { position: relative; }
.component-tabs .nav-tabs li + li > a:before { display: block; content: " "; position: absolute; font: 0/0 serif; top: -2px; bottom: 12px; left: 0; background: #8e8e8e; width: 1px; }
.component-tabs .nav-tabs li.active + li > a:before, .component-tabs .nav-tabs li + li.active > a:before { content: ""; display: none; }

.tab-content.component-tabs { min-height: 0; border-bottom: 6px solid #000066; margin-bottom: 15px; }
@media screen and (max-width: 767px) { .tab-content.component-tabs { margin-left: -15px; margin-right: -15px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .tab-content.component-tabs { margin-bottom: 36px; } }
.tab-content.component-tabs .tab-pane { padding: 0 15px 16px 15px; }
@media screen and (min-width: 992px) { .tab-content.component-tabs .tab-pane { padding-left: 24px; padding-right: 24px; } }
.tab-content.component-tabs .tab-pane h2, .tab-content.component-tabs .tab-pane .h2 { margin-top: 24px; }

/* ========== C_002.16_contact_right_column ========== */
@media screen and (min-width: 768px) and (max-width: 991px) { .content .component__contact-right-column--wrapper.component.col-sm-6 { margin-top: 0; } }
@media screen and (min-width: 992px) { .content .component__contact-right-column--wrapper.component.col-sm-6 { margin-top: 10px; }
  .content .component__contact-right-column--wrapper.component.col-sm-6:first-child { margin-top: 0; } }

.component__contact-right-column--wrapper h3 { margin-bottom: 8px; }

.right-column-separator { clear: both; height: 0; margin-bottom: 41px; }

/* ========== P_005_user_entry_placeholder ========== */
.md-row { margin-left: -15px; margin-right: -15px; }

@media screen and (min-width: 768px) and (max-width: 991px) { .md-row { margin-top: 55px; }
  .md-row .clearfix { margin-bottom: 55px; } }
@media screen and (min-width: 992px) { .md-row + .md-row { margin-top: 75px; }
  .md-row:before, .md-row:after { display: table; content: " "; }
  .md-row:after { clear: both; } }
.background-fix-anchor { position: relative; width: 100%; height: 0; font-size: 0; line-height: 0; }
.background-fix-anchor .background-container { position: absolute; width: 100%; height: 0; /* will be defined by JS */ left: 0; bottom: 0; right: 0; z-index: -1; }
.background-fix-anchor .quoter-background-container { position: absolute; width: 25%; height: 0; /* will be defined by JS */ left: 0; bottom: 0; right: 75%; z-index: -1; }

/* space for bottom-aligned block */
@media screen and (min-width: 768px) { .content-cell, .smaller-content-cell { padding-bottom: 65px; margin-bottom: 15px; } }
/* ========== C_002.15_wysiwyg_editor ========== */
.component-wysiwyg-editor ul li, .component-copy-content ul li { margin-left: 24px; text-indent: -12px; }
.component-wysiwyg-editor ul li:before, .component-copy-content ul li:before { color: #8e8e8e; content: '\e615'; display: inline-block; font-family: 'zurich-icons'; font-size: 0.5em; line-height: inherit; position: relative; top: -1px; vertical-align: baseline; width: 12px; }
.component-wysiwyg-editor ul ul, .component-copy-content ul ul { margin-bottom: 20px; margin-top: 20px; }
.component-wysiwyg-editor ul ul li, .component-copy-content ul ul li { margin-bottom: 0; }
.component-wysiwyg-editor ul ul li:before, .component-copy-content ul ul li:before { color: #b3b3b3; font-size: 0.3em; width: 0; }
.component-wysiwyg-editor ol, .component-copy-content ol { counter-reset: li; }
.component-wysiwyg-editor ol li, .component-copy-content ol li { margin-bottom: 20px; padding-left: 24px; position: relative; }
.component-wysiwyg-editor ol li:before, .component-copy-content ol li:before { content: counter(li); counter-increment: li; color: #8e8e8e; font-size: 18px; left: 0; line-height: 20px; position: absolute; width: 1em; }
.component-wysiwyg-editor h2, .component-copy-content h2, .component-wysiwyg-editor h3, .component-copy-content h3, .component-wysiwyg-editor h4, .component-copy-content h4, .component-wysiwyg-editor .component-comment .signin-hint p, .component-comment .signin-hint .component-wysiwyg-editor p, .component-copy-content .component-comment .signin-hint p, .component-comment .signin-hint .component-copy-content p { display: inline-block; width: 100%; }
.component-wysiwyg-editor p + h3, .component-copy-content p + h3 { margin-bottom: 15px; margin-top: 12px; }

/* ====== C_002.4_copy_content ====== */
.component-copy-content h2, .component-copy-content h3, .component-copy-content h4, .component-copy-content .component-comment .signin-hint p, .component-comment .signin-hint .component-copy-content p { display: inherit; width: auto; }

/* ====== C_004.9_social_media_icons_desktop_tablet ====== */
.social-share, .component-share .share-btn { position: relative; display: block; width: auto; line-height: 30px; height: 30px; margin: 10px 0 0 0; z-index: 1; }
@media screen and (max-width: 767px) { .social-share, .component-share .share-btn { line-height: 44px; height: 44px; margin: 0 -15px; padding: 0 15px 0 15px; text-align: justify; } }
.social-share .social-icon, .component-share .share-btn .social-icon, .social-share .link-item.facebook:before, .component-share .share-btn .link-item.facebook:before, .social-share .link-item.google-plus:before, .component-share .share-btn .link-item.google-plus:before, .social-share .link-item.youtube:before, .component-share .share-btn .link-item.youtube:before, .social-share .link-item.pinterest:before, .component-share .share-btn .link-item.pinterest:before, .social-share .link-item.twitter:before, .component-share .share-btn .link-item.twitter:before, .social-share .link-item.linkedin:before, .component-share .share-btn .link-item.linkedin:before, .social-share .link-item.xing:before, .component-share .share-btn .link-item.xing:before { color: #8e8e8e; font-size: 32px; }
.social-share .social-icon:hover, .component-share .share-btn .social-icon:hover, .social-share .link-item.facebook:hover:before, .component-share .share-btn .link-item.facebook:hover:before, .social-share .link-item.google-plus:hover:before, .component-share .share-btn .link-item.google-plus:hover:before, .social-share .link-item.youtube:hover:before, .component-share .share-btn .link-item.youtube:hover:before, .social-share .link-item.pinterest:hover:before, .component-share .share-btn .link-item.pinterest:hover:before, .social-share .link-item.twitter:hover:before, .component-share .share-btn .link-item.twitter:hover:before, .social-share .link-item.linkedin:hover:before, .component-share .share-btn .link-item.linkedin:hover:before, .social-share .link-item.xing:hover:before, .component-share .share-btn .link-item.xing:hover:before { color: #4066b2; }
.social-share li, .component-share .share-btn li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; line-height: inherit; text-align: center; width: 32px; }
.social-share li ul, .component-share .share-btn li ul { display: none; border: 10px solid white; background-color: white; margin: -10px; }
.social-share li ul:after, .component-share .share-btn li ul:after { display: table; content: " "; clear: both; }
.social-share li ul li, .component-share .share-btn li ul li { margin: 0; }
.social-share li ul li:first-child, .component-share .share-btn li ul li:first-child { margin-top: 1px; }
.social-share li .share + ul li, .component-share .share-btn li .share + ul li { /* spacing only for social share icons */ height: 33px; }
.social-share.social-share-always-open li ul, .component-share .social-share-always-open.share-btn li ul { display: block; }
.social-share .link-item, .component-share .share-btn .link-item { display: inline-block; float: none; margin: 0; padding: 0; background: none; line-height: inherit; font-family: 'zurich-icons'; color: #4066b2; text-decoration: none; font-size: 26px; }
.social-share .link-item:before, .component-share .share-btn .link-item:before { display: inline-block; font-size: inherit; speak: none; text-align: center; width: auto; }
.social-share .link-item.selected.bubble:before, .component-share .share-btn .link-item.selected.bubble:before, .social-share .link-item:hover.bubble:before, .component-share .share-btn .link-item:hover.bubble:before { content: "\52"; }
.social-share .link-item.selected.heart:before, .component-share .share-btn .link-item.selected.heart:before, .social-share .link-item:hover.heart:before, .component-share .share-btn .link-item:hover.heart:before { content: "\2764"; }
.social-share .link-item.selected.print:before, .component-share .share-btn .link-item.selected.print:before, .social-share .link-item:hover.print:before, .component-share .share-btn .link-item:hover.print:before { content: "\70"; }
.social-share .link-item.selected.share:before, .component-share .share-btn .link-item.selected.share:before, .social-share .link-item:hover.share:before, .component-share .share-btn .link-item:hover.share:before { content: "\3e"; }
.social-share .link-item.selected .language, .component-share .share-btn .link-item.selected .language, .social-share .link-item:hover .language, .component-share .share-btn .link-item:hover .language { color: white; }
.social-share .link-item.selected .hearts, .component-share .share-btn .link-item.selected .hearts, .social-share .link-item:hover .hearts, .component-share .share-btn .link-item:hover .hearts { color: white; }
.social-share .link-item.bubble:before, .component-share .share-btn .link-item.bubble:before { content: "\51"; }
.social-share .link-item.heart:before, .component-share .share-btn .link-item.heart:before { content: "\2661"; }
.social-share .link-item.print:before, .component-share .share-btn .link-item.print:before { content: "\50"; }
.social-share .link-item.share:before, .component-share .share-btn .link-item.share:before { content: "\e62e"; left: 2px; position: relative; }
.social-share .link-item.facebook:before, .component-share .share-btn .link-item.facebook:before { content: "\e635"; }
.social-share .link-item.google-plus:before, .component-share .share-btn .link-item.google-plus:before { content: "\e634"; }
.social-share .link-item.youtube:before, .component-share .share-btn .link-item.youtube:before { content: "\e62f"; }
.social-share .link-item.pinterest:before, .component-share .share-btn .link-item.pinterest:before { content: "\e632"; }
.social-share .link-item.twitter:before, .component-share .share-btn .link-item.twitter:before { content: "\e631"; }
.social-share .link-item.linkedin:before, .component-share .share-btn .link-item.linkedin:before { content: "\e633"; }
.social-share .link-item.xing:before, .component-share .share-btn .link-item.xing:before { content: "\e630"; }
.social-share .link-item .icon-overlay-text, .component-share .share-btn .link-item .icon-overlay-text, .social-share .link-item .language, .component-share .share-btn .link-item .language, .social-share .link-item .hearts, .component-share .share-btn .link-item .hearts { position: relative; display: inline-block; text-align: center; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 11px; line-height: 11px; width: 24px; margin-right: -25px; left: -25px; }
.social-share .link-item .language, .component-share .share-btn .link-item .language { top: -8px; }
.social-share .link-item .hearts, .component-share .share-btn .link-item .hearts { top: -7px; }
.social-share li + li, .component-share .share-btn li + li { margin-left: 10px; }
@media screen and (max-width: 767px) { .social-share:after, .component-share .share-btn:after { content: " "; height: 1px; display: inline-block; width: 100%; } }

.context-shareable { position: relative; }

.context-share-container { position: absolute; display: none; top: 0; height: auto; margin: 0; background: white; padding: 3px 5px 5px; }
.context-share-container.right { right: 0; margin-right: -20px; }
.context-share-container .link-item.share { display: block; float: none; }
.context-share-container .link-item.share:before { content: "\bb"; font-size: 32px; }
.context-share-container .context-share-fly-out { padding-top: 15px; display: block; background: transparent; border-color: transparent; }
@media screen and (max-width: 767px) { .context-share-container { display: none; } }

/* ========== C_004.23_share ========== */
.component-share { padding: 10px 27px 5px 30px; }
.component-share .share-btn { cursor: pointer; height: auto; line-height: inherit; margin: 0; padding: 0; position: relative; }
.component-share .share-btn:after { display: none; }
.component-share .share-btn .share-counter.share-icon { float: left; line-height: 1em; margin: 16px 20px 0; }
.component-share .share-btn .share-counter.share-icon:after { content: ""; }
.component-share .share-btn ul { display: inline-block; margin-bottom: 0; }
.component-share .share-btn ul li { line-height: 44px; height: 44px; margin: 0; }
@media screen and (min-width: 768px) { .component-share .share-btn ul li { line-height: 30px; height: 30px; } }

/* ========== C_002.5_image_content_large ========== */
.main-stage { background: #e6e6e6; }
.main-stage .row { /*@media screen and (min-width: 768px) and (max-width: 991px) { height: 228px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) { height: 298px;
}
@media screen and (min-width: 1200px) { height: 360px;
}*/ height: auto !important; }
@media screen and (min-width: 768px) and (max-width: 991px) { .main-stage blockquote { margin-bottom: 8px; } }
@media screen and (max-width: 767px) { .main-stage .caption { background: #f3f3f3; padding-bottom: 20px; padding-top: 20px; } }
@media screen and (min-width: 768px) { .main-stage .container, .main-stage .image-container, .main-stage .caption { height: 100%; }
  .main-stage .image-container { overflow: hidden; }
  .main-stage .caption { padding-top: 35px; } }

/* ========== C_003.1_citation_entry ========== */
.blue-panel-wrapper { background: #4f90c8; }
@media screen and (min-width: 768px) { .blue-panel-wrapper { background: transparent; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .blue-panel-wrapper { margin-top: 20px; } }
.blue-panel-wrapper .blue-panel { background: #4f90c8; color: white; padding: 20px 25px 20px; height: 100%; }
@media screen and (min-width: 768px) { .blue-panel-wrapper .blue-panel { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 100%; padding-left: 30px; padding-right: 30px; margin-top: -20px; margin-bottom: -20px; } }
.blue-panel-wrapper .blue-panel blockquote { margin: 0; }
@media screen and (min-width: 768px) and (max-width: 991px) { .blue-panel-wrapper .blue-panel blockquote { margin-top: 9px; margin-bottom: 9px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .blue-panel-wrapper .blue-panel blockquote { margin-bottom: 10px; } }
@media screen and (min-width: 1200px) { .blue-panel-wrapper .blue-panel blockquote { margin-top: 10px; margin-bottom: 15px; } }

/* ========== C_002.2_citation_large ========== */
.component__citation-large--wrapper { padding: 24px 30px 12px; color: #4f90c8; text-align: left; }
@media screen and (min-width: 768px) { .component__citation-large--wrapper { padding: 18px 20px 15px; text-align: center; max-width: 88%; margin-left: auto; margin-right: auto; } }
.component__citation-large--wrapper .credit { margin-bottom: 20px; text-align: center; }

/* ========== C_004.1_stage_slider ========== */
.main-slider-wrapper { background: #f3f3f3; position: relative; width: 100%; }
@media screen and (max-width: 767px) { .main-slider-wrapper { /* Pure witchcraft recipe: We want slider to have frosted glass effect of fixed height, while holding responsive image and always correctly showing area of interest on that image. Frosted glass has 150px height, and area of interest height is 42% of slider images width (there is no mistake - we do calculate height from width, since %-defined paddings are calculated from width). */ padding-bottom: 42%; height: 150px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .main-slider-wrapper { height: 350px; } }
@media screen and (min-width: 992px) { .main-slider-wrapper { height: 466px; } }

.main-slider, .mini-slider { width: 100%; height: auto; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }
@media screen and (min-width: 1200px) { .main-slider, .mini-slider { max-width: 1600px; margin: 0 auto; } }
.main-slider .slider-caption-container, .mini-slider .slider-caption-container { height: 100%; margin: 0 auto; position: relative; }
@media screen and (min-width: 768px) { .main-slider .slider-caption-container, .mini-slider .slider-caption-container { max-width: 1250px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .main-slider .slider-caption-container, .mini-slider .slider-caption-container { padding: 0 32px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .main-slider .slider-caption-container, .mini-slider .slider-caption-container { padding: 0 56px; } }
.main-slider .slider-caption-row, .mini-slider .slider-caption-row { height: 100%; position: relative; }
@media screen and (min-width: 768px) { .main-slider .slider-caption-row, .mini-slider .slider-caption-row { margin: 0 -15px; } }
.main-slider .slider-caption-column, .mini-slider .slider-caption-column { height: 100%; position: relative; box-sizing: border-box; }
@media screen and (min-width: 768px) { .main-slider .slider-caption-column, .mini-slider .slider-caption-column { position: absolute; right: 0; top: 0; width: 33%; padding: 0 15px; } }
@media screen and (min-width: 768px) { .main-slider .slider-caption .short-caption, .mini-slider .slider-caption .short-caption { display: none; } }
@media screen and (max-width: 767px) { .main-slider .slider-caption .long-caption, .mini-slider .slider-caption .long-caption { display: none; } }
@media screen and (max-width: 767px) { .main-slider .img-responsive, .mini-slider .img-responsive { width: 100%; } }
@media screen and (min-width: 768px) { .main-slider .img-responsive, .mini-slider .img-responsive { width: auto; max-width: none; height: 100%; } }
@media screen and (min-width: 1300px) { .main-slider .img-responsive, .mini-slider .img-responsive { /* +100 in the media-query is a magic number here, it is correlated with image proportions */ width: 100%; height: auto; max-width: none; max-height: none; min-height: 100%; } }

/* ========== C_004.7_image_minislider ========== */
.mini-slider { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }
@media screen and (min-width: 768px) { .mini-slider .slider-caption-wrapper .prev-button-wrapper, .mini-slider .slider-caption-wrapper .next-button-wrapper, .mini-slider .slider-caption-wrapper .next-button-wrapper { display: block; } }
.mini-slider .scrollable-content, .mini-slider .cell, .mini-slider .cell-clone { height: 100%; }
.mini-slider .img-responsive { width: auto; height: auto; max-width: none; max-height: 101%; }
.mini-slider .caption-cell, .mini-slider .caption-cell.blue { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #4066b2; padding: 28px 15px 0; }
@media screen and (min-width: 768px) and (max-width: 991px) { .mini-slider .caption-cell, .mini-slider .caption-cell.blue { padding: 32px 60px 0; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .mini-slider .caption-cell, .mini-slider .caption-cell.blue { padding: 32px 80px 0; } }
@media screen and (min-width: 1200px) { .mini-slider .caption-cell, .mini-slider .caption-cell.blue { padding: 32px 110px 0; } }
.mini-slider .caption-cell h2, .mini-slider .caption-cell .h2, .mini-slider .caption-cell.blue h2, .mini-slider .caption-cell.blue .h2 { margin-bottom: 24px; }
@media screen and (min-width: 768px) { .mini-slider .caption-cell h2, .mini-slider .caption-cell .h2, .mini-slider .caption-cell.blue h2, .mini-slider .caption-cell.blue .h2 { margin-bottom: 16px; } }
@media screen and (min-width: 1200px) { .mini-slider .caption-cell h2, .mini-slider .caption-cell .h2, .mini-slider .caption-cell.blue h2, .mini-slider .caption-cell.blue .h2 { margin-bottom: 20px; } }
.mini-slider .caption-cell p, .mini-slider .caption-cell.blue p { font-size: 12px; line-height: 18px; }
@media screen and (min-width: 992px) { .mini-slider .caption-cell p, .mini-slider .caption-cell.blue p { font-size: 14px; line-height: 20px; } }
.mini-slider .caption-cell h2, .mini-slider .caption-cell .h2, .mini-slider .caption-cell p, .mini-slider .caption-cell .cell-text, .mini-slider .caption-cell.blue h2, .mini-slider .caption-cell.blue .h2, .mini-slider .caption-cell.blue p, .mini-slider .caption-cell.blue .cell-text { color: inherit; }
.mini-slider .caption-cell.white { color: white; }

.mini-slider.caption-below .slider-caption-wrapper .next-button-wrapper a.next-button, .mini-slider.caption-below .slider-caption-wrapper .prev-button-wrapper a.prev-button, .mini-slider.caption-below .slider-caption-wrapper .next-button-wrapper a.prev-button, .mini-slider.caption-below .slider-caption-wrapper .next-button-wrapper a.next-button { margin-top: -55px; }
.mini-slider.caption-below .cell, .mini-slider.caption-below .cell-clone { padding-bottom: 40px; }
.mini-slider.caption-below .cell-clone.last { height: 100%; }
.mini-slider.caption-below .caption-cell { background: #4f90c8; bottom: 0; color: white; left: 0; min-height: 40px; padding: 10px 20px; position: absolute; right: 0; top: auto; }
.mini-slider.caption-below .caption-cell .cell-text { margin-bottom: 0; }
.mini-slider.caption-below ul.page-indicator { margin-bottom: 40px; }

.component__image-minislider--wrapper { margin-top: 0px; }

/* ========== C_005.4_navigation_slider ========== */
.component__navigation-slider--wrapper, .component__navigation-slider--wrapper .slider-caption-wrapper { position: relative; margin: 0 0 50px; padding: 0 60px; }
@media screen and (max-width: 767px) { .component__navigation-slider--wrapper, .component__navigation-slider--wrapper .slider-caption-wrapper { margin: 10px 0 65px; padding: 0 30px; }
  .component__navigation-slider--wrapper img, .component__navigation-slider--wrapper .slider-caption-wrapper img { margin-bottom: 20px; } }
.component__navigation-slider--wrapper .item h1, .component__navigation-slider--wrapper .item h2, .component__navigation-slider--wrapper .item h3, .component__navigation-slider--wrapper .item h4, .component__navigation-slider--wrapper .item .component-comment .signin-hint p, .component-comment .signin-hint .component__navigation-slider--wrapper .item p, .component__navigation-slider--wrapper .item h5, .component__navigation-slider--wrapper .item .h1, .component__navigation-slider--wrapper .item .h2, .component__navigation-slider--wrapper .item .h3, .component__navigation-slider--wrapper .item .h4, .component__navigation-slider--wrapper .item .h5, .component__navigation-slider--wrapper .slider-caption-wrapper .item h1, .component__navigation-slider--wrapper .slider-caption-wrapper .item h2, .component__navigation-slider--wrapper .slider-caption-wrapper .item h3, .component__navigation-slider--wrapper .slider-caption-wrapper .item h4, .component__navigation-slider--wrapper .slider-caption-wrapper .item .component-comment .signin-hint p, .component-comment .signin-hint .component__navigation-slider--wrapper .slider-caption-wrapper .item p, .component__navigation-slider--wrapper .slider-caption-wrapper .item h5, .component__navigation-slider--wrapper .slider-caption-wrapper .item .h1, .component__navigation-slider--wrapper .slider-caption-wrapper .item .h2, .component__navigation-slider--wrapper .slider-caption-wrapper .item .h3, .component__navigation-slider--wrapper .slider-caption-wrapper .item .h4, .component__navigation-slider--wrapper .slider-caption-wrapper .item .h5 { margin: 0; }
.component__navigation-slider--wrapper .item:hover h3, .component__navigation-slider--wrapper .slider-caption-wrapper .item:hover h3 { color: #000066; }
@media screen and (min-width: 768px) { .component__navigation-slider--wrapper h3, .component__navigation-slider--wrapper .slider-caption-wrapper h3 { margin-top: -5px; } }
.component__navigation-slider--wrapper p, .component__navigation-slider--wrapper .slider-caption-wrapper p { margin-bottom: 0; }
.component__navigation-slider--wrapper .cell, .component__navigation-slider--wrapper .cell-clone, .component__navigation-slider--wrapper .slider-caption-wrapper .cell, .component__navigation-slider--wrapper .slider-caption-wrapper .cell-clone { padding: 8px 30px; }
@media screen and (min-width: 768px) { .component__navigation-slider--wrapper .even, .component__navigation-slider--wrapper .slider-caption-wrapper .even { border-right: 1px solid #d1d1d1; } }
.component__navigation-slider--wrapper .scrollable-tabs-overflow-container, .component__navigation-slider--wrapper .slider-caption-wrapper .scrollable-tabs-overflow-container { position: relative; width: auto; min-height: 80px; height: auto; margin: 50px 65px; }
.component__navigation-slider--wrapper .scrollable-container, .component__navigation-slider--wrapper .slider-caption-wrapper .scrollable-container { position: relative; }
.component__navigation-slider--wrapper .scrollable-container .scrollable-content, .component__navigation-slider--wrapper .slider-caption-wrapper .scrollable-container .scrollable-content { height: auto; margin-bottom: 0; }
.component__navigation-slider--wrapper .scrollable-container .scrollable-content:after, .component__navigation-slider--wrapper .slider-caption-wrapper .scrollable-container .scrollable-content:after { display: table; content: " "; clear: both; }
.component__navigation-slider--wrapper .scrollable-container .scrollable-content .cell.half, .component__navigation-slider--wrapper .scrollable-container .scrollable-content .cell-clone.half, .component__navigation-slider--wrapper .slider-caption-wrapper .scrollable-container .scrollable-content .cell.half, .component__navigation-slider--wrapper .slider-caption-wrapper .scrollable-container .scrollable-content .cell-clone.half { width: 50%; height: auto; }
.component__navigation-slider--wrapper .scrollable-container .scrollable-content .cell.half.item, .component__navigation-slider--wrapper .scrollable-container .scrollable-content .cell-clone.half.item, .component__navigation-slider--wrapper .slider-caption-wrapper .scrollable-container .scrollable-content .cell.half.item, .component__navigation-slider--wrapper .slider-caption-wrapper .scrollable-container .scrollable-content .cell-clone.half.item { margin: 0 !important; }
.component__navigation-slider--wrapper .prev-button-wrapper, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper, .component__navigation-slider--wrapper .next-button-wrapper, .component__navigation-slider--wrapper .slider-caption-wrapper .prev-button-wrapper, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper { display: block; width: 80px; height: auto; top: 0; bottom: 0; }
.component__navigation-slider--wrapper .prev-button-wrapper .prev-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .prev-button, .slider-caption-wrapper .next-button-wrapper .component__navigation-slider--wrapper .prev-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .prev-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .next-button-wrapper .prev-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .prev-button-wrapper .prev-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .prev-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button { width: 30px; }
@media screen and (min-width: 768px) { .component__navigation-slider--wrapper .prev-button-wrapper .prev-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .prev-button, .slider-caption-wrapper .next-button-wrapper .component__navigation-slider--wrapper .prev-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .next-button-wrapper .prev-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .prev-button-wrapper .prev-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button { margin-left: -10px; margin-right: 0; }
  .component__navigation-slider--wrapper .prev-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .prev-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button { margin-right: -10px; margin-left: 0; } }
.component__navigation-slider--wrapper .prev-button-wrapper .prev-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button:after, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .prev-button:after, .slider-caption-wrapper .next-button-wrapper .component__navigation-slider--wrapper .prev-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .prev-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .next-button-wrapper .prev-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .prev-button-wrapper .prev-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .prev-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after { color: #a6a6a6; }
.component__navigation-slider--wrapper .prev-button-wrapper .prev-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button:after, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .prev-button:after, .slider-caption-wrapper .next-button-wrapper .component__navigation-slider--wrapper .prev-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .next-button-wrapper .prev-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .prev-button-wrapper .prev-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .prev-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after { content: "\e628"; }
.component__navigation-slider--wrapper .prev-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after, .slider-caption-wrapper .component__navigation-slider--wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .prev-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after, .component__navigation-slider--wrapper .slider-caption-wrapper .next-button-wrapper .next-button:after { content: "\e627"; }
@media screen and (min-width: 768px) { .component__navigation-slider--wrapper ul.page-indicator, .component__navigation-slider--wrapper .slider-caption-wrapper ul.page-indicator { bottom: -35px; } }
@media screen and (max-width: 767px) { .component__navigation-slider--wrapper ul.page-indicator, .component__navigation-slider--wrapper .slider-caption-wrapper ul.page-indicator { bottom: -30px; } }
.component__navigation-slider--wrapper li, .component__navigation-slider--wrapper .slider-caption-wrapper li { margin: 0 6px; }
.component__navigation-slider--wrapper li a:after, .component__navigation-slider--wrapper .slider-caption-wrapper li a:after { color: #8e8e8e; }

/* ========== C_004.4_news_teaser ========== */
.feed > .item { margin: 0; color: #3e3e3e; }
.feed > .item + li { margin-top: 23px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .feed > .item + li { margin-top: 15px; } }
@media screen and (min-width: 992px) { .feed > .item + li { margin-top: 16px; } }
.feed > .item a { display: block; color: inherit; }
.feed > .item h3 { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; margin: 0; color: #4066b2; font-size: inherit; line-height: inherit; }
.feed > .item h4, .feed > .item .component-comment .signin-hint p, .component-comment .signin-hint .feed > .item p { color: #3e3e3e; margin-top: 0; }
.feed > .item a:hover h3, .feed > .item a:hover span { color: #000066; }
.feed > .item p { font-size: inherit; line-height: inherit; }
.feed > .item .pdf, .feed > .item .video { color: #4066b2; margin-right: 0.5em; }

/* ========== C_004.3_video_small / C_004.6_publication_teaser ========== */
.feed.video { margin-top: 20px; }

/* ========== C_003.6_contact_teaser_entry ========== */
.media-container.contact-container { position: relative; }
@media screen and (max-width: 767px) { .media-container.contact-container { margin-top: -85px; }
  .media-container.contact-container .img-responsive { position: relative; z-index: -1; } }
.media-container.contact-container .img-responsive { width: 100%; }
.media-container.contact-container .action-link { z-index: 10; margin: 0; position: absolute; bottom: 36%; left: 15px; max-width: 80%; }
@media screen and (min-width: 768px) { .media-container.contact-container .action-link { top: 18%; } }

/* ========== C_002.10_story_content ========== */
.component-story-content blockquote { color: #4f90c8; }
.component-story-content .credit { margin-top: 13px; }
@media screen and (max-width: 767px) { .component-story-content .quote-block { margin-left: 30px; } }
@media screen and (min-width: 768px) { .component-story-content .media-container { margin-bottom: 30px; } }

/* ========== C_003.2_first_teaser_focus_area / C_003.3_text_teaser_focus_area ========== */
.focus-area-table { overflow-x: hidden; }
.focus-area-table .component { margin-top: 0; }
.focus-area-table .row { margin-top: 0; margin-bottom: 0; }
@media screen and (min-width: 768px) and (max-width: 991px) { .focus-area-table .row { margin-left: -32px; margin-right: -32px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .focus-area-table .row { margin-left: -56px; margin-right: -56px; padding-left: 41px; padding-right: 41px; } }
.focus-area-table .focus-cell { display: block; color: #3e3e3e; padding-top: 37px; padding-bottom: 11px; }
@media screen and (min-width: 768px) { .focus-area-table .focus-cell { padding-top: 21px; padding-bottom: 6px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .focus-area-table .focus-cell { padding-bottom: 34px; } }
@media screen and (min-width: 1200px) { .focus-area-table .focus-cell { padding-top: 25px; padding-bottom: 19px; } }
.focus-area-table .focus-cell:after { content: " "; display: table; height: 1px; clear: both; }
.focus-area-table a.focus-cell { -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.focus-area-table a.focus-cell:hover { cursor: pointer; background-color: #d9d9d9; }
.focus-area-table a.focus-cell:hover h4, .focus-area-table a.focus-cell:hover .component-comment .signin-hint p, .component-comment .signin-hint .focus-area-table a.focus-cell:hover p { color: #000066; }
@media screen and (max-width: 767px) { .focus-area-table { /* cancelling inter-block margin */ }
  .focus-area-table .col-xs-12 + .col-xs-12 { margin-top: 0; }
  .focus-area-table * + .focus-cell, .focus-area-table .focus-cell + .col-xs-12 { border-top: 1px solid #d9d9d9; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .focus-area-table .focus-cell:nth-child(2n-1) { padding-left: 32px; }
  .focus-area-table .focus-cell:nth-child(2n) { border-left: 1px solid #d9d9d9; padding-right: 32px; }
  .focus-area-table .focus-cell:nth-child(n+3) { border-top: 1px solid #d9d9d9; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .focus-area-table .clearfix { margin-left: -56px; margin-right: -56px; } }
@media screen and (min-width: 992px) { .focus-area-table .focus-cell { height: 100%; }
  .focus-area-table .focus-cell + .focus-cell { border-left: 1px solid #d9d9d9; border-top: none; }
  .focus-area-table .clearfix { clear: both; border-top: 1px solid #d9d9d9; } }
.focus-area-table h2, .focus-area-table .h2 { margin: 0; color: white; }
.focus-area-table h4, .focus-area-table .component-comment .signin-hint p, .component-comment .signin-hint .focus-area-table p, .focus-area-table .h4 { margin-bottom: 15px; color: #4066b2; }
@media screen and (min-width: 992px) { .focus-area-table h4, .focus-area-table .component-comment .signin-hint p, .component-comment .signin-hint .focus-area-table p, .focus-area-table .h4 { margin-top: 5px; margin-bottom: 20px; } }
.focus-area-table h4 strong, .focus-area-table .component-comment .signin-hint p strong, .component-comment .signin-hint .focus-area-table p strong, .focus-area-table .h4 strong { font-family: inherit; color: #000066; line-height: inherit; font-size: 24px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .focus-area-table h4 strong, .focus-area-table .component-comment .signin-hint p strong, .component-comment .signin-hint .focus-area-table p strong, .focus-area-table .h4 strong { font-size: 24px; } }
@media screen and (min-width: 992px) { .focus-area-table h4 strong, .focus-area-table .component-comment .signin-hint p strong, .component-comment .signin-hint .focus-area-table p strong, .focus-area-table .h4 strong { font-size: 30px; } }
.focus-area-table h4.equalized-header, .focus-area-table .component-comment .signin-hint p.equalized-header, .component-comment .signin-hint .focus-area-table p.equalized-header { height: auto; }
@media screen and (min-width: 768px) { .focus-area-table h4.equalized-header, .focus-area-table .component-comment .signin-hint p.equalized-header, .component-comment .signin-hint .focus-area-table p.equalized-header { height: 40px; } }
@media screen and (min-width: 992px) { .focus-area-table h4.equalized-header, .focus-area-table .component-comment .signin-hint p.equalized-header, .component-comment .signin-hint .focus-area-table p.equalized-header { height: 78px; } }
.focus-area-table .bg-dark-blue:before { display: none; }
@media screen and (min-width: 992px) and (max-width: 1199px) { .focus-area-table .bg-dark-blue:before { content: " "; display: block; position: absolute; width: 41px; height: 100%; top: 0; right: 100%; bottom: 0; left: auto; background: #000066; } }
.focus-area-table p { font-size: 12px; line-height: 18px; }
@media screen and (min-width: 992px) { .focus-area-table p { font-size: 14px; line-height: 20px; } }
.focus-area-table .links-well { background: transparent; border-top: 1px solid #d9d9d9; margin: 0; padding-bottom: 32px; padding-top: 16px; }
.focus-area-table p.separator { background: white; float: left; /* to prevent margin collapse */ height: 1px; margin: 14px 0 12px; width: 46px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .focus-area-table p.separator { height: 1px; margin: 14px 0 0; width: 46px; } }
@media screen and (min-width: 992px) { .focus-area-table p.separator { height: 2px; margin: 16px 0 0; width: 38px; } }

/* special margins for focus areas on mobile */
@media screen and (max-width: 767px) { .content * + .focus-area-table { margin-bottom: 0; margin-top: 0; }
  .bg-container + .focus-area-table { margin-top: -15px; }
  .focus-area-table + .container { margin-top: 0; }
  .focus-area-table + .bg-container { margin-top: 0; } }
/* ========== C_003.4_image_copy_teaser ========== */
.half-width-news-item { font-size: 12px; line-height: 18px; display: block; }
@media screen and (min-width: 992px) { .half-width-news-item { font-size: 14px; line-height: 20px; } }
.half-width-news-item h4, .half-width-news-item .component-comment .signin-hint p, .component-comment .signin-hint .half-width-news-item p, .half-width-news-item .h4 { font-weight: normal; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; color: #4066b2; font-size: inherit; line-height: inherit; margin-bottom: 0; }
.half-width-news-item p { color: #3e3e3e; font-size: inherit; line-height: inherit; }
.half-width-news-item:hover h4, .half-width-news-item:hover .component-comment .signin-hint p, .component-comment .signin-hint .half-width-news-item:hover p { color: #000066; }

@media screen and (max-width: 767px) { /* adjusting inter-block margin */
  .col-xs-12 + .half-width-news-item { margin-top: 15px; }
  .half-width-news-item h4, .half-width-news-item .component-comment .signin-hint p, .component-comment .signin-hint .half-width-news-item p { margin-bottom: 0; } }
@media screen and (min-width: 768px) { .component-image-copy-teaser-small { margin-top: 0; } }
.component-image-copy-teaser-small .bordered-panel.tile { margin-bottom: 15px; }

/* ====== C_001.7_breadcrump_desktop_tablet ====== */
.bread-crumb { margin-bottom: -28px; padding-top: 18px; height: 28px; clear: both; color: #8e8e8e; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; }
@media screen and (max-width: 767px) { .bread-crumb { display: none; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .bread-crumb { max-width: 400px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .bread-crumb { max-width: 600px; } }
@media screen and (min-width: 1200px) { .bread-crumb { max-width: 700px; } }
@media screen and (min-width: 1200px) { .bread-crumb { font-size: 14px; } }
.bread-crumb li { display: inline-block; margin-right: 4px; white-space: nowrap; }
.bread-crumb li:before { content: "\e62b"; font-family: "zurich-icons"; margin-right: 4px; vertical-align: bottom; }
.bread-crumb li:first-child:before { content: ""; margin-right: 0; }
.bread-crumb li a { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; }
@media screen and (min-width: 1200px) { .bread-crumb li a { font-size: 14px; } }

/* ========== C_002.7_graphic_large ========== */
.project-facts-info-wrapper { padding-top: 1px; /* removing margin-collapse */ color: white; }
@media screen and (min-width: 768px) { .project-facts-info-wrapper { margin-bottom: 54px; } }
.project-facts-info-wrapper .project-facts-info-blue-wrapper { height: auto; padding-top: 1px; /* removing margin-collapse */ }
.project-facts-info-wrapper .project-facts-info-blue-wrapper .project-facts-info { font-family: "swis721_lt_btlight", "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 20px; }
@media screen and (min-width: 992px) { .project-facts-info-wrapper .project-facts-info-blue-wrapper .project-facts-info { font-size: 18px; line-height: 24px; } }
.project-facts-info-wrapper .project-facts-info-blue-wrapper .project-facts-info .cell-content { padding-top: 19px; padding-bottom: 12px; }
@media screen and (max-width: 767px) { .project-facts-info-wrapper .project-facts-info-blue-wrapper .project-facts-info .cell-content { background: #009efe; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } }
@media screen and (min-width: 768px) { .project-facts-info-wrapper .project-facts-info-blue-wrapper .project-facts-info .cell-content { padding-top: 46px; padding-bottom: 28px; } }
@media screen and (min-width: 768px) { .project-facts-info-wrapper .project-facts-info-blue-wrapper { background: #009efe; margin-top: 83px; }
  .project-facts-info-wrapper .project-facts-info-blue-wrapper .project-facts-info { margin-top: -83px; }
  .project-facts-info-wrapper .project-facts-info-blue-wrapper .project-facts-info .cell-header { position: relative; height: 83px; }
  .project-facts-info-wrapper .project-facts-info-blue-wrapper .col-sm-4 { border-left: 1px solid white; }
  .project-facts-info-wrapper .project-facts-info-blue-wrapper .cell-header { margin-left: -15px; margin-right: -15px; }
  .project-facts-info-wrapper .project-facts-info-blue-wrapper .cell-header .img-responsive { position: absolute; bottom: 0; width: 100%; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .project-facts-info-wrapper .project-facts-info-blue-wrapper { margin-top: 108px; }
  .project-facts-info-wrapper .project-facts-info-blue-wrapper .project-facts-info { margin-top: -108px; }
  .project-facts-info-wrapper .project-facts-info-blue-wrapper .project-facts-info .cell-header { position: relative; height: 108px; } }
@media screen and (min-width: 1200px) { .project-facts-info-wrapper .project-facts-info-blue-wrapper { margin-top: 142px; }
  .project-facts-info-wrapper .project-facts-info-blue-wrapper .project-facts-info { margin-top: -142px; }
  .project-facts-info-wrapper .project-facts-info-blue-wrapper .project-facts-info .cell-header { position: relative; height: 142px; } }

/* ========== component filter (applications: news releases overview, search results) ========== */
.component__filter--wrapper .colored-panel, .component__filter--wrapper .bordered-panel { margin-bottom: 0; }

@media screen and (min-width: 768px) and (max-width: 991px) { .filter-panels { width: auto; margin-left: -32px; margin-right: -32px; } }
.filter-panels.col-xs-12 { margin-top: 0; }
.filter-panels .col-xs-12 + .col-xs-12 { margin-top: 28px; }
@media screen and (min-width: 768px) { .filter-panels .col-xs-12 + .col-xs-12 { margin-top: 0px; } }
.filter-panels .colored-panel, .filter-panels .bordered-panel { background-color: #f3f3f3; padding-top: 1px; padding-bottom: 1px; }
@media screen and (min-width: 992px) { .filter-panels .colored-panel, .filter-panels .bordered-panel { padding-bottom: 24px; } }
.filter-panels .row.filter-panel { margin-top: 25px; margin-bottom: 27px; }
.filter-panels .row.filter-panel h4, .filter-panels .row.filter-panel .component-comment .signin-hint p, .component-comment .signin-hint .filter-panels .row.filter-panel p { margin-bottom: 0; }
@media screen and (min-width: 992px) { .filter-panels .row.filter-panel h4, .filter-panels .row.filter-panel .component-comment .signin-hint p, .component-comment .signin-hint .filter-panels .row.filter-panel p { margin-bottom: 16px; } }
.filter-panels .separator-line-bottom { margin-left: -30px; margin-right: -30px; }
.filter-panels .text-link, .filter-panels .show-more-link, .filter-panels .show-less-link, .filter-panels .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper .filter-panels .level-4 > li > a { margin-bottom: 0; }

.current-filters { margin-bottom: 0; padding-bottom: 5px; }
.current-filters li a { color: white; padding: 6px 35px 6px 12px; margin-bottom: 12px; display: block; background: #a6a6a6; position: relative; }
.current-filters li a.filters-topic { background: #c1c1c1; }
.current-filters li a.filters-topic:hover { background: #a6a6a6; }
.current-filters li a:hover { background: #8e8e8e; }
.current-filters li a.current-filter-remove:after { background-color: white; border-radius: 12px; color: #4066b2; content: "\2573"; display: block; font-family: 'zurich-icons'; font-size: 14px; height: 1.5em; line-height: 1em; padding: 3px 0 0 4px; position: absolute; right: 6px; top: 6px; width: 1.5em; }
@media screen and (min-width: 768px) and (max-width: 991px) { .current-filters li { width: 49%; display: inline-block; padding-right: 20px; }
  .current-filters li:last-child { padding-right: 0; } }

.available-filters { margin-bottom: 0; }
@media screen and (min-width: 768px) and (max-width: 991px) { .available-filters { margin-top: 2px; } }
.available-filters li { padding-bottom: 4px; white-space: nowrap; }
.available-filters li:last-child { padding-bottom: 0; }
@media screen and (min-width: 768px) and (max-width: 991px) { .available-filters li { display: inline-block; padding-right: 20px; } }
@media screen and (min-width: 992px) { .available-filters li { display: block; padding-right: 0; } }

/* headline block */
.filter-panels .filter-panel.headline { background-color: #e6e6e6; margin: -1px -32px 0 -32px; padding: 26px 15px; }
@media screen and (min-width: 992px) { .filter-panels .filter-panel.headline { margin: -1px -30px 0 -30px; } }
.filter-panels .filter-panel.headline h4, .filter-panels .filter-panel.headline .component-comment .signin-hint p, .component-comment .signin-hint .filter-panels .filter-panel.headline p { margin-bottom: 0; }

/* ========== C_004.18_linkedin ========== */
.link-item-author { display: inline-block; }
.link-item-author.twitter:after { content: "\e629"; }
.link-item-author.linkedin:after { content: "\e62a"; }
.link-item-author.twitter:after, .link-item-author.linkedin:after { color: #4066b2; display: inline-block; font-family: "zurich-icons"; font-size: 24px; left: -2px; line-height: 1em; position: relative; width: 22px; }
.link-item-author:hover:after { color: #000066; }

.author-information { margin-bottom: 14px; /** to get rid of margin bottom for the profile links line to fit design measures */ }
@media screen and (min-width: 992px) { .author-information { margin-top: 14px; } }
.author-information .media-container { float: left; padding: 0; margin: 4px 15px 0 0; }
.author-information .right-col-author { margin-bottom: 3px; padding-top: 0; }
.author-information .right-col-author strong { color: #3e3e3e; }
.author-information h4, .author-information .component-comment .signin-hint p, .component-comment .signin-hint .author-information p { margin-bottom: 23px; }
.author-information p + p { margin-bottom: 0; }

/** adds a top spacing to rearranged block if it's after a container */
.container + #rearrange-content { margin-top: 51px; }

/* ========== component modal window (not defined in docu yet) ========== */
.modal { overflow-y: hidden; position: absolute; min-height: 100%; bottom: auto; }
@media screen and (max-width: 767px) { .modal { top: 0; left: 0; }
  .modal:last-child { padding-bottom: 0; } }
.modal .btn-back { margin-left: 15px; margin-top: 10px; }
.modal .btn-back:before { font-family: 'zurich-icons'; content: '\e617'; margin-right: 4px; position: relative; top: 1px; }
.modal .modal-dialog { top: 0; height: 100%; }
@media screen and (max-width: 767px) { .modal .modal-dialog { padding: 0; background-color: white; } }
@media screen and (min-width: 768px) { .modal .modal-dialog { top: 20%; } }
@media screen and (min-width: 1200px) { .modal .modal-dialog { top: 100px; margin-bottom: 100px; } }
.modal .modal-content { border-radius: 0; }
.modal .modal-content .modal-header, .modal .modal-content .modal-footer { border: 0; }
.modal .modal-content .modal-footer { border-bottom: 7px solid #4066b2; padding: 22px 25px 22px 15px; }
@media screen and (min-width: 992px) { .modal .modal-content .modal-footer { padding: 22px 25px; } }
@media screen and (max-width: 767px) { .modal .modal-content .modal-footer { background-color: #d9d9d9; } }
.modal .modal-content .modal-footer .text-link, .modal .modal-content .modal-footer .show-more-link, .modal .modal-content .modal-footer .show-less-link, .modal .modal-content .modal-footer .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper .modal .modal-content .modal-footer .level-4 > li > a, .modal .modal-content .modal-footer .action-link { padding-right: 0; text-align: right; }
.modal .modal-content .modal-footer * + .text-link, .modal .modal-content .modal-footer * + .show-more-link, .modal .modal-content .modal-footer * + .show-less-link, .modal .modal-content .modal-footer .component__component-sitemap--wrapper .level-4 > li > * + a, .component__component-sitemap--wrapper .modal .modal-content .modal-footer .level-4 > li > * + a, .modal .modal-content .modal-footer * + .action-link { margin: 0 0 0 45px; }
.modal .modal-content .modal-footer .btn-back { margin-left: 0; margin-top: 0; }
.modal .modal-content .modal-header { min-height: auto; padding: 45px 38px 0 38px; }
.modal .modal-content .modal-header .modal-control { margin: -45px -38px 0 -38px; border-bottom: 1px solid #d9d9d9; height: 45px; }
.modal .modal-content .modal-header .modal-control .social-share, .modal .modal-content .modal-header .modal-control .component-share .share-btn, .component-share .modal .modal-content .modal-header .modal-control .share-btn { margin-right: 1px; }
.modal .modal-content .modal-header .modal-control .close { font-family: "zurich-icons"; color: #4066b2; font-size: 30px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); margin-top: 7px; margin-right: 10px; margin-left: 20px; }
@media screen and (max-width: 767px) { .modal .modal-content .modal-header .modal-control .close { display: none; } }
.modal .modal-content .modal-header .modal-control + .modal-title { padding-top: 36px; }
.modal .modal-content .modal-header .modal-title { font-family: "swis721_lt_btlight", "Helvetica Neue", Arial, sans-serif; font-size: 24px; line-height: 26px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .modal .modal-content .modal-header .modal-title { font-size: 24px; line-height: 28px; } }
@media screen and (min-width: 992px) { .modal .modal-content .modal-header .modal-title { font-size: 30px; line-height: 36px; } }
.modal .modal-content .modal-body { padding: 0 38px; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; }
@media screen and (min-width: 992px) { .modal .modal-content .modal-body { font-size: 14px; line-height: 20px; } }
.modal .modal-content .modal-body .media-container.full-width-image { margin-left: -38px; margin-right: -38px; }
.modal .modal-content .modal-body .media-container.full-width-image img { width: 100%; /* sample image is smaller than container - forcing stretch */ }

/* ========== knowledge_library components ========= */
.bordered-panel { background: none; border: 1px solid #e6e6e6; }
@media screen and (max-width: 767px) { .bordered-panel .media-container { margin-left: -15px; margin-right: -15px; } }
@media screen and (min-width: 768px) { .bordered-panel .media-container { margin-left: -30px; margin-right: -30px; } }
.bordered-panel .media-container:first-child { margin-top: -32px; }
.bordered-panel .media-container:last-child { margin-bottom: -32px; }
.bordered-panel:hover h3, .bordered-panel:hover .h3 { color: #000066; }

@media screen and (max-width: 767px) { .component__knowledge-teaser-1--wrapper, .component__knowledge-teaser-2--wrapper { margin-top: 0; }
  .component__knowledge-teaser-1--wrapper .bordered-panel, .component__knowledge-teaser-2--wrapper .bordered-panel { border-top: 0; }
  .component__knowledge-teaser-1--wrapper:first-child .bordered-panel, .component__knowledge-teaser-2--wrapper:first-child .bordered-panel { border: 1px solid #e6e6e6; } }
@media screen and (min-width: 768px) { .tile-set .component + .component { margin-top: 0px; } }
@media screen and (max-width: 767px) { .tile-set .component > .tile { margin-bottom: 0px; } }

.tile { padding: 28px 24px; }
.tile.bordered-panel .media-container { margin: -28px -24px 20px; }
@media screen and (max-width: 767px) { .tile { padding-left: 15px; padding-right: 15px; }
  .tile.bordered-panel .media-container { margin-left: -15px; margin-right: -15px; } }
@media screen and (min-width: 768px) { .tile { margin-bottom: 56px; } }
.tile h2, .tile .h2, .tile h3, .tile .h3 { color: #4066b2; }
.tile strong { color: #8e8e8e; }
.tile.mid-blue { color: white; }
.tile.mid-blue h2, .tile.mid-blue .h2, .tile.mid-blue h3, .tile.mid-blue .h3, .tile.mid-blue h4, .tile.mid-blue .component-comment .signin-hint p, .component-comment .signin-hint .tile.mid-blue p, .tile.mid-blue .h4 { color: inherit; }
.tile .date { font-size: 12px; line-height: 18px; color: #3e3e3e; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; margin-bottom: 0; }
@media screen and (min-width: 992px) { .tile .date { font-size: 14px; line-height: 20px; } }
.tile .date + h4, .tile .component-comment .signin-hint .date + p, .component-comment .signin-hint .tile .date + p, .tile .date + .h4 { margin-top: 0; }
.tile.featured { -webkit-transition: background-color 0.2s; position: relative; transition: background-color 0.2s; }
.tile.featured:after { background: #000066; color: white; content: attr(data-featured-label); display: block; font-size: 12px; padding: 0 4px; position: absolute; right: 0; top: 0; z-index: 1; }
.tile.featured:hover { background: #e6e6e6; }
.tile.featured:hover h3, .tile.featured:hover .h3 { color: #000066; }
.tile.past-event.featured:after { background: #a6a6a6; }

.share-counter.share-icon { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; margin-right: 3px; }
.share-counter.share-icon:after { position: relative; left: 5px; top: 6px; display: inline-block; color: #4066b2; font-size: 26px; font-family: "zurich-icons"; content: "\bb"; }

/* ======== knowledge_library most-loved-list ======= */
.component__most-loved--wrapper h3 { margin-bottom: 10px; }
.component__most-loved--wrapper li { margin-bottom: 15px; }
.component__most-loved--wrapper li h4, .component__most-loved--wrapper li .component-comment .signin-hint p, .component-comment .signin-hint .component__most-loved--wrapper li p { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; margin: 0; }
@media screen and (min-width: 992px) { .component__most-loved--wrapper li h4, .component__most-loved--wrapper li .component-comment .signin-hint p, .component-comment .signin-hint .component__most-loved--wrapper li p { font-size: 14px; line-height: 20px; } }
.component__most-loved--wrapper li:hover .text-link, .component__most-loved--wrapper li:hover .show-more-link, .component__most-loved--wrapper li:hover .show-less-link, .component__most-loved--wrapper li:hover .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper .component__most-loved--wrapper li:hover .level-4 > li > a { color: #000066; }
.component__most-loved--wrapper li a { margin-bottom: 0; }
.component__most-loved--wrapper .share-counter { color: #e6e6e6; }
.component__most-loved--wrapper .share-counter + * { margin-left: 1em; }
.component__most-loved--wrapper .text-link, .component__most-loved--wrapper .show-more-link, .component__most-loved--wrapper .show-less-link, .component__most-loved--wrapper .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper .component__most-loved--wrapper .level-4 > li > a { color: white; }

@media screen and (min-width: 768px) and (max-width: 991px) { .col-md-4 .component.col-sm-6.component__most-loved--wrapper { margin-top: 28px; } }
@media screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) { .col-md-4 .component.col-sm-6.component__most-loved--wrapper { margin-top: 56px; } }

/* ======== knowledge_library main-tag-bar ======= */
.main-tag-bar { font-size: 0; line-height: 40px; background: #f3f3f3; overflow: hidden; }
.main-tag-bar ul { margin-top: -3px; margin-bottom: -6px; }
.main-tag-bar li { background: #f3f3f3; color: #000066; display: inline-block; vertical-align: bottom; margin-top: 3px; border-right: 3px solid white; }
.main-tag-bar li .tag-item { font: 100 12px/20px "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-weight: normal; display: block; height: 40px; line-height: 34px; padding-left: 15px; padding-right: 15px; color: inherit; }
@media screen and (min-width: 992px) { .main-tag-bar li .tag-item { font-size: 14px; } }
@media screen and (min-width: 1200px) { .main-tag-bar li .tag-item { font-size: 15px; } }
.main-tag-bar li:hover, .main-tag-bar li.selected:hover { background: #000066; color: white; }
.main-tag-bar li.selected { background: #4066b2; color: white; }
@media screen and (max-width: 767px) { .main-tag-bar { border-bottom: 0; margin-bottom: 0; margin-left: -15px; margin-right: -15px; }
  .main-tag-bar li { display: block; border-bottom: 1px solid white; }
  .main-tag-bar li + li { border-left: 0; } }

.tag-selector-only { padding: 32px 12px 0 12px; }
@media screen and (max-width: 767px) { .tag-selector-only .media-container { margin: 0; } }

.tag-selector.content-collapsed { padding-top: 0; padding-bottom: 0; }

.tag-selector .btn-expand { text-align: center; padding-top: 10px; padding-bottom: 10px; }
.tag-selector .btn-expand:after { content: "\e61c"; display: inline-block; font-family: 'zurich-icons'; font-size: 16px; margin-left: 8px; position: relative; top: 2px; }
.tag-selector .btn-expand.collapsed:after { content: "\e621"; }

.content .tag-selector * + .row { margin-top: 0; padding-top: 16px; border-top: 1px solid #dadada; }

.tag-slider.slider-caption-wrapper { height: auto; position: relative; padding: 0; }
.tag-slider.slider-caption-wrapper .scrollable-tabs-overflow-container { position: relative; height: auto; }
.tag-slider.slider-caption-wrapper .prev-button-wrapper, .tag-slider.slider-caption-wrapper .next-button-wrapper, .tag-slider.slider-caption-wrapper .next-button-wrapper { display: none; }
@media screen and (max-width: 767px) { .tag-slider.slider-caption-wrapper { padding-left: 30px; padding-right: 30px; }
  .tag-slider.slider-caption-wrapper .prev-button-wrapper, .tag-slider.slider-caption-wrapper .next-button-wrapper, .tag-slider.slider-caption-wrapper .next-button-wrapper { display: block; width: 8px; height: 40px; }
  .tag-slider.slider-caption-wrapper .prev-button-wrapper a:after, .tag-slider.slider-caption-wrapper .next-button-wrapper a:after, .tag-slider.slider-caption-wrapper .next-button-wrapper a:after { color: #8e8e8e; font-size: 31px; top: 13px; }
  .tag-slider.slider-caption-wrapper .prev-button-wrapper, .tag-slider.slider-caption-wrapper .next-button-wrapper { position: absolute; left: 0; }
  .tag-slider.slider-caption-wrapper .prev-button-wrapper a:after, .tag-slider.slider-caption-wrapper .next-button-wrapper a:after { left: 0; }
  .tag-slider.slider-caption-wrapper .prev-button-wrapper .prev-button, .tag-slider.slider-caption-wrapper .next-button-wrapper .prev-button, .tag-slider.slider-caption-wrapper .next-button-wrapper .next-button { left: 0; }
  .tag-slider.slider-caption-wrapper .next-button-wrapper { position: absolute; right: 0; left: auto; }
  .tag-slider.slider-caption-wrapper .next-button-wrapper a:after { right: 0; left: auto; }
  .tag-slider.slider-caption-wrapper .next-button-wrapper .next-button { right: 0; }
  .tag-slider.slider-caption-wrapper .scrollable-tabs-overflow-container { white-space: nowrap; width: auto !important; overflow: hidden; }
  .tag-slider.slider-caption-wrapper .scrollable-tabs-overflow-container ul { position: relative; display: inline-block; } }

.tag-list { font-size: 0; line-height: 36px; margin-bottom: 8px; }
.tag-list .inline-cell { display: inline-block; }
.tag-list .inline-cell .tag-item { font-size: 12px; background: #8e8e8e; color: white; display: block; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; height: 28px; line-height: 28px; padding-left: 29px; padding-right: 15px; position: relative; }
@media screen and (min-width: 992px) and (max-width: 1199px) { .tag-list .inline-cell .tag-item { font-size: 14px; } }
@media screen and (min-width: 1200px) { .tag-list .inline-cell .tag-item { font-size: 16px; } }
.tag-list .inline-cell .tag-item:before { content: ' '; position: absolute; top: 0; left: 0; height: 100%; border-top: 14px solid #f3f3f3; border-right: 14px solid #8e8e8e; border-bottom: 14px solid #f3f3f3; width: 0; }
.tag-list .inline-cell .tag-item.tag-topic, .tag-list.topics .inline-cell .tag-item { background: #a6a6a6; }
.tag-list .inline-cell .tag-item.tag-topic:before, .tag-list.topics .inline-cell .tag-item:before { border-right-color: #a6a6a6; }
.tag-list .inline-cell .tag-item.tag-audience, .tag-list.audiences .inline-cell .tag-item { background: #b3b3b3; }
.tag-list .inline-cell .tag-item.tag-audience:before, .tag-list.audiences .inline-cell .tag-item:before { border-right-color: #b3b3b3; }
.tag-list .inline-cell .tag-item.tag-media, .tag-list.media-types .inline-cell .tag-item { background: #d1d1d1; }
.tag-list .inline-cell .tag-item.tag-media:before, .tag-list.media-types .inline-cell .tag-item:before { border-right-color: #d1d1d1; }
.tag-list .inline-cell + .inline-cell { margin-left: 8px; }
.tag-list.equal-margin .inline-cell { margin: 0 4px; }

.knowledge-sidebar .colored-panel, .knowledge-sidebar .bordered-panel { padding: 30px; margin: 0; }
.knowledge-sidebar .component-accordion:before, .knowledge-sidebar .component-accordion:after { margin: 0; display: none; }
.knowledge-sidebar .component-accordion ul { padding-left: 20px; }
.knowledge-sidebar .component-accordion ul li { margin-bottom: 10px; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; color: #a6a6a6; }
.knowledge-sidebar .component-accordion .panel-heading h3 a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
@media screen and (min-width: 768px) { .knowledge-sidebar .filter-panels { margin: 0; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .knowledge-sidebar .current-filters li { width: inherit; display: inherit; padding: 0; } }

.col-md-8 .component__resource-tags--wrapper .tag-selector-only { padding: 16px 30px; position: relative; }
.col-md-8 .component__resource-tags--wrapper .tag-selector-only:before { color: #4066b2; content: "\e636"; font-family: 'zurich-icons'; font-size: 16px; position: absolute; }
.col-md-8 .component__resource-tags--wrapper .media-container { margin-bottom: 0; }
.col-md-8 .component__resource-tags--wrapper .tag-list { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 0; padding-left: 25px; position: relative; }
@media screen and (min-width: 992px) { .col-md-8 .component__resource-tags--wrapper .tag-list { font-size: 14px; line-height: 20px; } }
.col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .inline-cell { margin: 0; padding: 0 20px 0 0; position: relative; }
.col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .inline-cell:before { color: #b3b3b3; content: "|"; font-size: 12px; position: absolute; left: -15px; top: -2px; }
.col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .inline-cell:first-child:before { content: ""; }
.col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .inline-cell .tag-item { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; background: none; color: #3e3e3e; display: inline-block; height: auto; padding: 0; }
@media screen and (min-width: 992px) { .col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .inline-cell .tag-item { font-size: 14px; line-height: 20px; } }
.col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .inline-cell .tag-item.tag-topic, .col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .tag-list.topics .inline-cell .tag-item, .tag-list.topics .col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .inline-cell .tag-item { color: #8e8e8e; }
.col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .inline-cell .tag-item.tag-audience, .col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .tag-list.audiences .inline-cell .tag-item, .tag-list.audiences .col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .inline-cell .tag-item { color: #b3b3b3; }
.col-md-8 .component__resource-tags--wrapper .tag-list.equal-margin .inline-cell .tag-item:before { border: none; }

/* ======== C_002.9_info_content ======= */
.component-info-content { font-weight: 100; font-family: "swis721_lt_btlight", "Helvetica Neue", Arial, sans-serif; color: #009efe; font-weight: 100; padding-bottom: 33px; padding-top: 46px; text-align: center; }
.component-info-content .font-mega, .component-info-content .font-giga, .component-info-content .font-tera { margin-bottom: 15px; }
@media screen and (max-width: 767px) { .component-info-content { padding-bottom: 12px; padding-top: 28px; } }
.component-info-content p span { margin: 0; }

/* ======== C_004.19_comment ======= */
.form-horizontal .comment-area { resize: none; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; }
@media screen and (min-width: 992px) { .form-horizontal .comment-area { font-size: 14px; line-height: 20px; } }
@media screen and (min-width: 992px) { .form-horizontal .comment-area { height: 150px; } }

.component-comment { padding: 33px 32px 21px 32px; }
@media screen and (max-width: 767px) { .component-comment { padding: 33px 15px 21px 15px; } }
.component-comment h3.h2 { margin-bottom: 25px; }
.component-comment .big-border-bottom { margin-top: 28px; margin-bottom: 32px; }
.component-comment .media-container { padding: 0; }
@media screen and (max-width: 767px) { .component-comment .media-container { margin: 0; } }
.component-comment .row.comment-form { margin-top: 0; }
.component-comment .row.comment-form .form-horizontal .form-panel .checkbox { margin: -2px 0 18px 8px; }
.component-comment .row.comment-form .form-horizontal .form-panel .checkbox label { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; }
@media screen and (min-width: 992px) { .component-comment .row.comment-form .form-horizontal .form-panel .checkbox label { font-size: 14px; line-height: 20px; } }
.component-comment .row.comment-form .form-horizontal .post-message-wrap { margin-bottom: 26px; }
.component-comment .row.comment-form .form-horizontal .post-message-wrap .post-message { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 0; padding-left: 30px; }
@media screen and (min-width: 992px) { .component-comment .row.comment-form .form-horizontal .post-message-wrap .post-message { font-size: 14px; line-height: 20px; } }
@media screen and (max-width: 767px) { .component-comment .row.comment-form .form-horizontal .post-message-wrap .post-message { padding-left: 0; } }
.component-comment .row.comment-form .form-horizontal button.action-link { padding-right: 0; }
.component-comment .row.comment-form .form-horizontal .action-link { margin-top: 19px; }
.component-comment .row.comment-form .form-horizontal .comment-validate { width: 50%; }
@media screen and (max-width: 767px) { .component-comment .row.comment-form .form-horizontal .comment-validate { width: 100%; } }
.component-comment .row.comment-form .form-horizontal .comment-validate label { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 3px; color: #e9635b; }
@media screen and (min-width: 992px) { .component-comment .row.comment-form .form-horizontal .comment-validate label { font-size: 14px; line-height: 20px; } }
.component-comment .row.comment-form .form-horizontal .comment-validate .comment-validation-key { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 24px; width: 140px; margin-bottom: 18px; text-align: center; color: white; background: #3da909; }
@media screen and (min-width: 992px) { .component-comment .row.comment-form .form-horizontal .comment-validate .comment-validation-key { line-height: 23px; } }
.component-comment .row.comment-form .col-sm-10 { padding-left: 8px; }
@media screen and (max-width: 767px) { .component-comment .row.comment-form .col-sm-10 { padding-left: 15px; } }
.component-comment .comment-user .text-link, .component-comment .comment-user .show-more-link, .component-comment .comment-user .show-less-link, .component-comment .comment-user .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper .component-comment .comment-user .level-4 > li > a { float: right; }
@media screen and (max-width: 767px) { .component-comment .comment-user .text-link, .component-comment .comment-user .show-more-link, .component-comment .comment-user .show-less-link, .component-comment .comment-user .component__component-sitemap--wrapper .level-4 > li > a, .component__component-sitemap--wrapper .component-comment .comment-user .level-4 > li > a { float: none; } }
.component-comment .comment-user .comment-loggedin { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #8e8e8e; padding-left: 9px; margin-bottom: 4px; }
@media screen and (min-width: 992px) { .component-comment .comment-user .comment-loggedin { font-size: 14px; line-height: 20px; } }
.component-comment .comment-user .comment-loggedin .link-item-author { margin: 0 8px 0 6px; }
@media screen and (max-width: 767px) { .component-comment .comment-user .comment-loggedin { padding-left: 0; }
  .component-comment .comment-user .comment-loggedin .linkedin-user { white-space: nowrap; }
  .component-comment .comment-user .comment-loggedin .linkedin-user .link-item-author { margin-left: 0; } }
@media screen and (min-width: 768px) { .component-comment .comment-user.clearfix:after { display: inline; } }
.component-comment .comment-user .media-container { padding: 5px 0 0 0; }
.component-comment .signin-hint { margin-top: -4px; padding-bottom: 2px; }
.component-comment .signin-hint p { margin-bottom: 17px; }
.component-comment .signin-hint .sign-in { margin-left: 4px; }
.component-comment .comments-list .comment { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; }
@media screen and (min-width: 992px) { .component-comment .comments-list .comment { font-size: 14px; line-height: 20px; } }
.component-comment .comments-list .comment.row { margin-top: 0; }
.component-comment .comments-list .comment .col-sm-10 { margin-top: -3px; padding-left: 8px; }
.component-comment .comments-list .comment + .row.comment { margin-top: 18px; }
.component-comment .comments-list .comment .comment-date { color: #8e8e8e; }

/* ========== C_003.4_image_copy_teaser ========== */
.component__highlight-teaser-2--wrapper, .component__highlight-teaser-3--wrapper, .component__image-copy-teaser-small--wrapper { display: block; }
.component__highlight-teaser-2--wrapper h4, .component__highlight-teaser-2--wrapper .component-comment .signin-hint p, .component-comment .signin-hint .component__highlight-teaser-2--wrapper p, .component__highlight-teaser-3--wrapper h4, .component__image-copy-teaser-small--wrapper h4, .component__highlight-teaser-3--wrapper .component-comment .signin-hint p, .component-comment .signin-hint .component__highlight-teaser-3--wrapper p, .component__image-copy-teaser-small--wrapper .component-comment .signin-hint p, .component-comment .signin-hint .component__image-copy-teaser-small--wrapper p { color: #4066b2; margin-bottom: 0; margin-top: 20px; }
.component__highlight-teaser-2--wrapper p, .component__highlight-teaser-3--wrapper p, .component__image-copy-teaser-small--wrapper p { color: #3e3e3e; }
.component__highlight-teaser-2--wrapper:hover h4, .component__highlight-teaser-2--wrapper:hover .component-comment .signin-hint p, .component-comment .signin-hint .component__highlight-teaser-2--wrapper:hover p, .component__highlight-teaser-3--wrapper:hover h4, .component__image-copy-teaser-small--wrapper:hover h4, .component__highlight-teaser-3--wrapper:hover .component-comment .signin-hint p, .component-comment .signin-hint .component__highlight-teaser-3--wrapper:hover p, .component__image-copy-teaser-small--wrapper:hover .component-comment .signin-hint p, .component-comment .signin-hint .component__image-copy-teaser-small--wrapper:hover p { color: #000066; }

@media screen and (min-width: 768px) { .content .col-sm-6.component.component__highlight-teaser-2--wrapper, .content .col-sm-4.component.component__highlight-teaser-3--wrapper, .content .col-sm-4.component.component__image-copy-teaser-small--wrapper { margin-top: 0; } }

.component__highlight-teaser-3--wrapper h4, .component__image-copy-teaser-small--wrapper h4, .component__highlight-teaser-3--wrapper .component-comment .signin-hint p, .component-comment .signin-hint .component__highlight-teaser-3--wrapper p, .component__image-copy-teaser-small--wrapper .component-comment .signin-hint p, .component-comment .signin-hint .component__image-copy-teaser-small--wrapper p { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; }
@media screen and (min-width: 992px) { .component__highlight-teaser-3--wrapper h4, .component__image-copy-teaser-small--wrapper h4, .component__highlight-teaser-3--wrapper .component-comment .signin-hint p, .component-comment .signin-hint .component__highlight-teaser-3--wrapper p, .component__image-copy-teaser-small--wrapper .component-comment .signin-hint p, .component-comment .signin-hint .component__image-copy-teaser-small--wrapper p { font-size: 14px; line-height: 20px; } }

/* ========== C_003.11_3_column_teaser ========== */
@media screen and (min-width: 768px) { .column-teaser { margin-top: 0; margin-bottom: 24px; } }
@media screen and (max-width: 767px) { .column-teaser { display: block; margin-bottom: 0; margin-top: 0; }
  .column-teaser:first-child .bordered-panel { border: 1px solid #e6e6e6; } }
.column-teaser .bordered-panel { height: 100%; margin-bottom: 0; padding: 12px; }
@media screen and (max-width: 767px) { .column-teaser .bordered-panel { border-top: 0; padding-left: 15px; padding-right: 15px; } }
.column-teaser .bordered-panel p { padding-top: 4px; margin-bottom: 0; color: #3e3e3e; }

/* ======== C_003.8_image_copy_teaser_small ======= */
.component__image-copy-teaser-small--wrapper { margin-top: 20px; }
.component__image-copy-teaser-small--wrapper:first-child { margin-top: 0; }
@media screen and (min-width: 768px) { .component__image-copy-teaser-small--wrapper { margin-top: 0; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .component__image-copy-teaser-small--wrapper p { margin-bottom: 20px; } }

/* ======== C_003.12_download_news_teaser ======= */
.component__download-news-teaser--wrapper .colored-panel, .component__download-news-teaser--wrapper .bordered-panel { padding-bottom: 15px; padding-top: 28px; }
@media screen and (min-width: 768px) { .component__download-news-teaser--wrapper .colored-panel, .component__download-news-teaser--wrapper .bordered-panel { padding-bottom: 32px; } }
.component__download-news-teaser--wrapper h3.h2 { margin-top: 6px; }
.component__download-news-teaser--wrapper h3 + .row { margin-top: 21px; }
.component__download-news-teaser--wrapper .download-news-teaser { margin: 0; }
.component__download-news-teaser--wrapper .download-news-teaser ul { margin: 0; }
.component__download-news-teaser--wrapper .download-news-teaser ul > li { margin: 0; }
.component__download-news-teaser--wrapper .download-news-teaser a { display: block; margin-bottom: 20px; }
@media screen and (max-width: 767px) { .component__download-news-teaser--wrapper .download-news-teaser li:first-child a, .component__download-news-teaser--wrapper .download-news-teaser:first-child a { margin-top: 0; } }
.component__download-news-teaser--wrapper .download-news-teaser .media-container .caption.bg-none { padding: 15px 0 0 0; margin: 0; }
@media screen and (max-width: 767px) { .component__download-news-teaser--wrapper .download-news-teaser .media-container { margin-top: 32px; } }

.bg-container.bg-light-grey .colored-panel, .bg-container.bg-light-grey .bordered-panel { padding-left: 0; padding-right: 0; padding-bottom: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; background-color: transparent; }

/* ======== C_005.3_link_list  ======= */
.component-link-list h3 { margin-bottom: 18px; }
.component-link-list a { display: inline-block; margin-bottom: 18px; }

/* ========== C_004.25_search_content ========== */
@media screen and (min-width: 992px) { .component__search-content--wrapper + .component__global-search-results-1--wrapper, .component__search-content--wrapper + .component__global-search-results-2--wrapper { margin-top: 46px; } }

.search-results { clear: both; }
.search-results:before, .search-results:after { content: " "; display: table; clear: both; height: 0px; }
.search-results .emphasis { background: #a6a6a6; color: white; display: inline-block; font-size: 12px; margin: 0 6px; padding: 0 5px; text-transform: uppercase; }
.search-results p, .search-results ul { margin-bottom: 0; }
.search-results .path li { color: #8e8e8e; display: inline; }
.search-results .path li:before { content: "\e62b"; font-family: "zurich-icons"; font-size: 9px; margin-right: 4px; position: relative; }
.search-results .path li:first-child:before { content: ""; margin-right: 0; }
.search-results .path a { color: #8e8e8e; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; }
.search-results .path a:hover { color: #000066; }
.search-results .meta { color: #8e8e8e; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; }

/* ========== C_004.31_location_finder_stage ========== */
/* location map */
@media screen and (max-width: 767px) { .component-location-map { padding-bottom: 0; height: 466px; } }
.component-location-map .map { height: 466px; width: 100%; }
@media screen and (min-width: 768px) and (max-width: 991px) { .component-location-map .map { height: 350px; } }
.component-location-map .cluster > div:hover { color: #000066 !important; }
.component-location-map .location-info { height: 466px; margin-top: -466px; z-index: 2; }
@media screen and (min-width: 768px) and (max-width: 991px) { .component-location-map .location-info { margin-top: -370px; } }
.component-location-map .location-info .company-name { color: #4f90c8; margin-bottom: 56px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .component-location-map .location-info .company-name { margin-bottom: 40px; } }
.component-location-map .location-info .info { background: white; width: 50%; height: 350px; min-width: 250px; max-width: 400px; position: relative; margin: 15px; margin-right: 10%; padding: 15px; border-bottom: 5px solid #4066b2; line-height: 1.5; }
@media screen and (min-width: 768px) and (max-width: 991px) { .component-location-map .location-info .info { height: 300px; } }
.component-location-map .location-info .info a { margin-right: 15px; }
.component-location-map .location-info .info a:before { position: relative; left: -3px; top: 1px; display: inline-block; height: 20px; margin-right: 2px; width: auto; line-height: inherit; font-size: inherit; font-family: 'zurich-icons'; content: "\e60d"; }
.component-location-map .location-info .info a.btn-close { margin: 0; z-index: 1; }
.component-location-map .location-info .info a.btn-close:before { content: ""; margin: 0; }

/* location filter */
.location-filter a.locate-link { margin: 6px 0 0; }
.location-filter .form-horizontal { margin: 0; padding: 40px 0; }
@media screen and (max-width: 767px) { .location-filter .form-horizontal { padding: 20px 0; }
  .location-filter .locate-link:before { font-size: 36px; left: 0; margin-right: 8px; position: relative; top: 9px; } }
@media screen and (min-width: 1200px) { .location-filter.bg-light-grey, .media-container .location-filter.caption.bg-light-grey { border-bottom: 1px solid #d9d9d9; } }

.content .location-filter { margin-bottom: 0; /* this is the actual distance from main menu, */ /* 24 (breadcrumb padding) + 17 (breadcrumb) + 56 (location-filter margin)*/ margin-top: 97px; }

/* location box */
.location-box.colored-panel, .location-box.bordered-panel { border-left: 5px solid #003399; margin-bottom: 12px; margin-left: 0; padding-bottom: 25px; padding-top: 25px; }
@media screen and (max-width: 767px) { .location-box.colored-panel, .location-box.bordered-panel { padding-bottom: 35px; padding-top: 35px; margin-left: 15px; margin-right: 15px; } }
.location-box.colored-panel .company-name, .location-box.bordered-panel .company-name { color: #4f90c8; margin-bottom: 56px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .location-box.colored-panel .company-name, .location-box.bordered-panel .company-name { margin-bottom: 40px; } }
.location-box .row { margin-top: 20px; }
.location-box .row.phone-number-wrapper + .row.fax-number-wrapper { margin-top: 0; }
.location-box p { margin-bottom: 0; }
.location-box .category { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; }
.location-box .category .business-type { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; }
.location-box .links-well { margin-bottom: 0; }
@media screen and (max-width: 767px) { .location-box .links-well a { display: block; }
  .location-box .links-well .hide-element { display: none; }
  .location-box .links-well { margin-top: 24px; } }

/* ========== components on media page (not defined yet) ========== */
.range-control .selectboxit-container .selectboxit.form-control { background: #f3f3f3; }
.range-control .selectboxit-text { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; }

.result-line { margin: 0 0 20px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .result-line { margin: 40px 0 0; } }
@media screen and (min-width: 992px) { .result-line { margin: 22px 0 0; } }
.result-line h4, .result-line .component-comment .signin-hint p, .component-comment .signin-hint .result-line p { margin-bottom: 0; }
.result-line h4 strong, .result-line .component-comment .signin-hint p strong, .component-comment .signin-hint .result-line p strong { color: #8e8e8e; }
.result-line .links-well { margin: 19px -15px 0 -15px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .result-line .links-well { padding-left: 32px; padding-right: 32px; margin: 19px -32px 0 -32px; } }
@media screen and (min-width: 992px) { .result-line .links-well { margin: 18px 0 0 0; } }
.result-line .no-result-element { display: none; }
.result-line .no-result-element ul { margin: 15px 20px; }
.result-line .no-result-element p { margin-top: 15px; }

.no-search-results .result-line .no-result-element { display: block; }
.no-search-results .result-line span.no-result-element { display: inline; }

.search-article { color: #3e3e3e; margin-bottom: 24px; font-family: "swis721_lt_btlight", "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 20px; }
@media screen and (min-width: 992px) { .search-article { font-size: 18px; line-height: 24px; } }
.search-article .search-article__article-info { display: block; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; }
@media screen and (min-width: 992px) { .search-article .search-article__article-info { font-size: 14px; line-height: 20px; } }
.search-article .search-article__article-info .search-article__article-category { color: #8e8e8e; }

/* ========== C_004.21_upcoming_events ========== */
@media screen and (min-width: 768px) { .component__upcoming-events--wrapper:first-child { margin-top: 56px; } }
.component__upcoming-events--wrapper li.tile { margin-bottom: 24px; padding: 20px; }
@media screen and (max-width: 767px) { .component__upcoming-events--wrapper li.tile { margin-bottom: 6px; padding-left: 15px; padding-right: 15px; } }
.component__upcoming-events--wrapper h4, .component__upcoming-events--wrapper .component-comment .signin-hint p, .component-comment .signin-hint .component__upcoming-events--wrapper p { color: #000066; margin-bottom: 20px; }
.component__upcoming-events--wrapper h4 span, .component__upcoming-events--wrapper .component-comment .signin-hint p span, .component-comment .signin-hint .component__upcoming-events--wrapper p span { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; display: block; font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: inherit; line-height: inherit; margin: 0; }
@media screen and (min-width: 992px) { .component__upcoming-events--wrapper h4 span, .component__upcoming-events--wrapper .component-comment .signin-hint p span, .component-comment .signin-hint .component__upcoming-events--wrapper p span { font-size: 14px; line-height: 20px; } }
.component__upcoming-events--wrapper .past-event .add-link { display: none; }
.component__upcoming-events--wrapper .colored-panel, .component__upcoming-events--wrapper .bordered-panel { background: #e6e6e6; }
.component__upcoming-events--wrapper .colored-panel .links-well, .component__upcoming-events--wrapper .bordered-panel .links-well { background: #d9d9d9; margin: 0 -20px -20px; padding-left: 20px; padding-right: 20px; }
.component__upcoming-events--wrapper .colored-panel .links-well a, .component__upcoming-events--wrapper .bordered-panel .links-well a { margin-bottom: 0; margin-top: 0; }

/* ========== C_003.5_download_teaser / C_003.7_contact_teaser / C_003.17_event_detail  ==========*/
.component__download-teaser--wrapper .h2, .component__contact-teaser--wrapper .h2, .component__event-detail--wrapper .h2 { margin-bottom: 20px; }
.component__download-teaser--wrapper p, .component__download-teaser--wrapper a, .component__contact-teaser--wrapper p, .component__contact-teaser--wrapper a, .component__event-detail--wrapper p, .component__event-detail--wrapper a { margin-bottom: 16px; }

.component__event-detail--wrapper .localized-downloads { display: block; margin-left: 37px; }
.component__event-detail--wrapper .localized-downloads a:first-child { margin-left: 0; }
.component__event-detail--wrapper .localized-downloads span.link-divider:before { content: '|'; margin-right: 25px; margin-left: 25px; }
.component__event-detail--wrapper p.link { font-weight: normal; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; display: block; margin-bottom: 0; }
@media screen and (min-width: 768px) { .component__event-detail--wrapper ul { margin-bottom: -26px; }
  .component__event-detail--wrapper .localized-downloads { display: inline-block; margin-left: 0; margin-bottom: 26px; }
  .component__event-detail--wrapper .localized-downloads a:first-child { margin-left: 20px; }
  .component__event-detail--wrapper p.link { display: inline-block; } }
@media screen and (min-width: 1200px) { .component__event-detail--wrapper .localized-downloads a:first-child { margin-left: 0; }
  .component__event-detail--wrapper .localized-downloads span.link-divider:before { margin-right: 0; margin-left: 0; } }

/* ========== C_004.14_accordion ========== */
.component-accordion { margin-bottom: 15px; /* overwrite bootstrap styles */ /* customized styles */ }
.component-accordion.panel-group .panel { border: none; border-radius: 0; box-shadow: none; margin: 0; }
.component-accordion.panel-group .panel-default > .panel-heading + .panel-collapse .panel-body { border: medium none; }
.component-accordion.panel-group .panel-heading { background: none; border-radius: 0; padding: 0; }
@media screen and (max-width: 767px) { .component-accordion { margin-left: -15px; margin-right: -15px; } }
.component-accordion:before, .component-accordion:after { content: ""; display: block; margin: 0 12px; }
.component-accordion:before { border-top: 14px solid #f3f3f3; }
.component-accordion:after { border-bottom: 14px solid #f3f3f3; }
.component-accordion .panel:first-child .panel-heading { border-top: 1px solid #d9d9d9; }
.component-accordion .panel-heading { border-bottom: 1px solid #d9d9d9; }
.component-accordion .panel-heading:hover h3 a:before { color: #000066; }
.component-accordion .panel-heading h3 a { font-size: 16px; line-height: 20px; font-weight: normal; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; background: #f3f3f3; color: #8e8e8e; display: block; padding: 20px 24px 20px 2.4em; text-indent: -1.2em; }
@media screen and (min-width: 992px) { .component-accordion .panel-heading h3 a { font-size: 18px; line-height: 24px; } }
.component-accordion .panel-heading h3 a:before { color: #4066b2; content: '\e62d'; display: inline-block; font-family: 'zurich-icons'; text-align: center; width: 1.2em; }
.component-accordion .panel-heading h3 a:focus { outline: none; }
@media screen and (min-width: 768px) { .component-accordion .panel-heading h3 a { padding-left: 3.6em; padding-right: 80px; text-indent: -1.8em; }
  .component-accordion .panel-heading h3 a:before { width: 1.8em; } }
.component-accordion .panel-heading h3 a.collapsed { background: none; color: #000066; }
.component-accordion .panel-heading h3 a.collapsed:before { content: '\e62c'; }
.component-accordion .panel-collapse { border-bottom: 1px solid #d9d9d9; }
.component-accordion .panel-body { padding: 30px 24px 18px; }
@media screen and (min-width: 992px) { .component-accordion .panel-body { padding-right: 80px; } }

/* ========== sitemap ========== */
.component__component-sitemap--wrapper .colored-panel, .component__component-sitemap--wrapper .bordered-panel { margin-bottom: 12px; padding-bottom: 46px; padding-top: 26px; }
@media screen and (max-width: 767px) { .component__component-sitemap--wrapper .colored-panel, .component__component-sitemap--wrapper .bordered-panel { padding-bottom: 26px; } }
.component__component-sitemap--wrapper .root > li > a, .component__component-sitemap--wrapper .root > li > span > a { font-family: "swis721_lt_btlight", "Helvetica Neue", Arial, sans-serif; font-size: 24px; line-height: 26px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .component__component-sitemap--wrapper .root > li > a, .component__component-sitemap--wrapper .root > li > span > a { font-size: 24px; line-height: 28px; } }
@media screen and (min-width: 992px) { .component__component-sitemap--wrapper .root > li > a, .component__component-sitemap--wrapper .root > li > span > a { font-size: 30px; line-height: 36px; } }
.component__component-sitemap--wrapper .root > li > a { padding: 0; }
.component__component-sitemap--wrapper li { display: block; }
.component__component-sitemap--wrapper li > .sitemap-menublock > a, .component__component-sitemap--wrapper li > a { display: block; padding-top: 8px; padding-bottom: 8px; }
@media screen and (min-width: 1200px) { .component__component-sitemap--wrapper li > .sitemap-menublock > a, .component__component-sitemap--wrapper li > a { padding-top: 10px; padding-bottom: 10px; } }
.component__component-sitemap--wrapper .level-2 { height: auto; padding-top: 8px; -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; -o-column-count: 1; column-count: 1; /** .column is a columnizer class, currently only applied on IE8 */ }
@media screen and (min-width: 768px) { .component__component-sitemap--wrapper .level-2 { -webkit-column-gap: 30px; -moz-column-gap: 30px; -ms-column-gap: 30px; -o-column-gap: 30px; column-gap: 30px; -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; column-fill: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }
@media screen and (min-width: 992px) { .component__component-sitemap--wrapper .level-2 { -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; } }
.component__component-sitemap--wrapper .level-2 > .column { padding-right: 30px; }
.component__component-sitemap--wrapper .level-2 > li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -ms-column-break-inside: avoid; -o-column-break-inside: avoid; column-break-inside: avoid; /* see also "Firefox fix for column breaks" (just search across this document) */ break-inside: avoid-column; /* sitemap-menublock is needed to support browsers which can't handle break-inside */ }
.component__component-sitemap--wrapper .level-2 > li .sitemap-menublock { display: inline-block; width: 100%; }
.component__component-sitemap--wrapper .level-2 > li + li, .component__component-sitemap--wrapper .level-2 > .column > li + li { margin-top: 19px; }
.component__component-sitemap--wrapper .level-2 > li > a, .component__component-sitemap--wrapper .level-2 > li > .sitemap-menublock > a, .component__component-sitemap--wrapper .level-2 > .column > li > a { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 22px; }
@media screen and (min-width: 992px) and (max-width: 1199px) { .component__component-sitemap--wrapper .level-2 > li > a, .component__component-sitemap--wrapper .level-2 > li > .sitemap-menublock > a, .component__component-sitemap--wrapper .level-2 > .column > li > a { font-size: 14px; line-height: 16px; } }
@media screen and (min-width: 1200px) { .component__component-sitemap--wrapper .level-2 > li > a, .component__component-sitemap--wrapper .level-2 > li > .sitemap-menublock > a, .component__component-sitemap--wrapper .level-2 > .column > li > a { font-size: 16px; line-height: 18px; } }
.component__component-sitemap--wrapper .level-3 > li > a { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 22px; }
@media screen and (min-width: 992px) and (max-width: 1199px) { .component__component-sitemap--wrapper .level-3 > li > a { font-size: 14px; line-height: 16px; } }
@media screen and (min-width: 1200px) { .component__component-sitemap--wrapper .level-3 > li > a { font-size: 16px; line-height: 18px; } }
.component__component-sitemap--wrapper .level-4 > li > a { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 22px; margin-bottom: 0; }
@media screen and (min-width: 992px) and (max-width: 1199px) { .component__component-sitemap--wrapper .level-4 > li > a { font-size: 14px; line-height: 16px; } }
@media screen and (min-width: 1200px) { .component__component-sitemap--wrapper .level-4 > li > a { font-size: 16px; line-height: 18px; } }
.component__component-sitemap--wrapper .level-5 > li > a { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; padding: 0 0 6px 32px; }
@media screen and (min-width: 1200px) { .component__component-sitemap--wrapper .level-5 > li > a { font-size: 14px; } }

/* Firefox fix for column breaks. Hopefully as soon as firefox drop support for this prefixed property they will also fix the multi column rendering. See also @mixin column-break-inside ($value). */
@-moz-document url-prefix() { .component__component-sitemap--wrapper .level-2 > li { display: table; } }

/* ========== C_004.28_load_more ========== */
@media screen and (min-width: 768px) { .component__load-more--wrapper { margin-bottom: 10px; margin-top: 45px; } }
.component__load-more--wrapper img { height: 2.4em; left: -2px; margin-right: 4px; position: relative; top: 0; width: 2.4em; }
.component__load-more--wrapper p { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 12px; color: #4066b2; display: inline-block; margin-bottom: 0; }
@media screen and (min-width: 992px) { .component__load-more--wrapper p { font-size: 14px; } }
.component__load-more--wrapper a:hover * { color: #000066; }

/* ========== C_004.19_comments ========== */
.comment-form .form-horizontal .comment-area { resize: none; font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; }
@media screen and (min-width: 992px) { .comment-form .form-horizontal .comment-area { height: 150px; } }
.comment-form .form-horizontal .form-panel .checkbox { margin: 0 0 23px 10px; }
.comment-form .form-horizontal .form-panel .checkbox label { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; }
.comment-form .form-horizontal .post-message-wrap { margin-bottom: 26px; }
.comment-form .form-horizontal .post-message-wrap .post-message { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 0; padding-left: 30px; }
.comment-form .form-horizontal .action-link { margin-top: 26px; }
.comment-form .form-horizontal .comment-validate { width: 50%; }
.comment-form .form-horizontal .comment-validate label { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #e9635b; }

.comment-date { color: #8e8e8e; }

.author-image-small { width: 60px; }

.comment-loggedin { font-family: "swis721_btbold", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #8e8e8e; }
@media screen and (min-width: 992px) { .comment-loggedin { font-size: 14px; line-height: 20px; } }

.white-border { border: 1px solid white; }

.big-border-bottom { border-bottom: 3px solid white; }

.hide-overflow { overflow: hidden; }

.subheader { color: #3e3e3e; }

/* ========== C_002.3_abstract ========== */
.component__abstract--wrapper + .component__image-content-large--wrapper { margin-top: 6px; }
.component__abstract--wrapper .font-mega em { font-family: "swiss_721_swaroman", "Helvetica Neue", Arial, sans-serif; font-size: 12px; margin-right: 12px; }
@media screen and (min-width: 992px) { .component__abstract--wrapper .font-mega em { font-size: 14px; } }

/* ========== C_003.6_contact_teaser_entry ============ */
@media screen and (max-width: 767px) { .component__contact-teaser-entry--wrapper .media-container { margin-bottom: 0; } }

/* ========== C_004.38_seperate_links ========== */
.component__seperate-links--wrapper { margin-top: 19px; }
@media screen and (max-width: 767px) { .component__seperate-links--wrapper { margin-bottom: 35px; } }

/* ========== C_004.39_contact_form ======== */
.component__contact-form--wrapper button.text-link, .component__contact-form--wrapper button.show-more-link, .component__contact-form--wrapper button.show-less-link { padding-top: 3px; }

/* ========== C_004.25_search_content ======== */
.component__search-content--wrapper .form-horizontal { margin-bottom: 32px; }

/* ========= P_???_follow_up_options_placeholder_box =========== */
.placeholder__follow-up-options--wrapper { margin-left: 0; margin-right: 0; }

/* ========= knowledge search =========== */
@media screen and (min-width: 768px) and (max-width: 991px) { .placeholder_knowledge_library_placeholder--wrapper .component__search-content--wrapper:first-child, .placeholder_knowledge_library_placeholder--wrapper .component__search-content--wrapper { padding-top: 0; padding-bottom: 0; } }
@media screen and (max-width: 767px) { .placeholder_knowledge_library_placeholder--wrapper .component__search-content--wrapper:first-child, .placeholder_knowledge_library_placeholder--wrapper .component__search-content--wrapper { margin-top: -27px; padding-bottom: 32px; padding-top: 10px; } }
.placeholder_knowledge_library_placeholder--wrapper .component__search-content--wrapper:first-child .btn-expand span, .placeholder_knowledge_library_placeholder--wrapper .component__search-content--wrapper .btn-expand span { display: none; }

/* ========== slider functionality ========== */
/* scrolling functionality */
.scrollable-container { width: 100%; height: 100%; overflow: hidden; position: relative; }

.scrollable-content { height: 100%; position: absolute; left: 0; top: 0; }

.scrollable-container, .slider-caption { position: absolute; }

.scrollable-container.slave, .slider-caption { width: 100%; top: auto; right: 0; bottom: 0; left: 0; }
@media screen and (max-width: 767px) { .scrollable-container.slave, .slider-caption { height: 150px; } }
@media screen and (min-width: 768px) { .scrollable-container.slave, .slider-caption { width: auto; height: 100%; top: 0; right: 15px; bottom: 0; left: 15px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .scrollable-container.slave, .slider-caption { right: -17px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { .scrollable-container.slave, .slider-caption { right: -41px; } }

.scrollable-content { width: 100%; }

.scrollable-container.slave .scrollable-content { width: 100%; height: 100%; }
@media screen and (max-width: 767px) { .scrollable-container.slave .scrollable-content { bottom: 0; height: 200%; top: auto; } }
@media screen and (min-width: 768px) { .scrollable-container.slave .scrollable-content { width: 300%; height: 100%; margin-left: -200%; top: 0; } }

.cell, .cell-clone { margin: 0 auto; display: block; height: 100%; float: left; overflow: hidden; position: relative; }
@media screen and (min-width: 768px) and (max-width: 991px) { .cell, .cell-clone { height: 350px; } }
@media screen and (min-width: 992px) { .cell, .cell-clone { height: 466px; } }
.cell .img-stretched, .cell-clone .img-stretched { width: 100%; height: 100%; }

.cell-clone.last, .cell-clone.before-last { position: absolute; top: 0; bottom: 0; height: auto; float: none; }

/* dragging functionality */
.draggable { cursor: url(../images/cursor_drag.gif), move; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; /* 1x1 px transparent image, in order to get IE8-IE9 click events on this object */ background: transparent url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) repeat center top; }
.draggable.grab { cursor: url(../images/cursor_grab.gif), move; }

.slider-caption-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
@media screen and (min-width: 1200px) { .slider-caption-wrapper { padding: 0 56px 0 56px; } }
.slider-caption-wrapper .prev-button-wrapper, .slider-caption-wrapper .next-button-wrapper { display: none; position: absolute; width: 8%; height: 100%; top: 0; right: auto; bottom: 0; left: 0; }
.slider-caption-wrapper .prev-button-wrapper .prev-button, .slider-caption-wrapper .next-button-wrapper .prev-button, .slider-caption-wrapper .next-button-wrapper .next-button { position: absolute; width: auto; height: 70px; top: 50%; margin-top: -35px; right: auto; left: 15px; cursor: pointer; }
@media screen and (min-width: 992px) and (max-width: 1199px) { .slider-caption-wrapper .prev-button-wrapper .prev-button, .slider-caption-wrapper .next-button-wrapper .prev-button, .slider-caption-wrapper .next-button-wrapper .next-button { left: 20px; } }
@media screen and (min-width: 1200px) { .slider-caption-wrapper .prev-button-wrapper .prev-button, .slider-caption-wrapper .next-button-wrapper .prev-button, .slider-caption-wrapper .next-button-wrapper .next-button { left: 40px; } }
.slider-caption-wrapper .prev-button-wrapper .prev-button:after, .slider-caption-wrapper .next-button-wrapper .prev-button:after, .slider-caption-wrapper .next-button-wrapper .next-button:after { color: white; content: "\e628"; display: block; font-family: 'zurich-icons'; font-size: 75px; left: -26px; line-height: 1em; opacity: 1; position: absolute; width: auto; }
.slider-caption-wrapper .next-button-wrapper { right: 0; left: auto; }
.slider-caption-wrapper .next-button-wrapper .next-button { right: 15px; left: auto !important; /* important is for IE8 with respond.js */ }
@media screen and (min-width: 992px) and (max-width: 1199px) { .slider-caption-wrapper .next-button-wrapper .next-button { right: 20px; } }
@media screen and (min-width: 1200px) { .slider-caption-wrapper .next-button-wrapper .next-button { right: 40px; } }
.slider-caption-wrapper .next-button-wrapper .next-button:after { left: auto; content: "\e627"; right: -26px; }
.slider-caption-wrapper .prev-button-wrapper a.prev-button:hover, .slider-caption-wrapper .next-button-wrapper a.prev-button:hover, .slider-caption-wrapper .next-button-wrapper a.next-button:hover, .slider-caption-wrapper .next-button-wrapper a.next-button:hover { width: 20px; }
.slider-caption-wrapper .prev-button-wrapper a.prev-button:hover:after, .slider-caption-wrapper .next-button-wrapper a.prev-button:hover:after, .slider-caption-wrapper .next-button-wrapper a.next-button:hover:after { margin-left: -8px; }
.slider-caption-wrapper .next-button-wrapper a.next-button:hover:after { margin-right: -8px; }

/* indicator */
ul.page-indicator { position: absolute; top: auto; right: 0; bottom: 16px; left: 0; text-align: center; margin: 0; line-height: 12px; height: 12px; font-size: 0; }
@media screen and (min-width: 768px) and (max-width: 991px) { ul.page-indicator { display: none; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { ul.page-indicator { bottom: 24px; } }
@media screen and (min-width: 1200px) { ul.page-indicator { bottom: 32px; } }
ul.page-indicator li { display: inline-block; width: auto; height: 100%; font-size: inherit; line-height: inherit; }
ul.page-indicator li a { display: inline-block; width: 14px; height: 14px; font-size: inherit; line-height: inherit; opacity: .6; filter: alpha(opacity=50); }
ul.page-indicator li a:after { content: "\e615"; height: 14px; width: 14px; display: inline-block; color: white; font-family: 'zurich-icons'; font-size: 14px; }
ul.page-indicator li a:hover, ul.page-indicator li a.active { opacity: 1; filter: alpha(opacity=100); }
ul.page-indicator li + li { margin-left: 12px; }

/* caption */
.slider-caption { background: rgba(255, 255, 255, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80FFFFFF', endColorstr='#80FFFFFF'); /* IE8 */ }
.slider-caption .caption-cell, .slider-caption .caption-cell.blue { display: block; position: absolute; height: auto; right: 0; bottom: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #003399; padding: 14px 15px; }
@media screen and (max-width: 767px) { .slider-caption .caption-cell, .slider-caption .caption-cell.blue { top: 0; overflow: hidden; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .slider-caption .caption-cell, .slider-caption .caption-cell.blue { padding: 34px 32px 34px 40px; } }
@media screen and (min-width: 992px) { .slider-caption .caption-cell, .slider-caption .caption-cell.blue { padding: 51px 56px 51px 56px; } }
.slider-caption .caption-cell.white h2 { color: white; }

.caption-cell { /* separator within stage image */ /* separator within stage slider frontpage */ }
.caption-cell h2 { margin: 0; color: inherit; }
.caption-cell h2.h1 { color: #000066; }
.caption-cell .separator { background: #003399; display: block; height: 1px; margin: 14px 0 0; position: relative; width: 48px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .caption-cell .separator { height: 1px; margin: 14px 0 24px; width: 30px; } }
@media screen and (min-width: 992px) { .caption-cell .separator { height: 2px; margin: 15px 0 38px; width: 38px; } }
.caption-cell .h1 + .separator { background: #000066; height: 1px; margin: 8px 0 0; width: 36px; }
@media screen and (min-width: 768px) and (max-width: 991px) { .caption-cell .h1 + .separator { height: 2px; margin: 12px 0 30px; width: 32px; } }
@media screen and (min-width: 992px) { .caption-cell .h1 + .separator { height: 2px; margin: 17px 0 46px; width: 42px; } }
.caption-cell.white .separator { background: white; }
.caption-cell .action-link { margin: 0; margin-top: 12px; }
@media screen and (max-width: 767px) { .caption-cell .action-link { position: absolute; bottom: 16px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .caption-cell.cr-map .action-link { margin-top: 21px; } }
@media screen and (min-width: 992px) { .caption-cell.cr-map .action-link { margin-top: 45px; } }
 .phone_only {display: none !important; }
@media screen and (max-width: 767px) {
    .steps_container .container {padding: 0 !important;}
    .social-links-wrapper {
height: 66px;
}
    .social-links-wrapper h2 {margin-bottom:-8px !important;
    }
        .phone_only {display: block !important;}
}






@media screen and (min-width: 767px){
    .navbar .navbar-nav.main-menu li a { font-family: "swiss_721_swaroman" !important;font-size: 15px !important; margin-right: 12px !important;  } 
.big-logo {
margin: 27px 0 20px !important;
}
.footer .copyright {
margin-bottom: 14px !important;
}
.social-links-wrapper {
margin-bottom: 11px;
}
}

@media screen and (min-width: 768px) and (max-width:990px) {
    .navbar .navbar-nav.main-menu li a {
        font-family: "swiss_721_swaroman" !important;
        font-size: 15px !important;
        margin-right: 12px !important;
    }

    .big-logo {
        margin: 30px 0 20px !important;
    }

    .footer .copyright {
        margin-bottom: 14px !important;
    }

    .social-links-wrapper {
        margin-bottom: 11px;
    }

    .navbar .navbar-nav.main-menu, .navbar .navbar-nav.main-menu li a {
        border-bottom: 5px solid #4066b2 !important;
    }

    .menu-blue-border-bg-wrapper .menu-blue-border-bg {
        height: 5px !important;
    }

    .navbar .navbar-nav.main-menu li a {
        padding-bottom: 11px !important;
    }

    .navbar .navbar-nav.main-menu {
        height: 37px !important;
    }
    .social-links-wrapper {
        margin-bottom: 11px !important;
    }
}


@media screen and (max-width:767px) {
    .footer .social_ph {
        display: inline-block !important;
    }

    .xs-nav-header .container {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .social-links-wrapper {
        height: 66px;
        padding-top: 11px !important;
    }

    .footer {
        padding-bottom: 0 !important;
    }
    .footer .copyright{
      
       margin-bottom:20px !important;
       margin-top:7px !important;       
    }

    .footer .separator {
font-size: 0;
line-height: 0;
height: 1px;
background: #000;
width: auto;
padding: 0;
}
}


/* Loading */
#loading-screen
{
    display: none;
    position: absolute;
    left: 0px;
    top: 50px;
    width: 100%;
    height: 100%;
    /*width: 935px;
    height: 496px;*/
    /*margin: -50px 0 0 -132px;*/
    /*padding: 30px;*/
    /*background: url("images/box_engine_4_n.png") no-repeat scroll 0 0;*/
    background: url(images/empty_px.png) repeat center center;
    z-index: 8476;
}
#loading-screen.page1
{
    top: 0px !important;
    /*background: url("images/box_engine_3_n.png") no-repeat scroll 0 0 !important;*/
    /*background: url(images/empty_px.png) repeat center center;*/
    width: 100% !important;
    height: 100% !important;
    /*margin-left: 15px;
    margin-top: 34px;*/
    /*margin-left: 14px;
    margin-top: 26px;*/
}

#loading-screen.page1_small
{
    background: url("images/box_engine_3_n.png") no-repeat scroll 0 0 !important;
    width: 653px !important;
    height: 148px !important;    
}

#loading-screen .anim_container {
    display: block;    
    position: absolute;
    left: 50%;
    top: 50%;
    /*width: 205px;
    height: 121px;*/
    width: 216px;
    height: 112px;
    margin: -45px 0 0 -108px;
    /*margin: -91px 0 0 -132px;*/
    /*padding: 30px;*/
    /*background: url("images/wnd_loader_1.png") no-repeat scroll 0 0;*/
    z-index: 8478;
    background-color: #f5f5f5;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.4);
    behavior: url(pie/PIE.htc);
}
#loading-screen.page1 .anim_container {
    margin: -37px 0 0 -108px !important;
}
    #loading-screen .animation {
        display: block;
        color: #4167b2;
        font-family: swiss_721_swaroman;
        width: 100%;
        height: 100%;
        line-height: 112px !important;
        padding-left: 106px;
        text-align: left;
        /*margin: 15px 0 10px 0;*/
        background: url("images/loader_1.gif") no-repeat 28px center;
    }
.loading_animation {
    display: block;
    height: 70px;
    margin: 15px 0 10px 0;
    background: url("images/loader_1.gif") no-repeat scroll center 0;
}
.loading_text
{
    color: #2481c2; text-align: center; padding-top: 25px; font-size: 18px;
}

#loading-screen p {
    color: #0072b4;
    text-align: center;
}
#loading-screen.in_popup {
    top: 0px !important;
}
#loading-screen.in_popup .anim_container{
    margin-top: -56px !important;
}
/* End - Loading */